@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#fff8e8;background:#203c38;font-synthesis:none;--cream:#fff8e8;--gold:#ffc766;--dark:#193632}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffc766;outline-offset:5px}[hidden]{display:none!important}#game{height:100svh;min-height:400px;overflow:hidden;position:relative}#world{display:block;width:100%;height:100%;outline:none;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#102d3655,transparent 24%,transparent 70%,#112a3666)}.game-top{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:26px 32px;pointer-events:none}.game-top>*{pointer-events:auto}.game-brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:1px;text-shadow:0 2px 10px #16322860}.game-brand>span{width:40px;height:40px;border-radius:12px;background:#ec5e3c;display:grid;place-items:center;font-size:27px;font-style:italic}.game-brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:2px}.shift-label{text-align:center;margin-right:100px;text-shadow:0 2px 10px #16322860}.shift-label span{font-size:14px;font-weight:800;letter-spacing:4px}.shift-label small{display:block;font-size:11px;letter-spacing:2px;margin-top:6px;opacity:.8}.icon-button{border:1px solid #ffffff44;border-radius:12px;background:#193632a8;color:var(--cream);height:44px;width:44px;font-weight:700;font-size:22px;backdrop-filter:blur(10px)}.icon-button:disabled{opacity:.5}.dashboard{position:absolute;top:110px;left:32px;width:192px;display:grid;gap:12px;pointer-events:none}.timer,.cargo,.route-panel{background:#193632dc;border:1px solid #fff8e82b;border-radius:16px;box-shadow:0 8px 32px #162c2720;backdrop-filter:blur(14px)}.timer{padding:18px 21px}.timer>span,.cargo>span{font-size:11px;font-weight:800;letter-spacing:2px;color:#d2decd}.timer strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:62px;line-height:1.05;letter-spacing:1px;font-variant-numeric:tabular-nums;margin:6px 0 12px}.time-track{height:4px;border-radius:3px;background:#ffffff22;overflow:hidden}.time-track i{height:100%;width:100%;display:block;background:var(--gold);transform-origin:left;transition:background .3s}.timer.urgent strong{color:#ff947e}.timer.urgent i{background:#ff806c}.cargo{padding:17px 21px}.cargo p{font-size:13px;margin:12px 0 0;color:#d4dfcf}.cargo strong{color:#fff;font-size:16px}#cargo-boxes{display:flex;gap:5px;margin-top:14px}#cargo-boxes i{width:21px;height:16px;border-radius:3px;border:1px solid #ffe0ac;background:#bd7349;box-shadow:0 3px 0 #855238;transition:opacity .2s}#cargo-boxes i.empty{opacity:.18}.route-panel{position:absolute;right:32px;bottom:85px;width:215px;padding:16px}.route-heading{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.3px}.route-heading strong{color:var(--gold);white-space:nowrap}#map{width:100%;display:block;margin:10px 0 4px}.map-key{display:flex;justify-content:center;gap:16px;font-size:11px;color:#c1d3c9}.map-key span{display:flex;align-items:center;gap:5px}.map-key i{width:5px;height:5px;border-radius:50%;background:var(--gold)}.map-key span:last-child i{background:white}.controls{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:22px;white-space:nowrap;font-size:12px;text-shadow:0 2px 8px #0008}.controls span{display:flex;align-items:center;gap:7px}kbd{font:600 11px 'DM Sans',sans-serif;border:1px solid #fff6;background:#1936328c;border-radius:5px;padding:5px 7px;color:var(--cream)}.dispatch{position:absolute;left:50%;transform:translateX(-50%);top:105px;background:#193632b8;border:1px solid #fff2;border-radius:30px;padding:11px 20px;font-size:13px;text-align:center;max-width:calc(100% - 500px);transition:opacity .3s;pointer-events:none}.dispatch:empty{opacity:0}.interaction{position:absolute;left:50%;bottom:100px;transform:translateX(-50%);display:grid;justify-items:center;gap:8px}.interaction>span{font-weight:700;font-size:14px;background:#193632bd;padding:6px 14px;border-radius:20px}.interaction button{background:var(--cream);border:0;box-shadow:0 5px 0 #c6aa78,0 10px 30px #18363030;border-radius:12px;padding:13px 20px;font-weight:800;font-size:15px;display:flex;gap:12px;align-items:center;color:var(--dark);white-space:nowrap}.interaction kbd{background:var(--dark);font-size:14px}.curtain{position:absolute;inset:0;display:flex;align-items:center;padding:40px max(7vw,28px);background:linear-gradient(90deg,#122e2cf5 0%,#122e2cdd 30%,#122e2c30 72%,#122e2c0);z-index:5}.intro-card{width:min(490px,100%);padding:18px 0}.secret-label{font-size:11px;letter-spacing:2.6px;font-weight:700;color:var(--gold);display:flex;gap:10px;align-items:center}.secret-label:before{content:'';width:25px;height:1px;background:var(--gold)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(70px,8.2vw,118px);font-weight:800;letter-spacing:-1.5px;line-height:.87;margin:23px 0 25px}h1 em{color:var(--gold);font-style:normal}.intro-card>p{font-size:16px;line-height:1.7;color:#d0dccd;max-width:400px}.brief{display:grid;gap:12px;margin:25px 0 30px;font-size:14px}.brief b{color:var(--gold);font-size:11px;margin-right:12px;letter-spacing:1px}.start-button{background:var(--gold);color:var(--dark);border:0;border-radius:8px;font-size:16px;font-weight:800;letter-spacing:.2px;padding:19px 32px;box-shadow:0 5px 0 #ae7741;display:block;transition:transform .15s,background .15s}.start-button:hover{background:#ffd789;transform:translateY(-2px)}.start-button:disabled{opacity:.55;cursor:wait}.back-link{display:inline-block;color:#bbc9bb;font-size:12px;margin-top:25px}.back-link:hover{color:var(--gold)}.touch-controls{display:none}.no-script{position:absolute;inset:0;z-index:10;background:var(--dark);padding:50px;font-size:20px}body:not(.playing) .dashboard,body:not(.playing) .route-panel,body:not(.playing) .controls,body:not(.playing) .dispatch,body:not(.playing) .touch-controls{visibility:hidden}body:not(.playing) .game-top{z-index:6}.game-top a:hover{color:var(--gold)}
@media(pointer:coarse){.touch-controls{position:absolute;left:24px;right:24px;bottom:24px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.touch-controls button{pointer-events:auto;touch-action:none;color:white;background:#193632b8;border:1px solid #fff5;width:48px;height:48px;border-radius:12px;font-size:23px;user-select:none}.touch-controls button:active{background:#bc8551}.dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:5px;pointer-events:auto}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.touch-controls .sprint{font-size:13px;font-weight:800;width:65px;height:65px;border-radius:50%}.controls{display:none}.route-panel{bottom:150px}.interaction{bottom:155px}}
@media(max-width:700px){.game-top{padding:18px}.game-brand{font-size:16px}.game-brand>span{height:32px;width:32px;font-size:23px}.shift-label{display:none}.dashboard{top:85px;left:18px;width:140px;gap:8px}.timer{padding:12px 15px}.timer>span,.cargo>span{font-size:9px}.timer strong{font-size:43px;margin:4px 0 8px}.cargo{padding:12px 15px}.cargo p{font-size:11px}#cargo-boxes{gap:3px}#cargo-boxes i{width:15px;height:12px}.route-panel{right:18px;width:135px;padding:11px;bottom:165px}.route-heading{font-size:8px;letter-spacing:.5px}.map-key{font-size:9px;gap:8px}.dispatch{top:90px;left:auto;right:18px;transform:none;max-width:calc(100% - 185px);font-size:11px;padding:9px 12px;border-radius:12px}.controls{gap:10px;font-size:10px;bottom:18px}.controls span:first-child kbd:nth-child(2){display:none}.controls kbd{font-size:9px;padding:3px}.curtain{padding:75px 26px 25px;background:linear-gradient(90deg,#122e2cf5,#122e2cbb 70%,#122e2c55)}h1{font-size:78px}.intro-card>p{font-size:14px}.brief{font-size:12px;margin:20px 0;gap:10px}.secret-label{font-size:9px}.start-button{padding:16px 23px;font-size:14px}.interaction{left:50%;bottom:80px}.interaction>span{font-size:12px}.interaction button{font-size:12px;padding:10px 13px}.back-link{margin-top:20px}.touch-controls~.curtain{overflow:auto}}
@media(max-height:570px){.curtain{padding-top:75px;overflow:auto;align-items:flex-start}h1{font-size:58px;margin:12px 0}.intro-card>p{font-size:13px;margin:12px 0}.brief{display:none}.start-button{padding:13px 23px;margin-top:15px}.back-link{margin-top:15px}.route-panel{width:135px;bottom:65px}.dashboard{top:85px}.cargo{display:none}.timer strong{font-size:38px}.dispatch{top:90px}.game-top{padding:16px 25px}}
.game-actions{display:flex;align-items:center;gap:10px}.sound-button{width:auto;min-width:92px;padding:0 12px;font-size:14px}.sound-button[aria-pressed="false"]{color:#c1d3c9}.shift-label{margin-right:0}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.route-panel{width:260px}.next-address{display:grid;gap:4px;margin-top:14px}.next-address>span:first-child{font-size:12px;letter-spacing:1.5px;color:var(--gold);font-weight:800}.next-address strong{font:700 26px/1.1 'Barlow Condensed',sans-serif}.next-address>span:last-child{font-size:14px;color:#d4dfcf}.target-status{font-size:14px;color:#d4dfcf;margin:8px 0 0}.map-key span:nth-child(2) i{background:#9baaa3}
@media(max-width:700px){.route-panel{width:min(170px,calc(50vw - 24px));padding:12px;bottom:150px}.next-address{margin-top:10px}.next-address strong{font-size:22px}.target-status{font-size:14px;line-height:1.35}.map-key{gap:9px}.dispatch{max-width:calc(100% - 185px)}}
@media(max-height:570px){.route-panel{width:220px;bottom:60px;padding:12px}.next-address{margin-top:8px}.next-address strong{font-size:22px}.route-panel #map{width:120px;margin:6px auto}.target-status{margin-top:5px}.route-panel .map-key{display:none}}