:root{--bg:#04070c;--panel:#080c14;--panel2:#0c1220;--card:#82c8ff0a;--card2:#82c8ff12;--border:#64b4ff1a;--border2:#64b4ff2e;--txt:#e0ecff;--txt2:#c0d4f0;--muted:#6b8aac;--accent:#3b82f6;--cyan:#00d4ff;--amber:#ffb700;--green:#0f8;--pink:#ff2d55;--purple:#a855f7;--panel-width:clamp(260px, 22vw, 340px);--panel-pad-y:clamp(14px, 1.5vw, 22px);--panel-pad-x:clamp(12px, 1.2vw, 18px);--panel-gap:clamp(7px, .8vw, 10px);--stat-value-size:clamp(22px, 1.65vw, 25px);--control-font-size:clamp(17px, 1.3vw, 19px);--unit-name-size:clamp(17px, 1.35vw, 20px);--unit-meta-size:clamp(19px, 1.5vw, 22px);--unit-desc-size:clamp(14px, 1.15vw, 16px)}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #00d4ff26,inset 0 0 8px #00d4ff0d}50%{box-shadow:0 0 20px #00d4ff4d,inset 0 0 14px #00d4ff14}}@keyframes breathe{0%,to{opacity:.04}50%{opacity:.08}}@keyframes float-in{0%{opacity:0;transform:translateY(12px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}*{box-sizing:border-box;margin:0}.hidden{display:none!important}html,body{background:var(--bg);height:100%;color:var(--txt);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Microsoft JhengHei,Segoe UI,Arial,sans-serif;overflow-x:hidden}.app{grid-template-columns:minmax(0, var(--panel-width)) minmax(0, 1fr);width:100%;min-width:0;height:100dvh;min-height:100svh;display:grid;overflow:hidden}.panel{background:linear-gradient(175deg, var(--panel) 0%, var(--panel2) 100%);border-right:1px solid var(--border);min-width:0;padding:var(--panel-pad-y) var(--panel-pad-x);z-index:1;position:relative;overflow:hidden auto}.panel:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0000 0%,#00d4ff08 50%,#0000 100%);height:120px;animation:6s linear infinite scanline;position:absolute;inset:0}.panel:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#64b4ff08 1px,#0000 1px),linear-gradient(90deg,#64b4ff08 1px,#0000 1px);background-size:32px 32px;animation:4s ease-in-out infinite breathe;position:absolute;inset:0}.panel>*{z-index:1;position:relative}.panel::-webkit-scrollbar{width:4px}.panel::-webkit-scrollbar-track{background:0 0}.panel::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:999px}.panel::-webkit-scrollbar-thumb:hover{background:#00d4ff59}.title{letter-spacing:1.5px;color:var(--cyan);text-shadow:0 0 22px #00d4ff73,0 0 44px #00d4ff2e;text-transform:uppercase;margin-bottom:6px;font-size:clamp(26px,2.1vw,30px);font-weight:900}.subtitle{color:var(--muted);letter-spacing:2.5px;text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:14px;font-size:clamp(13px,1vw,15px)}.stats{gap:var(--panel-gap);grid-template-columns:1fr 1fr;margin-bottom:clamp(12px,1.1vw,16px);display:grid}.stat{--stat-color:var(--cyan);--sc:var(--stat-color);background:linear-gradient(135deg, color-mix(in srgb, var(--sc) 5%, transparent), #82c8ff08);border:1px solid color-mix(in srgb, var(--sc) 18%, var(--border));border-radius:10px;flex-direction:column;gap:2px;padding:7px 10px 7px 12px;transition:all .2s;display:flex;position:relative;overflow:hidden}.stat:hover{border-color:color-mix(in srgb, var(--sc) 40%, var(--border2));background:linear-gradient(135deg, color-mix(in srgb, var(--sc) 10%, transparent), #82c8ff0d)}.stat:before{content:"";background:var(--sc);width:3px;box-shadow:0 0 8px color-mix(in srgb, var(--sc) 50%, transparent);border-radius:0 3px 3px 0;position:absolute;top:15%;bottom:15%;left:0}.stat span{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:clamp(12px,.92vw,14px);font-weight:700}.stat b{font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,monospace;font-size:var(--stat-value-size);color:var(--txt);text-shadow:0 0 10px color-mix(in srgb, var(--sc) 30%, transparent);font-weight:800;line-height:1.1}.stat[data-stat=energy]{--stat-color:var(--amber)}.stat[data-stat=energy] b{color:var(--amber);text-shadow:0 0 10px #ffb70033}.stat[data-stat=income]{--stat-color:var(--green)}.stat[data-stat=income] b{color:var(--green);text-shadow:0 0 10px #0f83}.stat[data-stat=baseL]{--stat-color:#6fb1ff}.stat[data-stat=baseL] b{color:#6fb1ff}.stat[data-stat=baseR]{--stat-color:var(--pink)}.stat[data-stat=baseR] b{color:#ff7b7b}.stat[data-stat=wave]{--stat-color:var(--purple)}.stat[data-stat=wave] b{color:#c084fc}.stat[data-stat=kills]{--stat-color:var(--pink)}.stat[data-stat=kills] b{color:#ff6b8a}.stat[data-stat=time]{--stat-color:var(--cyan)}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding-left:2px;font-size:clamp(13px,1vw,15px);font-weight:700}.controls{gap:var(--panel-gap);flex-direction:column;display:flex}button{background:var(--card);width:100%;color:var(--txt);border:1px solid var(--border);cursor:pointer;font-weight:700;font-size:var(--control-font-size);text-align:left;border-radius:clamp(9px,.75vw,10px);padding:clamp(9px,.9vw,10px) clamp(12px,1vw,14px);transition:all .2s;position:relative;overflow:hidden}button:hover:not(:disabled){background:var(--card2);border-color:var(--border2);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.3)}.btn-upgrade{align-items:center;gap:var(--panel-gap);background:linear-gradient(135deg,#3b82f61f,#00d4ff14);border-color:#3b82f640;display:flex}.btn-upgrade:hover:not(:disabled){background:linear-gradient(135deg,#3b82f633,#00d4ff24);border-color:#3b82f666;box-shadow:0 0 12px #3b82f61f}.btn-upgrade .btn-icon{text-align:center;flex-shrink:0;width:24px;font-size:clamp(14px,1.1vw,16px)}.btn-upgrade .btn-text{flex:1;min-width:0}.cannon{text-align:center;letter-spacing:1.5px;color:var(--muted);background:linear-gradient(135deg,#00d4ff14,#3b82f61f);border-color:#00d4ff33;padding:clamp(14px,1.3vw,18px);font-size:clamp(18px,1.45vw,21px);font-weight:900;transition:all .3s}.cannon:not(:disabled){color:var(--cyan);border-color:#00d4ff59;animation:2s ease-in-out infinite pulse-glow}.cannon:hover:not(:disabled){background:linear-gradient(135deg,#00d4ff2e,#3b82f638);transform:translateY(-1px);box-shadow:0 0 24px #00d4ff33}.cannon:not(:disabled):after{content:"";background:linear-gradient(105deg,#0000 40%,#00d4ff14 50%,#0000 60%) 0 0/200% 100%;animation:3s ease-in-out infinite shimmer;position:absolute;inset:0}.lane-row{grid-template-columns:1fr 1fr;gap:clamp(5px,.55vw,6px);display:grid}.btn-pause,.btn-save{text-align:center;color:var(--muted);background:#ffffff08;border-color:#ffffff14;padding:clamp(10px,1vw,13px) clamp(12px,1vw,14px);font-size:clamp(15px,1.2vw,17px)}.btn-pause:hover:not(:disabled),.btn-save:hover:not(:disabled){color:var(--txt);background:#ffffff0f}.lane-indicator{gap:clamp(3px,.35vw,4px);margin-left:6px;display:inline-flex}.lane-dot{width:clamp(22px,1.75vw,26px);height:clamp(22px,1.75vw,26px);color:var(--muted);cursor:default;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;font-size:clamp(12px,.92vw,14px);font-weight:800;transition:all .15s;display:inline-flex}.lane-dot.active{color:#fff;text-shadow:0 0 6px #0ff9;background:#00ffff40;border-color:#0ff9;box-shadow:0 0 10px #00ffff59,0 0 3px #00ffff80}.unitBar{grid-template-columns:1fr;gap:clamp(5px,.55vw,6px);margin-top:4px;display:grid}.unitBtn{--unit-color:var(--cyan);--uc:var(--unit-color);background:linear-gradient(135deg, color-mix(in srgb, var(--uc) 6%, transparent), #82c8ff08);border:1px solid color-mix(in srgb, var(--uc) 20%, var(--border));cursor:pointer;text-align:left;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px 14px 14px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid;position:relative;overflow:hidden}.unitBtn:before{content:"";background:var(--uc);width:3px;box-shadow:0 0 10px color-mix(in srgb, var(--uc) 50%, transparent);border-radius:0 3px 3px 0;transition:all .2s;position:absolute;top:10%;bottom:10%;left:0}.unitBtn:hover:not(:disabled):not(.locked){border-color:color-mix(in srgb, var(--uc) 55%, var(--border2));box-shadow:0 6px 20px #00000059, 0 0 18px color-mix(in srgb, var(--uc) 25%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--uc) 12%, transparent), #82c8ff0d);transform:translateY(-2px)}.unitBtn:hover:not(:disabled):not(.locked):before{width:4px;top:2%;bottom:2%}.unitBtn:disabled:not(.locked){opacity:.4;cursor:not-allowed}.unitBtn:disabled:not(.locked):before{opacity:.5}.unitBtn.locked{opacity:.28;filter:grayscale(.85)brightness(.7);cursor:not-allowed}.unitBtn__key{min-width:36px;height:36px;color:var(--uc);background:color-mix(in srgb, var(--uc) 14%, transparent);border:1px solid color-mix(in srgb, var(--uc) 35%, transparent);text-shadow:0 0 10px color-mix(in srgb, var(--uc) 65%, transparent);box-shadow:inset 0 0 8px color-mix(in srgb, var(--uc) 22%, transparent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;padding:0 9px;font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,monospace;font-size:19px;font-weight:900;display:flex}.unitBtn__body{flex-direction:column;gap:3px;min-width:0;display:flex}.unitBtn__head{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.unitBtn__name{font-weight:800;font-size:var(--unit-name-size);letter-spacing:.3px;color:var(--txt);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.unitBtn__cost{color:var(--amber);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:var(--unit-meta-size);text-shadow:0 0 8px #ffb70040;flex-shrink:0;font-weight:800}.unitBtn__cost:before{content:"⚡";opacity:.8;margin-right:2px;font-size:.85em}.unitBtn__desc{color:var(--muted);font-size:var(--unit-desc-size);-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.unitBtn__lock{color:var(--amber);letter-spacing:.5px;background:#ffb7001a;border:1px solid #ffb70040;border-radius:999px;padding:3px 8px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12px;font-weight:900;position:absolute;top:8px;right:10px}.unitBtn__cd{background:#ffffff0d;grid-column:1/-1;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.unitBtn__cd>i{background:linear-gradient(90deg, var(--uc), color-mix(in srgb, var(--uc) 55%, white));width:0%;height:100%;box-shadow:0 0 6px color-mix(in srgb, var(--uc) 60%, transparent);transition:width .1s linear;display:block}.hint{color:var(--muted);letter-spacing:.3px;text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;margin-top:8px;padding:clamp(7px,.72vw,8px) clamp(8px,.8vw,10px);font-size:clamp(9px,.72vw,10px);line-height:1.6}.stage{background:var(--bg);min-width:0;min-height:0;position:relative;overflow:hidden}.stageWrap{background:var(--bg);min-width:0;position:absolute;inset:0}.stageWrap canvas{width:100%;height:100%;display:block}.toast{opacity:0;pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.3px;background:#080c14d9;border:1px solid #00d4ff33;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:24px;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 4px 20px #0006,0 0 15px #00d4ff14}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.gameOverlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:150;background:#04070cc7;justify-content:center;align-items:center;transition:opacity .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.gameOverlay.hidden{opacity:0;pointer-events:none}.gameOverContent{--go-color:var(--cyan);background:radial-gradient(ellipse at top, color-mix(in srgb, var(--go-color) 12%, transparent), transparent 60%), linear-gradient(170deg, var(--panel) 0%, var(--panel2) 100%);border:1px solid color-mix(in srgb, var(--go-color) 35%, var(--border2));text-align:center;min-width:380px;max-width:460px;box-shadow:0 24px 80px #0009, 0 0 40px color-mix(in srgb, var(--go-color) 15%, transparent), inset 0 1px 0 #ffffff0a;border-radius:18px;padding:44px 56px 36px;animation:.45s cubic-bezier(.4,0,.2,1) both float-in;position:relative}.gameOverContent:has(.goTitle.victory){--go-color:var(--amber)}.gameOverContent:has(.goTitle.defeat){--go-color:var(--pink)}.gameOverContent:before{content:"";background:linear-gradient(90deg, transparent, var(--go-color), transparent);opacity:.6;width:60%;height:2px;box-shadow:0 0 14px var(--go-color);position:absolute;top:0;left:50%;transform:translate(-50%)}.gameOverContent:after{content:"";pointer-events:none;background-image:linear-gradient(var(--go-color), transparent 30%, transparent 70%, var(--go-color));opacity:.3;background-position:0 0,100% 100%;background-repeat:no-repeat;background-size:2px 24px;border-radius:14px;position:absolute;inset:10px}.goTitle{letter-spacing:3px;text-transform:uppercase;margin:0 0 8px;font-size:38px;font-weight:900;line-height:1}.goTitle.victory{color:var(--amber);text-shadow:0 0 30px #ffb70080,0 0 60px #ffb70026}.goTitle.defeat{color:var(--pink);text-shadow:0 0 30px #ff2d5580,0 0 60px #ff2d5526}.goTitle+.goStats,.goTitle~.goStats{margin-top:22px}.goTitle:after{content:"";opacity:.4;background:currentColor;border-radius:999px;width:48px;height:2px;margin:12px auto 0;display:block}.goStats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;display:grid}.goStat{border:1px solid var(--border);background:#82c8ff0a;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 14px;transition:all .2s;display:flex;position:relative}.goStat:hover{border-color:color-mix(in srgb, var(--go-color) 35%, var(--border2));background:#82c8ff12;transform:translateY(-1px)}.goStat span{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:700}.goStat b{color:var(--txt);text-shadow:0 0 12px color-mix(in srgb, var(--go-color) 40%, transparent);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:26px;font-weight:900;line-height:1}.goReward{color:var(--amber);text-shadow:0 0 14px #ffb70066;background:#ffb70014;border:1px solid #ffb70038;border-radius:10px;margin-bottom:18px;padding:10px 16px;font-size:18px;font-weight:800;display:inline-block}.goButtons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.goBtn{border:1px solid var(--border2);letter-spacing:.5px;color:var(--txt);cursor:pointer;text-align:center;background:#82c8ff0d;border-radius:10px;width:auto;min-width:96px;padding:12px 22px;font-size:14px;font-weight:800;transition:all .2s}.goBtn:hover{background:color-mix(in srgb, var(--go-color) 12%, #82c8ff14);border-color:color-mix(in srgb, var(--go-color) 45%, var(--border2));box-shadow:0 6px 18px #00000059, 0 0 14px color-mix(in srgb, var(--go-color) 20%, transparent);transform:translateY(-2px)}.goBtn:active{transform:translateY(0)}#goNext{background:linear-gradient(135deg, color-mix(in srgb, var(--go-color) 18%, transparent), color-mix(in srgb, var(--go-color) 8%, transparent));border-color:color-mix(in srgb, var(--go-color) 50%, var(--border2));color:var(--go-color)}@media (width<=1440px){:root{--panel-width:clamp(250px, 22vw, 320px)}.subtitle{margin-bottom:12px;padding-bottom:12px}}@media (width<=1220px){:root{--panel-width:clamp(240px, 23vw, 290px);--panel-pad-y:12px;--panel-pad-x:10px}.subtitle,.hint{display:none}.section-label{letter-spacing:1.5px}}@media (height<=920px){.subtitle,.hint{display:none}.stats{margin-bottom:10px}}@media (width<=1360px),(height<=900px){:root{--panel-width:clamp(240px, 22vw, 300px);--panel-pad-y:10px;--panel-pad-x:10px;--panel-gap:7px;--stat-value-size:21px;--control-font-size:16px;--unit-name-size:16px;--unit-meta-size:18px;--unit-desc-size:13px}.title{margin-bottom:3px;font-size:22px}.subtitle,.hint{display:none}.section-label{letter-spacing:1.5px;margin-bottom:7px;font-size:12px}.stats{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.stat{border-radius:9px;padding:7px 9px 7px 11px}.stat span{font-size:11px}.btn-upgrade{padding:9px 11px}.cannon{padding:11px 12px;font-size:17px}.btn-pause,.btn-save{padding:8px 10px;font-size:14px}.unitBar{gap:6px}.unitBtn{border-radius:10px;gap:10px;padding:10px 12px 12px}.unitBtn__key{min-width:32px;height:32px;font-size:17px}.unitBtn__lock{font-size:11px}}.fullscreen-ui{z-index:200;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fullscreen-ui.hidden{display:none}.title-screen{background:radial-gradient(ellipse at 50% 40%, #00d4ff0f, var(--bg) 70%);flex-direction:column}.title-content{text-align:center}.title-logo{color:var(--cyan);text-shadow:0 0 40px #00d4ff59,0 0 80px #00d4ff1a;letter-spacing:3px;text-transform:uppercase;margin:0 0 8px;font-size:clamp(36px,6vw,64px);font-weight:900}.title-sub{color:var(--muted);letter-spacing:4px;text-transform:uppercase;margin:0 0 48px;font-size:clamp(12px,2vw,16px)}.title-buttons{flex-direction:column;align-items:center;gap:14px;display:flex}.title-btn{letter-spacing:2px;text-align:center;background:var(--card);border:1px solid var(--border);width:260px;color:var(--txt);cursor:pointer;border-radius:14px;padding:16px 32px;font-size:16px;font-weight:800;transition:all .25s}.title-btn:hover{background:var(--card2);border-color:var(--border2);transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.title-btn.primary{color:var(--cyan);background:linear-gradient(135deg,#00d4ff26,#3b82f61f);border-color:#00d4ff4d}.title-btn.primary:hover{background:linear-gradient(135deg,#00d4ff40,#3b82f633);box-shadow:0 0 30px #00d4ff26,0 8px 30px #0000004d}.title-ver{color:#ffffff26;letter-spacing:2px;margin-top:40px;font-size:11px}.map-screen{background:radial-gradient(ellipse at 50% 20%, #00d4ff0f, transparent 50%), radial-gradient(ellipse at 20% 60%, #ff446608, transparent 40%), radial-gradient(ellipse at 80% 60%, #a855f708, transparent 40%), var(--bg);flex-direction:column;padding:24px 16px}.map-content{width:100%;max-width:100%}.map-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.map-back{background:var(--card);border:1px solid var(--border);width:auto;color:var(--muted);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.map-back:hover{color:var(--txt);background:var(--card2)}.map-title{color:var(--cyan);text-shadow:0 0 15px #00d4ff40;letter-spacing:2px;margin:0;font-size:20px;font-weight:900}.map-title small{letter-spacing:3px;opacity:.5;margin-top:2px;font-size:11px;font-weight:400;display:block}.ch-title{color:var(--muted);letter-spacing:1px;margin-bottom:12px;font-size:14px;font-weight:700}.level-row{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:20px;display:grid}.level-btn{background:var(--card);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:6px;padding:14px 12px;transition:all .2s;display:flex;position:relative;overflow:hidden}.level-btn:hover:not(:disabled){background:var(--card2);border-color:var(--border2);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.level-btn.locked{opacity:.3;filter:grayscale(.8);cursor:not-allowed}.level-btn.cleared{border-color:#00ff8840}.level-btn.cleared:after{content:"";background:var(--green);border-radius:0 3px 3px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.level-id{color:var(--cyan);text-shadow:0 0 8px #00d4ff33;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:20px;font-weight:900}.level-name{color:var(--txt);font-size:14px;font-weight:800}.level-desc{color:var(--muted);font-size:11px;line-height:1.4}.level-check{color:var(--green);letter-spacing:1px;font-size:10px;font-weight:800}.level-lock{color:var(--muted);letter-spacing:1px;font-size:10px;font-weight:800}.dialogue-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#04070cd9}.dialogue-box{background:linear-gradient(170deg, var(--panel), var(--panel2));border:1px solid var(--border2);border-radius:16px;width:90%;max-width:600px;padding:32px 40px;box-shadow:0 16px 50px #00000080}.dialogue-speaker{color:var(--cyan);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:800}.dialogue-text{color:var(--txt);margin-bottom:20px;font-size:16px;font-weight:500;line-height:1.7}.dialogue-hint{color:var(--muted);text-align:right;letter-spacing:.5px;font-size:11px}.site-index{border-top:1px solid var(--border);background:radial-gradient(circle at top,#00d4ff0d,#0000 34%),linear-gradient(#04070cfa,#080c14fa);display:none;position:relative}.site-index:before{content:"";pointer-events:none;opacity:.7;background-image:linear-gradient(#64b4ff08 1px,#0000 1px),linear-gradient(90deg,#64b4ff08 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.site-index__inner{z-index:1;max-width:1180px;margin:0 auto;padding:32px 24px 48px;position:relative}.site-index__eyebrow{color:var(--cyan);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800}.site-index__title{letter-spacing:2px;text-transform:uppercase;color:var(--txt);margin:0 0 12px;font-size:clamp(28px,5vw,42px);font-weight:900}.site-index__lead{max-width:820px;color:var(--txt2);margin:0 0 24px;font-size:15px;line-height:1.8}.site-index__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.site-index__card{border:1px solid var(--border);background:#82c8ff0d;border-radius:14px;min-height:140px;padding:16px;box-shadow:inset 0 1px #ffffff08}.site-index__card h3{color:var(--cyan);letter-spacing:.5px;margin:0 0 8px;font-size:14px;font-weight:800}.site-index__card p{color:var(--txt2);margin:0;font-size:13px;line-height:1.7}#titleScreen:not(.hidden)~.site-index{display:block}@media (width<=900px){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr}.panel{border-right:none;border-bottom:1px solid var(--border);max-height:45vh}.unitBar,.level-row,.site-index__grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.site-index__inner{padding:28px 16px 40px}.site-index__lead{font-size:14px}.site-index__grid{grid-template-columns:1fr}}.inventory-bar{color:#bfe6ff;background:#00d4ff0a;border:1px solid #00d4ff2e;border-radius:10px;justify-content:center;align-items:center;gap:18px;width:fit-content;margin:0 auto 18px;padding:10px 18px;font-size:14px;display:flex}.inventory-bar .inv-item{align-items:center;gap:6px;display:inline-flex}.inventory-bar .inv-item b{color:#fff;text-align:right;min-width:18px;font-weight:600}.talent-screen{background:#04070cf5;overflow-y:auto}.talent-content{max-width:900px;margin:0 auto;padding:24px 18px}.talent-header{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.talent-title{color:#bfe6ff;flex:1;margin:0;font-size:22px}.talent-back{cursor:pointer}.talent-btn{color:#bfe6ff;cursor:pointer;background:#00d4ff1a;border:1px solid #00d4ff59;border-radius:8px;margin:10px auto;padding:8px 22px;font-size:15px;transition:all .15s;display:block}.talent-btn:hover{background:#00d4ff38}.talent-grid{flex-direction:column;gap:22px;display:flex}.talent-tier{background:#00d4ff05;border:1px solid #00d4ff1f;border-radius:12px;padding:14px}.talent-tier-label{color:#bfe6ff73;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-size:12px}.talent-tier-nodes{flex-wrap:wrap;gap:12px;display:flex}.talent-node{text-align:left;cursor:pointer;color:#bfe6ff;background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;flex:200px;min-width:180px;max-width:280px;padding:12px 14px;transition:all .15s}.talent-node:hover:not([disabled]){background:#00d4ff14;border-color:#00d4ff4d}.talent-node.owned{background:#00d4ff1f;border-color:#00d4ff}.talent-node.owned .talent-node-cost{color:#00d4ff}.talent-node.available{border-color:#0f86}.talent-node.locked{opacity:.4;cursor:default}.talent-node-name{margin-bottom:4px;font-size:14px;font-weight:600}.talent-node-desc{color:#bfe6ffb3;margin-bottom:6px;font-size:12px}.talent-node-cost{flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.talent-node-cost .cost-short{color:#ff6b6b}.talent-node-prereq{color:#bfe6ff59;margin-top:4px;font-size:11px}.map-top-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:4px;padding:8px 12px;display:flex}.world-map-container{width:100%;position:relative;overflow:visible;-webkit-mask-image:linear-gradient(#000 92%,#0000 100%);mask-image:linear-gradient(#000 92%,#0000 100%)}.world-map-edges{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.edge{fill:none;stroke-linecap:round}.edge.cleared{stroke:#00d4ff73;stroke-width:2.5px;filter:drop-shadow(0 0 4px #00d4ff40)}.edge.available{stroke:#00ff884d;stroke-width:2px;stroke-dasharray:8 5;animation:1.5s linear infinite edge-flow}.edge.locked{stroke:#ffffff0d;stroke-width:1.5px}@keyframes edge-flow{to{stroke-dashoffset:-26px}}.map-node{-webkit-backdrop-filter:blur(8px);color:#bfe6ff;text-align:center;cursor:pointer;z-index:2;background:#0a1018bf;border:1.5px solid #ffffff14;border-radius:16px;width:120px;padding:10px 12px;font-size:12px;line-height:1.3;transition:all .2s;position:absolute;transform:translate(-50%,-50%)}.map-node:hover:not(.locked){z-index:10;transform:translate(-50%,-50%)scale(1.08)}.map-node .node-icon{filter:saturate(1.2);margin-bottom:4px;font-size:28px;display:block}.map-node .node-label{white-space:nowrap;font-size:12px;font-weight:700;display:block}.map-node .node-check{color:#0f8;text-shadow:0 0 8px #0f89;font-size:16px;position:absolute;top:-6px;right:-6px}.map-node[data-branch=root]{--nc:#00d4ff;--nc-rgb:0,212,255}.map-node[data-branch=blood]{--nc:#f46;--nc-rgb:255,68,102}.map-node[data-branch=neural]{--nc:#22d3ee;--nc-rgb:34,211,238}.map-node[data-branch=gene]{--nc:#a855f7;--nc-rgb:168,85,247}.map-node[data-branch=micro]{--nc:#22c55e;--nc-rgb:34,197,94}.map-node[data-branch=synth]{--nc:#f59e0b;--nc-rgb:245,158,11}.node-stars{letter-spacing:1px;color:#ffd93d99;margin-top:2px;font-size:10px;display:block}.map-node.available .node-stars{color:#ffd93de6}.map-node.cleared .node-stars{color:#00ff8880}.map-node.cleared{background:#00ff880d;border-color:#00ff8873;box-shadow:0 0 12px #00ff8814}.map-node.available{border-color:var(--nc,#00d4ff);background:rgba(var(--nc-rgb,0,212,255),.08);animation:2.5s ease-in-out infinite node-breathe}.map-node.locked{opacity:.18;cursor:default;pointer-events:none;-webkit-backdrop-filter:none}@keyframes node-breathe{0%,to{box-shadow:0 0 8px rgba(var(--nc-rgb,0,212,255),.12)}50%{box-shadow:0 0 24px rgba(var(--nc-rgb,0,212,255),.32), 0 0 48px rgba(var(--nc-rgb,0,212,255),.08)}}.map-node[data-type=boss]{border-width:2px;width:130px;padding:12px 14px}.map-node[data-type=boss] .node-icon{font-size:32px}.map-node[data-type=boss].available{animation:2s ease-in-out infinite node-breathe-boss}@keyframes node-breathe-boss{0%,to{box-shadow:0 0 10px rgba(var(--nc-rgb,255,68,102),.15)}50%{box-shadow:0 0 30px rgba(var(--nc-rgb,255,68,102),.4), 0 0 60px rgba(var(--nc-rgb,255,68,102),.1)}}.map-node[data-type=elite] .node-label{color:#ffd93d}.map-node[data-type=elite]{border-style:dashed}.branch-label{letter-spacing:1px;color:var(--nc,#00d4ff);opacity:.6;white-space:nowrap;pointer-events:none;z-index:1;font-size:13px;font-weight:700;position:absolute;transform:translate(-50%)}.map-screen .map-content{max-height:100vh;padding-bottom:60px;overflow-y:auto}