:root{--bg:#050814;--ink:#eef1f8;--muted:#8d97b0;--line:#ffffff17;--glass:#0b101ed1;--glass-2:#141b30b8;--gold:#ffd45a;--gold-2:#f6b73c;--teal:#5ff3d6;--danger:#ff6b7a;--radius:14px;--font-display:"Avenir Next", "Futura", "Century Gothic", "Segoe UI", system-ui, sans-serif;--font-body:"Avenir Next", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-num:"SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:clip}body{background:var(--bg)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.boot{font-family:var(--font-display);letter-spacing:.3em;color:var(--muted);background:radial-gradient(at 50% 60%,#16204a 0%,#050814 70%);place-items:center;display:grid;position:fixed;inset:0}.boot b{color:var(--ink);margin-bottom:8px;font-size:22px;display:block}.app{position:fixed;inset:0;overflow:clip}.sky{background:radial-gradient(80% 60% at 50% 72%,#4056be59,#0000 70%),radial-gradient(60% 40% at 20% 10%,#8c46be2e,#0000 70%),linear-gradient(#03050d 0%,#0a1030 45%,#111a44 70%,#070b1c 100%);position:absolute;inset:0}.stars,.stars-2{background-image:radial-gradient(1px 1px at 10% 20%,#fff8,#0000),radial-gradient(1px 1px at 30% 8%,#fff9,#0000),radial-gradient(1.5px 1.5px at 55% 15%,#fffa,#0000),radial-gradient(1px 1px at 72% 26%,#fff7,#0000),radial-gradient(1px 1px at 88% 12%,#fff9,#0000),radial-gradient(1px 1px at 15% 40%,#fff5,#0000),radial-gradient(1px 1px at 92% 38%,#fff6,#0000),radial-gradient(1.2px 1.2px at 42% 32%,#fff6,#0000);animation:7s ease-in-out infinite alternate twinkle;position:absolute;inset:0}.stars-2{opacity:.5;animation-duration:11s;transform:translate(3%,5%)scale(1.3)}.moon{opacity:.85;background:radial-gradient(circle at 35% 35%,#fff8e6,#f1d9a6 55%,#c9a770);border-radius:50%;width:70px;height:70px;position:absolute;top:9%;right:16%;box-shadow:0 0 80px 20px #ffdca02e}@keyframes twinkle{0%{opacity:.55}to{opacity:1}}.city-wrap{touch-action:none;cursor:grab;position:absolute;inset:0;overflow:clip}.city-wrap:active{cursor:grabbing}.city-svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;font-family:var(--font-display);display:block;position:absolute;inset:0}.bldg{cursor:pointer;outline:none}.billboard-hit{cursor:zoom-in;outline:none}.billboard-hit:focus-visible>g>rect:first-of-type,.billboard-hit:focus-visible rect{stroke:var(--teal)}.bldg:hover>polygon:first-of-type,.bldg:focus-visible>polygon:first-of-type{stroke:#fff;stroke-width:2px}.bldg:hover .bldg-label rect{stroke:#fff}.bldg:focus-visible>polygon:first-of-type{stroke:var(--teal);stroke-width:3px}.select-ring{transform-box:fill-box;transform-origin:50%;animation:1.6s steps(6,end) infinite ring}@keyframes ring{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.35;transform:scale(1.08)}}.flicker{animation:5s step-end infinite flicker}@keyframes flicker{0%,to{opacity:1}30%{opacity:.15}34%{opacity:1}70%{opacity:.4}}.blink{animation:1.4s step-end infinite blink}@keyframes blink{50%{opacity:.15}}.pulse{transform-box:fill-box;transform-origin:50%;animation:2.4s steps(6,end) infinite pulse}@keyframes pulse{50%{opacity:.1;transform:scale(1.3)}}.halo-spin{stroke-dasharray:18 10;animation:6s steps(12,end) infinite halo}@keyframes halo{to{stroke-dashoffset:-280px}}.traffic{animation:14s linear infinite traffic}.traffic-rev{animation-duration:19s;animation-direction:reverse}@keyframes traffic{to{stroke-dashoffset:-600px}}.ripple{animation:3s steps(6,end) infinite pulse}.district-label{cursor:pointer}.district-label:hover rect{fill:#141b33}.plaza-rim{transition:stroke .8s}.flag{animation:2.6s steps(4,end) infinite flag}@keyframes flag{50%{transform:skewY(-3deg)scaleX(.96)}}@keyframes hover{50%{transform:translateY(-6px)}}.beacon-sweep{animation:5s steps(10,end) infinite alternate sweep}@keyframes sweep{to{transform:rotate(18deg)}}.ribbon{stroke-dasharray:16 8}.ribbon-b{animation-direction:reverse}.monument-body{transform-box:fill-box;transform-origin:50% 100%}.monument-rising .monument-body{animation:1.9s cubic-bezier(.2,.9,.2,1.1) .6s both rise}.monument-rising .monument-beam{animation:2.4s ease-out both beamIn}@keyframes rise{0%{opacity:0;transform:scaleY(.02)}40%{opacity:1}to{opacity:1;transform:scaleY(1)}}@keyframes beamIn{0%{opacity:0}30%{opacity:1}to{opacity:.45}}.monument-falling .monument-body{filter:grayscale(.8)brightness(.7);animation:1.8s ease-in both fall}.monument-falling .dust{animation:2.4s ease-out both dust}@keyframes fall{to{opacity:0;transform:scaleY(.05)translateY(10px)}}@keyframes dust{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.arc-draw{stroke-dashoffset:1400px;animation:1.6s ease-out forwards draw}.transfer-arc{animation:4s ease-in forwards fadeOut}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fadeOut{70%{opacity:1}to{opacity:0}}.fx-float{animation:2.2s ease-out forwards floatUp}@keyframes floatUp{0%{opacity:0;transform:translateY(10px)}15%{opacity:1}75%{opacity:1}to{opacity:0;transform:translateY(-40px)}}.fx-spark{animation:1.6s ease-out forwards spark}@keyframes spark{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-70px)}}.fx-ring{transform-box:fill-box;transform-origin:50%;animation:1.4s ease-out forwards burst}@keyframes burst{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(7)}}.fx-flash{animation:1.2s ease-out forwards flash}@keyframes flash{0%{opacity:1}to{opacity:0}}.hud{pointer-events:none;z-index:10;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-brand{border:1px solid var(--line);background:linear-gradient(135deg,#0c1224d9,#0c122480);border-radius:16px;align-items:center;gap:12px;padding:8px 14px 8px 10px;display:flex}.hud-brand h1{font-family:var(--font-display);letter-spacing:.22em;background:linear-gradient(90deg,#fff 0%,#ffe7a6 60%,#ffd45a 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:17px;font-weight:800}.hud-brand p{color:var(--muted);letter-spacing:.04em;margin:2px 0 0;font-size:11px}.logo{align-items:flex-end;gap:3px;height:28px;display:flex}.logo span{background:linear-gradient(180deg, var(--gold), #b77b1c);border-radius:2px 2px 0 0;width:7px}.logo span:first-child{background:linear-gradient(180deg, var(--teal), #1c8a7b);height:14px}.logo span:nth-child(2){height:28px}.logo span:nth-child(3){background:linear-gradient(#ff8ac2,#a8356a);height:20px}.hud-status{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.status-pill{background:var(--glass);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:2px;min-height:44px;padding:7px 14px;transition:transform .15s,border-color .2s;display:flex}.status-pill:hover{border-color:#ffffff40;transform:translateY(-1px)}.status-pill.capital{border-color:color-mix(in srgb, var(--dc) 60%, transparent);box-shadow:0 0 24px -8px var(--dc)}.status-pill.crown{border-color:#ffd45a66}.pill-k{letter-spacing:.18em;color:var(--muted);font-size:9.5px;font-weight:700}.status-pill.crown .pill-k{color:var(--gold)}.pill-v{align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.pill-v .dot{background:var(--dc);width:9px;height:9px;box-shadow:0 0 10px var(--dc);border-radius:50%}.status-pill.monuments{cursor:default}.mon-dots i{color:#0b0f1c;border-radius:6px;place-items:center;width:20px;height:20px;font-size:10px;font-style:normal;font-weight:900;transition:background .8s;display:inline-grid;transform:rotate(45deg)}.mon-dots i.empty{color:#777;border:1px dashed #555}.hud-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.player-chip{background:var(--glass);border:1px solid #5ff3d659;border-radius:14px;align-items:center;gap:10px;padding:6px 8px;display:flex}.player-name{font-size:13px;font-weight:700}.wallet{font-family:var(--font-num);font-size:13px}.wallet b{color:var(--gold)}.sim-tag{font-family:var(--font-body);letter-spacing:.12em;color:var(--gold);vertical-align:middle;white-space:nowrap;background:#ffd45a14;border:1px solid #ffd45a80;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:800;display:inline-block}.hud-nav{background:var(--glass);border:1px solid var(--line);border-radius:14px;gap:6px;padding:5px;display:flex}.nav-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-size:13px;font-weight:700;transition:background .15s,transform .1s;display:flex}.nav-btn:hover{background:#ffffff12}.nav-btn:active{transform:scale(.97)}.nav-btn.on{color:#fff4d0;background:linear-gradient(#ffd45a40,#ffd45a14);border-color:#ffd45a73}.nav-btn.reset{color:var(--muted)}.btn{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-weight:700;transition:transform .1s,background .15s,box-shadow .2s;display:inline-flex}.btn:hover:not(:disabled){background:#ffffff1f}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{color:#1b1405;background:linear-gradient(#ffe08a,#f2b134);border-color:#ffe7a6;box-shadow:0 6px 20px -8px #ffbe3cb3}.btn.primary:hover:not(:disabled){background:linear-gradient(#fff0b8,#f6bf4a)}.btn.ghost{background:0 0}.btn.sm{min-height:36px;padding:0 12px;font-size:13px}.icon-btn{border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.icon-btn:hover{background:#ffffff1f}.icon-btn.sm{width:30px;height:30px;color:var(--gold)}.link-btn{color:var(--teal);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:12.5px;font-weight:700}.link-btn:hover{text-decoration:underline}.warp-btn{border:1px solid color-mix(in srgb, var(--dc,#5ff3d6) 70%, white 10%);background:linear-gradient(180deg, color-mix(in srgb, var(--dc,#5ff3d6) 45%, transparent), color-mix(in srgb, var(--dc,#5ff3d6) 15%, transparent));letter-spacing:.14em;cursor:pointer;border-radius:10px;flex:none;align-self:center;min-width:64px;min-height:44px;padding:0 12px;font-size:12px;font-weight:900;transition:transform .1s,box-shadow .2s}.warp-btn:hover{box-shadow:0 0 18px -4px var(--dc,#5ff3d6);transform:translateY(-1px)}.warp-btn.sm{min-width:56px;min-height:34px;font-size:10.5px}.drawer{z-index:12;width:408px;animation:.28s cubic-bezier(.2,.8,.2,1) drawerIn;display:flex;position:absolute;top:160px;bottom:16px;right:16px}@keyframes drawerIn{0%{opacity:0;transform:translate(24px)}}.panel{border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#2a3350 transparent;background:linear-gradient(#0e1426f0,#090d1af0);border-radius:18px;flex:1;padding:16px 18px 22px;overflow-y:auto;box-shadow:0 30px 60px -20px #000c,inset 0 1px #ffffff0d}.panel h3{font-size:14px;font-family:var(--font-display);letter-spacing:.04em;margin:0}.panel-header{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.panel-titles{flex:1;min-width:0}.panel-header h2{font-family:var(--font-display);letter-spacing:.02em;margin:4px 0 0;font-size:22px}.kicker{letter-spacing:.16em;color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.section-title{text-transform:uppercase;color:#c9d0e4;letter-spacing:.18em!important;margin:18px 0 8px!important;font-size:11px!important}.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:700}.accent{color:var(--teal)}.error{color:var(--danger)}.grow{flex:1;min-width:0}.row{align-items:center;display:flex}.row.gap{gap:8px}.row.wrap{flex-wrap:wrap}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.district-chip{background:color-mix(in srgb, var(--dc) 16%, transparent);border:1px solid color-mix(in srgb, var(--dc) 55%, transparent);color:#fff;white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:3px 9px 3px 3px;font-size:12px;font-weight:700;display:inline-flex}.district-chip i{background:var(--dc);color:#0b0f1c;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:9px;font-style:normal;font-weight:900;display:grid}.district-chip.small{font-size:11px}.district-chip.muted{color:var(--muted);border:1px dashed #555;padding:3px 9px}.own-tag,.crown-tag{letter-spacing:.14em;color:#062a24;background:var(--teal);border-radius:6px;padding:3px 7px;font-size:9.5px;font-weight:900}.crown-tag{background:var(--gold);color:#2a1c00}.owner-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.owner-row>div:nth-child(2){flex:1}.avatar{border-radius:50%;flex:none;box-shadow:0 0 0 1.5px #ffffff26}.tier-medal{background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--dc) 60%, white 10%), color-mix(in srgb, var(--dc) 20%, #0b0f1c));border:1px solid color-mix(in srgb, var(--dc) 70%, white);width:58px;height:58px;box-shadow:0 0 24px -6px var(--dc);border-radius:14px;place-items:center;line-height:1;display:grid}.tier-medal span{letter-spacing:.2em;font-size:9px;font-weight:800}.tier-medal b{font-size:26px;font-family:var(--font-display)}.tier-progress{margin-bottom:12px}.tier-progress .row-between{margin-bottom:6px}.progress{background:#ffffff12;border-radius:99px;height:8px;overflow:hidden}.progress-fill{background:var(--teal);border-radius:99px;height:100%;transition:width .9s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 10px;display:grid}.stat-grid>div{background:var(--glass-2);border:1px solid var(--line);border-radius:11px;padding:9px 11px}.stat-grid dt{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.stat-grid dd{font-family:var(--font-num);margin:3px 0 0;font-size:17px;font-weight:700}.split-bar{background:#ffffff0f;border-radius:99px;height:6px;margin-bottom:6px;display:flex;overflow:hidden}.split-owner{background:linear-gradient(90deg,#5ff3d6,#2fb8a3);transition:width .8s}.split-comm{background:linear-gradient(90deg,#ffb34d,#ffd45a);transition:width .8s}.impact-callout{background:linear-gradient(#ffd45a1f,#ffd45a08);border:1px solid #ffd45a73;border-radius:12px;margin:12px 0;padding:10px 12px;font-size:13px;font-weight:600}.impact-callout .kicker{color:var(--gold);margin-bottom:4px}.fund-box{background:var(--glass-2);border:1px solid var(--line);border-radius:14px;margin:12px 0;padding:14px}.fund-box p{margin:6px 0 10px}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{cursor:pointer;min-height:38px;font-size:13px;font-weight:700;font-family:var(--font-num);background:#ffffff0a;border:1px solid #ffffff21;border-radius:10px;align-items:center;gap:5px;padding:0 12px;transition:all .12s;display:inline-flex}.chip:hover:not(:disabled){border-color:#ffffff59;transform:translateY(-1px)}.chip.on{border-color:var(--gold);color:#fff3c4;background:#ffd45a29}.chip:disabled{opacity:.38;cursor:not-allowed}.chip-exact{color:var(--teal);border-color:#5ff3d68c}.chip.locked{font-family:var(--font-body)}.chip .swatch{border:1px solid #ffffff4d;border-radius:4px;width:12px;height:12px}.design-grid .chip{font-family:var(--font-body)}.custom-row{gap:6px;margin:8px 0;display:flex}.custom-row input{min-height:40px;color:var(--ink);font-family:var(--font-num);background:#00000040;border:1px solid #ffffff21;border-radius:10px;flex:1;padding:0 12px;font-size:14px}.confirm-box{background:radial-gradient(at top,#ffd45a29,#ffd45a08);border:1px solid #ffd45a99;border-radius:14px;margin:10px 0;padding:14px;animation:.2s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.97)}}.confirm-amount{font-family:var(--font-num);font-size:26px;font-weight:800}.confirm-amount span{letter-spacing:.14em;color:var(--gold);font-size:11px;font-family:var(--font-body)}.confirm-note{color:var(--gold);margin-bottom:8px;font-size:12px;font-weight:700}.confirm-effects{margin:0 0 12px;padding-left:18px;font-size:12.5px}.confirm-effects .hl{color:#fff3c4;font-weight:700}.confirm-inline{text-align:right;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.architect-btn{background:linear-gradient(90deg,#5ff3d62e,#5ff3d60a);border-color:#5ff3d680;justify-content:space-between;width:100%}.patron-zone{margin-top:14px}.patron-list{gap:5px;margin:8px 0 4px;padding:0;list-style:none;display:grid}.patron-list li{background:#ffffff08;border-radius:10px;align-items:center;gap:8px;padding:6px 9px;font-size:13px;display:flex}.patron-list li.featured{background:#ffd45a12;border:1px solid #ffd45a33}.patron-list b{font-family:var(--font-num)}.milestones{margin-top:12px;line-height:1.8}.ms{background:#ffffff0d;border-radius:6px;margin-right:6px;padding:1px 7px;display:inline-block}.arch-level{background:linear-gradient(135deg,#5ff3d61f,#5ff3d605);border:1px solid #5ff3d64d;border-radius:14px;margin-bottom:12px;padding:12px}.arch-level p{margin:8px 0 0}.arch-level .progress{margin-top:6px}.tabs{background:#0000004d;border-radius:12px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.tab{cursor:pointer;min-height:38px;color:var(--muted);background:0 0;border:none;border-radius:9px;flex:1;font-size:13px;font-weight:700}.tab.on{color:var(--ink);background:#ffffff1a}.design-row{margin-bottom:12px}.design-row .kicker{margin-bottom:6px}.fixture-list{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.fixture{border:1px solid var(--line);background:#ffffff09;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.fixture.owned{opacity:.75}.owned-tag{color:var(--teal);font-size:11px;font-weight:800}.slot-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0;display:grid}.slot{cursor:pointer;background:#ffffff08;border:1px dashed #fff3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;font-size:20px;display:flex}.slot span{color:var(--muted);text-transform:capitalize;font-size:10.5px}.slot.picked{border:1.5px solid var(--teal);background:#5ff3d61f}.slot.locked{opacity:.35;cursor:not-allowed}.slot-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.slot-actions .chip{font-family:var(--font-body);text-transform:capitalize}.inventory .inv{margin-right:10px}.bb-message-editor{gap:6px;margin:14px 0 6px;display:grid}.bb-message-editor textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:64px;color:var(--ink);font:inherit;background:#ffffff0a;border-radius:10px;padding:8px 10px;font-size:13px}.bb-message-editor textarea[aria-invalid=true]{border-color:var(--danger)}.bb-preview{aspect-ratio:2;border:1px solid var(--line);color:var(--muted);background:repeating-linear-gradient(45deg,#0e1426,#0e1426 10px,#121a30 10px 20px);border-radius:12px;place-items:center;margin-bottom:10px;display:grid;overflow:hidden}.bb-preview img{object-fit:cover;width:100%;height:100%}.file-btn{position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.district-tabs{grid-template-columns:repeat(9,1fr);gap:4px;margin-bottom:6px;display:grid}.dtab{border:1px solid color-mix(in srgb, var(--dc) 40%, transparent);background:color-mix(in srgb, var(--dc) 8%, transparent);cursor:pointer;border-radius:9px;place-items:center;min-height:36px;padding:0;font-size:11px;font-weight:900;display:grid}.dtab.on .district-crest{box-shadow:inset 0 0 0 1.5px #0b0f1c, 0 0 0 1px var(--dc)}.dtab.on{background:var(--dc);color:#0b0f1c;box-shadow:0 0 16px -4px var(--dc)}.opp-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.opp-card{background:linear-gradient(135deg, color-mix(in srgb, var(--dc) 12%, transparent), #ffffff05);border:1px solid color-mix(in srgb, var(--dc) 30%, transparent);border-radius:14px;gap:10px;padding:12px;display:flex;position:relative;overflow:hidden}.opp-card.hot{border-color:color-mix(in srgb, var(--dc) 70%, transparent);box-shadow:0 0 30px -14px var(--dc)}.opp-card.hot:before{content:"";background:var(--dc);width:3px;position:absolute;inset:0 auto 0 0}.opp-main{flex:1;min-width:0}.opp-tag{letter-spacing:.16em;color:color-mix(in srgb, var(--dc) 80%, white);font-size:9.5px;font-weight:800}.opp-title{font-family:var(--font-display);margin:2px 0;font-size:16px;font-weight:800}.opp-need{font-size:13px}.opp-need b{font-family:var(--font-num);color:var(--gold)}.opp-line{color:#e7ebf7;margin-top:4px;font-size:12.5px;font-style:italic}.opp-list.compact .opp-card{padding:9px 12px}.monument-rows{gap:6px;margin:0;padding:0;list-style:none;display:grid}.mrow{border:1px solid var(--line);background:#ffffff08;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.mrow>.grow>div+div{margin-top:4px}.mrow.status-capture-next{background:#ffd45a0f;border-color:#ffd45a8c}.mrow.status-held{border-color:#5ff3d659}.capital-card{border:1px solid var(--line);background:#ffffff08;border-radius:14px;padding:12px;font-size:13px}.capital-card.defense{border-color:#5ff3d659}.capital-card.offense{border-color:#ff6b7a66}.cap-cands{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.cap-cands li,.owned li,.crown-race li{align-items:center;gap:8px;display:flex}.standings,.crown-race{gap:6px;margin:0;padding:0;list-style:none;display:grid}.standings li{border:1px solid var(--line);background:#ffffff08;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.standings li.is-capital{border-color:var(--dc);background:color-mix(in srgb, var(--dc) 12%, transparent)}.rank{width:24px;font-family:var(--font-display);text-align:center;color:var(--muted);font-size:16px;font-weight:900}.score-bar{background:#ffffff0f;border-radius:99px;height:5px;margin:5px 0;overflow:hidden}.score-bar div{border-radius:99px;height:100%;transition:width .8s}.tier-counts{font-family:var(--font-num);flex-wrap:wrap;gap:8px;font-size:10.5px;display:flex}.crown-race li{background:#ffffff08;border-radius:12px;padding:8px 10px;font-size:13px}.crown-race li.is-crown{background:#ffd45a14;border:1px solid #ffd45a80}.crown-race li.is-crown .rank{color:var(--gold)}.titles{margin:12px 0}.title-pill{background:#ffd45a1f;border:1px solid #ffd45a66;border-radius:99px;margin:6px 6px 0 0;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 16px;padding:0;list-style:none;display:grid}.badge{text-align:center;border:1px solid var(--line);background:#ffffff06;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;font-size:11px;font-weight:700;display:flex}.badge.locked{opacity:.32;filter:grayscale()}.badge.earned{background:radial-gradient(circle at 50% 0,#ffd45a33,#0000 70%);border-color:#ffd45a73}.badge-glyph{color:#2a1c00;background:linear-gradient(145deg,#ffe7a6,#c58b1f);border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;display:grid;box-shadow:0 0 16px -4px #ffd45acc}.badge.locked .badge-glyph{color:#aaa;box-shadow:none;background:#333a4d}.badge.lvl-silver .badge-glyph{background:linear-gradient(145deg,#f4f7ff,#8f9ab5)}.badge.lvl-gold .badge-glyph{background:linear-gradient(145deg,#fff3b0,#e5a813)}.badge.lvl-diamond .badge-glyph{background:linear-gradient(145deg,#e8fdff,#62d7ff)}.badge-level{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:9px}.owned{margin:8px 0 16px;padding:0;list-style:none}.history-block{margin-top:12px}.history{margin:6px 0 0;padding-left:18px;font-size:12.5px;line-height:1.7}.radio-list,.radio-ticker ul{grid-template-columns:minmax(0,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.radio-item{border-left:3px solid var(--dc);background:#ffffff08;border-radius:12px;align-items:flex-start;gap:10px;padding:9px 10px;animation:.35s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}}.radio-icon{background:color-mix(in srgb, var(--dc) 25%, transparent);border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.radio-head{letter-spacing:.02em;font-size:12.5px;font-weight:800}.radio-detail{color:#b8c0d6;margin-top:2px;font-size:12px}.radio-item.kind-monument .radio-head,.radio-item.kind-capital .radio-head{color:color-mix(in srgb, var(--dc) 70%, white)}.radio-item.kind-crown .radio-head{color:var(--gold)}.radio-sub{margin:-4px 0 8px}.demo-tools{background:#ffffff05;border:1px dashed #ffffff24;border-radius:12px;gap:6px;margin:0 0 14px;padding:9px 10px;display:grid}.demo-tools-row{flex-wrap:wrap;gap:6px;display:flex}.demo-tools-row .btn{flex:auto}.rally-list{gap:10px;margin-bottom:16px;container:rally/inline-size}.rally-card{background:color-mix(in srgb, var(--dc) 9%, #ffffff08);border:1px solid color-mix(in srgb, var(--dc) 35%, transparent);border-left:3px solid var(--dc);align-items:center;min-width:0}.rally-card .radio-detail{overflow-wrap:anywhere}.rally-tag{letter-spacing:.16em;color:color-mix(in srgb, var(--dc) 70%, white);font-size:9px;font-weight:900}.rally-card.rally-monument .rally-tag,.rally-card.rally-capital .rally-tag,.rally-card.rally-crown .rally-tag{color:var(--gold)}.rally-badges{color:#ffe7a6;flex-wrap:wrap;align-items:center;gap:4px;margin-top:5px;font-size:10.5px;font-weight:700;display:flex}.rally-earns{color:var(--muted);font-weight:600}.rally-chip{background:#ffd45a1a;border:1px solid #ffd45a59;border-radius:99px;max-width:100%;padding:1px 6px}.rally-card .warp-btn{white-space:nowrap;flex:none}@container rally (width<=520px){.rally-list .rally-card{grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px;padding:12px 12px 12px 10px;display:grid}.rally-list .rally-card .radio-icon,.rally-list .rally-card .radio-head{margin-top:2px}.rally-list .rally-card .radio-detail{margin-top:4px;line-height:1.4}.rally-list .rally-card .rally-badges{margin-top:8px}.rally-list .rally-card .warp-btn{grid-column:1/-1;place-self:auto stretch;min-height:40px;font-size:11px}}.radio-ticker .rally-card .rally-badges{display:none}.radio-ticker{background:var(--glass);border:1px solid var(--line);z-index:9;border-radius:16px;width:min(430px,100vw - 32px);padding:10px;position:absolute;bottom:16px;left:16px}.ticker-head{letter-spacing:.2em;color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:2px 4px 8px;font-size:10px;font-weight:900;display:flex}.live-dot{background:#ff4d5e;border-radius:50%;flex:none;width:8px;height:8px;animation:1.4s infinite blink;box-shadow:0 0 10px #ff4d5e}.zoom-controls{z-index:8;grid-template-rows:repeat(3,44px);grid-auto-flow:column;gap:6px;display:grid;position:absolute;bottom:16px;right:16px}.has-drawer .zoom-controls{right:440px}.zoom-controls button{border:1px solid var(--line);background:var(--glass);cursor:pointer;border-radius:12px;place-items:center;width:44px;height:44px;padding:0;font-size:20px;display:grid}.zoom-controls [data-testid=rotate-reset][data-turned=false] svg{opacity:.55}.zoom-controls button:hover{background:#283250e6}.intro-card{z-index:11;background:linear-gradient(135deg,#141c36f2,#0c1020f2);border:1px solid #ffd45a66;border-radius:16px;width:min(460px,100vw - 32px);padding:14px 16px;animation:.4s ease-out pop;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px -20px #000000e6,0 0 40px -20px #ffd45a99}.intro-card .kicker{color:var(--gold)}.intro-card ol{margin:8px 0 12px;padding-left:20px;font-size:13.5px;line-height:1.6}.has-drawer .intro-card{left:calc(50% - 212px)}.announce-stack{z-index:20;pointer-events:none;gap:8px;width:min(520px,100vw - 32px);display:grid;position:absolute;top:118px;left:50%;transform:translate(-50%)}.has-drawer .announce-stack{left:calc(50% - 212px)}.announce{text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--dc) 30%, #0b0f1c), #0b0f1cf2);border:1.5px solid var(--dc);box-shadow:0 0 60px -10px var(--dc), 0 20px 40px -20px #000;border-radius:16px;padding:14px 22px;animation:.6s cubic-bezier(.2,1.4,.4,1) 1.1s both announce}.announce-title{font-family:var(--font-display);letter-spacing:.2em;color:#fff;text-shadow:0 0 20px var(--dc);font-size:22px;font-weight:900}.announce-body{color:#e9edf8;margin-top:4px;font-size:14px;font-weight:600}.announce-subs{border-top:1px solid #ffffff1f;gap:3px;margin-top:8px;padding-top:8px;display:grid}.announce-sub{color:#d9deee;font-size:12.5px}.announce-sub b{color:color-mix(in srgb, var(--dc) 70%, white);letter-spacing:.08em;margin-right:4px;font-size:11px}.announce-tier{padding:8px 16px}.announce-tier .announce-title{font-size:16px}@keyframes announce{0%{opacity:0;transform:translateY(-16px)scale(.9)}}.badge-toasts{z-index:21;justify-items:end;gap:8px;display:grid;position:absolute;bottom:186px;right:16px}.has-drawer .badge-toasts{right:440px}.badge-toast{background:#141004f2;border:1px solid #ffd45a99;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;animation:.5s cubic-bezier(.2,1.3,.4,1) 1.6s both toastIn;display:flex;box-shadow:0 0 30px -10px #ffd45acc}.badge-toast .kicker{color:var(--gold);font-size:9px}.badge-toasts .dismiss{font-size:11px}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}}.error-toast{border:1px solid var(--danger);z-index:30;background:#3c0a14f2;border-radius:12px;padding:10px 16px;animation:.2s pop;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.restore-note{color:var(--muted);z-index:5;pointer-events:none;background:#0006;border-radius:99px;padding:4px 10px;font-size:11px;animation:5s forwards fadeOut;position:absolute;top:92px;left:50%;transform:translate(-50%)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#03050cb3;place-items:center;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#0e1428;border-radius:18px;width:min(420px,100vw - 32px);padding:22px}.media-viewer{width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto}.media-viewer-image{aspect-ratio:2;object-fit:cover;border:1px solid var(--line);background:#0a0d16;border-radius:10px;width:100%;margin:10px 0 12px;display:block}.media-viewer-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.media-viewer-message{border-left:3px solid var(--gold);white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:6;background:#ffffff0a;border-radius:10px;-webkit-box-orient:vertical;margin:12px 0 0;padding:10px 12px;display:-webkit-box;overflow:hidden}.modal h2{font-family:var(--font-display);margin:0 0 8px}.fatal{text-align:center;background:#050814;place-content:center;gap:10px;min-height:100vh;padding:24px;display:grid}.fatal pre{color:var(--danger);white-space:pre-wrap}@media (width<=1180px){.nav-label{display:none!important}.hud-status .monuments{display:none}}@media (width<=820px){.hud{flex-wrap:wrap;padding:10px}.hud-brand p{display:none}.hud-status{order:3;justify-content:flex-start;width:100%}.hud-brand{padding:6px 10px}.hud-brand h1{font-size:13px}.hud-right{flex-direction:row;align-items:stretch;width:100%}.hud-nav{flex:1;justify-content:space-between;overflow-x:auto}.nav-btn{padding:0 10px}.player-chip .player-name{display:none}.status-pill{min-height:40px;padding:5px 10px}.drawer{width:auto;height:55vh;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s;animation-name:sheetIn;inset:auto 8px 8px}.drawer.revealing{opacity:0;pointer-events:none;transform:translateY(calc(100% + 16px))}@keyframes sheetIn{0%{opacity:0;transform:translateY(40px)}}.has-drawer .zoom-controls,.has-drawer .badge-toasts{right:16px}.zoom-controls{grid-template-rows:none;grid-auto-flow:row}.has-drawer .zoom-controls{grid-auto-flow:column;bottom:calc(55vh + 16px)}.has-drawer .zoom-controls .cam-zoom,.has-drawer .radio-ticker,.has-drawer .intro-card,.has-drawer .hud-brand,.has-drawer .hud-status{display:none}.has-drawer .announce-stack{left:50%}.radio-ticker{width:calc(100vw - 76px);bottom:8px;left:8px}.radio-ticker li+li,.radio-ticker .radio-detail,.has-intro .radio-ticker,.has-reminder .radio-ticker{display:none}.intro-card{width:auto;bottom:8px;left:8px;right:64px;transform:none}.announce-title{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.fx{display:none}}.bb-editor{gap:10px;display:grid}.bb-frame{aspect-ratio:2;border:2px solid var(--teal);cursor:grab;touch-action:none;background:#0b0f1c;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 0 0 4px #5ff3d61f,0 10px 30px -10px #000}.bb-frame:active{cursor:grabbing}.bb-frame img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;top:0;left:0}.bb-frame-guides{pointer-events:none;background:linear-gradient(90deg,#0000 33.2%,#ffffff2e 33.3%,#0000 33.5% 66.5%,#ffffff2e 66.6%,#0000 66.8%),linear-gradient(#0000 33%,#ffffff2e 33.3%,#0000 33.6% 66.4%,#ffffff2e 66.6%,#0000 67%);position:absolute;inset:0}.bb-zoom input[type=range]{accent-color:var(--teal);flex:1}.guide-steps{list-style:none;padding:0!important}.guide-steps li{align-items:flex-start;gap:8px;margin:3px 0;display:flex}.guide-steps li.done{color:var(--muted)}.step-mark{color:#1b1405;border:1.5px solid #ffd45a99;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:2px;font-size:11px;font-weight:900;display:grid}.guide-steps li.done .step-mark{background:var(--teal);border-color:var(--teal)}.guide-bonus{color:#d9c78f;gap:2px;margin:-4px 0 10px;display:grid}.guide-bonus .done{color:var(--teal)}.guide-foot{margin-top:8px}.guide-reminder{z-index:11;color:#ffe7a6;letter-spacing:.04em;cursor:pointer;background:#1e1705e6;border:1px solid #ffd45a8c;border-radius:99px;min-height:40px;padding:0 16px;font-size:12.5px;font-weight:800;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 0 24px -8px #ffd45acc}.guide-reminder:hover{background:#3c2d0af2}.has-drawer .guide-reminder{left:calc(50% - 212px)}.nav-btn.help span:first-child{border:1.5px solid;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:grid}.search-pill{cursor:default}.search-pill input{width:64px;color:var(--ink);font:inherit;font-family:var(--font-num);background:0 0;border:none;outline:none}.search-pill:focus-within{border-color:var(--teal)}.search-go{letter-spacing:.12em;cursor:pointer;background:#5ff3d61f;border:1px solid #5ff3d680;border-radius:6px;padding:2px 6px;font-size:9.5px;font-weight:900}.notice{border-color:var(--teal);background:#0a1e28f2}.growth-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.growth-list li{border-left:3px solid var(--dc);background:#ffffff08;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;display:flex}.district-crest{box-shadow:inset 0 0 0 1.5px var(--dc), 0 0 10px -4px var(--dc);vertical-align:middle;background:radial-gradient(circle at 50% 38%,#1b2135,#070a14 72%);border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.district-crest img{width:74%;height:74%;image-rendering:pixelated;display:block}.district-banner{border:1px solid color-mix(in srgb, var(--dc) 45%, transparent);background:linear-gradient(110deg, color-mix(in srgb, var(--dc) 16%, transparent), #ffffff05 70%);border-radius:14px;align-items:center;gap:12px;margin-top:16px;padding:10px 12px;display:flex;position:relative}.district-banner .grow{min-width:0}.district-banner-title{white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#fff;font-size:17px;font-weight:800;overflow:hidden}.banner-aside{text-align:right;justify-items:end;gap:4px;display:grid}.row-inline{align-items:center;gap:6px;display:inline-flex}.fairness-note{border-left:3px solid var(--gold);color:#ffe7a6;background:#ffd45a0f;border-radius:8px;margin:0 0 10px;padding:8px 10px;font-style:italic}.rarer-tag{letter-spacing:.12em;color:var(--gold);vertical-align:1px;border:1px solid #ffd45a73;border-radius:5px;margin-left:6px;padding:1px 5px;font-size:8.5px;font-weight:900}.growth-list .district-crest{margin-right:4px}@media (width<=1180px){.search-pill .pill-k{display:none}}@media (width<=820px){.search-pill{display:none}}.nav-btn,.hud-brand h1,.hud-brand p,.status-pill{white-space:nowrap}@media (width<=1540px){.hud-brand p{display:none}}@media (width<=1320px){.nav-btn:not(.board-nav):not(.help):not(.reset) .nav-label{display:none}}@media (width<=820px){.hud-right{flex-direction:column;align-items:stretch}.hud-nav{justify-content:space-between;overflow:visible}.nav-btn{flex:1;justify-content:center;padding:0 6px}.intro-card{padding:10px 12px}.intro-card .guide-steps{margin:6px 0 8px;font-size:12.5px}.intro-card .guide-bonus,.intro-card .guide-foot,.hud-status .status-pill:not(.capital):not(.crown){display:none}}.bldg-label.minor{opacity:0;transition:opacity .15s}.bldg:hover .bldg-label.minor,.bldg:focus-visible .bldg-label.minor{opacity:1}.address{margin:-4px 0 10px}.founding-tag{color:#ffe7a6;font-weight:700}.allegiance-warning{color:#ffd2a8;background:#ff783c1f;border:1px solid #ff8c508c;border-radius:10px;margin:0 0 10px;padding:8px 10px;font-size:12.5px;font-weight:700}.allegiance-note{color:#ffc89a;margin:6px 0 0;font-weight:700}.media-line{background:#ffffff0a;border:1px dashed #ffd45a59;border-radius:10px;margin:0 0 10px;padding:8px 10px}.season-line{color:var(--muted);letter-spacing:.04em;font-size:10.5px}.season-line b{color:#ffe7a6}.season-line .district-crest{margin:0 1px 0 2px}.season-card{--dc:var(--teal);isolation:isolate;background:linear-gradient(135deg, color-mix(in srgb, var(--dc) 13%, transparent), #ffd45a0f);border:1px solid color-mix(in srgb, var(--dc) 45%, transparent);border-radius:14px;margin:12px 0;padding:12px;position:relative;overflow:hidden}.season-banner-art{opacity:.07;width:150px;height:150px;image-rendering:pixelated;pointer-events:none;z-index:-1;position:absolute;top:8px;right:-18px}.season-home{align-items:center;gap:12px;margin:10px 0 4px;display:flex}.season-home-name{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 0 18px color-mix(in srgb, var(--dc) 60%, transparent);font-size:24px;font-weight:800}.season-card .lock{letter-spacing:.12em;color:#062a24;background:var(--teal);border-radius:99px;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:900;display:inline-block}.season-friends{gap:5px;margin:8px 0;padding:0;list-style:none;display:grid}.season-friends .grow{white-space:nowrap}.season-friends li>.muted{text-align:right}.season-friends li{align-items:center;gap:8px;font-size:12.5px;display:flex}.rep-tag{letter-spacing:.12em;color:#ffe7a6;background:#ffd45a33;border-radius:6px;padding:2px 6px;font-size:9.5px;font-weight:900}.media-ladder{gap:5px;margin:8px 0 12px;padding:0;list-style:none;display:grid}.media-ladder li{border:1px solid var(--line);background:#ffffff08;border-radius:10px;align-items:baseline;gap:8px;padding:7px 10px;font-size:12.5px;display:flex}.media-ladder li.on{background:#ffd45a14;border-color:#ffd45a99}.media-ladder li.locked{opacity:.55}.signals{border-collapse:collapse;width:100%;font-size:11.5px;font-family:var(--font-num)}.signals th,.signals td{text-align:right;border-bottom:1px solid var(--line);padding:4px 6px}.signals th:first-child,.signals td:first-child{text-align:left;font-family:var(--font-body)}.candidate-plot,.candidate-hit{cursor:pointer;outline:none}.candidate-fill{fill:#5ff3d633;stroke:#5ff3d6;stroke-width:1.6px;stroke-dasharray:5 3}.candidate-plot.new-ward .candidate-fill{fill:#ffd45a29;stroke:#ffd45a}.candidate-plot:hover .candidate-fill,.candidate-plot:focus-visible .candidate-fill{fill:#5ff3d661;stroke-width:2.4px;stroke-dasharray:none}.candidate-plot.on .candidate-fill{fill:#ffd45a73;stroke:#fff3c4;stroke-width:2.6px;stroke-dasharray:none}.placement-bar{z-index:14;background:var(--glass);border:1px solid color-mix(in srgb, var(--dc) 55%, transparent);width:min(560px,100vw - 32px);box-shadow:0 20px 50px -20px #000c, 0 0 24px -12px var(--dc);border-radius:16px;gap:8px;padding:12px 14px;animation:.25s ease-out placementIn;display:grid;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@keyframes placementIn{0%{opacity:0}}.placement-kicker{align-items:center;gap:6px;display:inline-flex}.placement-help{margin:0}.placement-selected{font-size:13px}.placement-selected code{font-family:var(--font-num);color:#ffe7a6;font-size:11.5px}.placement-selected .crown-tag{margin:0 4px}.has-placement .radio-ticker,.has-placement .intro-card,.has-placement .guide-reminder{display:none}.guide-grow{background:#5ff3d60d;border:1px dashed #5ff3d659;border-radius:12px;gap:4px;margin-top:10px;padding:9px 10px;display:grid}.guide-grow p{margin:0}.guide-grow .btn{justify-self:start}.placement-new-ward-short{display:none}.placement-bar .row-between{flex-wrap:wrap;gap:6px}@media (width<=820px){.guide-grow p,.placement-new-ward-full{display:none}.placement-new-ward-short{display:inline}.has-placement .zoom-controls{display:none}.placement-bar{width:auto;bottom:8px;left:8px;right:8px;transform:none}}