:root{--bg:#090a0b;--panel:#111315;--panel2:#181b1d;--line:#2a2f32;--text:#eee9df;--muted:#989d9d;--acid:#d1e64b;--red:#b54032;--blue:#67a6b4;--gold:#c6a864}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{overflow:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;background:#0d0f10;gap:26px;position:relative;z-index:10}.brand,.profile-button,.nav-button{border:0;color:inherit;background:none;cursor:pointer}.brand{display:flex;align-items:center;gap:11px;min-width:216px;text-align:left}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--acid);color:#10120c;font-family:Georgia,serif;font-weight:900;font-size:27px;transform:skew(-6deg)}.brand strong{display:block;letter-spacing:2.5px;font-size:18px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:3px;margin-top:2px}.city-status{font-size:10px;letter-spacing:1.7px;color:#adb1ae;margin-right:auto}.city-status b{color:var(--text);margin-left:12px}.live-dot{width:7px;height:7px;background:var(--acid);border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 10px var(--acid)}.resources{display:flex;height:100%}.resources div{display:flex;min-width:108px;padding:0 20px;justify-content:center;flex-direction:column;border-left:1px solid var(--line)}.resources small,.profile-button small{color:var(--muted);font-size:9px;letter-spacing:1.4px}.resources b{font-size:14px;margin-top:3px}.profile-button{height:48px;min-width:140px;display:grid;grid-template-columns:38px auto;grid-template-rows:1fr 1fr;text-align:left;column-gap:10px}.profile-button span{grid-row:1/3;width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,#535b5b,#171919);display:grid;place-items:center;border:1px solid #676d6b}.profile-button b{align-self:end;font-size:12px}.profile-button small{align-self:start}main{height:calc(100vh - 76px);display:grid;grid-template-columns:205px 1fr 330px}.left-rail{border-right:1px solid var(--line);padding:24px 14px;background:#0d0f10;display:flex;flex-direction:column;gap:6px}.nav-button{width:100%;height:46px;border-radius:3px;padding:0 15px;display:flex;align-items:center;gap:13px;color:#a5aaa8;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.nav-button span{font-size:18px;width:22px}.nav-button:hover,.nav-button.active{background:#1d201f;color:var(--text)}.nav-button.active{box-shadow:inset 3px 0 var(--acid)}.heat-card{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 2px}.heat-card>div:first-child{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.heat-card b{color:var(--acid)}.heat-meter{height:4px!important;background:#272b2b;margin:10px 0;overflow:hidden}.heat-meter i{display:block;width:10%;height:100%;background:var(--acid);transition:.3s}.heat-card small{font-size:10px;color:#6f7472;line-height:1.5}.game-stage{min-width:0;display:flex;flex-direction:column;background:#0b0c0d}.stage-heading{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line)}.stage-heading small,.eyebrow{color:var(--acid);font-size:9px;letter-spacing:2px;font-weight:800}.stage-heading h1{margin:2px 0 0;font-family:Georgia,serif;font-size:24px;letter-spacing:1px}.weather{display:flex;align-items:center;gap:10px}.weather>span{font-size:28px;color:#7b969c}.weather b,.weather small{display:block}.weather b{font-size:10px}.weather small{letter-spacing:0;color:var(--muted);margin-top:3px}.map{flex:1;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 15%,#374143 0,#202729 25%,#101415 60%,#090b0c 100%)}.skyline{position:absolute;inset:10% 3% 12%;opacity:.7;background:linear-gradient(90deg,transparent 0 2%,#191e1f 2% 10%,transparent 10% 12%,#242a2a 12% 25%,transparent 25% 27%,#171b1c 27% 36%,transparent 36% 39%,#252a2a 39% 52%,transparent 52% 55%,#191d1e 55% 69%,transparent 69% 71%,#242929 71% 88%,transparent 88% 90%,#171b1c 90% 98%,transparent 98%);clip-path:polygon(0 25%,8% 25%,8% 4%,18% 4%,18% 30%,32% 30%,32% 10%,47% 10%,47% 28%,58% 28%,58% 0,71% 0,71% 22%,85% 22%,85% 7%,96% 7%,96% 31%,100% 31%,100% 100%,0 100%)}.road{position:absolute;background:#171a1a;border:1px solid #292e2e;box-shadow:0 0 0 4px #0d0f10;z-index:1}.road-a{width:125%;height:14%;left:-12%;top:48%;transform:rotate(-6deg)}.road-b{width:12%;height:130%;left:54%;top:-15%;transform:rotate(12deg)}.road:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed #59605b;opacity:.35}.location{position:absolute;z-index:4;background:linear-gradient(145deg,#2b3030,#161919);border:1px solid #4a5050;color:var(--text);padding:8px 10px;min-width:112px;min-height:62px;box-shadow:0 10px 25px #0008;cursor:pointer;text-align:left;transition:.2s}.location:hover,.location.selected{border-color:var(--acid);transform:translateY(-4px);box-shadow:0 14px 35px #000b,0 0 0 1px #d1e64b44}.location span{position:absolute;right:8px;top:7px;color:var(--acid);font-size:16px;font-weight:900}.location b,.location small{display:block;max-width:84px}.location b{font-size:9px;letter-spacing:.6px;margin-top:25px}.location small{font-size:7px;color:#838987;margin-top:2px}.block{left:9%;top:12%;height:104px}.cafe{left:34%;top:17%}.garage{right:12%;top:11%;width:148px}.pawn{left:18%;top:43%}.shop{right:29%;top:38%}.club{left:39%;bottom:13%;width:145px}.factory{right:6%;bottom:17%;height:95px}.police{left:5%;bottom:8%;border-color:#70433d}.clinic{right:6%;top:42%}.fog{position:absolute;z-index:3;width:70%;height:90px;background:#aebfbd18;filter:blur(22px);border-radius:50%;animation:drift 14s linear infinite;pointer-events:none}.fog-one{top:26%;left:-55%}.fog-two{bottom:18%;right:-50%;animation-direction:reverse;animation-duration:19s}@keyframes drift{to{transform:translateX(220%)}}.ticker{height:42px;display:flex;border-top:1px solid var(--line);align-items:center;font-size:10px;overflow:hidden}.ticker b{height:100%;display:flex;align-items:center;background:var(--acid);color:#11140d;padding:0 18px;letter-spacing:1px;white-space:nowrap}.ticker div{padding-left:20px;color:#9da19f;white-space:nowrap;animation:ticker 18s linear infinite}@keyframes ticker{from{transform:translateX(60%)}to{transform:translateX(-110%)}}.right-panel{border-left:1px solid var(--line);background:#111315;padding:22px;position:relative;overflow:auto}.close-panel{display:none}.scene{height:165px;border:1px solid #313636;background:radial-gradient(circle at 70% 30%,#586363,#222829 38%,#0e1112 70%);margin-bottom:25px;position:relative;overflow:hidden}.scene:before{content:"";position:absolute;inset:23% 12% 0;background:#171b1b;clip-path:polygon(4% 22%,22% 22%,22% 0,49% 0,49% 31%,70% 31%,70% 11%,94% 11%,94% 100%,4% 100%)}.scene span{position:absolute;right:18px;bottom:4px;font-family:Georgia,serif;font-size:70px;color:#d1e64b22;font-weight:900}.right-panel h2{font-family:Georgia,serif;text-transform:uppercase;font-size:25px;letter-spacing:.5px;margin:5px 0 9px}.right-panel>p{font-size:12px;color:#929796;line-height:1.6;margin:0 0 19px}.intel-row{border-top:1px solid var(--line);height:40px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.2px}.intel-row b{color:var(--acid)}.actions{display:grid;gap:8px;margin-top:18px}.action-button,.primary{border:1px solid #3b4140;background:#1b1e1e;color:var(--text);min-height:52px;padding:10px 12px;cursor:pointer;text-align:left;transition:.2s}.action-button:hover{border-color:var(--acid);background:#232725}.action-button b,.action-button small{display:block}.action-button b{font-size:11px;letter-spacing:.3px}.action-button small{color:#858a88;margin-top:5px}.action-button .cost{float:right;color:var(--acid)}.modal{position:fixed;inset:0;background:#000b;display:none;place-items:center;z-index:30;padding:20px}.modal.show{display:grid}.modal-card{width:min(430px,100%);background:#141717;border:1px solid #424847;padding:30px;text-align:center;position:relative;box-shadow:0 30px 80px #000}.modal-close{position:absolute;right:12px;top:8px;border:0;background:none;color:#999;font-size:25px;cursor:pointer}.modal-card>small{color:var(--muted);letter-spacing:2px}.result-emblem{width:66px;height:66px;margin:20px auto 10px;border:1px solid var(--acid);color:var(--acid);display:grid;place-items:center;font-size:30px;transform:rotate(45deg)}.result-emblem::first-letter{transform:rotate(-45deg)}.modal-card h2{font-family:Georgia,serif;font-size:31px;letter-spacing:2px;margin:18px 0 8px}.modal-card p{color:#a6aaa8;line-height:1.5;font-size:13px}.result-stats{display:flex;justify-content:center;gap:25px;margin:20px 0}.result-stats div small,.result-stats div b{display:block}.result-stats small{color:#777;font-size:8px;letter-spacing:1px}.result-stats b{margin-top:4px;color:var(--acid)}.primary{width:100%;background:var(--acid);color:#11140d;border-color:var(--acid);text-align:center;font-weight:900;letter-spacing:1px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);opacity:0;background:#e5e1d8;color:#101212;padding:11px 18px;font-size:11px;font-weight:700;z-index:40;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){main{grid-template-columns:72px 1fr 300px}.left-rail{padding:20px 9px}.nav-button{justify-content:center;padding:0}.nav-button:not(.active){font-size:0}.nav-button.active{font-size:0}.nav-button span{font-size:20px;width:auto}.heat-card{display:none}.brand{min-width:auto}.brand>span:last-child{display:none}.resources div{min-width:90px;padding:0 12px}}@media(max-width:760px){body{overflow:auto}.topbar{height:64px;padding:0 12px}.city-status,.resources div:nth-child(2){display:none}.resources div{border:0;min-width:auto}.profile-button{min-width:44px;width:44px}.profile-button b,.profile-button small{display:none}main{height:calc(100vh - 64px);grid-template-columns:1fr}.left-rail{position:fixed;bottom:0;left:0;right:0;height:60px;z-index:15;display:flex;flex-direction:row;border:0;border-top:1px solid var(--line);padding:6px;background:#0d0f10}.nav-button{height:48px}.game-stage{padding-bottom:60px}.stage-heading{height:68px;padding:0 15px}.stage-heading h1{font-size:19px}.weather{display:none}.map{min-height:570px}.location{min-width:92px}.garage{right:4%}.factory{right:2%}.right-panel{display:none;position:fixed;z-index:25;inset:64px 0 0;padding-bottom:80px}.right-panel.open{display:block}.close-panel{display:block;position:absolute;right:20px;top:12px;border:0;background:#242929;color:#fff;width:34px;height:34px;font-size:22px;z-index:2}.ticker{display:none}}