:root{--ink:#111b1c;--paper:#e9dfc7;--muted:#a5aba3;--gold:#d5ae62;--red:#bf5849;--green:#85b79f}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#10191b;color:var(--paper);font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid #e8c06e;outline-offset:5px}canvas#game{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 150px 25px #050b0c55;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000009 4px);z-index:2}.hidden{display:none!important}.overlay{position:absolute;inset:0;z-index:20;background:#0b13159c;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.title-screen{position:absolute;inset:0;padding:35px 5vw;background:linear-gradient(90deg,#0a1316f2 0%,#0a1316dc 31%,#0a13164a 65%,#0a13160a 100%)}.edition{font-size:11px;letter-spacing:3px;border-top:1px solid #8f927766;padding-top:18px;display:flex;justify-content:space-between}.edition span{color:var(--gold)}.titleblock{position:absolute;top:18%;left:8%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--gold);line-height:1.6}h1{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:1px;font-weight:900;line-height:.82;font-size:clamp(85px,12vw,170px);margin:26px 0 28px;position:relative;color:#f1e7cf;text-shadow:2px 2px #201b14}h1 em{font-style:normal;color:var(--gold)}h1>span{font:20px Arial;position:absolute;right:-38px;top:9px}h1:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(3deg,transparent 0 2px,#10181910 3px 4px);pointer-events:none}.lead{font-family:Georgia,serif;font-size:21px;line-height:1.5;color:#c5c6b9}.titleactions{display:flex;align-items:flex-start;gap:22px;flex-direction:column;margin-top:25px}.primary{border:1px solid var(--gold);background:var(--gold);color:#18201e;font-size:12px;font-weight:800;letter-spacing:1.5px;padding:18px 23px;min-width:270px;text-align:left;transition:background .15s,transform .15s}.primary:hover{background:#ead194;transform:translateY(-2px)}.primary b{float:right;margin-left:30px}.textbtn{background:transparent;border:0;padding:0;font-size:10px;letter-spacing:2px}.textbtn span{margin-left:24px;color:var(--gold)}.save-note{font-size:9px;letter-spacing:1.3px;color:#7e918c;margin-top:30px}.poster-note{position:absolute;right:8%;top:46%;transform:rotate(-4deg);color:#d6c9a8;border:1px solid #d5ae624c;border-top:4px solid #d5ae62a1;background:#162324bb;padding:25px;width:255px;box-shadow:10px 12px 0 #050b0c33}.poster-note>span{display:block;font-size:10px;letter-spacing:3px;margin-bottom:15px;color:var(--gold)}.poster-note>b{font-family:Impact,'Arial Narrow',sans-serif;font-size:33px;font-weight:400;line-height:1.05}.poster-note>p{font-size:10px;line-height:1.5;color:#b9b49e}.titlefooter{position:absolute;bottom:28px;left:5vw;right:5vw;display:flex;justify-content:space-between;border-top:1px solid #8f927744;padding-top:18px;font-size:9px;letter-spacing:1.6px;color:#8fa19a}.titlefooter button{border:0;background:none;font-size:9px;letter-spacing:1.5px;color:var(--gold)}header{position:absolute;z-index:5;top:0;left:0;right:0;padding:22px 27px;display:flex;align-items:center;gap:20px;background:linear-gradient(#0b1515db,transparent);pointer-events:none}header button{pointer-events:auto}.brand{display:flex;gap:10px;align-items:center;font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;letter-spacing:1.5px}.brand small{display:block;font-family:Arial;font-size:8px;letter-spacing:2.8px;margin-top:4px;color:#90a39a}.diamond{font:20px Arial;color:var(--gold)}.topstats{margin-left:auto;display:flex;gap:35px}.topstats small{display:block;font-size:8px;letter-spacing:1.7px;color:#96a69e;margin-bottom:6px}.topstats strong{font-family:Georgia,serif;font-size:20px;font-weight:400}.topstats #rank{font:12px Arial;color:#e2cc9e}.heatbox{text-align:right;min-width:156px}.heatbox span{font-size:23px;color:var(--gold);letter-spacing:4px;line-height:18px}.square{width:33px;height:35px;background:#172628ad;border:1px solid #73796266;font-size:14px}#mission{position:absolute;z-index:5;left:28px;top:105px;width:280px;border-left:2px solid var(--gold);padding:7px 15px 12px;background:linear-gradient(90deg,#101a1be8,#101a1b55)}#mission .eyebrow{font-size:8px}#mission h2{font:21px Georgia;margin:9px 0;color:#eadfc5}#mission p{font-size:11px;line-height:1.6;color:#acb9b0;margin:5px 0}#jobprogress{font-size:10px;color:var(--gold);margin-top:10px;letter-spacing:1px}#area{position:absolute;left:50%;top:95px;transform:translateX(-50%);z-index:4;text-align:center;pointer-events:none}#district{display:block;text-transform:uppercase;font-size:11px;letter-spacing:5px;text-shadow:0 2px 4px #000}#clock{font-size:9px;color:#a9b6a9;letter-spacing:2px;display:block;margin-top:8px}#bottomhud{position:absolute;z-index:5;bottom:20px;left:28px;right:230px;pointer-events:none}.vitals{display:flex;gap:25px;align-items:center}.vital{width:115px}.vital small{display:block;font-size:8px;letter-spacing:2px;color:#a6b5a9;margin-bottom:7px}.bar{height:4px;background:#d8e4c126}.bar i{display:block;width:100%;height:4px;background:#bd6956;transition:width .15s}.bar.vehicle i{background:#86ad9d}.gun{display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:2px}.gun span{color:var(--gold);font:16px Georgia}.controls{font-size:9px;color:#9aa99e;display:flex;gap:17px;margin-top:22px;flex-wrap:wrap}kbd{border:1px solid #82928b55;color:#e2d7bc;background:#172526b8;padding:4px 5px;font:9px Arial;border-radius:2px;margin-right:5px}#speed{position:absolute;right:0;bottom:4px;width:150px;text-align:center;transition:opacity .3s}#speed.onfoot{opacity:.35}#speed .gauge{display:block;width:150px;height:auto;overflow:visible;filter:drop-shadow(0 3px 6px #0009)}.g-face{fill:#0e1a1cdd;stroke:#d5ae6255;stroke-width:.8}.g-rays path{fill:#d5ae6212}.g-rim{fill:none;stroke:#d5ae62;stroke-width:1.4}.g-red{fill:none;stroke:#bf5849;stroke-width:3}.g-ticks line{stroke:#d9caa0aa;stroke-width:.8}.g-ticks line.mj{stroke:#e8d8ae;stroke-width:1.5}.g-nums text{font:7px Arial;fill:#bdb397;text-anchor:middle;letter-spacing:.3px}.needle{transform-box:view-box;transform-origin:60px 62px;transform:rotate(-90deg);transition:transform .14s linear}.needle path{fill:#f0dfb0}.g-hub{fill:#d5ae62;stroke:#0e1a1c;stroke-width:1.2}.g-base{stroke:#d5ae6266;stroke-width:.8}#speed .readout{display:flex;align-items:baseline;justify-content:center;gap:5px;margin-top:-3px}#speed strong{font:28px Impact;color:#ece3c8;letter-spacing:1px}#speed small{font-size:7px;letter-spacing:2px;color:#a9b3a4}#speed .gear{font:normal 10px Georgia;color:#18201e;background:var(--gold);padding:1px 5px;margin-left:4px}#minimapWrap{position:absolute;z-index:6;right:27px;bottom:22px;width:180px;border:1px solid #7e8c7055;box-shadow:0 4px 15px #0006;background:#111e20}#minimap{display:block;width:100%;height:auto}#minimapWrap>div{font-size:8px;letter-spacing:1.5px;padding:10px;color:#aebcae}#minimapWrap span{float:right;color:var(--gold)}#toast{position:absolute;left:50%;top:24%;transform:translateX(-50%) translateY(-10px);z-index:30;opacity:0;pointer-events:none;transition:all .25s;background:#162326ec;border:1px solid #c9ab6066;padding:16px 25px;font:16px Georgia;text-align:center;max-width:80%}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#interaction{position:absolute;left:50%;bottom:140px;transform:translateX(-50%);z-index:6;background:#0d191be8;border:1px solid #dac58e50;padding:12px 18px;font-size:11px;letter-spacing:.7px;white-space:nowrap}#crosshair{position:absolute;width:22px;height:22px;border:1px solid #e6d2a580;border-radius:50%;pointer-events:none;z-index:8;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:'';background:#e6d2a5;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#crosshair:before{width:5px;height:1px}#crosshair:after{width:1px;height:5px}.panel{width:min(920px,92vw);max-height:88vh;overflow-y:auto;background:#142022f7;border:1px solid #9b947560;box-shadow:0 25px 100px #0008;padding:32px;position:relative}.panel h2{font:38px Georgia;font-weight:400;margin:10px 0 12px}.panel p{font-size:12px;color:#acbab2;line-height:1.7}.panel-top{display:flex;justify-content:space-between;align-items:center}.close{background:none;border:1px solid #77887966;width:32px;height:32px;font-size:19px}.tabs{display:flex;border-bottom:1px solid #68796855;margin:23px 0;gap:20px}.tabs button{background:none;border:0;padding:10px 0;font-size:11px;letter-spacing:1.5px;color:#a8b7ad}.tabs button.active{color:var(--gold);border-bottom:2px solid var(--gold)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{padding:19px;border:1px solid #83957c40;background:#1b2a2bb8;text-align:left;position:relative;min-height:190px}.card:hover{border-color:#d5ae6280}.card small{font-size:8px;letter-spacing:1.4px;color:var(--gold)}.card h3{font:21px Georgia;margin:13px 0 9px}.card p{font-size:11px;line-height:1.6;min-height:44px}.card footer{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:18px}.card button,.secondary{background:#d5ae6215;border:1px solid #d5ae6277;padding:10px 13px;color:#e5c580;font-size:10px;letter-spacing:1px}.card button:hover,.secondary:hover{background:#d5ae6235}.card button:disabled{cursor:default;opacity:.4}.money{font-family:Georgia;color:var(--gold);font-size:19px}.panel-footer{border-top:1px solid #83957c33;padding-top:18px;margin-top:23px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#94a69a}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;margin:25px 0}.help-grid>div{font-size:12px;padding:13px 0;border-bottom:1px solid #68796833;color:#c1cbbd}.help-grid kbd{margin-right:12px}.statsgrid{display:flex;gap:32px;margin:25px 0}.statsgrid strong{font:30px Georgia;display:block;color:var(--gold)}.statsgrid small{font-size:8px;letter-spacing:2px;color:#a1b19f}.mapcanvas{display:block;width:min(560px,100%);margin:15px auto;border:1px solid #8a956b66}.legend{display:flex;gap:20px;font-size:10px;justify-content:center;color:#c1cbbd;flex-wrap:wrap}#mobile{position:absolute;inset:0;z-index:7;pointer-events:none}#stick{position:absolute;bottom:85px;left:30px;width:100px;height:100px;border-radius:50%;background:#12212577;border:1px solid #c5d1ab55;pointer-events:auto;touch-action:none}#stick i{position:absolute;left:30px;top:30px;width:40px;height:40px;background:#d5ae6266;border:1px solid #d5ae6288;border-radius:50%;pointer-events:none}#mobile button{pointer-events:auto;position:absolute;right:25px;bottom:95px;width:65px;height:65px;border-radius:50%;border:1px solid #c5d1ab55;background:#15282aaa;font-size:11px;touch-action:none}#mobile button[data-action=interact]{right:100px;bottom:70px;width:48px;height:48px}#mobile button[data-action=jobs]{right:25px;bottom:175px;width:48px;height:48px}#mobile button[data-action=empire]{right:85px;bottom:185px;width:48px;height:48px}#mobile button[data-action=reload]{right:160px;bottom:85px;width:45px;height:45px}#mobile button[data-action=brake]{right:160px;bottom:145px;width:45px;height:45px}@media(max-width:800px){.poster-note{display:none}.titleblock{top:17%;left:8%}.titlefooter>span:nth-child(2){display:none}.titleactions{gap:20px}.title-screen{padding-top:22px}.lead{font-size:18px}h1{font-size:clamp(85px,20vw,145px)}header{padding:15px}.brand{font-size:19px}.topstats{gap:15px}.topstats strong{font-size:16px}.topstats>div:nth-child(2){display:none}.heatbox{min-width:110px}.heatbox span{font-size:16px;letter-spacing:2px}.topstats small{font-size:7px;letter-spacing:1px}.square{margin-left:0}.cards{grid-template-columns:1fr}.card{min-height:0}.card p{min-height:0}.panel{padding:22px}.panel h2{font-size:29px}.help-grid{grid-template-columns:1fr}.statsgrid{gap:20px}#mission{top:85px;left:15px;width:230px}#mission h2{font-size:18px}#area{top:90px;left:auto;right:15px;transform:none}#district{font-size:8px;letter-spacing:2px}#clock{font-size:8px}#bottomhud{left:15px;bottom:15px;right:150px}.vitals{gap:12px}.vital{width:65px}.gun{font-size:9px;gap:10px}.gun span{font-size:12px}.controls{display:none}#speed{display:none}#minimapWrap{width:115px;right:15px;bottom:15px}#minimapWrap>div{font-size:6px;padding:6px}#interaction{bottom:245px;font-size:10px;padding:10px}#toast{top:36%;font-size:13px;width:80%}.panel-footer{flex-wrap:wrap}.edition{font-size:8px;letter-spacing:1.7px}.titlefooter{bottom:20px;font-size:8px}.save-note{font-size:8px}}
@media(max-height:690px) and (min-width:801px){.titleblock{top:13%}h1{font-size:115px;margin:20px 0}.lead{font-size:17px}.titleactions{gap:17px;margin-top:17px}.save-note{margin-top:20px}.poster-note{top:35%}.titlefooter{bottom:20px}}
@media(max-width:500px){header{gap:10px;padding:12px}.brand{font-size:16px;gap:7px}.brand small{font-size:6px;letter-spacing:1.7px}.diamond{font-size:14px}.topstats{gap:12px}.heatbox{min-width:90px}.heatbox span{font-size:14px}.topstats strong{font-size:15px}.square{width:29px;height:31px}.topstats small{font-size:6px}.gun{letter-spacing:1px}.vitals{gap:9px}.vital{width:52px}#bottomhud .vital small{font-size:6px;letter-spacing:1px}.titleblock .eyebrow{font-size:8px;letter-spacing:1.6px}.titleblock h1{font-size:85px}}
@media(max-height:550px) and (min-width:600px){.titleblock{top:24%;left:8%;right:8%;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.titleblock>.eyebrow{grid-column:1 / -1;margin:0 0 12px}.titleblock h1{grid-column:1;grid-row:2 / 5;font-size:95px;margin:0;line-height:.83}.titleblock .lead{grid-column:2;grid-row:2;font-size:15px;margin:0 0 8px}.titleblock .titleactions{grid-column:2;grid-row:3;margin-top:8px;gap:15px}.titleblock .primary{min-width:240px;padding:15px 18px;font-size:10px}.titleblock .save-note{grid-column:2;grid-row:4;font-size:7px;margin-top:16px}.poster-note{display:none}.edition{padding-top:10px}.title-screen{padding-top:20px}.titlefooter{bottom:16px;padding-top:10px}.panel{max-height:92vh}#mission{top:80px;width:235px;padding-top:4px}#mission h2{margin:5px 0;font-size:17px}#mission p{font-size:10px}#mission .eyebrow{font-size:7px}#mission #jobprogress{font-size:8px}#area{top:80px}#minimapWrap{width:115px;bottom:12px;right:15px}.controls{display:none}#bottomhud{bottom:12px;right:155px}#mobile #stick{bottom:55px;width:90px;height:90px;left:25px}#mobile button[data-action=fire]{bottom:65px;right:150px}#mobile button[data-action=interact]{bottom:45px;right:225px}#mobile button[data-action=jobs]{bottom:145px;right:150px}#mobile button[data-action=empire]{bottom:160px;right:210px}#mobile button[data-action=reload]{bottom:65px;right:285px}#mobile button[data-action=brake]{bottom:125px;right:285px}#interaction{bottom:30px}#speed{display:none}}
@media(max-width:500px){.titleblock h1{font-size:20vw}#minimapWrap{top:155px;bottom:auto;width:105px}#mobile button[data-action=fire]{bottom:95px}#bottomhud{right:15px}}
/* Prototype 0.2: conversations, life feedback, and pursuit lighting. */
#pursuitFx{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .8s;overflow:hidden}#pursuitFx.active{opacity:.8}#pursuitFx i,#pursuitFx b{position:absolute;inset:0;pointer-events:none}#pursuitFx i{background:radial-gradient(ellipse at 0% 25%,#ef283e77,transparent 33%),radial-gradient(ellipse at 100% 90%,#ef283e66,transparent 27%);animation:pursuit-red 1.4s ease-in-out infinite}#pursuitFx b{background:radial-gradient(ellipse at 100% 25%,#2575f78c,transparent 33%),radial-gradient(ellipse at 0% 90%,#2575f766,transparent 27%);animation:pursuit-red 1.4s ease-in-out -.7s infinite}@keyframes pursuit-red{0%,100%{opacity:.2}50%{opacity:1}}@media(prefers-reduced-motion:reduce){#pursuitFx i,#pursuitFx b{animation:none;opacity:.35}}
#talkBtn{position:absolute;z-index:8;left:50%;bottom:190px;transform:translateX(-50%);padding:12px 18px;border:1px solid #d7bc7988;background:#142425ee;color:#ead7a7;font-size:11px;letter-spacing:1px}#talkBtn:hover{background:#34493c}#rumor{position:absolute;left:29px;top:280px;max-width:280px;padding:10px 13px;background:#171e2ad9;color:#c6b0e0;font-size:10px;border-left:2px solid #b397d4;z-index:5;line-height:1.5;pointer-events:none}
#dialogue{position:absolute;left:24px;bottom:24px;width:min(1060px,calc(100% - 48px));z-index:18;display:flex;align-items:flex-end;gap:0;filter:drop-shadow(0 15px 40px #000a)}#portrait{width:210px;height:210px;flex:0 0 210px;background-image:url('assets/portraits.webp');background-size:200% 200%;background-repeat:no-repeat;border:1px solid #a38a5b;border-right:0;box-shadow:inset 0 -35px 50px #11191c55}#dialogue.no-portrait #portrait{display:none}.dialogue-body{padding:23px 26px;background:#112022f5;border:1px solid #9d946480;flex:1;min-width:0}.dialogue-top{display:flex;justify-content:space-between;align-items:center}.dialogue-top>div>span{font-size:8px;color:#c6a663;letter-spacing:2.5px}.dialogue-top h2{font:25px Georgia;margin:6px 0 0;color:#f0dfbb}.dialogue-top button{border:1px solid #8b9c7b55;background:none;width:29px;height:29px;font-size:19px;align-self:flex-start}#dialogueText{font:15px/1.7 Georgia;color:#d1d5c2;margin:16px 0 19px;max-width:710px}#dialogueChoices{display:flex;flex-direction:column;gap:7px}#dialogueChoices button{padding:10px 12px;display:block;text-align:left;background:#a5b28a09;border:1px solid #9f9c7840;font-size:11px;color:#e2d7ba;line-height:1.4}#dialogueChoices button:hover{background:#d5ae6222;border-color:#d5ae62}#dialogueChoices kbd{display:inline-block;min-width:18px;text-align:center;margin-right:10px;color:#d8b46d;border-color:#d8b46d55}
#lifeFeedback h3{font:22px Georgia;margin:24px 0 15px}#lifeFeedback fieldset{border:0;padding:0;margin:0 0 19px}#lifeFeedback legend{font-size:11px;color:#d5d4bc;margin-bottom:10px}.rating-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.rating-row label{position:relative;cursor:pointer}.rating-row input{position:absolute;opacity:0;width:35px;height:35px;left:0;top:0;margin:0}.rating-row span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #8c9d7b55;color:#ced3ba;font-size:14px;transition:.15s}.rating-row input:checked+span{background:#d5ae62;color:#182320;border-color:#d5ae62}.rating-row input:focus-visible+span{outline:2px solid #ead5a2;outline-offset:3px}.rating-row small{color:#8eaa9b;font-size:9px;margin-left:10px}.feedback-label{display:block;font-size:11px;margin-bottom:9px;color:#d5d4bc}#feedbackNote{width:100%;background:#0b191c;color:#e0d9bd;border:1px solid #8a9b7855;resize:vertical;min-height:76px;max-height:180px;padding:12px;font:12px/1.5 Arial}#feedbackNote:focus{outline:1px solid #d5ae62}.feedback-privacy{font-size:9px!important;color:#8eaa9b!important;line-height:1.5!important}.feedback-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:17px}.feedback-actions .primary{font-size:10px;min-width:260px}#feedbackStatus{color:#d2b46e!important;font-size:11px!important}#mobile button[data-action=talk]{right:145px;bottom:208px;width:48px;height:48px;color:#d9c18a}
@media(max-width:800px){#talkBtn{bottom:250px;font-size:10px}#rumor{top:253px;left:15px;font-size:8px;max-width:230px}#dialogue{left:12px;bottom:12px;width:calc(100% - 24px);max-height:68vh;overflow:auto;align-items:flex-end}#portrait{width:110px;height:110px;flex-basis:110px}.dialogue-body{padding:15px}.dialogue-top h2{font-size:21px}#dialogueText{font-size:13px;line-height:1.55;margin:12px 0 14px}#dialogueChoices button{font-size:10px;padding:9px}#dialogueChoices kbd{margin-right:5px}.rating-row small{margin-left:0;width:100%;margin-top:5px}.feedback-actions{gap:10px}.feedback-actions .primary{min-width:0;width:100%;font-size:9px}.feedback-actions .secondary{font-size:9px}}
@media(max-width:500px){#dialogue{display:block;background:#112022f5;overflow:auto;max-height:74vh;border:1px solid #9d946480}#portrait{float:left;width:92px;height:92px;margin:16px 15px 8px 15px;border:1px solid #a38a5b}.dialogue-body{border:0;background:none;padding:16px}.dialogue-top{min-height:70px;align-items:flex-start}.dialogue-top>div{padding-top:3px}.dialogue-top h2{font-size:20px}.dialogue-top>div>span{font-size:7px;letter-spacing:1.6px}#dialogueText{clear:both;padding-top:9px}#mobile button[data-action=talk]{right:145px;bottom:208px}#rumor{top:290px;width:220px}}
@media(max-height:550px) and (min-width:600px){#dialogue{max-height:65vh;width:calc(100% - 30px);left:15px;bottom:15px}#portrait{width:155px;height:155px;flex-basis:155px}.dialogue-body{padding:15px 20px}#dialogueText{font-size:12px;line-height:1.45;margin:9px 0 10px}#dialogueChoices{gap:5px}#dialogueChoices button{font-size:10px;padding:7px}#talkBtn{bottom:200px;left:70%;font-size:10px}#mobile button[data-action=talk]{bottom:195px;right:275px}#rumor{top:228px;font-size:8px}#lifeFeedback .statsgrid{margin:15px 0}.panel:has(#lifeFeedback){max-height:94vh}}

#insideLabel{position:absolute;left:50%;top:105px;transform:translateX(-50%);z-index:6;max-width:80vw;padding:10px 16px;background:#112321ed;border:1px solid #d5ae6270;color:#f0dfb7;font-size:11px;text-align:center;letter-spacing:1px;pointer-events:none}
.shop-ledger{border:1px solid #b6a57455;margin:20px 0}.shop-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:15px;border-bottom:1px solid #b6a57433}.shop-row:last-child{border:0}.shop-row h3{font:20px Georgia;margin:0 0 6px}.shop-row p{font-size:12px!important;margin:0 0 8px!important}.shop-row small,.shop-heading{font-size:10px;letter-spacing:1px;color:#bfc4ab}.shop-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.shop-actions button,.bag-items button{background:#29443e;border:1px solid #b1b69988;padding:12px;color:#f1e3bd;font-size:11px;min-height:42px}.shop-actions button:disabled,.bag-items button:disabled{opacity:.42;cursor:default}.bag-items{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.bag-items>span{padding:12px;background:#1d332f;border:1px solid #9da68a55;font-size:12px}.shop-footnote{font-size:11px!important;color:#b1b69f!important}
@media(max-width:600px){#insideLabel{top:87px;max-width:90vw;width:90vw;font-size:9px;padding:7px}.shop-row{grid-template-columns:1fr;gap:8px;padding:12px}.shop-actions{justify-content:flex-start}.shop-heading>span:last-child{display:none}.shop-row h3{font-size:19px}}
@media(max-height:550px){#insideLabel{top:75px;font-size:9px;padding:6px}}

body.in-business #mission,body.in-business #area,body.in-business #rumor,body.in-business #bottomhud .gun,body.in-business #speed{display:none}body.in-business #vignette{box-shadow:inset 0 0 70px 10px #050b0c44}body.in-business #bottomhud{pointer-events:none}body.in-business #talkBtn{bottom:105px}body.in-business #interaction{bottom:155px}
@media(max-height:550px){body.in-business #bottomhud{display:none}body.in-business #talkBtn{bottom:28px}body.in-business #interaction{bottom:80px}}

.dealer-note{font-size:9px;line-height:1.5;color:#c4cbb4;max-width:165px;text-align:right}
/* Fun pass: big callouts, newspaper results, style meter, death stamps */
.heatbox span{letter-spacing:2px;font-size:22px;transition:color .2s}
#bigtext{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%) scale(.6);z-index:25;pointer-events:none;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(46px,8vw,96px);letter-spacing:3px;color:#f1e3b8;text-shadow:4px 4px 0 #0b1416,0 0 30px #0009;opacity:0;white-space:nowrap}
#bigtext.pop{animation:bigpop 1.1s ease-out forwards}
@keyframes bigpop{0%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}
#stylechip{position:absolute;z-index:6;right:230px;bottom:105px;text-align:right;pointer-events:none;font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:2px}
#stylechip b{display:block;font-weight:400;font-size:22px;color:#bfe0c4;text-shadow:2px 2px 0 #0b1416}
#stylechip span{display:block;font-size:30px;color:#f1c878;text-shadow:3px 3px 0 #0b1416}
#paper{position:absolute;z-index:24;left:28px;top:300px;width:330px;cursor:pointer;transform-origin:30% 40%}
#paper.show{animation:paperin .7s cubic-bezier(.2,.9,.3,1.2)}
@keyframes paperin{0%{opacity:0;transform:rotate(-540deg) scale(.1)}100%{opacity:1;transform:rotate(-2deg) scale(1)}}
#paper.show{transform:rotate(-2deg)}
.paper-inner{background:#e9e0c6;color:#1d1a14;padding:16px 18px 12px;box-shadow:8px 10px 0 #050b0caa;border:1px solid #b9ab86;font-family:Georgia,serif}
.paper-inner .masthead{font:bold 9px Arial;letter-spacing:2px;border-bottom:3px double #1d1a14;padding-bottom:7px;margin-bottom:8px;text-transform:uppercase}
.paper-inner h3{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:27px;line-height:1.02;margin:0 0 7px;text-transform:uppercase}
.paper-inner .deck{font-size:12px;font-style:italic;margin:0 0 9px;color:#3b352a}
.paper-inner .fact{font-size:12px;line-height:1.5;border-top:1px solid #1d1a1466;padding-top:8px}
.paper-inner .fact b{display:block;font:bold 9px Arial;letter-spacing:1.5px;margin-bottom:4px;color:#7a2e20}
.paper-inner small{display:block;margin-top:8px;font:8px Arial;letter-spacing:1.5px;color:#6b6352;text-align:right}
.stamp{display:inline-block;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(54px,9vw,92px);letter-spacing:4px;color:#d96a52;border:5px solid #d96a52;padding:2px 22px;transform:rotate(-4deg);margin:6px 0 14px;text-shadow:3px 3px 0 #0b1416;animation:stampin .45s cubic-bezier(.3,1.6,.5,1)}
.stamp.blue{color:#8fb0e3;border-color:#8fb0e3}
@keyframes stampin{0%{transform:rotate(-4deg) scale(2.4);opacity:0}100%{transform:rotate(-4deg) scale(1);opacity:1}}
.death-line{font-size:14px!important}
.death-line b{color:var(--gold)}
.feedback-wrap{margin-top:22px;border-top:1px solid #83957c33;padding-top:12px}
.feedback-wrap summary{cursor:pointer;font-size:11px;letter-spacing:1px;color:#9fb0a5}
.card.clip.locked{opacity:.55}
.card.clip h3{font-size:18px}
@media(max-width:800px){#paper{left:15px;top:auto;bottom:90px;width:min(330px,80vw)}#stylechip{right:140px;bottom:70px}#stylechip span{font-size:22px}#stylechip b{font-size:16px}}

/* Film grain and a warm print grade over the whole scene. */#vignette{background:radial-gradient(ellipse at 50% 45%,transparent 58%,#140b0438 100%),linear-gradient(#ffd8a00a,#ffd8a00a),repeating-linear-gradient(0deg,transparent,transparent 3px,#00000009 4px);overflow:hidden}#vignette:after{content:'';position:absolute;inset:-8%;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .8s steps(5) infinite;will-change:transform}@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}@media(prefers-reduced-motion:reduce){#vignette:after{animation:none}.needle{transition:none}}
#heat.searching{animation:searching 1s steps(2,jump-none) infinite}@keyframes searching{0%{opacity:1}100%{opacity:.35}}@media(prefers-reduced-motion:reduce){#heat.searching{animation:none;opacity:.6}}

/* Flight B5: grouped touch controls and cockpit telemetry */
#mobile button[data-action=air-up]{right:27px;bottom:242px;width:69px;height:50px;border-radius:9px;background:#63502fdd;color:#ffeaac;font-size:9px}#mobile button[data-action=air-down]{right:103px;bottom:242px;width:75px;height:50px;border-radius:9px;background:#243d41e8;color:#ffeaac;font-size:9px}#mobile button[data-action=air-job]{right:191px;bottom:242px;width:69px;height:50px;border-radius:9px;background:#4a3b26e8;color:#ffeaac;font-size:9px}#flightReadout{display:block;margin-top:8px;color:#f1d69b;font-size:10px;letter-spacing:1.4px;text-shadow:0 1px 5px #000}
