:root{--city-bg:#0b0e0c;--city-panel:#151a17;--city-border:#303a32;--city-text:#eff5ef;--city-muted:#9aaa9d;--city-accent:#c3f53c}
body{background:var(--city-bg);color:var(--city-text)}
.glass,.resources,.modal,.icon-button{background:#151a17f5!important;border:1px solid var(--city-border)!important;color:var(--city-text)}
.topbar{background:#0b0e0cf2;left:0;right:0;top:0;height:84px;padding:12px 24px;border-bottom:1px solid var(--city-border);gap:20px}
.brand{letter-spacing:.3px;min-width:190px}.brand-light{color:var(--city-accent)}.brand small,.eyebrow,.section-label{color:var(--city-muted)}
.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.header-actions button{min-height:42px;margin:0;line-height:1.2}
#server-city{white-space:nowrap;min-width:100px;padding:12px 16px;font-size:12px}
#deposit-city{white-space:nowrap;padding:12px 18px;font-size:12px;max-width:240px;overflow:hidden;text-overflow:ellipsis}
.primary-button,.tool.active{background:var(--city-accent)!important;color:#142000!important}
.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;line-height:1.3;text-align:center;font-weight:650}
.resources{margin-left:auto;padding:10px 16px}.resource.cash{display:none}.resource.energy{border:0;padding:0}.resource strong{font-variant-numeric:tabular-nums}
.city-panel,.selection{top:104px;border-radius:16px!important;max-height:calc(100dvh - 300px);scrollbar-gutter:stable}
.city-panel{width:240px;padding:20px}.city-panel h1{font-size:21px;line-height:1.15}.selection{width:268px;padding:20px}
.selection-stats>div{align-items:baseline;gap:16px}.selection-stats strong{text-align:right}.selection .primary-button,.selection .secondary-button{width:100%}
.section-label{display:flex;align-items:center;justify-content:space-between;gap:10px;line-height:1.5}
.build-dock{border-radius:16px!important;box-shadow:0 16px 50px #0005;width:min(840px,calc(100vw - 48px));padding:14px}
.build-tools{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.tool{min-width:0;width:auto;padding:9px 5px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}
.tool strong{font-size:12px;line-height:1.3}.tool small{font-size:10px;line-height:1.4;min-height:28px;text-align:center;white-space:normal}.building-preview{max-width:100%;object-fit:contain}
.dock-top{gap:12px;align-items:center}#tool-name{font-size:12px;line-height:1.4}#tool-hint{color:var(--city-muted);font-size:10px;text-align:right}
.city-summary>div{min-width:0}.city-summary strong,.stock-line strong{font-variant-numeric:tabular-nums}.stock-line{gap:10px}.stock-line strong{font-size:12px}
.level-track i,.track i{background:var(--city-accent)!important}.coin{background:var(--city-accent);color:#18220b}.mission-reward{background:#c3f53c12;color:#cfeba1}
.stock-pool{background:#101611;border-color:var(--city-border);display:flex;flex-direction:column;min-width:0}.stock-pool h3{color:var(--city-accent);font-size:20px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.stock-pool dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:baseline;gap:12px 10px}.stock-pool dt{color:var(--city-muted)}.stock-pool dd{text-align:right;overflow-wrap:anywhere;color:var(--city-text);font-variant-numeric:tabular-nums}.stock-pool .primary-button{margin-top:auto;width:100%}
.modal{max-height:calc(100dvh - 40px);overflow:auto;padding:32px;border-radius:20px;line-height:1.6}.modal h2{line-height:1.15;padding-right:24px;margin:12px 0 20px}.modal::backdrop{background:#040705d9;backdrop-filter:blur(5px)}
.modal input{display:block;width:100%;padding:12px;margin:8px 0;background:#0a100c;color:#fff;border:1px solid #465148;border-radius:9px;min-height:44px}
.modal code{display:block;font-size:12px;overflow-wrap:anywhere;margin:20px 0}.account-modal{width:min(440px,calc(100vw - 28px))}.account-modal form{display:grid;gap:14px}.account-modal label{display:grid;gap:6px;margin:0;color:#b5c1b7;font-size:12px}.account-modal input{margin:0}.account-modal form button{width:100%;margin:0}.account-modal small{display:block;margin-top:20px;line-height:1.6;color:var(--city-muted)}.account-modal [role=alert]:empty{display:none}.account-modal [role=alert]{margin:0;color:#ffafa5}
#scity-chip,.city-time .speed,[data-tab="season"],[data-tab="settings"]{display:none}.city-time{padding:10px 14px}
#toast-area{max-width:min(440px,calc(100vw - 28px))}.toast{line-height:1.5}
@media(max-width:1100px){.topbar{padding:12px 16px;gap:12px}.brand small{display:none}.brand{min-width:0}.resources{padding:10px}.city-panel{width:210px;padding:16px}.selection{width:240px;padding:16px}.header-actions{gap:6px}.header-actions .icon-button{width:36px;min-width:36px}}
@media(max-width:760px){.topbar{height:76px;padding:10px 12px;gap:8px}.brand{font-size:17px;gap:7px}.season-logo{width:32px;height:32px}.resources{display:none}.header-actions{margin-left:auto}#server-city{min-width:0;padding:10px;font-size:11px}#deposit-city{padding:10px;font-size:11px;max-width:160px}.header-actions .icon-button{display:none}.city-panel{top:90px;width:210px;max-height:calc(100dvh - 280px)}.selection{top:90px;right:12px;max-height:calc(100dvh - 290px);width:230px}.build-dock{width:calc(100vw - 24px);bottom:14px;padding:10px}.build-tools{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.tool{flex:0 0 86px;scroll-snap-align:start}.dock-top{min-height:32px}#tool-hint{display:none}.modal{padding:24px;max-height:calc(100dvh - 24px)}.stock-modal #market-balances{grid-template-columns:1fr}.map-controls{right:12px}.city-time{bottom:195px}.mobile-missions{bottom:195px}}
@media(max-width:420px){.brand{font-size:14px}.brand .season-logo{width:26px;height:26px}#server-city{font-size:10px;padding:9px}#deposit-city{font-size:10px;max-width:135px;padding:9px}.topbar{gap:4px;padding:8px}.header-actions{gap:4px}.selection{max-height:calc(100dvh - 280px)}}
@media(prefers-reduced-motion:reduce){.modal::backdrop{backdrop-filter:none}}

@media(max-width:760px){.brand>span:last-child{display:inline}.mobile-missions{top:auto;bottom:200px;height:40px;max-height:40px;display:block}.city-panel.mobile-open{top:90px;max-height:calc(100dvh - 300px)}.map-controls{bottom:250px;top:auto}.header-actions #server-city{min-width:60px}.city-time{display:none}}

.tool.active strong,.tool.active small,.tool.active kbd{color:#142000!important;opacity:1}.tool.active small{font-weight:600}

.city-panel .claim-rewards-shortcut{display:block;width:100%;min-height:42px;margin:14px 0 8px;padding:11px 14px;border-radius:10px;background:#c8f637;color:#142006;font-size:13px;font-weight:750;text-align:center;box-shadow:0 4px 18px #c8f63718}.city-panel .claim-rewards-shortcut:hover{background:#d9ff63}