:root{--hud:clamp(.85, calc(.62 + .55 * (100vw / 1920px)), 1.6)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;width:100%;height:100%;overflow:hidden}#game{width:100%;height:100%;display:block;position:absolute;inset:0}#hud{pointer-events:none;color:#d8d5c6;text-shadow:0 1px 3px #000c;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;position:absolute;inset:0}#hud .bottom-left{left:calc(22px * var(--hud));bottom:calc(22px * var(--hud));gap:calc(8px * var(--hud));flex-direction:column;display:flex;position:absolute}#district-line{width:calc(210px * var(--hud));font-size:calc(15px * var(--hud));letter-spacing:.02em;justify-content:space-between;display:flex}#district-line .city{opacity:.75}#minimap{width:calc(210px * var(--hud));height:calc(190px * var(--hud));background:#0a0c128c;border:1px solid #d8d5c659;border-radius:2px}#meters{gap:calc(5px * var(--hud));font-size:calc(13px * var(--hud));flex-direction:column;display:flex}#respect-label{font-size:calc(13px * var(--hud));opacity:.9}#respect-bar{width:calc(130px * var(--hud));height:calc(7px * var(--hud));background:#d8d5c638;border-radius:1px;overflow:hidden}#respect-fill{background:#d8d5c6;width:8%;height:100%}#heat{letter-spacing:3px;font-size:calc(14px * var(--hud))}#heat .star-on{color:#d8d5c6}#heat .star-off{color:#d8d5c64d}#cash{font-size:calc(15px * var(--hud));color:#b9d8a8}#cash:before{content:"◉ ";font-size:calc(11px * var(--hud));vertical-align:1px}#pager{right:calc(22px * var(--hud));bottom:calc(22px * var(--hud));width:calc(46px * var(--hud));height:calc(46px * var(--hud));background:#0a0c1299;border:1px solid #d8d5c666;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute}#pager .body{width:calc(24px * var(--hud));height:calc(16px * var(--hud));border:2px solid #d8d5c6;border-radius:2px;position:relative}#pager .body:after{content:"";width:calc(6px * var(--hud));height:calc(4px * var(--hud));border:2px solid #d8d5c6;border-bottom:none;border-radius:2px 2px 0 0;position:absolute;top:-6px;right:-2px}#help{top:calc(14px * var(--hud));right:calc(18px * var(--hud));font-size:calc(11px * var(--hud));opacity:.55;text-align:right;line-height:1.6;position:absolute}#cam-readout{top:calc(64px * var(--hud));right:calc(18px * var(--hud));font-size:calc(12px * var(--hud));opacity:.8;font-family:monospace;position:absolute}#health-bar{width:calc(150px * var(--hud));height:calc(8px * var(--hud));background:#0a0c0ea6;border:1px solid #c8ccd259;margin:4px 0 2px}#health-fill{background:#7fae6d;width:100%;height:100%}#weapon-line{font-size:calc(12px * var(--hud));letter-spacing:.06em;color:#c8ccd2;margin-bottom:calc(2px * var(--hud))}#down-overlay{z-index:60;background:#080608b8;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#down-overlay .down-title{font-size:calc(54px * var(--hud));letter-spacing:.4em;color:#c94f42;text-shadow:0 2px 18px #000c;font-weight:700}#down-overlay .down-sub{margin-top:calc(10px * var(--hud));font-size:calc(15px * var(--hud));letter-spacing:.12em;color:#b9bec6}#cuffed-overlay{z-index:60;background:#06080cb8;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#cuffed-overlay .down-title.cuffed{font-size:calc(54px * var(--hud));letter-spacing:.4em;color:#5b7fb4;text-shadow:0 2px 18px #000c;font-weight:700}#cuffed-overlay .down-sub{margin-top:calc(10px * var(--hud));font-size:calc(15px * var(--hud));letter-spacing:.12em;color:#b9bec6}[hidden]{display:none!important}#pause-menu{pointer-events:auto;z-index:70;text-shadow:none;background:#050a0ed1;justify-content:center;align-items:center;padding:clamp(12px,4vh,48px);display:none;position:fixed;inset:0}.pause-box{color:#e5e9e7;background:#111b22;border:1px solid #3a4a52;flex-direction:column;width:min(920px,100%);height:min(660px,100%);max-height:100%;font-size:15px;display:flex;box-shadow:0 24px 80px #0009}.pause-header{background:#17252d;border-bottom:1px solid #33424b;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex}.eyebrow{letter-spacing:.22em;color:#a6b6be;font-size:11px}.pause-title{letter-spacing:.12em;margin:5px 0 0;font-size:32px;font-weight:500}.pause-body{flex:1;grid-template-columns:205px minmax(0,1fr);min-height:0;display:grid}.pause-nav{background:#10191f;border-right:1px solid #33424b;flex-direction:column;gap:6px;padding:24px 14px;display:flex}.pause-box button,.pause-box select{font:inherit;color:#e5e9e7;cursor:pointer;background:#24343e;border:1px solid #4a5e69;border-radius:3px;min-height:44px;padding:11px 16px}.pause-box button:hover,.pause-box select:hover{background:#344953}.pause-box :focus-visible{outline-offset:3px;outline:2px solid #e4bd79}.pause-nav button{text-align:left;background:0 0;border-color:#0000}.pause-nav button[aria-pressed=true]{color:#f3d19a;background:#2c3d46;border-left:3px solid #e4bd79}#pm-resume{color:#f3d19a;border-color:#c2a06a}.pause-content{scrollbar-color:#627781 #18232b;min-height:0;padding:28px 32px 36px;overflow-y:auto}.pause-content h2{margin-bottom:10px;font-size:22px;font-weight:500}.pm-description,.pm-note{color:#a8b8bf;margin-bottom:22px;line-height:1.6}.pm-note{margin:24px 0 0;font-size:13px}.session-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pm-row{border-bottom:1px solid #2d3b43;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:24px;min-height:68px;padding:12px 0;font-size:14px;display:grid}.pm-row small{color:#a8b8bf;margin-top:5px;font-size:12px;line-height:1.5;display:block}.pm-row select,.pm-row button{width:100%}.pm-row input[type=checkbox]{accent-color:#e4bd79;justify-self:end;width:21px;height:21px}.volume-control{align-items:center;gap:12px;display:flex}.volume-control input{accent-color:#e4bd79;width:100%;min-width:0}.volume-control output{text-align:right;font-variant-numeric:tabular-nums;min-width:38px}.pause-footer{color:#a8b8bf;border-top:1px solid #33424b;justify-content:space-between;align-items:center;gap:20px;padding:16px 32px;font-size:12px;display:flex}#pm-status{color:#ecd09e;max-width:65%;min-height:18px}kbd{font:inherit;border:1px solid #65727b;border-radius:3px;margin-left:5px;padding:2px 5px;font-size:11px;display:inline-block}#fps-counter{color:#c8ccd2;z-index:40;font-variant-numeric:tabular-nums;font-size:12px;position:fixed;top:18px;right:22px}#hud.demo #fps-counter{top:40px}@media (width<=700px){.pause-header{padding:18px}.pause-title{font-size:25px}.pause-body{flex-direction:column;display:flex}.pause-nav{border-bottom:1px solid #33424b;border-right:0;flex-flow:wrap;padding:8px}.pause-nav button{padding:8px 10px;font-size:12px}.pause-content{padding:20px}.pm-row{grid-template-columns:minmax(0,1fr) minmax(100px,40%);gap:12px}.pause-footer{padding:12px 18px}.pause-footer>span:last-child{display:none}#pm-status{max-width:100%}}#pager.beeping{animation:1.1s ease-in-out infinite pager-beep}@keyframes pager-beep{0%,to{box-shadow:none;border-color:#d8d5c666}50%{border-color:#e9c46af2;box-shadow:0 0 10px #e9c46a73}}#pager-msg{right:calc(22px * var(--hud));bottom:calc(76px * var(--hud));max-width:calc(300px * var(--hud));font-size:calc(12px * var(--hud));color:#e6e2d3;text-align:right;background:#0a0c12d1;border:1px solid #e9c46a8c;border-radius:4px;padding:8px 10px;line-height:1.45;display:none;position:absolute}#job-line{top:calc(14px * var(--hud));font-size:calc(13px * var(--hud));letter-spacing:.4px;color:#e6e2d3;white-space:nowrap;background:#0a0c12b8;border:1px solid #7fd4e073;border-radius:4px;padding:6px 14px;display:none;position:absolute;left:50%;transform:translate(-50%)}#toast{left:50%;bottom:calc(120px * var(--hud));font-size:calc(15px * var(--hud));color:#efe9d8;opacity:0;pointer-events:none;white-space:nowrap;background:#0a0c12d9;border:1px solid #d8d5c680;border-radius:4px;padding:9px 18px;position:absolute;transform:translate(-50%)}#toast.show{animation:4.2s forwards toast-in-out}@keyframes toast-in-out{0%{opacity:0;transform:translate(-50%)translateY(8px)}8%,82%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-6px)}}#ending-overlay{z-index:70;background:#080608d9;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#ending-overlay #ending-map{border:1px solid #ffffff24;border-radius:3px;box-shadow:0 6px 40px #000000b3}#ending-overlay .ending-title{margin-top:calc(22px * var(--hud));font-size:calc(40px * var(--hud));letter-spacing:.28em;color:#e8e2d4;text-shadow:0 2px 18px #000c;font-weight:700;animation:2.2s ease-out both ending-in}#ending-overlay .ending-sub{margin-top:calc(10px * var(--hud));font-size:calc(15px * var(--hud));letter-spacing:.1em;color:#b9b2a4;animation:2.2s ease-out 1.2s both ending-in}#ending-overlay .ending-hint{margin-top:calc(26px * var(--hud));font-size:calc(12px * var(--hud));letter-spacing:.14em;color:#7c7668;animation:1.4s ease-out 3s both ending-in}@keyframes ending-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}#pm-credits{color:#b7c2c6;font-size:14px;line-height:1.85}#reticle{width:calc(26px * var(--hud));height:calc(26px * var(--hud));margin-left:calc(-13px * var(--hud));margin-top:calc(-13px * var(--hud));pointer-events:none;z-index:50;will-change:transform;display:none;position:fixed;top:0;left:0}#reticle .rt{background:#e8e4d6;position:absolute;box-shadow:0 0 0 1px #000000bf,0 0 6px #00000080}#reticle .rt.n,#reticle .rt.s{width:calc(2px * var(--hud));height:calc(8px * var(--hud));margin-left:calc(-1px * var(--hud));left:50%}#reticle .rt.n{top:0}#reticle .rt.s{bottom:0}#reticle .rt.e,#reticle .rt.w{height:calc(2px * var(--hud));width:calc(8px * var(--hud));margin-top:calc(-1px * var(--hud));top:50%}#reticle .rt.w{left:0}#reticle .rt.e{right:0}#reticle b{width:calc(3px * var(--hud));height:calc(3px * var(--hud));margin:calc(-1.5px * var(--hud)) 0 0 calc(-1.5px * var(--hud));background:#e8e4d6;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #000000bf}#reticle.dry .rt{opacity:.75;background:#9aa0a8}#reticle.dry b{display:none}#hud .bottom-left{background:linear-gradient(135deg,#101c25ed,#0c141cce);border:1px solid #75848c55;border-radius:5px;gap:9px;padding:12px}#district-line{font-size:calc(13px * var(--hud));flex-direction:column;gap:3px;font-weight:600}#district-line .city{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:400}#minimap{border-color:#8d9a9f66}#meters{width:calc(210px * var(--hud));grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}#respect-label,.health-label{color:#abb9be;grid-column:1/-1;font-size:11px}#respect-bar,#health-bar{grid-column:1/-1;width:100%;margin:0}#respect-bar{height:4px}#weapon-line{grid-column:1/-1;margin-top:4px;font-size:12px}#heat{letter-spacing:1px;white-space:nowrap;font-size:12px}#cash{text-align:right;font-variant-numeric:tabular-nums;font-size:14px}#help{text-align:left;opacity:.82;background:#101a22bd;border-radius:3px;max-width:min(300px,24vw);padding:8px 10px;font-size:11px;top:18px;left:22px;right:auto}#cam-readout{top:112px}#job-line{white-space:normal;text-align:center;max-width:min(540px,40vw);line-height:1.5;top:22px}#toast{white-space:normal;text-align:center;max-width:min(580px,65vw);line-height:1.5}#hud.paused>:not(#pause-menu){visibility:hidden}@media (height<=750px){#hud .bottom-left{gap:6px;padding:8px}#minimap{width:calc(175px * var(--hud));height:calc(150px * var(--hud))}#meters,#district-line{width:calc(175px * var(--hud))}.pause-header{padding-top:15px;padding-bottom:15px}}@media (prefers-reduced-motion:reduce){#pager.beeping{border-color:#e4bd79;animation:none}}#intro-overlay{pointer-events:auto;z-index:80;text-shadow:none;background:#050a0ec7;justify-content:center;align-items:center;padding:clamp(12px,4vh,48px);display:flex;position:fixed;inset:0}#intro-overlay[hidden]{display:none}#hud.paused>#intro-overlay{visibility:visible}.intro-card{color:#e6ecef;background:#101a20;border:1px solid #2b3a43;border-radius:6px;width:min(640px,100%);max-height:100%;padding:26px 30px 24px;font-size:15px;line-height:1.55;overflow:auto;box-shadow:0 18px 60px #00000080}.intro-card .eyebrow{display:block}.intro-card .pause-title{margin:4px 0 12px}.intro-lead{color:#c9d3d8;margin:0 0 14px}.intro-steps{margin:0 0 16px;padding-left:22px}.intro-steps li{margin:0 0 8px}.intro-steps b{color:#fff;font-weight:600}.k-job{color:#7fd4e0;font-weight:600}.k-phone,.k-shop{color:#e9c46a;font-weight:600}.intro-keys{color:#b9c5cb;border-top:1px solid #243139;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:0 0 18px;padding-top:14px;font-size:13px;display:grid}.intro-keys kbd,.intro-steps kbd{font:inherit;color:#f3f6f7;background:#17232a;border:1px solid #3f4f59;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-size:12px}#intro-start{width:100%;font:inherit;letter-spacing:.06em;color:#0d1418;cursor:pointer;background:#e9c46a;border:0;border-radius:4px;padding:11px 14px;font-size:15px;display:block}#intro-start:hover,#intro-start:focus-visible{background:#f2d489;outline:none}@media (width<=640px){.intro-keys{grid-template-columns:1fr}.intro-card{padding:18px;font-size:14px}}