:root{--bg:#100d16;--surface-1:#17131f;--surface-2:#201a2b;--surface-3:#2b2339;--line:#3b314d;--line-strong:#59476f;--text:#f4f0f8;--muted:#a99eb8;--accent:#8a5bd1;--accent-strong:#a879ee;--success:#73c58b;--warning:#e1ad5f;--danger:#e66c72;--conflict:#f07c55;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Arial Narrow,Aptos Narrow,Arial,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(90deg, #ffffff06 1px, transparent 1px) 0 0 / 56px 56px, var(--bg);min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}a{color:inherit}:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,input,select,summary,a{min-height:44px}.page-frame{width:min(100% - 2rem,1280px);min-height:100dvh;margin-inline:auto}.site-header{border-bottom:1px solid #394039;justify-content:space-between;align-items:center;min-height:72px;display:flex}.brand{color:#fff;letter-spacing:.13em;align-items:center;gap:.7rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#e1ff57;border:1px solid #e1ff57;place-items:center;width:2rem;height:2rem;display:grid}.foundation-label,.eyebrow,.status-panel p{color:#abb3aa;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.home{grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);align-items:end;gap:clamp(3rem,9vw,9rem);min-height:calc(100dvh - 72px);padding-block:clamp(4rem,11vw,8rem);display:grid}.home-copy h1,.system-page h1{color:#fff;letter-spacing:-.06em;max-width:800px;margin:1rem 0 1.5rem;font-size:clamp(3.6rem,10vw,8.5rem);line-height:.88}.lede{color:#c7cec6;max-width:43ch;margin:0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55}.status-panel{border-top:1px solid #e1ff57;padding-top:1.25rem}.status-panel p{margin:0 0 1.2rem}.status-panel strong,.status-panel span{display:block}.status-panel strong{margin-bottom:.55rem;font-size:1.25rem}.status-panel span{color:#abb3aa;line-height:1.5}.system-page{min-height:calc(100dvh - 72px);padding-block:clamp(4rem,12vw,9rem)}.system-page h1{max-width:750px;font-size:clamp(3rem,8vw,6.5rem)}.system-page a{color:#e1ff57;margin-top:1.5rem;display:inline-block}.auth-card{background:#151a16;border:1px solid #394039;width:min(100%,560px);margin:clamp(3rem,10vh,7rem) auto;padding:clamp(1.5rem,5vw,3rem)}.auth-card.wide{width:min(100%,900px)}.player-nav{z-index:3;background:#151a16f5;border-bottom:1px solid #394039;gap:.5rem;margin:calc(-1*clamp(1.5rem,5vw,3rem)) calc(-1*clamp(1.5rem,5vw,3rem)) 1.5rem;padding:.65rem clamp(1.5rem,5vw,3rem);display:flex;position:sticky;top:0;overflow-x:auto}.player-nav a{flex:none;align-items:center;padding-inline:.75rem;text-decoration:none;display:inline-flex}.pwa-status{z-index:5;color:#101411;background:#e1ff57;border-bottom:1px solid #e1ff57;justify-content:center;gap:1rem;padding:.65rem 1rem;display:flex;position:sticky;top:0}body:has(.game-shell) .pwa-status{color:#f4d2a7;background:#382718;border-color:#8a6136}.pwa-status button{min-height:32px;color:inherit;font:inherit;background:0 0;border:1px solid;margin-left:.5rem}.auth-card h1{margin:.5rem 0 1rem;font-size:clamp(2.2rem,6vw,4rem);line-height:.95}.auth-card form,.auth-card label{gap:.75rem;display:grid}.auth-card form{gap:1rem;margin-block:1.5rem}.auth-card input{color:#fff;width:100%;font:inherit;background:#0e120f;border:1px solid #5e685e;padding:.9rem}.auth-card .toggle{align-items:center;display:flex}.auth-card input[type=checkbox]{width:auto;min-width:1.25rem;min-height:1.25rem}.account-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.gameplay-panel{border:1px solid #394039;border-radius:1rem;gap:1rem;margin:1.5rem 0;padding:1rem;display:grid}.section-heading,.application-row{justify-content:space-between;align-items:end;gap:.75rem;display:flex}.gameplay-map{gap:.4rem;display:grid;overflow-x:auto}.gameplay-map-wrap{isolation:isolate;min-width:0;position:relative}.gameplay-map-overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gameplay-map-overlay rect{fill:#0000;stroke:#eef2ed40;stroke-width:.025px;vector-effect:non-scaling-stroke}.gameplay-map-overlay rect.owned{stroke:#91aa91}.gameplay-map-overlay rect.contested{stroke:#ff7657;stroke-width:.06px}.gameplay-map-overlay rect.selected{stroke:#e1ff57;stroke-width:.08px}.gameplay-map .district{color:#eef2ed;background:#192019;border:1px solid #394039;min-height:5rem;padding:.55rem}.gameplay-map .district span{margin-top:.35rem;font-size:.75rem;display:block}.gameplay-map .district.selected{outline:3px solid #e1ff57}.district-detail,.gang-card{background:#192019;border-radius:.75rem;padding:1rem}.application-row{flex-wrap:wrap;align-items:center;margin-top:.5rem}.auth-card .danger{color:#ffb3b3;background:0 0;border-color:#ff7878}.auth-card button{color:#101411;font:inherit;cursor:pointer;background:#e1ff57;border:1px solid #e1ff57;padding:.9rem 1.1rem;font-weight:700}.auth-card button:disabled{cursor:wait;opacity:.5}.auth-card .secondary{color:#e1ff57;background:0 0}.choice-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0;display:grid}.choice-grid .choice{color:#eef2ed;text-align:left;background:0 0;gap:.75rem;min-height:180px;display:grid}.choice-grid .choice.selected{color:#101411;background:#e1ff57}.choice span{font-weight:400;line-height:1.45}.auth-message{padding:4rem 0}.admin-shell{grid-template-columns:220px minmax(0,1fr);gap:clamp(2rem,5vw,5rem);padding-block:3rem 6rem;display:grid}.admin-nav{background:#151a16;border:1px solid #394039;flex-direction:column;align-self:start;gap:.9rem;padding:1.25rem;display:flex;position:sticky;top:2rem}.admin-nav strong{color:#e1ff57;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.admin-nav a{color:#c7cec6;text-decoration:none}.admin-main>h1{letter-spacing:-.045em;margin:.4rem 0 2rem;font-size:clamp(2.7rem,6vw,5.5rem);line-height:.92}.metric-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.metric-grid article{background:#151a16;border-top:2px solid #e1ff57;min-height:150px;padding:1.25rem}.metric-grid span,.metric-grid strong{display:block}.metric-grid strong{margin-top:1rem;font-size:3rem}.toolbar,.inline-form,.form-row{flex-wrap:wrap;align-items:end;gap:.75rem;margin:1.25rem 0;display:flex}.admin-button,.admin-main button{color:#101411;font:inherit;cursor:pointer;background:#e1ff57;border:1px solid #e1ff57;padding:.75rem 1rem;font-weight:700;text-decoration:none;display:inline-block}.admin-button.secondary{color:#e1ff57;background:0 0}.admin-main button:disabled{opacity:.35;cursor:not-allowed}.record-list{background:#394039;border:1px solid #394039;gap:1px;margin-top:1.5rem;display:grid}.record-list>a,.record-list>article{color:inherit;background:#151a16;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;text-decoration:none;display:flex}.record-list span{color:#abb3aa}.admin-form{background:#151a16;border:1px solid #394039;gap:1rem;max-width:780px;padding:1.5rem;display:grid}.admin-form.compact{grid-template-columns:repeat(2,1fr);max-width:none}.admin-form.compact button{grid-column:1/-1}.admin-form label,.district-editor label,.inline-form label{color:#abb3aa;gap:.45rem;font-size:.85rem;display:grid}.admin-main input,.admin-main textarea,.admin-main select{color:#fff;min-width:0;font:inherit;background:#0e120f;border:1px solid #5e685e;padding:.75rem}.admin-main textarea{min-height:100px}.form-row>label{flex:1}.admin-message,.warning,.validation-errors,.validation-ok{background:#20261f;border-left:3px solid #e1ff57;padding:1rem}.warning,.validation-errors{border-color:#ff7657}.validation-ok{border-color:#74da92}.map-workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1rem;margin-top:1rem;display:grid;overflow:auto}.district-grid{gap:.4rem;min-width:560px;display:grid}.district-grid>button,.district-grid>div{color:#eef2ed;text-align:left;background:#151a16;border:1px solid #394039;align-content:space-between;gap:.35rem;min-height:90px;padding:.65rem;display:grid}.district-grid>button.selected{outline:2px solid #e1ff57}.district-grid small,.district-grid span{color:#abb3aa}.district-grid.readonly{margin-top:2rem}.district-editor{background:#151a16;border:1px solid #e1ff57;gap:.8rem;padding:1.25rem;display:grid;position:sticky;top:1rem}.district-editor h2{margin:0 0 .5rem}.notification-center{background:#151a16;border:1px solid #394039;gap:1rem;margin:1.5rem 0;padding:1rem;display:grid}.notification-skeleton,.push-permission-state{color:var(--muted);background:var(--surface-2);border-radius:.45rem;padding:.7rem;font-size:.75rem}.notification-banner{background:#2a211d;border-left:4px solid #ff7657;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;display:flex}.notification-banner p{margin:.25rem 0 0}.notification-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.notification-list button{color:#eef2ed;text-align:left;background:#20261f;border:1px solid #394039;gap:.25rem;width:100%;padding:.75rem;display:grid}.notification-list .read button{opacity:.7}.notification-list small,.notification-list span{color:#abb3aa}.notification-center details{gap:.75rem;display:grid}.notification-center summary{cursor:pointer;margin-bottom:.75rem}.notification-preference{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:.5rem 0;display:flex}.notification-preference strong{min-width:12rem}@media (width<=850px){.admin-shell{grid-template-columns:1fr}.admin-nav{flex-direction:row;position:static;overflow:auto}.metric-grid,.map-workspace{grid-template-columns:1fr}.district-editor{position:static}.admin-form.compact{grid-template-columns:1fr}.admin-form.compact button{grid-column:auto}}@media (width<=720px){.foundation-label{display:none}.home{grid-template-columns:1fr;align-content:center}.choice-grid{grid-template-columns:1fr}.page-frame{width:min(100% - 1rem,1280px)}.auth-card{margin-block:.75rem;padding:1rem}.player-nav{margin:-1rem -1rem 1rem;padding-inline:.5rem}.gameplay-panel,.gang-card,.district-detail{padding:.75rem}.gameplay-map .district{min-height:4.5rem;padding:.4rem}}@media (prefers-reduced-motion:no-preference){.brand,.system-page a{transition:opacity .15s}.brand:hover,.system-page a:hover{opacity:.72}}body:has(.game-shell){background:#0d0a12}body:has(.game-shell) .page-frame{width:100%;max-width:none}body:has(.game-shell) .site-header{display:none}.game-shell{--nav-height:78px;min-height:100dvh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));color:var(--text);background:radial-gradient(circle at 50% -20%, #2a1e38 0, transparent 34rem), var(--bg)}.game-shell button,.game-shell input,.game-shell select,.game-shell textarea{border:1px solid var(--line-strong);min-height:44px;color:var(--text);background:var(--surface-2);font:inherit;border-radius:.55rem}.game-shell button{border-color:var(--accent);background:var(--accent);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-weight:700;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.game-shell button:hover:not(:disabled){background:var(--accent-strong)}.game-shell button:active:not(:disabled){transform:translateY(1px)scale(.99)}.game-shell button:disabled{cursor:not-allowed;opacity:.46}.game-shell button.secondary{color:var(--text);border-color:var(--line-strong);background:0 0}.game-shell button.danger{color:#fff;background:#8e3642;border-color:#b84c57}.game-shell button.icon-button{width:44px;color:var(--muted);background:0 0;border-color:#0000;padding:.65rem}.game-shell svg{flex:none;width:1.35rem;height:1.35rem}.skip-link{z-index:40;color:var(--text);background:var(--accent);padding:.75rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:none}.game-header{z-index:12;min-height:74px;padding:max(.75rem, env(safe-area-inset-top)) clamp(1rem, 4vw, 2rem) .75rem;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#100d16f0;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.player-identity{align-items:center;gap:.7rem;min-width:0;display:flex}.player-identity>div{min-width:0}.player-identity strong,.player-identity span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-identity strong{font-size:1.02rem}.player-identity span{color:var(--muted);margin-top:.15rem;font-size:.78rem}.mini-emblem,.gang-emblem,.profile-avatar{color:#c49aff;background:#2b1b40;border:1px solid #62458a;place-items:center;display:grid;box-shadow:0 8px 24px #190b2a73}.mini-emblem{border-radius:.65rem;width:42px;height:42px}.header-stats{align-self:stretch;gap:.5rem;display:flex}.header-stats>div{border-left:1px solid var(--line);grid-template-columns:auto auto;align-content:center;column-gap:.45rem;min-width:8.5rem;padding:.4rem .75rem;display:grid}.header-stats svg{color:var(--accent-strong);grid-row:1/3;align-self:center}.header-stats span,.header-stats small{color:var(--muted);font-size:.68rem}.header-stats strong{font-variant-numeric:tabular-nums;font-size:.9rem}.positive{color:var(--success)!important}.negative{color:var(--danger)!important}.refresh-indicator{color:var(--muted);background:var(--surface-2);border-radius:0 0 .4rem .4rem;padding:.2rem .55rem;font-size:.7rem;position:absolute;bottom:-1.5rem;right:1rem}.active-operation{text-align:left;grid-template-columns:auto 1fr auto;width:min(100% - 2rem,1180px);margin:.85rem auto 0;color:var(--text)!important;background:#321d20!important;border-color:#8f4f3c!important;padding:.65rem .85rem!important;display:grid!important}.active-operation span>*{display:block}.active-operation small{color:#e8aaa0}.active-operation strong{margin-top:.12rem}.game-content{outline:none;width:min(100% - 2rem,1180px);margin:0 auto;padding:1rem 0 3rem}.game-navigation{z-index:14;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:.35rem max(.4rem, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(.4rem, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14101bf7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.game-navigation button{min-width:0;color:var(--muted);background:0 0;border:0;border-radius:.5rem;place-items:center;gap:.2rem;padding:.35rem .2rem;font-size:.72rem;font-weight:600;display:grid}.game-navigation button:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.game-navigation button.active{color:#d4b6ff;background:linear-gradient(#392551,#241a31)}.nav-icon{line-height:0;position:relative}.nav-icon i{color:#fff;background:var(--danger);border-radius:1rem;place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .25rem;font-size:.65rem;font-style:normal;display:grid;position:absolute;top:-.5rem;right:-.7rem}.screen-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.screen-heading h2,.gang-screen h2,.profile-screen h2{letter-spacing:-.035em;margin:.15rem 0 0;font-size:clamp(1.8rem,5vw,2.8rem);line-height:.98}.screen-heading .eyebrow,.game-shell .eyebrow{color:#a78bbd;margin:0;font-size:.69rem}.city-picker{color:var(--muted);gap:.25rem;font-size:.7rem;display:grid}.city-picker select{min-width:10rem;padding:.55rem .7rem}.state-banner{background:#2d2319;border:1px solid #7e5835;border-radius:.55rem;align-items:center;gap:.65rem;margin-bottom:.8rem;padding:.75rem;display:flex}.state-banner strong,.state-banner span{display:block}.state-banner span{color:#d2b896;margin-top:.12rem;font-size:.78rem}.map-legend{color:var(--muted);scrollbar-width:none;gap:.85rem;margin-bottom:.65rem;font-size:.72rem;display:flex;overflow-x:auto}.map-legend span{flex:none;align-items:center;gap:.3rem;display:flex}.legend-dot{border:2px solid var(--line-strong);border-radius:.15rem;width:.55rem;height:.55rem}.legend-dot.own{border-color:var(--success)}.legend-dot.rival{border-color:var(--danger)}.legend-dot.contested{border-color:var(--conflict);background:var(--conflict)}.legend-dot.free{border-color:#9991a6}.city-map-scroll{border:1px solid var(--line);overscroll-behavior:contain;background:#09070c;border-radius:.7rem;min-width:0;overflow:auto;box-shadow:0 18px 45px #04020780}.city-map{gap:2px;min-width:max-content;padding:2px;display:grid}.gameplay-map-overlay.geometry-contract{display:none}.district-tile{isolation:isolate;aspect-ratio:1;color:#fff;text-align:left;width:clamp(5.5rem,17vw,13rem);position:relative;overflow:hidden;background:#15111a!important;border:2px solid #41394a!important;border-radius:.35rem!important;padding:0!important;display:block!important}.district-art,.district-shade{z-index:-2;position:absolute;inset:0}.district-art{background-image:url(/assets/district-atlas.webp);background-size:500% 300%;background-position:var(--sprite-x) var(--sprite-y);filter:saturate(.78)brightness(.72);transition:filter .18s,transform .18s;transform:scale(1.015)}.district-shade{z-index:-1;background:linear-gradient(#0504070a 25%,#07050adb 100%)}.district-tile:hover .district-art,.district-tile:focus-visible .district-art{filter:saturate(.95)brightness(.9);transform:scale(1.045)}.district-tile.own{border-color:#52916a!important}.district-tile.rival{border-color:#75434d!important}.district-tile.contested{box-shadow:inset 0 0 0 2px #f07c5559;border-color:var(--conflict)!important}.district-tile.selected{box-shadow:inset 0 0 0 2px var(--accent-strong), 0 0 0 2px #160d20;border-color:var(--accent-strong)!important}.district-coordinate{background:#08060ad1;border-radius:.25rem;padding:.12rem .3rem;font-size:.68rem;font-weight:800;position:absolute;top:.35rem;left:.35rem}.district-name,.district-owner{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #000;position:absolute;bottom:1.25rem;left:.35rem;right:.35rem;overflow:hidden}.district-name{font-size:clamp(.72rem,1.5vw,.93rem);font-weight:800}.district-owner{color:#cbc2d4;font-size:.63rem;bottom:.35rem}.district-conflict{text-transform:uppercase;background:#832f1de6;border-radius:.25rem;align-items:center;gap:.15rem;padding:.15rem .3rem;font-size:.58rem;font-weight:800;display:flex;position:absolute;top:.35rem;right:.35rem}.district-conflict svg{width:.7rem;height:.7rem}.map-hint{color:var(--muted);align-items:center;gap:.4rem;margin:.65rem 0 0;font-size:.75rem;display:flex}.district-sheet{z-index:20;right:0;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));max-height:min(72dvh,690px);padding:.65rem 1rem calc(1rem + env(safe-area-inset-bottom));border:1px solid var(--line-strong);background:#1b1624;border-radius:1.1rem 1.1rem 0 0;animation:.18s ease-out sheet-in;position:fixed;left:0;overflow-y:auto;box-shadow:0 -18px 60px #040207a6}.sheet-handle{background:var(--line-strong);border-radius:1rem;width:2.8rem;height:.25rem;margin:0 auto .6rem}.district-sheet>header,.game-card>header,.conflict-card>header,.vote-card>header,.settings-panel>header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.district-sheet h2,.district-sheet h3,.game-card h3,.conflict-card h3,.vote-card h3,.settings-panel h3,.danger-zone h3{margin:.15rem 0 .7rem}.district-facts{border:1px solid var(--line);background:var(--line);border-radius:.5rem;grid-template-columns:repeat(4,1fr);gap:1px;margin:.5rem 0;display:grid;overflow:hidden}.district-facts>div{background:var(--surface-2);padding:.55rem}.district-facts span,.district-facts strong{display:block}.district-facts span{color:var(--muted);font-size:.65rem}.district-facts strong{text-transform:capitalize;margin-top:.15rem;font-size:.78rem}.ownership-line{border-left:3px solid var(--success);background:var(--surface-2);align-items:center;gap:.6rem;margin:.7rem 0;padding:.65rem;display:flex}.ownership-line.contested{border-color:var(--conflict)}.ownership-line span,.ownership-line strong{display:block}.ownership-line span{color:var(--muted);font-size:.68rem}.sheet-form{gap:.7rem;display:grid}.sheet-form label,.settings-panel label{color:var(--muted);gap:.3rem;font-size:.75rem;display:grid}.sheet-form input,.settings-panel input{width:100%;padding:.65rem .75rem}.attack-preview{gap:.65rem;margin-top:.65rem;display:grid}.attack-cost{background:var(--surface-2);grid-template-columns:auto 1fr 1fr;align-items:center;gap:.7rem;padding:.7rem;display:grid}.attack-cost span,.attack-cost strong{display:block}.attack-cost span{color:var(--muted);font-size:.66rem}.attack-cost strong{font-variant-numeric:tabular-nums}.blocker-list{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.blocker-list li{border-left:3px solid var(--danger);background:#2c1c24;padding:.55rem}.blocker-list strong,.blocker-list span{display:block}.blocker-list span{color:#d6b1b5;margin-top:.1rem;font-size:.72rem}.action-explanation,.inline-notice{color:var(--muted);font-size:.78rem;line-height:1.45}.confirm-layer{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07040ac7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirm-layer>div{border:1px solid var(--line-strong);background:var(--surface-1);border-radius:.75rem;width:min(100%,430px);padding:1.25rem;box-shadow:0 24px 70px #0000008c}.button-row,.participation-actions{flex-wrap:wrap;gap:.55rem;display:flex}.button-row>*{flex:1}.gang-identity,.profile-hero{border:1px solid var(--line);background:linear-gradient(110deg,#241832,#17131f 60%);border-radius:.75rem;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.gang-emblem,.profile-avatar{border-radius:.9rem;width:68px;height:68px}.gang-emblem svg,.profile-avatar svg{width:2rem;height:2rem}.gang-identity p,.profile-hero p{color:var(--muted);align-items:center;gap:.35rem;margin:.25rem 0 0;display:flex}.economy-panel{border:1px solid var(--line);background:var(--surface-1);border-radius:.75rem;grid-template-columns:minmax(160px,.6fr) 1.4fr;gap:1rem;margin-bottom:1rem;padding:1rem;display:grid}.balance-block strong,.balance-block span{display:block}.balance-block>strong{color:#d1afff;font-variant-numeric:tabular-nums;margin:.2rem 0;font-size:2.4rem}.balance-block>span{color:var(--muted);font-size:.68rem}.economy-metrics{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.economy-metrics>div{border-left:1px solid var(--line);padding:.65rem}.economy-metrics span,.economy-metrics strong{display:block}.economy-metrics span{color:var(--muted);font-size:.68rem}.economy-metrics strong{font-variant-numeric:tabular-nums;margin-top:.3rem;font-size:.87rem}.economy-detail{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;gap:.45rem 1rem;font-size:.72rem;display:flex}.bankruptcy-warning{border-left:3px solid var(--danger);background:#2d1d24;grid-column:1/-1;margin:0;padding:.6rem}.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.game-card,.conflict-card,.vote-card,.history-panel,.settings-panel,.danger-zone{border:1px solid var(--line);background:var(--surface-1);border-radius:.75rem;padding:1rem}.game-card header>span{color:var(--muted)}.roster-list,.ranking-list,.timeline{margin:.5rem 0 0;padding:0;list-style:none}.roster-list li{border-top:1px solid var(--line);align-items:center;gap:.65rem;padding:.6rem 0;display:flex}.member-mark{color:#d4b7f8;background:var(--surface-3);border-radius:.45rem;place-items:center;width:2rem;height:2rem;font-weight:800;display:grid}.roster-list strong,.roster-list div>span{display:block}.roster-list div>span{color:var(--muted);text-transform:capitalize;margin-top:.12rem;font-size:.7rem}.application-card{border-top:1px solid var(--line);gap:.45rem;padding:.7rem 0;display:grid}.application-card small{color:var(--muted)}.conflict-card{background:linear-gradient(120deg, #2c191b, var(--surface-1) 65%);border-color:#71402f;margin:1rem 0}.status-badge{color:#d8c8e6;background:var(--surface-3);text-transform:uppercase;border-radius:.3rem;padding:.25rem .45rem;font-size:.67rem}.conflict-facts{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:.8rem 0;display:grid}.conflict-facts>div{background:var(--surface-2);padding:.6rem}.conflict-facts span,.conflict-facts strong{display:block}.conflict-facts span{color:var(--muted);font-size:.65rem}.conflict-facts strong{text-transform:capitalize;margin-top:.2rem}.battle-result{background:var(--surface-2);justify-content:space-between;gap:.7rem;margin-top:.7rem;padding:.7rem;display:flex}.vote-list{gap:.75rem;display:grid}.vote-card p{color:var(--muted)}.vote-progress{background:var(--surface-3);border-radius:1rem;height:.4rem;overflow:hidden}.vote-progress i{background:var(--accent);height:100%;display:block}.vote-counts{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin:.7rem 0;font-size:.75rem;display:flex}.empty-state{min-height:50dvh;color:var(--muted);text-align:center;align-content:center;place-items:center;padding:2rem;display:grid}.empty-state>svg{color:#765b91;width:3rem;height:3rem}.empty-state h2,.empty-state h3{color:var(--text);margin:.7rem 0 .2rem}.empty-state p{max-width:45ch;line-height:1.5}.empty-state.compact{border:1px solid var(--line);background:var(--surface-1);border-radius:.75rem;min-height:300px}.pending-state{border-left:3px solid var(--warning);background:#292016;padding:.7rem}.notification-center{border-color:var(--line);background:var(--surface-1);border-radius:.75rem;margin:0 0 1rem}.notification-list button{border-color:var(--line);background:var(--surface-2);border-radius:.5rem}.notification-banner{border-color:var(--danger);background:#2d1d24;border-radius:.5rem}.timeline li{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:.65rem;padding:.7rem 0;display:grid}.timeline-mark{border:2px solid var(--accent);border-radius:50%;width:.7rem;height:.7rem;margin-top:.25rem}.timeline strong,.timeline div>span{display:block}.timeline div>span{color:var(--muted);margin-top:.2rem;font-size:.7rem}.progress-list{gap:.5rem;display:grid}.progress-list>div{border-left:3px solid var(--line-strong);background:var(--surface-2);grid-template-columns:1fr auto;padding:.65rem;display:grid}.progress-list>div.active{border-color:var(--accent-strong)}.progress-list span i{color:#d5b5ff;background:#3b2752;margin-left:.4rem;padding:.12rem .3rem;font-size:.6rem;font-style:normal}.progress-list small{color:var(--muted);grid-column:1/-1;margin-top:.2rem}.ranking-list li{border-top:1px solid var(--line);grid-template-columns:2rem 1fr auto;gap:.5rem;padding:.6rem 0;display:grid}.ranking-list b{color:#d5b5ff;font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:.72rem}.settings-panel{margin-top:1rem}.settings-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.setting-toggles{gap:.4rem;margin:.8rem 0;display:grid}.setting-toggles label{border:1px solid var(--line);background:var(--surface-2);border-radius:.5rem;align-items:center;gap:.6rem;padding:.6rem;display:flex}.setting-toggles input{width:1.2rem;min-height:1.2rem}.setting-toggles strong,.setting-toggles small{display:block}.setting-toggles small{color:var(--muted)}.danger-zone{border-color:#643740;margin-top:1rem}.danger-zone>p{color:var(--muted);font-size:.75rem}.game-toast{z-index:25;right:1rem;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 1rem);border:1px solid var(--line-strong);background:#281f34;border-radius:.6rem;justify-content:space-between;align-items:center;gap:.7rem;max-width:560px;margin-inline:auto;padding:.65rem .75rem;display:flex;position:fixed;left:1rem;box-shadow:0 12px 40px #00000080}.skeleton{background:linear-gradient(90deg, var(--surface-1), var(--surface-3), var(--surface-1)) 0 0 / 200% 100%;border-radius:.55rem;animation:1.4s linear infinite skeleton}.skeleton.title{width:15rem;height:3rem;margin-bottom:1rem}.skeleton.map{aspect-ratio:1.7;width:100%}.landing-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;display:flex}.landing-actions a{align-items:center;padding:.75rem 1rem;text-decoration:none;display:inline-flex}.landing-actions .primary-link{border:1px solid var(--accent);background:var(--accent);border-radius:.4rem;font-weight:800}.game-landing .status-panel{border-color:var(--accent-strong)}.game-landing .status-panel small{color:#c09ce0;margin-top:1.5rem;display:block}@keyframes sheet-in{0%{opacity:.6;transform:translateY(100%)}}@keyframes skeleton{to{background-position:-200% 0}}@media (width>=900px){.game-shell{--nav-height:0px;grid-template-columns:86px minmax(0,1fr);padding-bottom:0;display:grid}.game-header,.active-operation,.game-content{grid-column:2}.game-navigation{border-top:0;border-right:1px solid var(--line);grid-template-rows:repeat(5,74px);grid-template-columns:1fr;align-content:center;width:86px;height:100dvh;padding:1rem .45rem;top:0;right:auto}.game-content{width:min(100% - 3rem,1180px)}.district-sheet{border-radius:.9rem;width:min(410px,100vw - 2rem);max-height:none;animation-name:sheet-side-in;inset:84px 1rem 1rem auto}.sheet-handle{display:none}.city-map-scroll{max-height:calc(100dvh - 235px)}@keyframes sheet-side-in{0%{opacity:.6;transform:translate(100%)}}}@media (width<=680px){.game-header{min-height:66px;padding-inline:.75rem}.header-stats>div:first-child{display:none}.header-stats>div{min-width:0;padding:.25rem 0 .25rem .55rem}.header-stats svg,.header-stats span{display:none}.header-stats strong{text-overflow:ellipsis;white-space:nowrap;max-width:8rem;overflow:hidden}.game-content{width:min(100% - 1rem,1180px);padding-top:.75rem}.screen-heading{align-items:center}.screen-heading h2{font-size:1.75rem}.city-picker span{display:none}.city-picker select{min-width:7rem;max-width:9rem}.district-tile{width:clamp(5.5rem,28vw,7.5rem)}.district-facts{grid-template-columns:repeat(2,1fr)}.screen-grid,.settings-grid,.economy-panel{grid-template-columns:1fr}.economy-metrics,.economy-detail{grid-column:1}.conflict-facts{grid-template-columns:1fr}.game-navigation button{font-size:.65rem}.game-navigation svg{width:1.25rem;height:1.25rem}}.game-shell button.player-identity{text-align:left;background:0 0;border:0;justify-content:flex-start;min-width:0;padding:0}.game-shell button.player-identity:hover:not(:disabled){background:0 0}.header-stats>button{border-width:0 0 0 1px;border-color:var(--line);text-align:left;background:0 0;border-radius:0;grid-template-columns:auto auto;align-content:center;column-gap:.45rem;min-width:6.5rem;padding:.35rem .65rem;display:grid}.header-stats>button:hover:not(:disabled){background:var(--surface-2)}.header-stats>button svg{color:var(--accent-strong);grid-row:1/3;align-self:center}.header-stats>button span,.header-stats>button small{color:var(--muted);font-size:.65rem}.header-stats>button strong{font-variant-numeric:tabular-nums;font-size:.9rem}.game-navigation{grid-template-columns:repeat(4,1fr)}.nav-icon i.urgent{animation:1.25s ease-in-out infinite event-pulse}.map-screen{grid-template-rows:auto minmax(0,1fr);gap:.35rem;height:100%;min-height:0;display:grid;position:relative}.map-chrome{justify-content:space-between;align-items:flex-start;gap:.5rem;min-height:2.2rem;display:flex}.map-tools{z-index:9;flex:none;gap:.3rem;margin-left:auto;display:flex}.game-shell button.map-tool-button,.map-tool-button{border-color:var(--line-strong);background:#18131ff0;place-items:center;width:2.2rem;height:2.2rem;min-height:0;padding:0;display:grid;box-shadow:0 6px 16px #04020761}.map-tool-button svg{width:1.05rem;height:1.05rem}.city-tool{position:relative;overflow:hidden}.city-tool select{opacity:0;cursor:pointer;position:absolute;inset:0}.map-legend{z-index:8;border:1px solid var(--line-strong);background:#18131ff7;border-radius:.55rem;gap:.55rem;margin:0;padding:.7rem;display:grid;position:absolute;top:2.55rem;right:0;overflow:visible;box-shadow:0 14px 35px #0402078c}.map-operation-summary{background:#1b1721;border:1px solid #684354;border-radius:.6rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;min-width:0;max-width:min(28rem,100% - 5.2rem);padding:.45rem .65rem;display:grid;box-shadow:0 8px 22px #04020759}.map-operation-summary>svg{width:1.65rem;height:1.65rem;color:var(--conflict)}.map-operation-summary span,.map-operation-summary small,.map-operation-summary strong,.map-operation-summary em{min-width:0;display:block}.map-operation-summary small{color:var(--muted);font-size:.58rem}.map-operation-summary strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.04rem;font-size:.72rem;line-height:1.15;overflow:hidden}.map-operation-summary em{color:#d7bdc8;font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:.62rem;font-style:normal}.city-map-scroll{place-items:start center;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.city-map{aspect-ratio:1;width:min(100%,100cqh);min-width:0;max-width:100%}.district-tile{width:auto;min-width:0}.district-tile.attack-source{box-shadow:inset 0 0 0 2px #c192ff6b;border-color:#d7b7ff!important}.district-tile.attack-target,.district-tile.defense-target{box-shadow:inset 0 0 0 2px #f07c55b3,0 0 18px #f07c5547;border-color:var(--conflict)!important}.district-tile.defense-target{border-style:dashed!important}.operation-route{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.operation-route line{stroke:var(--conflict);stroke-width:.075px;stroke-dasharray:.14 .1;filter:drop-shadow(0 0 .08rem #13080a)}.operation-route marker path{fill:var(--conflict)}.gang-status-sheet{z-index:22;right:0;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));border:1px solid var(--line-strong);background:#1b1624;border-radius:1.1rem 1.1rem 0 0;max-height:min(78dvh,720px);padding:.65rem 1rem 1rem;animation:.18s ease-out sheet-in;position:fixed;left:0;overflow-y:auto;box-shadow:0 -18px 60px #040207a6}.gang-status-sheet>header,.status-districts>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.gang-status-sheet h2{margin:.15rem 0 0}.status-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1rem 0;display:grid}.status-detail-grid>div,.status-roster-summary{border-left:2px solid var(--accent-strong);background:var(--surface-2);padding:.7rem}.status-detail-grid span,.status-detail-grid strong{display:block}.status-detail-grid span{color:var(--muted);font-size:.68rem}.status-detail-grid strong{font-variant-numeric:tabular-nums;margin-top:.2rem}.status-roster-summary{justify-content:space-between;align-items:center;display:flex}.status-roster-summary span{color:var(--muted);align-items:center;gap:.4rem;display:flex}.status-districts{margin-top:1rem}.status-districts ul{gap:.35rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.status-districts li{background:var(--surface-2);justify-content:space-between;gap:1rem;padding:.55rem;display:flex}.status-districts b{color:var(--success);font-size:.75rem}.events-heading{justify-content:space-between;align-items:end;margin-bottom:1rem;display:flex}.events-heading h2{margin:.15rem 0 0;font-size:clamp(1.8rem,5vw,2.8rem)}.events-heading>span{color:var(--muted);font-size:.75rem}.event-votes{margin:1rem 0}.event-votes>h3{margin:0 0 .65rem}.completed-votes{border:1px solid var(--line);border-radius:.65rem;margin-top:1rem;padding:.8rem}.completed-votes summary{cursor:pointer;font-weight:700}.completed-votes .vote-list{margin-top:.8rem}@keyframes event-pulse{50%{transform:scale(1.18);box-shadow:0 0 0 .3rem #be404c33}}@media (width<=899px){:is(html:has(.game-shell.view-map),body:has(.game-shell.view-map)){overscroll-behavior:none;height:100%;overflow:hidden}.game-shell.view-map{grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100dvh;min-height:0;padding-bottom:0;display:grid;position:fixed;inset:0;overflow:hidden}.view-map .game-header{min-height:84px;padding:max(.45rem, env(safe-area-inset-top)) .55rem .45rem;grid-row:1;position:relative}.view-map .game-content{grid-row:2;width:100%;height:100%;min-height:0;margin:0;padding:.35rem;overflow:hidden}.view-map .game-navigation{grid-row:3;width:100%;position:relative;inset:auto}.header-stats{gap:0;margin-left:auto}.header-stats>button{text-align:center;grid-template-columns:auto auto;justify-items:center;min-width:3.25rem;padding:.2rem .35rem}.header-stats>button span{display:none}.header-stats>button svg{grid-row:1;width:.85rem;height:.85rem;display:block}.header-stats>button strong{grid-row:1}.header-stats>button small{grid-column:1/-1}.header-stats>button strong{font-size:.78rem}.header-stats>button small{font-size:.56rem}.player-identity span:not(.mini-emblem){display:none}.player-identity strong{max-width:6.5rem;font-size:.82rem}.mini-emblem{width:48px;height:48px}.city-map-scroll{container-type:size}.district-name{font-size:clamp(.48rem,2.1vw,.72rem)}.district-owner{display:none}.district-coordinate{font-size:.5rem;top:.2rem;left:.2rem}.district-conflict{padding:.1rem;font-size:0;top:.2rem;right:.2rem}.district-conflict svg{width:.65rem;height:.65rem}}@media (width<=680px){.view-map .player-identity strong{max-width:7.5rem;font-size:.92rem}.view-map .header-stats>button{min-width:3.45rem;padding-inline:.4rem}.view-map .header-stats>button strong{font-size:.84rem}.district-name,.district-owner{display:none!important}.district-shade{background:linear-gradient(#05040705 55%,#07050a4d 100%)}.district-coordinate{padding:.12rem .25rem;font-size:.56rem}.district-tile:after{content:"";background:#81798a;border:1px solid #ffffff8c;border-radius:.12rem;width:.42rem;height:.42rem;position:absolute;top:.28rem;right:.28rem}.district-tile.own:after{background:var(--success)}.district-tile.rival:after{background:var(--danger)}.district-tile.contested:after{display:none}}@media (width>=900px){.game-navigation{grid-template-rows:repeat(4,74px)}.gang-status-sheet{border-radius:.9rem;width:min(410px,100vw - 2rem);max-height:none;inset:84px 1rem 1rem auto}}@media (prefers-reduced-motion:reduce){.nav-icon i.urgent{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.auth-card{border-color:var(--line);background:var(--surface-1);border-radius:.8rem;box-shadow:0 24px 70px #04020759}.auth-card input{border-color:var(--line-strong);background:#0d0a12;border-radius:.45rem}.auth-card button{border-color:var(--accent);color:#fff;background:var(--accent);border-radius:.5rem}.auth-card .secondary{color:#d4b6ff;border-color:var(--line-strong)}.choice-grid .choice.selected{color:#fff;border-color:var(--accent-strong);background:#3a2850}.brand-mark{color:var(--accent-strong);border-color:var(--accent-strong)}.site-header{border-color:var(--line)}.admin-lede{max-width:72ch;color:var(--muted)}.rule-subnav{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#120e18f0;border-radius:.65rem;gap:.35rem;margin:0 0 1rem;padding:.55rem;display:flex;position:sticky;top:0;overflow-x:auto}.rule-subnav a{color:var(--muted);border-radius:.35rem;flex:none;padding:.42rem .6rem;font-size:.72rem;text-decoration:none}.rule-subnav a:hover,.rule-subnav a:focus-visible{color:var(--text);background:var(--surface-3)}.rule-panel{border:1px solid var(--line);background:var(--surface-1);border-radius:.75rem;margin:0 0 1rem;padding:1rem;scroll-margin-top:5rem}.rule-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.rule-heading h2,.rule-panel h2{margin:.1rem 0 .25rem}.rule-heading p,.rule-panel>p{color:var(--muted)}.rule-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:.7rem;margin-top:1rem;display:grid}.rule-grid>label,.curve-grid>label{border:1px solid var(--line);background:var(--surface-2);border-radius:.55rem;align-content:start;gap:.35rem;padding:.75rem;display:grid}.rule-grid label>span{justify-content:space-between;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;display:flex}.rule-input{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.rule-input input,.rule-grid select,.rule-panel>select,.curve-grid input,.rule-table input{width:100%;min-width:0;padding:.55rem}.rule-input small,.curve-grid small{color:var(--muted);font-size:.67rem}.rule-grid em{color:var(--muted);font-size:.65rem;font-style:normal}.rule-grid .sharp-change{border-color:var(--warning)}.rule-grid .sharp-change>strong{color:var(--warning);font-size:.68rem}.rule-help{display:inline-block;position:relative}.rule-help summary{border:1px solid var(--line-strong);color:#d6b9fb;cursor:pointer;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;font-size:.68rem;list-style:none;display:grid}.rule-help span{z-index:8;border:1px solid var(--line-strong);width:min(280px,75vw);color:var(--text);background:#211a2b;border-radius:.45rem;padding:.65rem;font-size:.72rem;font-weight:400;line-height:1.4;position:absolute;top:1.55rem;right:0;box-shadow:0 12px 35px #00000073}.rule-meta{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.rule-meta span{color:var(--muted);background:var(--surface-3);border-radius:.3rem;padding:.3rem .45rem;font-size:.68rem}.formula-note{border-left:3px solid var(--accent-strong);background:var(--surface-2);padding:.7rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem}.rule-table{border-collapse:collapse;width:100%;margin:.6rem 0 1rem}.rule-table th,.rule-table td{border-bottom:1px solid var(--line);text-align:left;padding:.45rem;font-size:.74rem}.curve-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;display:grid}.valid-state{color:var(--success)!important}.invalid-state{color:var(--danger)!important}.simulation-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin-top:.8rem;display:grid}.simulation-summary div{background:var(--surface-2);padding:.65rem}.simulation-summary span,.simulation-summary strong{display:block}.simulation-summary span{color:var(--muted);font-size:.66rem}.simulation-summary strong{font-variant-numeric:tabular-nums;margin-top:.25rem}.diff-list{gap:.35rem;margin-top:.7rem;display:grid}.diff-list>div{border-top:1px solid var(--line);grid-template-columns:minmax(180px,1fr) 1fr 1fr;gap:.5rem;padding:.55rem;font-size:.7rem;display:grid}.diff-list del{color:#d99}.diff-list ins{color:#9dba9d;text-decoration:none}@media (width<=680px){.rule-heading{display:grid}.diff-list>div{grid-template-columns:1fr}.rule-panel{padding:.75rem}}