:root{color:#f4ead5;background:#152025;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}body{min-height:100vh;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,rgba(215,160,86,.18),transparent 48rem),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 42px),#152025}.shell{width:min(1180px,100%);min-height:100vh;margin:auto;padding:18px clamp(10px,3vw,32px);display:flex;flex-direction:column;justify-content:center;gap:11px}.brand,.help,.account-actions{display:flex;align-items:center}.brand{justify-content:space-between;gap:16px}.brand h1{margin:0;color:#f7e9cc;font-size:clamp(1.2rem,3vw,2rem);letter-spacing:.13em}.eyebrow,.stamp{margin:0 0 6px;color:#e2a954;font:600 .63rem/1 ui-monospace,monospace;letter-spacing:.15em}.account-actions{gap:9px}.account-button,.build{padding:8px 11px;border:1px solid #6d7f78;color:#e7d8bc;background:#26373a;font:600 .62rem/1 ui-monospace,monospace;letter-spacing:.08em}.sync-status{color:#81938d;font:.58rem/1 ui-monospace,monospace}.sync-status[data-state=synced]{color:#a5c88f}.sync-status[data-state=error]{color:#e89977}.play-area{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid #63746d;background:#6f999f;box-shadow:0 28px 80px #081014a6}#game-canvas{display:block;width:100%;height:100%;outline:0;touch-action:none;cursor:crosshair}#game-canvas.camera-dragging{cursor:grabbing}.game-hud{position:absolute;inset:0;pointer-events:none;font-family:ui-monospace,Courier New,monospace}.hud-top{display:grid;grid-template-columns:1fr .45fr 1.7fr;min-height:68px;padding:10px 16px;color:#f1e2c5;background:linear-gradient(#172226f2,#172226cf);border-bottom:1px solid #7a8a81aa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.clock-block{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:13px}.clock-block strong{grid-row:1 / 3;font-size:clamp(1.35rem,3vw,2rem)}.clock-block span,.clock-block small,.hud-data span{color:#ac9c7f;font-size:.54rem;letter-spacing:.08em}.clock-block small{color:#e8a95c}.hud-data{display:flex;flex-direction:column;justify-content:center;gap:5px;padding-left:17px;border-left:1px solid #68787077}.hud-data strong{color:#eadfc9;font-size:clamp(.58rem,1.1vw,.72rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-data.tokens strong{color:#e8b14d;font-size:1.2rem}.objective-panel{position:absolute;top:84px;left:14px;width:min(330px,calc(100% - 28px));padding:11px 13px;border-left:4px solid #e4a34d;background:linear-gradient(90deg,#172226f0,#172226b8)}.objective-panel span,.objective-panel strong,.objective-panel small{display:block}.objective-panel span{color:#e4a34d;font-size:.49rem;letter-spacing:.13em}.objective-panel strong{margin-top:5px;color:#f2e7d2;font-size:.68rem;letter-spacing:.04em}.objective-panel small{margin-top:4px;color:#b1b9af;font-size:.57rem;line-height:1.35}.location-badge{position:absolute;top:137px;left:14px;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #62766e;color:#d8decf;background:#172226d9}.location-badge span{color:#e4a34d;font-size:.46rem;letter-spacing:.12em}.location-badge strong{font-size:.55rem;letter-spacing:.07em}.driving-controls{position:absolute;z-index:6;left:18px;bottom:72px;display:grid;grid-template-columns:58px 62px 58px;grid-template-areas:". forward horn" "left speed right" ". reverse .";gap:5px;pointer-events:auto}.driving-controls button{min-height:48px;border:1px solid #d7a556;color:#fff0d0;background:#263b3be8;box-shadow:0 7px 22px #0008;font:800 .8rem/1 ui-monospace,monospace;touch-action:none;-webkit-user-select:none;user-select:none}.driving-controls button[data-drive=forward]{grid-area:forward}.driving-controls button[data-drive=left]{grid-area:left}.driving-controls button[data-drive=right]{grid-area:right}.driving-controls button[data-drive=reverse]{grid-area:reverse}.driving-controls .horn-button{grid-area:horn;border-color:#7fb2ad}.driving-controls button small{display:block;margin-top:3px;font-size:.42rem}.car-speed{grid-area:speed;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #62766e;color:#f0c36f;background:#172226e8}.car-speed strong{font-size:1rem}.car-speed span{font-size:.42rem}.navigation-hud{position:absolute;z-index:5;right:14px;bottom:72px;width:188px;padding:4px;border:1px solid #d7a556;color:#f5ead5;background:#172226e8;box-shadow:0 10px 30px #0009}.navigation-heading{display:flex;align-items:center;gap:9px;padding:6px 7px}.navigation-heading>span{display:block;width:34px;color:#f3b552;font-size:1.8rem;line-height:1;text-align:center;transform-origin:center;transition:transform .08s linear}.navigation-heading strong,.navigation-heading small{display:block}.navigation-heading strong{font-size:.55rem;letter-spacing:.05em}.navigation-heading small{margin-top:3px;color:#aebcb3;font-size:.5rem}#minimap{display:block;width:180px;height:180px;border:1px solid #65776f;background:#293b3b}.camera-controls{position:absolute;top:84px;right:14px;display:flex;align-items:center;border:1px solid #667a72;background:#172226df;pointer-events:auto}.camera-controls button{width:36px;height:32px;border:0;color:#f3dfbd;background:#354c4d;font-size:1rem}.camera-controls span{padding:0 8px;color:#9ca69c;font-size:.49rem}.game-toast{position:absolute;top:83px;left:50%;width:min(590px,calc(100% - 32px));padding:10px 16px;transform:translate(-50%);border:1px solid #a79068;color:#f3e7cf;background:#172226f2;font-size:.66rem;text-align:center;animation:toast-in .18s ease-out}.game-toast[data-tone=warning]{border-color:#d6795e;color:#f1b29d}.game-toast[data-tone=success]{border-color:#8aaa72;color:#c7dda7}.game-toast[data-tone=discovery]{border-color:#e1a447;color:#f6ca79}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}.interaction-bar{position:absolute;right:14px;bottom:12px;left:14px;display:flex;justify-content:flex-end;align-items:center;gap:10px}.interaction-bar>span{padding:8px 10px;color:#c2c7bd;background:#172226df;font-size:.61rem}#game-action{min-width:145px;padding:10px 13px;border:1px solid #e2a451;color:#fff0d2;background:#735026ed;font:700 .61rem/1.2 ui-monospace,monospace;pointer-events:auto}#game-action small{display:block;margin-top:3px;color:#d0b98f;font-size:.5rem}#game-action:disabled{opacity:.35;cursor:default}.modal-overlay{position:absolute;z-index:8;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;color:#342b21;background:#111b1edb;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.paper-panel{width:100%;max-width:720px;min-width:0;max-height:100%;overflow-y:auto;padding:clamp(20px,4vw,38px);border:1px solid #9e8967;color:#40372b;background:repeating-linear-gradient(0deg,transparent 0 25px,rgba(81,98,101,.09) 25px 26px),#e9dfc7;box-shadow:0 25px 80px #000a;text-align:center}.paper-panel h2{margin:8px auto 10px;max-width:620px;overflow-wrap:anywhere;font-size:clamp(1.05rem,3vw,1.65rem);letter-spacing:.05em}.paper-panel>p:not(.stamp){max-width:620px;margin:0 auto;color:#61584b;font:.7rem/1.55 ui-monospace,monospace}.primary-button,.secondary-button{width:min(350px,100%);padding:12px;border:1px solid #4e5c50;color:#fff4da;background:#3e604f;font:700 .67rem/1 ui-monospace,monospace;letter-spacing:.07em}.secondary-button{color:#615749;background:#d6c9ae}.briefing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 16px;text-align:left}.briefing-steps article{position:relative;min-height:105px;padding:13px 11px 11px 42px;border:1px solid #9c8d73;background:#eee5d2cc}.briefing-steps b{position:absolute;left:13px;color:#bd743a;font-size:1.1rem}.briefing-steps strong,.briefing-steps span{display:block}.briefing-steps strong{font-size:.59rem}.briefing-steps span{margin-top:7px;color:#6d6456;font-size:.55rem;line-height:1.4}.briefing-panel>small{display:block;margin-top:9px;color:#897b66;font-size:.52rem}.phone-panel{width:min(620px,100%);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px}.phone-shell{padding:20px;border:8px solid #dd8d2f;border-radius:38% 38% 18% 18%;color:#dce1d0;background:#344e49;box-shadow:0 20px 50px #0009}.phone-shell>p{margin:0 0 12px;color:#f4ba64;font:.56rem/1 ui-monospace,monospace;text-align:center}.phone-display{min-height:45px;padding:13px 6px;border:2px inset #73806a;color:#213226;background:#aebd8f;font:700 clamp(.8rem,2.4vw,1.15rem)/1 ui-monospace,monospace;text-align:center}.phone-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.phone-keypad button{min-height:38px;border:2px outset #8a958c;color:#182723;background:#d4d8ce;font-weight:800}#phone-call{color:#eaf4e1;background:#4d8b5c}.phone-meta{display:flex;align-items:center;justify-content:space-between;color:#f5c779;font:.62rem/1 ui-monospace,monospace}.phone-meta button{padding:7px;border:1px solid #8e9a90;color:#d9ddd3;background:#273b38;font-size:.55rem}.phone-feedback{padding:20px;border:1px dashed #b39970;color:#3e3328;background:#e7dcc3;font:700 .78rem/1.6 ui-monospace,monospace;transform:rotate(-1.5deg)}.call-panel blockquote{margin:18px auto;padding:18px;border-block:1px solid #a99470;color:#4b4032;font:700 .8rem/1.6 ui-monospace,monospace}.note-card{width:min(500px,100%);margin:0 auto 18px;padding:12px;border:1px solid #b28d52;background:#f0d789;transform:rotate(-.6deg)}.note-card strong,.note-card span{display:block}.note-card strong{color:#885523;font-size:.55rem}.note-card span{margin-top:5px;font:700 .7rem/1.4 ui-monospace,monospace}.bus-lines{display:grid;width:min(480px,100%);gap:8px;margin:20px auto 13px}.bus-lines button{padding:13px;border:1px solid #766c5d;color:#40372c;background:#e1d5bd;font:700 .7rem/1 ui-monospace,monospace;text-align:left}.bus-lines button:hover{color:#fff2d8;background:#53705f}.bus-ride-overlay{position:absolute;z-index:7;inset:68px 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:14px;background:linear-gradient(transparent 45%,#172326d9);pointer-events:none}.bus-window{width:min(470px,58%);padding:14px 18px;border:6px solid #65716a;border-radius:8px;color:#f5ead5;background:linear-gradient(120deg,#42616be8,#26383cdb);box-shadow:0 12px 36px #0008;text-align:left}.bus-window span,.bus-window strong,.bus-window small{display:block;text-shadow:0 2px 5px #203033}.bus-window span{font-size:.54rem;letter-spacing:.15em}.bus-window strong{margin-top:7px;font-size:clamp(.9rem,2.5vw,1.45rem)}.bus-window small{margin-top:7px;font-size:.65rem}.route-progress{display:flex;gap:10px;margin:0 auto 5px;align-self:flex-end}.route-progress span{width:13px;height:13px;border:2px solid #89958c;border-radius:50%}.route-progress span.passed{background:#7b8a80}.route-progress span.current{border-color:#f0b755;background:#f0b755;box-shadow:0 0 14px #f0b755}#request-stop{width:min(230px,32%);padding:14px;border:2px solid #f0c577;border-radius:8px;color:#4f281c;background:#db7652;box-shadow:0 8px 28px #0008;font:800 .76rem/1 ui-monospace,monospace;pointer-events:auto}#request-stop:disabled{opacity:.65}.completion-panel h2{color:#3d654e}.chapter-tease{margin:20px 0;padding:15px;border:1px solid #9d8b6e;background:#dfd3b9d9;text-align:left}.chapter-tease strong,.chapter-tease span{display:block}.chapter-tease strong{color:#a46030;font-size:.58rem;letter-spacing:.1em}.chapter-tease span{margin-top:7px;color:#5d5549;font:.64rem/1.5 ui-monospace,monospace}.help{flex-wrap:wrap;gap:15px;color:#9ba9a2;font:.63rem/1.5 ui-monospace,monospace}.help span:last-child{margin-left:auto;color:#dfaa5d}kbd{padding:2px 5px;border:1px solid #66766e;color:#eadabe;background:#28383a;font:inherit}.auth-dialog{width:min(460px,calc(100% - 24px));padding:0;border:1px solid #776d5c;color:#3f372c;background:#e6dcc5;box-shadow:0 30px 100px #000c}.auth-dialog::backdrop{background:#11191cdb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-panel{position:relative;padding:30px}.auth-panel h2{margin:7px 0 9px}.auth-description,.auth-status,.account-view{color:#675f53;font:.72rem/1.5 ui-monospace,monospace}.auth-close{position:absolute;top:12px;right:14px;border:0;color:#645c50;background:transparent;font-size:1.4rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:20px 0}.auth-tabs button{padding:10px;border:1px solid #9c8f76;color:#625a4d;background:#d4c8ae;font:700 .62rem/1 ui-monospace,monospace}.auth-tabs button.active{color:#fff2d8;background:#506b5b}.auth-form{display:grid;gap:13px}.auth-form label{display:grid;gap:6px;color:#655d51;font:.62rem/1 ui-monospace,monospace;text-transform:uppercase}.auth-form input{padding:11px;border:1px solid #9b8e75;color:#332d25;background:#f2e9d5}.auth-submit{padding:12px;border:1px solid #506555;color:#fff3d9;background:#526f5d;font:700 .66rem/1 ui-monospace,monospace}.auth-submit.danger{width:100%;background:#8a5548}.auth-link{border:0;color:#7d6445;background:transparent;font-size:.64rem}.auth-status{min-height:2.4em}@media(max-width:680px){.shell{justify-content:flex-start;padding:max(8px,env(safe-area-inset-top)) 7px max(8px,env(safe-area-inset-bottom))}.eyebrow,.build,.sync-status,.help span:not(:last-child){display:none}.brand h1{font-size:1rem}.play-area{height:max(560px,calc(100dvh - 102px));aspect-ratio:auto}.hud-top{min-height:55px;padding:7px 8px;grid-template-columns:.8fr .35fr 1fr}.clock-block{grid-template-columns:auto}.clock-block strong{grid-row:auto}.clock-block span{display:none}.hud-data{padding-left:8px}.hud-data.notebook strong{font-size:.49rem}.objective-panel{top:63px;left:7px;width:min(260px,calc(100% - 80px));padding:8px 9px}.objective-panel small{display:none}.location-badge{top:102px;left:7px;padding:5px 7px}.driving-controls{left:8px;bottom:67px;grid-template-columns:52px 56px 52px}.driving-controls button{min-height:44px}.navigation-hud{right:7px;bottom:66px;width:138px}#minimap{width:130px;height:130px}.navigation-heading{padding:4px;gap:4px}.navigation-heading>span{width:25px;font-size:1.35rem}.navigation-heading strong{font-size:.46rem}.camera-controls{top:63px;right:7px}.camera-controls span{display:none}.camera-controls button{width:31px;height:29px}.game-toast{top:104px}.interaction-bar{right:7px;bottom:7px;left:7px}.interaction-bar>span{flex:1;padding:6px;font-size:.53rem}#game-action{min-width:105px;padding:8px}.modal-overlay{width:100%;min-width:0;padding:7px}.modal-overlay>*{min-width:0}.paper-panel,.phone-panel{width:calc(100vw - 28px);max-width:calc(100vw - 28px)}.briefing-steps{grid-template-columns:1fr;margin:12px 0}.briefing-steps article{min-height:auto;padding:9px 9px 9px 36px}.phone-panel{grid-template-columns:1fr;gap:10px;max-height:100%;overflow-y:auto}.phone-shell{width:min(340px,100%);margin:auto;padding:14px}.phone-feedback{width:min(340px,100%);margin:auto;padding:11px}.bus-ride-overlay{inset:55px 0 0;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:8px;padding:8px}.bus-window{width:100%;padding:10px 12px;border-width:4px}.route-progress{align-self:center;margin:0}#request-stop{width:100%;padding:12px}.help span:last-child{margin:0}}