:root{color:#f0e7d5;font-synthesis:none;--cream:#efe5ce;--muted:#b0b4a4;--gold:#e9c580;--ink:#1c2c29;--line:#e1d4b329;--mono:"Courier New", monospace;background:#202e2c;font-family:Arial,Helvetica,sans-serif;font-weight:400}*{box-sizing:border-box}html,body,#game-root{width:100%;height:100%;margin:0;overflow:hidden}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:hover{color:#fff6df}button:disabled{opacity:.5}a{color:inherit}button,select{touch-action:manipulation}button:active{transform:translateY(1px)}[hidden]{display:none!important}#world{width:100%;height:100%;image-rendering:pixelated;outline:none;display:block;position:absolute;inset:0}#ui{pointer-events:none;position:absolute;inset:0}#ui button,#ui select,#ui input,#ui a{pointer-events:auto}#overlay{pointer-events:auto;position:absolute;inset:0}#hud{text-shadow:0 1px 4px #13262380;position:absolute;inset:0}.film-grain{z-index:8;pointer-events:none;opacity:.08;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#18251d 3px,#0000 4px);position:absolute;inset:0}.title-screen{background:linear-gradient(90deg,#102322ef 0%,#152824e8 25%,#172b2575 50%,#172b2500 78%),linear-gradient(#1b30265c,#0000 17% 76%,#162722d9);position:absolute;inset:0}.menu-header{justify-content:space-between;align-items:center;gap:25px;height:108px;padding:0 4.2vw;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--cream);width:33px;height:36px;color:var(--ink);clip-path:polygon(0 0,100% 0,100% 85%,84% 100%,0 100%);place-items:center;font:700 26px Impact,Arial Narrow,sans-serif;display:grid}.brand-name{letter-spacing:2.2px;font-size:12px;font-weight:800}.brand-dot{vertical-align:top;margin-left:3px;font-size:7px}.header-right{align-items:center;gap:34px;display:flex}.edition{font:10px var(--mono);letter-spacing:1.4px}.language-switch{font:11px var(--mono);letter-spacing:1px;align-items:center;gap:10px;display:flex}.language-switch button{color:#b9c1b0;padding:6px 1px}.language-switch .selected{color:var(--gold);border-bottom:1px solid var(--gold)}.language-switch>span{opacity:.3}.title-content{max-width:74vw;position:absolute;top:24%;left:7vw}.eyebrow{font:10px var(--mono);letter-spacing:1.8px;text-transform:uppercase;color:var(--gold);align-items:center;gap:12px;line-height:1.6;display:flex}.eyebrow-line{background:var(--gold);opacity:.55;width:29px;height:1px;display:inline-block}.little-star{font-size:21px;line-height:1}.tagline{font:10px var(--mono);letter-spacing:3px;color:#cccfb9;margin:38px 0 12px}h1{letter-spacing:-.032em;transform-origin:0;color:#f2e7ce;text-shadow:3px 4px #101f20,5px 6px #e9c5801a;margin:0 0 25px;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(66px,9.6vw,152px);font-weight:900;line-height:.95;transform:scaleX(.91)}.title-period{color:var(--gold)}.intro-copy{color:#c9cebc;letter-spacing:.1px;margin:0 0 31px;font-size:15px;line-height:1.85}.start-actions{align-items:center;gap:28px;display:flex}.primary-button{background:var(--gold);color:#21332b;justify-content:space-between;align-items:center;gap:26px;min-height:56px;padding:18px 22px;font-size:13px;font-weight:700;transition:background .15s,transform .15s;display:flex;box-shadow:3px 3px #0d241977}.primary-button:hover{color:#142b23;background:#f8d992}.button-symbol{font-size:11px}.button-arrow{margin-left:15px;font-size:22px;line-height:.6}.text-button{color:#d4d8c5;align-items:center;gap:22px;padding:14px 0;font-size:12px;display:flex}.text-button:hover{text-decoration:underline}.menu-links{color:#a9b5a2;align-items:center;gap:15px;margin-top:17px;font-size:11px;display:flex}.menu-links button{padding:5px 0}.menu-links span{opacity:.35}.title-note{font:10px var(--mono);color:#849b88;align-items:center;gap:10px;margin-top:36px;display:flex}.tiny-square{background:var(--gold);width:4px;height:4px}.location-stamp{border-left:2px solid var(--gold);text-shadow:0 2px 4px #1b2c2c;flex-direction:column;padding:4px 0 4px 18px;display:flex;position:absolute;bottom:19%;right:5.6vw}.stamp-top{font:11px var(--mono);letter-spacing:1.4px;color:var(--gold)}.stamp-coords{font:10px var(--mono);letter-spacing:2px;color:#dce1c9;margin-top:11px}.stamp-bottom{color:#d4dcc8;margin-top:10px;font-size:12px}.title-footer{color:#aab9a1;font:9px var(--mono);letter-spacing:.4px;justify-content:space-between;gap:25px;display:flex;position:absolute;bottom:28px;left:4.2vw;right:4.2vw}.title-footer>span{align-items:center;gap:15px;display:flex}.title-footer i{background:var(--line);width:1px;height:14px}.map-credit{font:9px var(--mono);color:#a4b4a0;flex-direction:column;gap:6px;line-height:1.5;display:flex}.map-credit a{text-decoration:none}.map-credit a:hover{text-decoration:underline}.title-footer .map-credit{text-align:right}.vertical-edition{writing-mode:vertical-rl;font:9px var(--mono);letter-spacing:3px;color:#e7ddbc80;position:absolute;top:43%;right:23px}.modal-screen{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#112923d9;position:absolute;inset:0;overflow:auto}.panel{background:#1c302df5;border:1px solid #c8cdac22;width:min(760px,100% - 60px);margin:5vh auto 50px;padding:42px;box-shadow:12px 12px #101d1d44}.panel h2,.map-heading h2{letter-spacing:.2px;color:var(--cream);margin:16px 0 24px;font-family:Impact,Arial Narrow,sans-serif;font-size:50px;font-weight:700;line-height:1.1}.panel .eyebrow{font-size:10px}.back-button{color:#b0bfa8;padding:0 0 24px;font-size:12px}.pause-panel,.settings-panel{max-width:500px;margin-top:2vh}.panel-subtitle{color:#b5c0ad;font:12px var(--mono);margin-bottom:30px;line-height:1.8}.separator{opacity:.3;margin:0 10px}.pause-panel .primary-button{width:100%}.pause-links{grid-template-columns:1fr 1fr;gap:1px;margin-top:18px;display:grid}.pause-links button{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 0;font-size:12px;display:flex}.rescue-note{color:#899e8b;font-size:10px}.progress-row{align-items:center;gap:35px;margin-top:30px;display:flex}.progress-row>div{flex-direction:column;gap:8px;display:flex}.progress-row strong{font:28px var(--mono);color:var(--gold)}.progress-row strong span{color:#8eaa95;font-size:12px}.progress-row small{font:8px var(--mono);letter-spacing:1px}.save-tag{font:9px var(--mono);color:#89a68d;margin-left:auto}.controls-columns{grid-template-columns:1.1fr 1fr;gap:40px;display:grid}.control-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:12px;display:flex}.control-list kbd{white-space:nowrap;font-size:9px}.control-notes{padding-top:12px}.control-notes>span{font:10px var(--mono);color:var(--gold);text-transform:uppercase;letter-spacing:1px}.control-notes>p{color:#b3c0ac;margin:9px 0 27px;font-size:12px;line-height:1.85}kbd{font:10px var(--mono);color:#e5dfc9;background:#21372e85;border:1px solid #e6dec547;border-bottom:2px solid #e6dec55c;border-radius:3px;justify-content:center;align-items:center;min-width:22px;padding:4px 6px;line-height:1;display:inline-flex}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:64px;font-size:13px;display:flex}.setting-row select{color:var(--cream);background:#2a4138;border:1px solid #c3c4a32b;padding:9px 10px;font-size:12px}.setting-row input{max-width:170px;accent-color:var(--gold)}.toggle{font:11px var(--mono);color:#a3b49e;align-items:center;gap:15px;display:flex}.toggle i{background:#43584b;border-radius:15px;width:30px;height:15px;position:relative}.toggle i:after{content:"";background:#a5b49a;border-radius:50%;width:9px;height:9px;position:absolute;top:3px;left:3px}.toggle.active i{background:#7d8c5d}.toggle.active i:after{background:var(--gold);left:18px}.radio-card{align-items:center;gap:18px;padding-top:30px;display:flex}.radio-icon{color:var(--gold);font-size:28px}.radio-card strong{font:10px var(--mono);letter-spacing:1.5px}.radio-card p{color:#9aad95;margin:7px 0 0;font-size:10px}.equalizer{color:var(--gold);letter-spacing:2px;font-size:14px}.radio-card .equalizer{margin-left:auto}.small-button{font:11px var(--mono);border:1px solid var(--line);background:#183129;align-items:center;gap:15px;padding:10px 13px;display:flex}.hud-top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:24px;left:34px;right:34px}.hud-brand{color:var(--cream);align-items:center;gap:15px;font:28px Impact,sans-serif;display:flex}.hud-brand>span{font:20px var(--mono);opacity:.35}.hud-brand small{font:9px var(--mono);letter-spacing:3px}.hud-status{align-items:center;gap:25px;display:flex}.wallet{font:23px var(--mono);color:var(--gold);text-shadow:2px 2px #263c32;font-weight:700}.hud-icon{background:#1b322977;border:1px solid #e7dfc540;width:35px;height:35px;font-size:15px}.mission-panel{border-left:2px solid var(--gold);background:linear-gradient(90deg,#20372cd9,#1c2f2699);align-items:flex-start;gap:14px;max-width:350px;padding:17px 20px 18px 16px;display:flex;position:absolute;top:100px;left:34px}.mission-number{font:24px var(--mono);color:var(--gold);margin-top:5px;line-height:1}.mission-panel .eyebrow{letter-spacing:2px;font-size:8px}.mission-panel h3{margin:4px 0 8px;font-size:15px}.mission-panel p{color:#ccd3bb;max-width:265px;margin:0;font-size:11px;line-height:1.6}.hud-bottom-left{width:190px;position:absolute;bottom:28px;left:34px}.minimap-frame{background:#26392ac7;border:1px solid #d6c49b66;padding:5px;position:relative;box-shadow:2px 3px #15262088}.minimap-content{height:166px}.minimap-content canvas{width:100%;height:100%;display:block}.map-open{background:#16352ad9;align-items:center;gap:6px;padding:3px;font-size:10px;display:flex;position:absolute;bottom:7px;right:7px}.map-open kbd{min-width:16px;padding:2px;font-size:8px}.street-label{line-height:1.5;font:10px var(--mono);color:#f2e6c6;align-items:center;gap:8px;margin-top:10px;display:flex}.street-label>span{color:var(--gold);font-size:7px}.street-label strong{font-weight:400}.hud-bottom-right{flex-direction:column;align-items:flex-end;gap:13px;display:flex;position:absolute;bottom:30px;right:34px}.radio-label{font:9px var(--mono);letter-spacing:1px;align-items:center;gap:9px;display:flex}.radio-label button{font:inherit;padding:0}.speed-display{align-items:baseline;gap:8px;display:flex}.speed-display strong{font:14px var(--mono);letter-spacing:2px}.speed-display.driving strong{font:48px Impact,sans-serif}.speed-display>span{font:10px var(--mono);color:#dadcc4}.key-hints{color:#e5e5ce;gap:15px;display:flex}.key-hints>span{font:9px var(--mono);align-items:center;gap:7px;display:flex}.key-hints kbd{min-width:18px;padding:4px;font-size:8px}#interaction{white-space:nowrap;background:#18342def;border:1px solid #d4bd8477;align-items:center;gap:13px;padding:12px 18px;font-size:12px;display:flex;position:absolute;bottom:20%;left:50%;transform:translate(-50%);box-shadow:3px 3px #15292155}#interaction kbd{background:var(--gold);color:#203a2d;border-color:var(--gold);padding:7px;font-size:12px;font-weight:700}#dialogue{pointer-events:auto;z-index:7;background:#192e29f5;border:1px solid #d7c69280;gap:25px;width:min(800px,100% - 60px);min-height:198px;padding:22px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%);box-shadow:7px 7px #14271e77}.portrait-frame{background:#30453b;border:1px solid #d5c3925c;flex-shrink:0;align-self:flex-start;width:115px;padding:4px;position:relative}.portrait-frame img{object-fit:cover;width:105px;height:123px;image-rendering:pixelated;display:block}.portrait-frame>span{font:9px var(--mono);letter-spacing:2px;color:var(--gold);background:#233b2be6;padding:5px 7px;position:absolute;bottom:4px;left:4px;right:4px}.dialogue-content{flex-direction:column;flex:1;display:flex}.speaker-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.speaker-row h3{letter-spacing:.8px;color:var(--gold);margin:0 0 4px;font:22px Impact,sans-serif}.speaker-row div>span{font:9px var(--mono);color:#9db098;letter-spacing:.5px}.dialogue-count{font:9px var(--mono);color:#8da28e}.dialogue-text{color:#ece7d5;max-width:590px;margin:16px 0 13px;font-size:14px;line-height:1.8}.dialogue-next{font:10px var(--mono);color:var(--gold);align-self:flex-end;align-items:center;gap:15px;margin-top:auto;padding:0;display:flex}#toast{max-width:560px;font:12px var(--mono);color:#f0d497;text-align:center;z-index:10;background:#18372df5;border:1px solid #d4bf8099;padding:15px 24px;line-height:1.7;position:absolute;top:30px;left:50%;transform:translate(-50%);box-shadow:4px 4px #16312666}#world-marker{text-align:center;filter:drop-shadow(0 2px 2px #172d29);pointer-events:none;flex-direction:column;align-items:center;gap:3px;width:60px;margin-left:-30px;display:flex;position:absolute;top:0;left:0}#world-marker>span{color:#ffe0a2;font:42px/.7 Arial,sans-serif}#world-marker>small{font:bold 9px var(--mono);color:#ffe7b4;white-space:nowrap;margin-top:9px}.map-screen{background:#192f29f5;padding:35px 4vw;position:absolute;inset:0;overflow:auto}.map-heading{justify-content:space-between;align-items:center;gap:30px;display:flex}.map-heading h2{margin:12px 0 25px;font-size:40px}.map-heading .eyebrow{margin:0;font-size:9px}.map-layout{grid-template-columns:1fr 240px;gap:35px;height:calc(100% - 110px);min-height:340px;display:grid}.map-layout>canvas{background:#263c37;border:1px solid #c2be8b3d;width:100%;height:100%}.map-sidebar{padding:25px 0}.map-sidebar h3{margin:10px 0 18px;font-size:20px}.map-sidebar>p{color:#c1cbb2;font-size:13px;line-height:1.9}.map-legend{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:20px;margin:35px 0;padding:19px 0;display:flex}.map-legend>div{align-items:center;gap:15px;font-size:12px;display:flex}.legend-dot{background:#e7e4ce;width:8px;height:8px;display:block}.dot-0{clip-path:polygon(50% 0,100% 100%,50% 80%,0 100%);height:11px}.dot-1{background:var(--gold);transform:rotate(45deg)}.dot-2{background:#cfbe9c;border-radius:50%}.dot-3{background:#87b6b4;width:12px}.dot-4{background:#c5a2c9;transform:rotate(45deg)}.map-sidebar .map-help{font-size:11px}.map-sidebar .map-credit{margin-top:25px}.confirm-backdrop{z-index:12;background:#142a24bd;place-items:center;padding:25px;display:grid;position:absolute;inset:0}.confirm-panel{background:#243b31;border:1px solid #d4bc8480;max-width:430px;padding:30px}.confirm-panel h3{margin:0 0 25px;font-size:19px;line-height:1.6}.confirm-panel .text-button{margin-top:12px}.loading-screen{pointer-events:auto;text-align:center;background:#1c302b;flex-direction:column;justify-content:center;align-items:center;gap:30px;height:100%;padding:40px;display:flex}.loading-screen h1{font-size:75px;transform:none}.loading-screen p{font:12px var(--mono);color:#b6c3a7;max-width:540px;line-height:1.8}.loading-screen:before{content:"M";color:var(--gold);font:40px Impact}@media (min-width:1600px){.title-content{top:28%}.title-note{margin-top:50px}}@media (max-height:760px){.menu-header{height:80px}.title-content{top:23%}.tagline{margin-top:24px}.intro-copy{margin-bottom:24px}.title-note{margin-top:22px}.title-footer{bottom:18px}.panel{margin-top:0;padding:28px}.panel h2{font-size:42px}.setting-row{min-height:55px}.location-stamp{bottom:18%}}@media (max-width:900px){.edition{display:none}.title-content{max-width:90vw;top:25%;left:6vw}h1{font-size:12.2vw}.title-screen{background:linear-gradient(90deg,#102722f2,#183426b5 60%,#18342655),linear-gradient(#0000,#102722e0)}.title-note{max-width:280px;line-height:1.7}.location-stamp{max-width:220px;bottom:17%;right:5vw}.title-footer>span{max-width:45vw;font-size:8px}.title-footer>span i,.title-footer>span i+span{display:none}.mission-panel{max-width:285px;top:78px;left:20px}.hud-top{top:20px;left:20px;right:20px}.hud-bottom-left{width:155px;bottom:20px;left:20px}.minimap-content{height:133px}.hud-bottom-right{bottom:20px;right:20px}.key-hints{flex-direction:column;align-items:flex-end;gap:7px}.hud-brand small{display:none}.map-layout{grid-template-columns:1fr 190px;gap:20px}.map-heading h2{font-size:32px}.map-heading .eyebrow{font-size:8px}.map-screen{padding:25px}.controls-columns{gap:25px}.map-sidebar{padding-top:15px}}@media (max-width:600px){.brand-name{font-size:9px}.menu-header{padding:0 6vw}.header-right{gap:12px}.title-content{top:24%}.tagline{letter-spacing:2px;font-size:8px}.eyebrow{gap:8px;font-size:8px}h1{letter-spacing:-.02em;margin-bottom:20px;font-size:13.4vw}.intro-copy{font-size:13px}.start-actions{flex-direction:column;align-items:flex-start;gap:17px}.primary-button{min-height:52px;padding:15px 18px;font-size:12px}.text-button{padding:5px 0}.menu-links{margin-top:22px}.title-note{display:none}.location-stamp{font-size:9px;bottom:13%;left:6vw;right:auto}.stamp-bottom{display:none}.stamp-top{font-size:9px}.stamp-coords{margin-top:7px;font-size:8px}.title-footer{align-items:flex-end;bottom:20px;left:6vw;right:6vw}.title-footer>span{max-width:90px;font-size:8px;line-height:1.8;display:block}.title-footer .map-credit{font-size:7px}.vertical-edition{display:none}.panel{width:calc(100% - 30px);margin-top:10px;padding:25px}.panel h2{font-size:36px}.controls-columns{grid-template-columns:1fr}.control-notes{display:none}.hud-brand{font-size:23px}.wallet{font-size:19px}.hud-status{gap:15px}.mission-panel{max-width:255px;padding:12px;top:68px}.mission-panel h3{font-size:13px}.mission-panel p{font-size:10px}.mission-number{font-size:20px}.hud-bottom-left{width:125px;bottom:17px;left:14px}.minimap-content{height:110px}.street-label{font-size:8px}.hud-bottom-right{right:14px}.key-hints{display:none}.radio-label{font-size:8px}.radio-label .equalizer{display:none}.speed-display strong{font-size:11px}#interaction{white-space:normal;max-width:95%;padding:9px 12px;font-size:10px;bottom:29%}#dialogue{gap:13px;width:calc(100% - 24px);min-height:200px;padding:14px;bottom:15px}.portrait-frame{width:73px;padding:3px}.portrait-frame img{width:65px;height:80px}.speaker-row h3{font-size:20px}.speaker-row div>span{font-size:8px}.dialogue-text{font-size:12px;line-height:1.8}.dialogue-count{font-size:8px}.dialogue-next{gap:7px;font-size:9px}.map-layout{grid-template-columns:1fr;height:calc(100% - 100px);min-height:280px}.map-sidebar{display:none}.map-heading{gap:15px}.map-heading h2{font-size:27px}.map-heading .small-button{max-width:110px;font-size:9px;line-height:1.6}.map-heading .eyebrow{font-size:7px}.map-screen{padding:20px}.setting-row input{width:120px}.progress-row{gap:20px}.save-tag{font-size:8px}#toast{width:max-content;max-width:95%;padding:12px 16px;font-size:10px;top:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}