/* The game is the screen. Garage and settings never shrink the play area. */
html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{height:100dvh;background:#20342e}header{position:fixed;inset:0 0 auto;height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:#f6f5f0;z-index:10}.brand-logo{width:40px;height:40px}.brand-name{font-size:21px}.brand-name small{font-size:6px;margin-top:4px}.live{display:none}.header-right{gap:7px}.header-right button{height:34px;padding:0 10px;font-size:11px}.header-right #fullscreen{font-size:20px;width:38px;padding:0}main{padding:0;max-width:none}.intro,footer,.map-footer{display:none}.layout{display:block}.game-panel{position:fixed;inset:calc(52px + env(safe-area-inset-top)) 0 0;display:flex;flex-direction:column;border-radius:0;box-shadow:none}.dashboard{height:64px;min-height:64px;padding:0 max(14px,env(safe-area-inset-left));gap:18px;background:#20342e}.dashboard>div{flex:1}.dashboard span{font-size:9px;margin-bottom:3px;letter-spacing:1px}.dashboard strong{font-size:24px}.dashboard small{font-size:11px;display:inline}.dashboard button{width:44px;height:44px;flex-shrink:0;font-size:20px}.playfield{flex:1;min-height:0;width:100%;position:relative}#game{position:absolute;inset:0;width:100%;height:100%;outline:none;touch-action:none}.map-tag{top:12px;left:12px;font-size:9px}.minimap-wrap{position:absolute;right:max(12px,env(safe-area-inset-right));top:12px;width:144px;pointer-events:none;border:1px solid #e5f1d888;border-radius:8px;overflow:hidden;box-shadow:0 3px 12px #132d3230}#minimap{display:block;width:100%;height:auto}.minimap-wrap span{display:block;background:#20342e;color:#d5e7d0;font-size:8px;letter-spacing:.7px;padding:5px;text-align:center}#overview{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));padding:12px 15px;background:#20342ee8;color:#fff;border:1px solid #cce2bf;border-radius:10px;font-size:12px;height:48px}.touch{display:block;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));z-index:2}.touch button{width:64px;height:60px;margin:3px;border:1px solid #f0f7e3;border-bottom:4px solid #a6ba9e;border-radius:14px;background:#f9fff0ed;color:#24432e;font-size:29px;box-shadow:0 3px 10px #20342e33}.touch button:active{background:#bbdf9c;transform:translateY(2px)}.touch>div{display:flex}.overlay{z-index:4;background:#15262088}.modal{width:380px;max-height:calc(100% - 20px);overflow:auto;padding:22px;max-width:92%;}.modal-logo{width:65px;height:65px}.modal h2{font-size:34px}.modal>p:not(.eyebrow){font-size:13px}.modal>small{font-size:11px;line-height:1.6;display:block}.primary{min-height:48px}.modal .secondary{border:1px solid #c7d4bc;background:transparent;padding:11px 16px;border-radius:8px;margin:0 0 12px;width:100%;color:#315831}#toast{bottom:175px;z-index:5;font-size:13px;max-width:90%;white-space:normal;text-align:center}aside{display:none!important;position:fixed;z-index:30;inset:0 0 0 auto;width:360px;max-width:100%;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));background:#f6f5f0;overflow:auto;box-shadow:-10px 0 60px #14251f66;margin:0}aside.drawer-open{display:block!important}#closeGarage{background:#20342e;color:white;width:100%;border:0;border-radius:8px;padding:14px;margin-bottom:18px;font-weight:700}.garage{margin-top:20px}.next{margin-top:15px}.map-picker{margin-bottom:16px}#screenHint{font-size:10px;color:#73876d}.drawer-open .vehicle svg{width:66px}.drawer-open .vehicle b{font-size:12px}@media(max-width:600px){.brand-name{display:none!important}.brand-logo{margin-right:0;width:36px;height:36px}.header-right{gap:5px}.header-right button{padding:0 8px;font-size:10px}.dashboard{gap:10px}.dashboard span{font-size:8px;letter-spacing:.4px}.dashboard strong{font-size:23px}.dashboard #level small{display:block;font-size:9px;white-space:nowrap;max-width:135px;overflow:hidden;text-overflow:ellipsis}.dashboard #packages small{font-size:14px}.map-tag{font-size:8px;top:10px;left:10px;padding:8px}.minimap-wrap{width:112px;top:10px;right:10px}.touch button{width:60px;height:58px}.touch{left:12px;bottom:max(18px,env(safe-area-inset-bottom))}.modal{padding:18px}.modal h2{font-size:30px}}@media(max-height:500px){header{height:40px}.brand-logo{width:30px;height:30px}.brand-name{display:none}.game-panel{top:40px}.dashboard{height:48px;min-height:48px}.dashboard strong{font-size:20px}.dashboard #level small{display:inline;margin-left:5px}.dashboard button{height:36px}.map-tag{display:none}.minimap-wrap{width:105px;top:8px}.touch button{width:54px;height:46px;margin:2px}.touch{bottom:8px}.modal{max-width:480px;padding:12px 20px}.modal-logo{display:none}.modal h2{font-size:27px;margin:5px}.modal .eyebrow{margin:4px}.modal>p:not(.eyebrow){margin:6px}.primary{margin:6px 0 8px;min-height:40px;padding:10px}.modal .secondary{padding:8px;margin-bottom:4px}.modal>small{font-size:9px}#toast{bottom:120px}}@media(pointer:fine) and (min-width:1000px){.touch{opacity:.65}.minimap-wrap{width:192px}}
.game-panel{height:calc(100dvh - 52px - env(safe-area-inset-top));align-self:stretch}@media(max-height:500px){.game-panel{height:calc(100dvh - 40px)}}