:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}#root{min-height:100svh}a{color:inherit}.app-shell{color:#172033;background:linear-gradient(90deg,#1720330b 1px,#0000 1px) 0 0/44px 44px,linear-gradient(0deg,#1720330b 1px,#0000 1px) 0 0/44px 44px,linear-gradient(135deg,#f7fbff 0%,#eef7f4 42%,#fff7ea 100%);min-height:100svh;position:relative;overflow:hidden}.app-shell:before{z-index:0;pointer-events:none;content:"";background:linear-gradient(115deg,#2d9f7824,#0000 30%),linear-gradient(245deg,#d4962f1f,#0000 28%),linear-gradient(#fff3,#ffffffbd);position:fixed;inset:0}.app-shell>*{z-index:1;position:relative}button{font:inherit}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border-bottom:1px solid #1720331a;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:12px clamp(16px,3vw,36px);display:flex;position:sticky;top:0}.brand{color:#172033;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;display:inline-flex}.brand-mark{color:#f7fbff;background:linear-gradient(135deg,#172033,#2d9f78);border-radius:8px;place-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{color:#64748b;font-size:13px}.nav-actions{flex-wrap:wrap;gap:8px;display:flex}.nav-actions button,.intro-actions button,.control-panel button,.wave-panel button,.result-box button,.text-button{color:#172033;cursor:pointer;background:#ffffffe6;border:1px solid #17203324;border-radius:8px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}.nav-actions button{padding:8px 14px}.nav-actions button:hover,.intro-actions button:hover,.control-panel button:hover,.wave-panel button:hover,.result-box button:hover,.text-button:hover{border-color:#2d9f788c;transform:translateY(-1px);box-shadow:0 12px 28px #1720331a}.nav-actions button.active,.tower-picker button.active{background:linear-gradient(#f2fffa,#e6f7f1);border-color:#2d9f78}.menu-screen,.codex-screen,.game-screen{padding:clamp(18px,3vw,36px)}.menu-screen{grid-template-columns:minmax(280px,.96fr) minmax(330px,1.04fr) minmax(240px,.78fr);align-items:start;gap:20px;display:grid}.intro{background:linear-gradient(160deg,#fffffff0,#ffffffb3),linear-gradient(135deg,#2d9f781f,#d4962f14);border:1px solid #1720331a;border-radius:8px;min-height:460px;padding:clamp(18px,4vw,44px);box-shadow:0 24px 60px #17203314}.eyebrow{color:#2d9f78;letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font-size:12px;font-weight:800}.intro h1,.codex-screen h1,.mission-strip h1{color:#172033;letter-spacing:0;margin:0;font-weight:850;line-height:1.03}.intro h1{max-width:620px;font-size:clamp(42px,6.4vw,82px)}.intro p:not(.eyebrow),.mission-strip p,.selected-info p,.result-box p,.empty-state{color:#5f6f82}.intro-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.intro-actions button{padding:11px 16px;font-weight:800}.intro-actions .ghost{background:#ffffff94}.hero-visual{color:#e9f7f1;background:linear-gradient(#111c2bf5,#172937eb),linear-gradient(135deg,#2d9f782e,#d4962f1f);border:1px solid #1720331a;border-radius:8px;min-height:460px;padding:18px;display:grid;box-shadow:0 24px 60px #1720332e}.hero-orbit{background:linear-gradient(90deg,#e9f7f114 1px,#0000 1px) 0 0/32px 32px,linear-gradient(0deg,#e9f7f114 1px,#0000 1px) 0 0/32px 32px,linear-gradient(150deg,#2d9f781f,#4f7ddf1a);border:1px solid #e9f7f124;border-radius:8px;min-height:330px;position:relative;overflow:hidden}.signal-ring{border:1px solid #5ee0a057;border-radius:50%;width:190px;height:190px;animation:3.8s ease-in-out infinite pulse-ring;position:absolute;inset:50%;transform:translate(-50%,-50%)}.ring-two{border-color:#f6c15f42;width:270px;height:270px;animation-delay:1.1s}.server-core{background:linear-gradient(#22364a,#172033);border:1px solid #e9f7f13d;border-radius:8px;gap:9px;width:118px;padding:18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 40px #00000047}.server-core span{background:linear-gradient(90deg,#73d0ff 0 42%,#5ee0a0 42% 72%,#f6c15f 72%);border-radius:4px;height:16px;box-shadow:0 0 18px #5ee0a052}.node-card,.threat-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;position:absolute}.node-card{background:#e9f7f11a;border:1px solid #5ee0a047;width:118px;padding:11px 12px}.node-card strong,.node-card small{display:block}.node-card strong{color:#fff;font-size:15px}.node-card small{color:#aee8d3;font-size:12px}.node-a{top:42px;left:26px}.node-b{top:78px;right:26px}.node-c{bottom:46px;left:50px}.threat-chip{color:#ffd7d3;letter-spacing:.08em;background:#e24d4d24;border:1px solid #e24d4d47;padding:7px 9px;font-size:12px;font-weight:900}.chip-a{animation:3.2s ease-in-out infinite float-chip;bottom:56px;right:70px}.chip-b{animation:3.6s ease-in-out infinite float-chip;top:32px;left:190px}.chip-c{animation:3.9s ease-in-out infinite float-chip;bottom:142px;right:170px}.mini-console{background:#0a101880;border:1px solid #e9f7f124;border-radius:8px;align-self:end;gap:7px;margin-top:12px;padding:13px;display:grid}.mini-console code{color:#c7f6e5;font-family:ui-monospace,Consolas,monospace;font-size:13px}.console-dot{background:#5ee0a0;border-radius:999px;width:9px;height:9px;box-shadow:0 0 18px #5ee0a0}@keyframes pulse-ring{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(.94)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}}@keyframes float-chip{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.level-list{grid-column:1/span 2;gap:10px;display:grid}.level-item{color:#172033;text-align:left;cursor:pointer;background:linear-gradient(#ffffffeb,#ffffffb8),linear-gradient(90deg,#2d9f7814,#4f7ddf0f);border:1px solid #1720331f;border-radius:8px;grid-template-columns:56px 1fr;align-items:center;gap:14px;min-height:108px;padding:16px;display:grid;position:relative;overflow:hidden}.level-item:after{content:"";opacity:.72;background:linear-gradient(90deg,#2d9f78,#4f7ddf,#d4962f);height:4px;position:absolute;inset:auto 0 0}.level-item:not(:disabled):hover{border-color:#2d9f7880;transform:translateY(-2px);box-shadow:0 22px 50px #1720331f}.level-item:disabled{cursor:not-allowed;opacity:.46}.level-number{color:#34485e;background:#edf2f7;border-radius:8px;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.level-copy strong,.level-copy small,.level-copy em{display:block}.level-copy strong{font-size:20px}.level-copy small{color:#2d9f78;font-weight:800}.level-copy em{color:#64748b;margin-top:7px;font-style:normal}.profile-panel,.control-panel,.intel-panel,.codex-card,.wave-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border:1px solid #1720331f;border-radius:8px;box-shadow:0 20px 45px #17203314}.profile-panel{grid-area:1/3/span 2;padding:18px}.profile-panel h2,.control-panel h2,.intel-panel h2,.selected-info h2{color:#172033;letter-spacing:0;margin:0 0 12px;font-size:18px}.profile-panel dl{gap:12px;margin:0 0 18px;display:grid}.profile-panel dl div,.stat{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-panel dt,.stat span{color:#64748b}.profile-panel dd,.stat strong{color:#172033;margin:0;font-weight:850}.text-button{width:100%;padding:10px 12px}.codex-screen{gap:22px;display:grid}.codex-screen h1{font-size:clamp(34px,5vw,56px)}.codex-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.codex-card{padding:18px}.codex-card span{color:#d4962f;font-size:12px;font-weight:900}.codex-card p{color:#34485e;margin:8px 0 0}.game-screen{gap:18px;display:grid}.mission-strip{grid-template-columns:1fr minmax(360px,.8fr);align-items:end;gap:18px;display:grid}.mission-strip h1{font-size:clamp(30px,4vw,52px)}.mission-strip p{max-width:660px;margin:8px 0 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat{background:#ffffffd1;border:1px solid #1720331f;border-radius:8px;flex-direction:column;align-items:flex-start;min-height:54px;padding:10px 12px}.stat strong{font-size:22px}.game-layout{grid-template-columns:280px minmax(520px,1fr) 270px;align-items:start;gap:16px;display:grid}.control-panel,.intel-panel{gap:18px;padding:16px;display:grid}.tower-picker,.skill-list{gap:9px;display:grid}.tower-picker button,.skill-list button{text-align:left;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.tower-picker button span{background:var(--tower-color);color:#fff;border-radius:8px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid}.tower-picker button strong,.skill-list button strong{color:#172033;font-size:14px;line-height:1.2}.tower-picker button small,.skill-list button small{color:#64748b;grid-column:2/4;font-size:12px;line-height:1.35}.skill-list button{grid-template-columns:1fr auto}.skill-list button small{grid-column:1/3}.skill-list button:disabled{opacity:.48;cursor:not-allowed}.selected-info button{width:100%;margin-top:12px;padding:10px 12px;font-weight:800}.battlefield-wrap{gap:10px;display:grid}.battlefield{aspect-ratio:2;border:1px solid #1720331f;border-radius:8px;width:100%;min-height:360px;display:block;box-shadow:0 22px 50px #1720331a}.battlefield.theme-pages{border-color:#2d9f7840;box-shadow:0 24px 55px #2d9f781f}.battlefield.theme-edge{border-color:#4f7ddf40;box-shadow:0 24px 55px #4f7ddf21}.battlefield.theme-vm{border-color:#e24d4d38;box-shadow:0 24px 55px #e24d4d1a}.battlefield.theme-aws{border-color:#d4962f4d;box-shadow:0 24px 55px #d4962f21}.battlefield.theme-railway{border-color:#8b5cf64d;box-shadow:0 24px 55px #8b5cf624}.svg-hit{cursor:pointer;outline:none}.svg-hit circle:first-of-type{transition:r .16s,stroke-width .16s,filter .16s}.svg-hit:hover circle:first-of-type{filter:drop-shadow(0 6px 10px #1720332e)}.svg-hit:focus circle:first-of-type{stroke:#111827;stroke-width:5px}.svg-label,.build-label,.tower-label,.tower-level,.floating-text{-webkit-user-select:none;user-select:none;font-family:ui-monospace,Consolas,monospace;font-weight:900}.svg-label{fill:#172033;font-size:13px}.build-label{fill:#34485e;font-size:34px}.tower-label{fill:#fff;font-size:15px}.tower-level{fill:#172033;font-size:13px}.floating-text{font-size:18px}.floating-text.good{fill:#2d9f78}.floating-text.bad{fill:#e24d4d}.floating-text.info{fill:#4f7ddf}.wave-panel{justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.wave-panel strong,.wave-panel span{display:block}.wave-panel span{color:#64748b;font-size:13px}.wave-panel button,.result-box button{padding:10px 14px;font-weight:850}.wave-panel button:disabled{opacity:.48;cursor:not-allowed}.intel-panel ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.intel-panel li{color:#34485e;border-left:3px solid #2d9f78;padding-left:12px;font-size:14px;line-height:1.45}.enemy-legend{gap:8px;display:grid}.enemy-legend span{color:#172033;background:#ffffffb8;border:1px solid #1720331a;border-radius:8px;grid-template-columns:12px 1fr;align-items:center;gap:3px 9px;padding:9px 10px;font-size:13px;font-weight:850;display:grid}.enemy-legend b{background:var(--enemy-color);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--enemy-color) 18%, transparent);border-radius:999px}.enemy-legend small{color:#64748b;grid-column:2;font-size:12px;font-weight:600;line-height:1.3}.result-box{background:#edf8f4;border-radius:8px;gap:10px;padding:14px;display:grid}.result-box strong{color:#1f7a5c}.result-box.danger{background:#fff0ee}.result-box.danger strong{color:#b73535}@media (width<=1180px){.menu-screen,.game-layout,.mission-strip{grid-template-columns:1fr}.level-list,.profile-panel{grid-area:auto}.intro,.hero-visual{min-height:auto}.game-layout{gap:12px}.control-panel{grid-template-columns:repeat(3,1fr)}.intel-panel{grid-template-columns:1fr 1fr}.result-box{grid-column:1/-1}}@media (width<=760px){.topbar{flex-direction:column;align-items:flex-start}.nav-actions{width:100%}.nav-actions button{flex:1}.stats-grid,.control-panel{grid-template-columns:1fr 1fr}.control-panel,.intel-panel{gap:12px;padding:12px}.battlefield{min-height:300px}.hero-orbit{min-height:280px}.node-card{width:104px}.chip-b,.chip-c{display:none}.wave-panel{flex-direction:column;align-items:stretch}.enemy-legend{grid-template-columns:1fr 1fr}}@media (width<=560px){.menu-screen,.codex-screen,.game-screen{padding:14px}.brand{width:100%}.brand-mark{width:38px;height:38px}.nav-actions{grid-template-columns:1fr 1fr;display:grid}.stats-grid,.control-panel,.intel-panel,.enemy-legend,.tower-picker button{grid-template-columns:1fr}.intro h1{font-size:clamp(38px,16vw,58px)}.level-item{grid-template-columns:44px 1fr;min-height:98px;padding:12px}.level-number{width:42px;height:42px}.level-copy strong{font-size:17px}.tower-picker button,.skill-list button{gap:8px}.tower-picker button span{width:36px;height:36px}.tower-picker button small,.skill-list button small,.enemy-legend small{grid-column:auto}.battlefield{border-radius:8px;min-height:240px}.hero-visual{padding:12px}.hero-orbit{min-height:240px}.node-card{width:96px}.node-a{left:12px}.node-b{right:12px}.node-c{left:22px}}