: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:Trebuchet MS,Verdana,sans-serif}*{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{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{aspect-ratio:14/9;width:min(100%,980px);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{background:var(--bg-panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:10px;min-height:46px;padding:10px 14px;display:inline-flex;box-shadow:0 10px 30px #0000002e}.chip-value{font-size:18px;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:8px;left:16px;right:16px}.tower-panel,.forge-page-shell,.overlay-card,.toast{pointer-events:auto}.tower-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b141cbd;border:1px solid #aae7cf1f;border-radius:18px;flex:auto;align-items:stretch;gap:10px;padding:6px;display:flex}.tower-button,.menu-button,.forge-toggle{color:var(--text-main);cursor:pointer;background:linear-gradient(#ffffff14,#ffffff05);border:1px solid #0000;transition:transform .15s,border-color .15s,background .15s,opacity .15s}.tower-button:hover,.menu-button:hover,.forge-toggle:hover{border-color:var(--border-strong);transform:translateY(-1px)}.tower-card{flex:none;align-items:center;gap:6px;display:flex}.tower-button{text-align:center;border-radius:12px;align-content:center;place-items:center;gap:4px;min-width:72px;min-height:64px;padding:6px 8px;display:grid}.tower-icon{width:36px;height:36px}.tower-button[data-selected=true]{background:linear-gradient(#f6be4f38,#f6be4f14);border-color:#f6be4f99}.tower-button[data-locked=true]{opacity:.56;border-color:#ffffff14}.tower-price{color:var(--text-muted);font-size:12px;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:34px}.tower-info{width:28px;min-width:28px;color:var(--text-main);cursor:pointer;background:#0a1219c7;border:1px solid #ffffff14;padding:0}.menu-button[data-variant=primary]{background:linear-gradient(#7dd3b038,#7dd3b014);border-color:#7dd3b047;padding:8px 12px}.forge-toggle{width:96px;min-width:96px;height:96px;min-height:96px;box-shadow:var(--shadow);pointer-events:auto;background:linear-gradient(#081016eb,#081016b8);border-color:#f6be4f57;border-radius:999px;padding:0}.forge-toggle[data-active=true]{background:linear-gradient(#221203f0,#221203c2);border-color:#f6be4fb8}.forge-toggle-icon{width:60px;height:60px}.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;pointer-events:auto;width:44px;height:44px;color:var(--text-main);box-shadow:var(--shadow);cursor:pointer;background:linear-gradient(#081016eb,#081016b8);border:1px solid #7dd3b057;border-radius:999px;transition:transform .15s,border-color .15s,background .15s,opacity .15s}.corner-toggle:hover{border-color:#7dd3b094;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],.toast[hidden]{display:none}.overlay-card{background:radial-gradient(circle at top, #f6be4f24, transparent 40%), var(--bg-panel-strong);width:min(90vw,480px);box-shadow:var(--shadow);border:1px solid #ffffff1f;border-radius:28px;padding:28px}.overlay-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-alt);margin:0 0 10px;font-size:12px}.overlay-title{letter-spacing:.04em;margin:0 0 10px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(34px,7vw,54px);line-height:.94}.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);box-shadow:var(--shadow);background:#0b141ceb;border:1px solid #ffffff1a;border-radius:16px;padding:12px 14px;position:absolute;top:86px;right:16px}.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}.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:.04em;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:28px}.forge-copy{color:var(--text-muted);max-width:56ch;margin:0;font-size:13px;line-height:1.5}.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}@media (width<=900px){.game-frame{aspect-ratio:auto;width:100%;min-height:78vh}.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:84px;min-width:84px;height:84px;min-height:84px}.forge-toggle-icon{width:50px;height:50px}}
