:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-900:#0d1319;--bg-800:#15222b;--bg-700:#20313b;--bg-panel:#0b141cd6;--bg-panel-strong:#070f16f0;--border:#aae7cf33;--border-strong:#e5ffc166;--text-main:#f3f2dd;--text-muted:#bed2c2;--accent:#f6be4f;--accent-alt:#7dd3b0;--danger:#ff8478;--success:#b8e986;--shadow:0 20px 60px #00000061;font-family:Silkscreen,monospace}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--text-main);background:radial-gradient(circle at top,#f6be4f33,#0000 35%),linear-gradient(#13212b 0%,#091218 100%)}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));place-items:center;display:grid;position:relative}.game-frame{width:980px;height:630px;box-shadow:var(--shadow);background:linear-gradient(180deg, #ffffff0a, transparent), linear-gradient(180deg, var(--bg-800), var(--bg-900));border:1px solid #ffffff14;border-radius:28px;position:relative;overflow:hidden}#game-container,.game-frame canvas{width:100%;height:100%;display:block}.game-frame canvas{image-rendering:pixelated;image-rendering:crisp-edges}.ui-layer{pointer-events:none;position:absolute;inset:0}.hud{justify-content:flex-start;align-items:flex-start;gap:12px;display:flex;position:absolute;top:16px;left:16px;right:16px}.hud-cluster{flex-wrap:wrap;gap:10px;max-width:min(100%,460px);display:flex}.chip{min-width:146px;min-height:44px;box-shadow:none;isolation:isolate;background:#081017cc;border:0;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex;position:relative}.chip-value{letter-spacing:.04em;font-size:17px;font-weight:700}.chip-icon,.tower-icon,.forge-toggle-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.chip-icon-image,.tower-icon-image,.forge-toggle-icon-image{display:block}.control-dock{align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:10px;left:16px;right:16px}.tower-panel,.forge-page-shell,.overlay-card,.toast{pointer-events:auto}.tower-panel{-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;background:#081017bd;border:0;border-radius:16px;flex:auto;align-items:stretch;gap:8px;max-width:760px;min-height:84px;padding:10px 12px;display:flex;position:relative}.tower-button,.menu-button,.forge-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:0;transition:transform .15s,filter .15s,opacity .15s}.tower-button:hover,.menu-button:hover,.forge-toggle:hover{filter:brightness(1.06);transform:translateY(-1px)}.tower-card{flex:none;align-items:center;gap:6px;display:flex}.tower-button{text-align:center;isolation:isolate;border-radius:12px;align-content:center;place-items:center;gap:4px;min-width:62px;min-height:62px;padding:8px 8px 6px;display:grid;position:relative}.tower-icon{width:30px;height:30px}.tower-button[data-selected=true]{filter:brightness(1.12);transform:translateY(-2px)}.tower-button[data-locked=true]{opacity:.56}.tower-price{color:#ffe8b8;text-shadow:0 1px #2d1403cc;font-size:10px;font-weight:700;line-height:1.1}.tower-panel{scrollbar-width:thin;overflow:auto hidden}.tower-info,.menu-button,.forge-toggle{border-radius:12px;min-height:32px}.tower-info{width:24px;min-width:24px;color:var(--text-main);cursor:pointer;background:#081017eb;border:0;padding:0;font-size:12px;font-weight:700}.menu-button[data-variant=primary]{background:linear-gradient(#7dd3b038,#7dd3b014);border-color:#7dd3b047;padding:8px 12px}.forge-toggle{pointer-events:auto;isolation:isolate;background:#081017eb;border-radius:18px;justify-content:center;align-items:center;width:128px;min-width:128px;height:128px;min-height:128px;padding:8px;display:flex;position:relative;box-shadow:0 12px 26px #00000047}.forge-toggle[data-active=true]{filter:brightness(1.14)}.forge-toggle-icon{width:108px;height:108px}.corner-controls{z-index:30;pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;top:16px;right:16px}.corner-toggle{pointer-events:auto;width:52px;height:52px;color:var(--text-main);cursor:pointer;isolation:isolate;background:#081017eb;border:0;border-radius:14px;align-content:center;justify-items:center;transition:transform .15s,filter .15s,opacity .15s;display:grid;position:relative;box-shadow:0 12px 26px #00000047}.corner-toggle:hover{filter:brightness(1.08);transform:translateY(-1px)}.corner-toggle[hidden],.corner-controls[hidden]{display:none}.menu-overlay,.result-overlay,.pause-overlay{pointer-events:auto;background:linear-gradient(#030a0f70,#030a0fad);place-items:center;display:grid;position:absolute;inset:0}.menu-overlay[hidden],.result-overlay[hidden],.pause-overlay[hidden],.hud[hidden],.control-dock[hidden],.celebration-banner[hidden],.toast[hidden]{display:none}.overlay-card{width:min(90vw,480px);min-height:340px;box-shadow:none;isolation:isolate;background:#081017f0;border:0;border-radius:18px;padding:30px 28px 22px;position:relative}.overlay-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-alt);margin:0 0 10px;font-size:12px}.overlay-title{letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;font-family:Silkscreen,monospace;font-size:clamp(24px,5vw,38px);line-height:1.08}.overlay-copy{color:var(--text-muted);margin:0 0 22px;line-height:1.5}.overlay-actions{flex-wrap:wrap;gap:10px;display:flex}.toast{max-width:min(320px,100% - 32px);min-height:60px;box-shadow:none;isolation:isolate;background:#081017e6;border:0;border-radius:14px;padding:12px 14px;font-size:12px;line-height:1.45;position:absolute;top:86px;right:16px}.celebration-banner{color:#ffefc4;text-align:center;text-transform:uppercase;letter-spacing:.06em;z-index:34;pointer-events:none;background:#081017f0;border-radius:14px;min-width:240px;padding:12px 18px;animation:1.3s both celebrate-pop;position:absolute;top:82px;left:50%;transform:translate(-50%)}@keyframes celebrate-pop{0%{opacity:0;transform:translate(-50%)translateY(-10px)scale(.96)}15%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}80%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)scale(1.02)}}.toast[data-tone=error]{border-color:#ff847861}.toast[data-tone=success]{border-color:#b8e98666}.forge-page{pointer-events:auto;background:linear-gradient(#040b10ad,#040b10e0),radial-gradient(circle at top,#f6be4f1f,#0000 36%);align-items:stretch;padding:16px;display:grid;position:absolute;inset:0}.forge-page[hidden]{display:none}.forge-page-shell{width:min(100%,860px);max-height:100%;box-shadow:var(--shadow);background:linear-gradient(#0b141cf2,#060d12fa);border:1px solid #ffffff1a;border-radius:28px;justify-self:end;gap:18px;padding:20px;display:grid;overflow:auto}.pixel-panel{border:2px solid #95cac32e;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px #03080b61,0 6px #050b0e5c}.pixel-button.pixel-panel{background:linear-gradient(#12212af5,#091219f5)}.pixel-button.pixel-panel:hover{background:linear-gradient(#162832fa,#0c151dfa)}.forge-page-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.forge-eyebrow,.upgrade-section-title{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-alt);margin:0;font-size:12px}.forge-title{letter-spacing:.05em;text-transform:uppercase;margin:0;font-family:Silkscreen,monospace;font-size:22px}.forge-copy{color:var(--text-muted);max-width:56ch;margin:0;font-size:13px;line-height:1.5}.forge-legend{flex-wrap:wrap;gap:8px;display:flex}.forge-legend-chip{letter-spacing:.05em;text-transform:uppercase;color:#f3f2dddb;background:#08101675;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:inline-flex}.forge-legend-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.forge-legend-dot-live{background:#91e0d1}.forge-legend-dot-owned{background:#f6be4f}.forge-legend-dot-fog{background:#04090de0;border:1px solid #ffffff1f}.forge-map-stage{aspect-ratio:1000/620;background-position:50%;background-size:cover;border:1px solid #ffffff14;border-radius:28px;width:100%;min-height:420px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.forge-map-stage:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 42%,#00000047 100%),linear-gradient(#ffffff0a,#0000 18%);position:absolute;inset:0}.forge-connection-svg,.forge-fog-svg,.forge-node-layer{width:100%;height:100%;position:absolute;inset:0}.forge-connection-svg,.forge-fog-svg{pointer-events:none}.forge-node-layer{z-index:2}.forge-fog-svg{z-index:3}.forge-node{flex-direction:column;align-items:center;gap:4px;width:150px;transition:opacity .18s,filter .18s,transform .18s;display:flex;position:absolute;transform:translate(-50%,-50%)}.forge-node[data-visible=false]{opacity:0;filter:none;pointer-events:none}.forge-node[data-visible=true][data-available=true]{transform:translate(-50%,-51.5%)}.forge-node[data-owned=true] .forge-upgrade-card{filter:brightness(1.12)}.forge-node-island{z-index:0;pointer-events:none;opacity:.96;width:138px;height:104px;position:absolute;bottom:18px}.forge-node-island-image{display:block}.forge-upgrade-card{z-index:2;cursor:pointer;background:0 0;border:0;align-content:center;justify-items:center;gap:4px;width:92px;height:92px;padding:12px 10px 10px;transition:transform .14s,filter .14s,opacity .14s;display:grid;position:relative}.forge-upgrade-card:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.forge-upgrade-card:disabled{cursor:not-allowed}.forge-upgrade-icon{width:42px;height:42px}.forge-upgrade-icon-image{display:block}.forge-upgrade-level,.forge-upgrade-cost{text-shadow:0 1px #00000070;background:#040b10b8;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;min-width:34px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.forge-upgrade-level{color:#ffefc4;position:absolute;top:4px;right:6px}.forge-upgrade-cost{color:#91e0d1;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.forge-upgrade-title{z-index:2;text-align:center;color:#fff3d2;text-shadow:0 2px 6px #030a0fe6;max-width:140px;font-size:11px;font-weight:700;position:relative}.forge-upgrade-status{z-index:2;text-align:center;color:#f3f2ddd1;text-shadow:0 1px 4px #030a0fe6;max-width:150px;font-size:10px;line-height:1.25;position:relative}.forge-link{fill:none;stroke-linecap:round;stroke-width:4px}.forge-link.fog{stroke:#080b0e3d;stroke-dasharray:6 10}.forge-link.live{stroke:#91e0d1a6}.forge-link.owned{stroke:#f6be4feb}.upgrade-section{gap:10px;display:grid}.upgrade-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.upgrade-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;gap:8px;padding:12px;display:grid}.upgrade-card[data-locked=true]{opacity:.6}.upgrade-name,.upgrade-desc,.upgrade-note,.upgrade-level{margin:0}.upgrade-name{font-weight:700}.upgrade-level{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.upgrade-desc{color:var(--text-muted);font-size:13px;line-height:1.45}.upgrade-note{color:#f3f2dde0;font-size:12px;line-height:1.4}.upgrade-button{min-height:42px;color:var(--text-main);cursor:pointer;background:linear-gradient(#7dd3b03d,#7dd3b01a);border:1px solid #7dd3b057;border-radius:14px}.upgrade-button:disabled,.corner-toggle:disabled,.tower-button:disabled,.forge-toggle:disabled{cursor:not-allowed;opacity:.6;transform:none}.frame-skinned{isolation:isolate;position:relative}.frame-skin{pointer-events:none;z-index:-1;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plate-skin-image,.corner-toggle-icon-image{display:block}.corner-toggle-icon{width:28px;height:28px}.corner-toggle-icon-host{justify-content:center;align-items:center;display:inline-flex}@media (width<=900px){.hud,.control-dock{left:12px;right:12px}.hud{flex-direction:column}.control-dock{gap:10px;bottom:6px;left:8px;right:8px}.tower-panel{width:100%}.tower-button,.menu-button{flex:160px}.forge-page{padding:12px}.forge-page-shell{justify-self:stretch;width:100%}.forge-page-header{flex-direction:column;align-items:stretch}}@media (width<=640px){.app-shell{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.chip{min-height:42px;padding:8px 12px}.chip-value{font-size:16px}.overlay-card{padding:22px}.tower-button{min-width:68px}.forge-page{padding:12px}.forge-page-shell{border-radius:22px;padding:16px}.corner-controls{gap:6px;top:12px;right:12px}.corner-toggle{width:40px;height:40px}.forge-toggle{width:88px;min-width:88px;height:88px;min-height:88px;padding:6px}.forge-toggle-icon{width:72px;height:72px}}