:root{--bg:#05070a;--bg-2:#0b1017;--panel:#0a0e14eb;--panel-2:#121822f0;--panel-border:#78a0c847;--text:#e6eef7;--text-dim:#9fb0c3;--text-faint:#6b7b8d;--accent:#4de0ff;--accent-2:#b36bff;--hype:#ffcf4d;--good:#3bdb91;--warn:#ff9a3c;--danger:#ff4d5e;--radius:8px;--gap:12px;--font:"Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--mono:"Cascadia Mono", "Consolas", ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:15px;line-height:1.35;overflow:hidden}#game-root{z-index:0;position:fixed;inset:0}#game-root canvas{touch-action:none;display:block}#ui-root{z-index:1;pointer-events:none;position:fixed;inset:0}#ui-root>*{pointer-events:auto}#ui-root>.passthrough{pointer-events:none}.passthrough>*{pointer-events:auto}.passthrough>.passthrough,[data-playfield]{pointer-events:none}button{font:inherit;color:inherit}.btn{appearance:none;border:1px solid var(--panel-border);color:var(--text);cursor:pointer;text-align:center;white-space:pre-line;background:linear-gradient(#283648f2,#141c28f2);border-radius:6px;min-height:40px;padding:8px 14px;transition:border-color .12s,background .12s,transform 80ms}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:linear-gradient(#145a6ef2,#0a3242f2);border-color:#4de0ff99}.btn.toggled{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius)}.screen{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));position:absolute;inset:0;overflow:auto}.hub-link{color:var(--text-dim);border-radius:4px;padding:10px 6px;font-size:13px;text-decoration:none;display:inline-block}.hub-link-host{font-family:var(--mono);color:var(--accent);text-underline-offset:3px;-webkit-text-decoration:underline #4de0ff73;text-decoration:underline #4de0ff73}.hub-link:hover .hub-link-host{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.hub-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.hud{--hud-side-w:324px;--hud-side-max:560px;--hud-bottom-h:96px;--hud-top-h:48px;--hud-field-w:max(0px, min(calc(100vw - var(--hud-side-w) - 52px), calc((100dvh - var(--hud-top-h) - var(--hud-bottom-h) - 38px) * 5 / 3)));--hud-gold:#ffd14d;--hud-ctx:#8cccff;--hud-hp:#4de68c;--hud-agi:#f26659;--hud-green:#3ddc91;--hud-stats:#a6b8d1;--hud-notes:#ccd9eb;grid-template-columns:var(--hud-field-w) minmax(var(--hud-side-w), var(--hud-side-max));grid-template-rows:auto minmax(0, 1fr) var(--hud-bottom-h);padding:max(8px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));pointer-events:none;grid-template-areas:"top top""field side""bottom side";justify-content:center;gap:10px 14px;font-size:14px;display:grid;position:absolute;inset:0}.hud [hidden],.hud-layers [hidden]{display:none!important}.hud-block{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);pointer-events:auto}.hud-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:0 0 8px;font-size:11px;font-weight:600}.hud .btn[aria-disabled=true],.hud-layers .btn[aria-disabled=true]{opacity:.45;cursor:default}.hud .btn[aria-disabled=true]:hover,.hud-layers .btn[aria-disabled=true]:hover{border-color:var(--panel-border)}.hud .btn[aria-disabled=true]:active,.hud-layers .btn[aria-disabled=true]:active{transform:none}.hud .btn{line-height:1.2}.hud .btn,.hud-layers .hud-overlay .btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hud-only-stacked{display:none!important}.hud-top{font-variant-numeric:tabular-nums;flex-wrap:wrap;grid-area:top;align-items:center;gap:6px 18px;padding:6px 12px;font-size:15px;display:flex}.hud-top-stats{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.hud-stat{white-space:nowrap}.hud-tokens{color:var(--hud-gold)}.hud-context{color:var(--hud-ctx)}.hud-hp{color:var(--hud-hp)}.hud-wave{color:var(--text)}.hud-ctx-group{gap:6px;display:inline-flex}.hud-ctx{white-space:nowrap;min-height:32px;padding:4px 10px;font-size:13px}.hud-meter-group{flex:180px;align-items:center;gap:8px;max-width:320px;display:flex}.hud-meter-label{color:var(--hud-agi)}.hud-meter{border:1px solid var(--panel-border);background:#ffffff12;border-radius:4px;flex:1;min-width:110px;height:20px;position:relative;overflow:hidden}.hud-meter-fill{transform-origin:0;background:var(--good);transition:transform .12s linear,background-color .4s;position:absolute;inset:0;transform:scaleX(0)}.hud-meter-text{text-align:center;color:#fff;text-shadow:0 1px 2px #000000e6;font-size:12px;font-weight:700;line-height:18px;position:relative}.hud-top-actions{gap:8px;margin-left:auto;display:flex}.hud-top-actions .btn{white-space:nowrap;min-height:32px;padding:4px 12px}.hud-field{pointer-events:none;grid-area:field;min-width:0;min-height:0;position:relative}.hud-threat{pointer-events:none;opacity:var(--threat,0);transition:opacity .25s linear;position:absolute;overflow:hidden}.hud-threat-pulse{animation:hud-threat-pulse var(--pulse-period,4.5s) ease-in-out infinite alternate;animation-play-state:paused;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #9e080d4d,inset 0 0 50px 16px #9e080d80,inset 0 0 140px 40px #2e000052}.hud-threat.active .hud-threat-pulse{animation-play-state:running}@keyframes hud-threat-pulse{0%{opacity:.72}to{opacity:1}}.hud-panels{display:contents}.hud-side{overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin;flex-direction:column;grid-area:side;gap:10px;min-height:0;display:flex;overflow-y:auto}.hud-palette{padding:10px}.hud-palette-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:6px;display:grid}.hud-pal-btn{text-align:left;white-space:normal;align-items:center;gap:8px;min-height:50px;padding:6px 8px;display:flex}.hud-pal-btn[aria-pressed=true]{background:linear-gradient(#145a6ef2,#0a3242f2)}.hud-pal-icon{object-fit:contain;pointer-events:none;flex:none;width:30px;height:30px}.hud-pal-text{flex-direction:column;min-width:0;display:flex}.hud-pal-name{overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.15}.hud-pal-cost{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.hud-pal-btn.cant-afford .hud-pal-cost{color:var(--warn)}.hud-palette-footer{color:var(--text-faint);margin:8px 0 0;font-size:11px}.hud-info{flex-direction:column;gap:6px;padding:12px;display:flex}.hud-info-name{color:var(--hud-green);margin:0;font-size:18px;font-weight:600}.hud-info-stats{color:var(--hud-stats);white-space:pre-wrap;font-variant-numeric:tabular-nums;font-size:12px}.hud-divider{border:0;border-top:1px solid var(--panel-border);width:100%;margin:2px 0}.hud-info-notes{color:var(--hud-notes);white-space:pre-wrap;font-size:12px}.hud-info-actions{flex-direction:column;gap:6px;display:flex}.hud-info-actions:empty{display:none}.hud-info-upgrade,.hud-info-scrap{min-height:36px}.hud-info-scrap{color:var(--text-dim);font-size:12px}.hud-info-scrap.armed{border-color:var(--danger);color:var(--danger)}.hud-bottom{background:#0f141ceb;border:2px solid #6bdbffb8;border-radius:10px;grid-area:bottom;align-items:stretch;gap:10px;min-width:0;padding:8px 10px;display:flex}.hud-abilities{flex:1 1 0;gap:6px;min-width:0;display:flex}.hud-ability{flex:1 1 0;min-width:0;min-height:44px;padding:4px 8px;font-size:13px}.hud-wave-controls{flex:0 400px;grid-template-columns:minmax(0,1fr) 132px;gap:6px;min-width:280px;display:grid}.hud-start{grid-row:1/span 2;min-height:0;font-size:15px;font-weight:600}.hud-wave-controls>.hud-wave-row:not(.hud-only-stacked){flex-direction:column;grid-area:1/2/span 2}.hud-wave-controls>.hud-wave-row>.btn{flex:1 1 0;min-height:0}.hud-wave-row{gap:6px;display:flex}.hud-autonext{flex:1;justify-content:center;align-items:center;gap:8px;padding:4px 8px;display:inline-flex}.hud-switch{background:#ffffff29;border-radius:8px;flex:none;width:30px;height:16px;transition:background .12s;position:relative}.hud-switch:after{content:"";background:var(--text-dim);border-radius:50%;width:12px;height:12px;transition:transform .12s,background .12s;position:absolute;top:2px;left:2px}.hud-autonext[aria-pressed=true] .hud-switch{background:#4de0ff73}.hud-autonext[aria-pressed=true] .hud-switch:after{background:var(--accent);transform:translate(14px)}.hud-speed{font-variant-numeric:tabular-nums;flex:none;min-width:56px;font-weight:700}.hud-companion{flex:none;justify-content:flex-end;align-items:flex-end;gap:4px;min-width:0;margin-top:auto;padding-top:4px;display:flex;position:relative}.hud-companion-bubble{flex:auto;align-self:flex-start;min-width:0;margin-right:8px;position:relative}.hud-companion-float{position:relative}.hud-companion-box{z-index:1;color:#14171f;background:#f7f7edfa;border:2px solid #121217;min-height:72px;max-height:220px;padding:8px 10px;position:relative;overflow:hidden;box-shadow:3px 3px #0000002e}.hud-companion-title{color:#54382e;margin-bottom:4px;font-size:11px}.hud-companion-quote{-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}.hud-companion-tail{z-index:0;background:#f7f7edfa;border:2px solid #121217;position:absolute;box-shadow:3px 3px #0000002e}.hud-companion-tail.t0{width:10px;height:10px;bottom:-8px;right:46px}.hud-companion-tail.t1{width:14px;height:14px;bottom:-22px;right:30px}.hud-companion-tail.t2{width:18px;height:18px;bottom:-36px;right:14px}.hud-companion-sprite{aspect-ratio:1;flex:none;width:120px;animation:1.532s ease-in-out -.29s infinite alternate hud-companion-bob}.hud-companion-img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;opacity:.98;display:block}@keyframes hud-companion-bob{0%{transform:translate(-.5px,-2.5px)}to{transform:translate(.5px,2.5px)}}.hud-layers{z-index:5;pointer-events:none;position:absolute;inset:0}.hud-layers>.hud-overlay,.hud-layers>.hud-skilltree{pointer-events:auto}.hud-layers>.hud-layer,.hud-layers>.hud-tip,.hud-layers>.hud-enemy-tip,.hud-layers>.hud-toast{pointer-events:none}.hud-overlay{overscroll-behavior:contain;background:#000000b3;display:flex;position:absolute;inset:0;overflow-y:auto}.hud-overlay-center{width:100%;padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:center;margin:auto;display:flex}.hud-overlay-btn{min-height:44px}.hud-skilltree{background:var(--bg);position:absolute;inset:0}.hud-pause-box{flex-direction:column;gap:14px;width:min(360px,100%);display:flex}.hud-pause-title,.hud-runover-title{text-align:center;margin:0;font-size:40px;font-weight:600}.hud-pause-title{color:var(--hud-green,#3ddc91)}.hud-runover-box{flex-direction:column;gap:16px;width:min(560px,100%);display:flex}.hud-runover-title{color:#f26659}.hud-runover-body{text-align:center;white-space:pre-line;font-variant-numeric:tabular-nums;margin:0;font-size:18px}.hud-runover-actions{flex-wrap:wrap;gap:10px;display:flex}.hud-runover-actions .btn{flex:150px}.hud-tutorial{background:#000000d1}.hud-tutorial-panel{flex-direction:column;gap:10px;width:min(760px,100%);padding:22px 28px;display:flex}.hud-tutorial-title{text-align:center;color:#3ddc91;margin:0;font-size:36px;font-weight:600;line-height:1.1}.hud-tutorial-sub{text-align:center;color:#a6b8d1;margin:0;font-size:14px}.hud-tutorial-body{color:#e0ebf5;font-size:14px}.hud-tutorial-body p{margin:0 0 10px}.hud-tutorial-touch{color:var(--accent)}@media (hover:hover) and (pointer:fine){.hud-tutorial-touch{display:none}}.hud-tutorial-hint{text-align:center;color:#8c9eb8;margin:0;font-size:11px}.hud-card{background:var(--card-fill);border:1px solid color-mix(in srgb, var(--card-border) 32%, transparent);border-radius:var(--card-radius,26px);padding:var(--card-pad,18px);position:relative;box-shadow:0 0 16px #00000052}.hud-card>:not(.hud-card-trace){position:relative}.hud-card-trace{pointer-events:none;width:calc(100% - 28px);height:calc(100% - 28px);position:absolute;top:14px;left:14px;overflow:visible}.hud-card-trace rect{fill:none;vector-effect:non-scaling-stroke}.trace-glow{stroke:var(--card-border);stroke-opacity:.12;stroke-width:6px}.trace-edge{stroke:var(--card-border);stroke-opacity:.45;stroke-width:1.6px}.trace-accent{stroke:var(--card-accent);stroke-width:3px;stroke-dasharray:15 85;animation:5.556s linear infinite hud-trace}.trace-echo{stroke:var(--card-border);stroke-opacity:.9;stroke-width:2.2px;stroke-dasharray:9.9 90.1;stroke-dashoffset:-48px;animation:5.556s linear infinite hud-trace-echo}@keyframes hud-trace{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}@keyframes hud-trace-echo{0%{stroke-dashoffset:-48px}to{stroke-dashoffset:-148px}}.hud-transient-layer{place-items:center;padding:16px;display:grid;position:absolute;inset:0}.hud-transient{text-align:center;align-items:center;width:min(440px,100%);min-height:240px;display:flex}.hud-transient-body{flex-direction:column;gap:12px;width:100%;display:flex}.hud-transient-kind{overflow-wrap:anywhere;font-size:36px;font-weight:700;line-height:1.05}.hud-transient-flavor{color:#d9e0f0;font-size:16px}.hud-transient-effect{color:#99a8bf;font-size:14px}.hud-epoch-layer{position:absolute;inset:0}.hud-epoch-slot{justify-content:center;align-items:center;display:flex;position:absolute;inset:10% 16% 64%}.hud-epoch-card{text-align:center;flex:none;width:min(720px,100vw - 32px)}.hud-epoch-title{color:#f5d652;margin-bottom:8px;font-size:28px;font-weight:600}.hud-epoch-body{color:#d6e6f7;white-space:pre-line;font-size:15px}.hud-draft{background:#000000c7}.hud-draft-panel{width:min(1120px,100%);min-height:420px}.hud-draft-inner{flex-direction:column;gap:14px;display:flex}.hud-draft-title{text-align:center;color:#f2d14d;margin:0;font-size:30px;font-weight:600}.hud-draft-subtitle{text-align:center;color:#adbfd6;margin:0;font-size:14px}.hud-draft-choices{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hud-prompt-card{flex-direction:column;width:320px;min-height:360px;transition:transform .16s cubic-bezier(.33,1,.68,1);display:flex;overflow:hidden}.hud-draft-panel .trace-accent,.hud-draft-panel .trace-echo{stroke-opacity:.55;animation-duration:14s}.hud-prompt-card .trace-accent,.hud-prompt-card .trace-echo{display:none}.hud-prompt-card .trace-edge{transition:stroke-opacity .16s,stroke-width .16s}.hud-prompt-card:hover .trace-edge,.hud-prompt-card:focus-within .trace-edge{stroke-opacity:.9;stroke-width:2px}@media (hover:hover){.hud-prompt-card:hover{transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.hud-card-trace .trace-accent,.hud-card-trace .trace-echo{display:none}}.hud-prompt-inner{flex-direction:column;flex:1;gap:10px;display:flex}.hud-prompt-category{letter-spacing:.06em;color:#59ccff;font-size:12px}.hud-prompt-name{color:#f2f7ff;font-size:22px;font-weight:600;line-height:1.15}.hud-prompt-desc{color:#d9e6f5;flex:1;min-height:96px;font-size:14px}.hud-prompt-flavor{color:#94a3b8;min-height:60px;font-size:12px;font-style:italic}.hud-prompt-choose{color:#f2f7ff;min-height:44px}.hud-tip{border:1px solid var(--panel-border);max-width:min(300px,100vw - 16px);color:var(--text);white-space:pre-line;background:#0a0e14f7;border-radius:6px;padding:6px 9px;font-size:12px;line-height:1.35;position:absolute;top:0;left:0;box-shadow:0 4px 14px #00000073}.hud-enemy-tip{background:#090e16f5;border:1px solid #54ccf0e0;border-radius:12px;min-width:244px;padding:10px 12px;position:absolute;top:0;left:0}.hud-enemy-tip-title{color:#e0f0ff;margin-bottom:4px;font-size:14px;font-weight:600}.hud-enemy-tip-title.boss{color:#fc6}.hud-enemy-tip-body{color:#c7dbf0;white-space:pre;font-variant-numeric:tabular-nums;min-width:220px;font-size:11px}.hud-toast{background:#141a24f2;border:2px solid #ffcf5cf2;border-radius:10px;flex-direction:column;gap:2px;width:360px;padding:10px 14px;display:flex;position:absolute;top:80px;right:20px}.hud-toast-title{color:#ffd96b;font-size:12px}.hud-toast-body{color:#f2f7ff;font-size:16px}@media (min-width:1600px) and (min-height:900px){.hud{--hud-side-w:340px}.hud-top{font-size:18px}}@media (max-height:820px){.hud{--hud-bottom-h:84px}.hud-companion-sprite{width:96px}}@media (max-width:1360px){.hud-top{gap:6px 12px;font-size:14px}.hud-top-stats{gap:4px 12px}.hud-ctx{padding:4px 8px;font-size:12px}}@media (pointer:coarse){.hud .btn,.hud-layers .btn{min-height:44px}}@media (max-width:700px),(max-height:520px){.hud-only-wide{display:none!important}.hud-only-stacked{display:flex!important}.hud .btn{min-height:44px}.hud-kbd{display:none}.hud-panels{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:max(12px, env(safe-area-inset-bottom));pointer-events:auto;flex-direction:column;gap:8px;display:flex;overflow-y:auto}.hud-side,.hud-bottom{display:contents}.hud-info{order:1}.hud-wave-controls{order:2}.hud-palette{order:3}.hud-abilities{order:4}.hud-companion{order:5}.hud-wave-controls,.hud-abilities,.hud-companion{background:#0f141ceb;border:1px solid #6bdbff80;border-radius:10px;width:auto;padding:10px}.hud-wave-controls{flex-direction:column;gap:6px;min-width:0;display:flex}.hud-wave-controls>.hud-wave-row:not(.hud-only-stacked){flex-direction:row}.hud-wave-controls>.hud-wave-row>.btn{flex:auto;min-height:44px}.hud-speed{flex:none!important}.hud-start{flex:none;min-height:56px}.hud-companion{margin-top:0}.hud-wave-row .hud-ctx-group{flex:2}.hud-wave-row .hud-ctx,.hud-wave-row .hud-tree{flex:1;min-height:44px;font-size:13px}.hud-abilities{flex-direction:row}.hud-ability{flex:1 1 0;min-width:0;font-size:12px}.hud-companion{flex:none;align-items:center}.hud-companion-sprite{width:96px}.hud-companion-quote{-webkit-line-clamp:6;line-clamp:6}.hud-palette-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.hud-toast{top:max(8px, env(safe-area-inset-top));width:auto;left:16px;right:16px}}@media (max-width:700px){.hud{padding:max(6px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));flex-direction:column;gap:6px;display:flex}.hud-top{flex:none;gap:4px 10px;padding:4px 8px;font-size:12.5px}.hud-top-stats{flex:1 1 0;gap:2px 10px;min-width:0}.hud-top-actions{order:1}.hud-top-actions .btn{min-height:40px}.hud-meter-group{flex:100%;order:2;max-width:none}.hud-field{aspect-ratio:5/3;flex:none;width:100%}.hud-panels{flex:1 1 0}.hud-wave-controls{flex:none}.hud-abilities{flex-direction:column}.hud-ability{flex:none}.hud-transient-kind{font-size:28px}.hud-pause-title,.hud-runover-title{font-size:32px}.hud-runover-body{font-size:15px}.hud-tutorial-panel{padding:16px}.hud-tutorial-title{font-size:26px}.hud-draft-panel{min-height:0;--card-pad:16px!important}.hud-draft-title{font-size:22px}.hud-prompt-card{width:100%;min-height:0}.hud-prompt-desc,.hud-prompt-flavor{min-height:0}.hud-epoch-slot{inset:12% 0 auto}.hud-epoch-title{font-size:21px}}@media (max-height:520px) and (min-width:701px){.hud{padding:max(4px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));grid-template:"top top""field panels"minmax(0,1fr)/minmax(0,1fr) 300px;gap:6px 10px}.hud-top{padding:2px 10px;font-size:13px}.hud-top-actions .btn{min-height:36px}.hud-panels{grid-area:panels;padding-bottom:8px}.hud-palette-grid{grid-template-columns:1fr 1fr}}.skilltree{--st-bg:#0b1221;--st-dim:#b3c2d6;--st-faint:#8c9eb8;--st-detail-w:360px;--st-detail-title-w:316px;background:var(--st-bg);color:var(--text);z-index:5;position:absolute;inset:0;overflow:hidden}.st-root{padding:max(22px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));flex-direction:column;gap:16px;min-height:0;display:flex;position:absolute;inset:0}.st-header{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.st-title{color:#3ddc91;margin:0;font-size:32px;font-weight:700;line-height:1.1}.st-spacer{flex:auto}.st-credits{white-space:pre;color:var(--text);font-variant-numeric:tabular-nums;font-size:20px}.skilltree .btn{min-width:44px;min-height:44px}.st-flavour{min-height:54px;color:var(--text);max-width:110ch;margin:0;font-size:14px}.st-flavour s{opacity:.8}.st-evangelists{color:#f1c232}.st-flavour-dim{color:#8892a0}.st-nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.st-nav-label{color:#b3c2d6;font-size:13px}.st-branchbar{flex-wrap:wrap;flex:auto;gap:8px;min-width:0;display:flex}.st-branch-btn{color:#d6e0f0;border-left:3px solid var(--branch);padding:6px 12px}.st-branch-btn:before{content:"["}.st-branch-btn:after{content:"]"}.st-branch-btn:before,.st-branch-btn:after{color:#0000}.st-branch-btn.is-active:before,.st-branch-btn.is-active:after{color:inherit}.st-branch-btn.is-active{color:var(--branch-lit);border-color:var(--branch);box-shadow:inset 0 0 0 1px var(--branch)}.st-zoom{align-items:center;gap:8px;display:flex}.st-zoom-btn{padding:0 10px;font-size:18px;line-height:1}.st-zoom-label{text-align:center;color:#e0ebf5;font-variant-numeric:tabular-nums;min-width:64px;font-size:13px;display:inline-block}.st-resetview{min-width:110px}.st-root>:not(.st-body){flex:none}.st-body{flex:1 1 0;gap:18px;min-height:0;display:flex}.st-details{width:min(var(--st-detail-w), 46vw);overscroll-behavior:contain;flex-direction:column;flex:none;gap:10px;min-height:0;padding:22px;display:flex;overflow-y:auto}.st-detail-head{align-items:flex-start;gap:10px;display:flex}.st-detail-headtext{flex:auto;min-width:0}.st-sheet-toggle{display:none}.st-detail-branch{font-size:14px}.st-detail-title{color:#f0f5fa;max-width:var(--st-detail-title-w);overflow-wrap:break-word;margin:4px 0 0;font-size:30px;font-weight:600;line-height:1.15}.st-detail-meta{color:#b3c2d6;white-space:pre-wrap;font-size:13px}.st-invest{align-self:flex-start}.st-invest:disabled{opacity:.7;background:#141c28f2;border-style:dashed}.st-invest[data-status=unlocked]:before{content:"✓ "}.st-detail-more{flex-direction:column;flex:auto;gap:10px;display:flex}.st-details hr{border:0;border-top:1px solid var(--panel-border);width:100%;margin:2px 0}.st-hdr{letter-spacing:.04em;margin:0;font-size:12px;font-weight:600}.st-hdr-ability{color:#f2d14d}.st-hdr-flavour{color:#73ccf2}.st-hdr-deps{color:#d973e6}.st-detail-ability{color:#e0ebf5;margin:0;font-size:14px}.st-detail-desc,.st-detail-unlocks{color:#bdcce0;margin:0;font-size:13px}.st-dep-list{color:#bdcce0;flex-wrap:wrap;gap:2px 10px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.st-dep-caption{width:100%}.st-dep-mark{font-family:var(--mono);margin-right:4px}.st-dep.is-met{color:var(--good)}.st-detail-spacer{flex:auto}.st-detail-hint{color:#8c9eb8;margin:0;font-size:11px}.st-hint-touch{display:none}@media (pointer:coarse){.st-hint-mouse{display:none}.st-hint-touch{display:inline}}.st-graphshell{flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.st-scroll{overscroll-behavior:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;cursor:grab;position:absolute;inset:0;overflow:auto}.st-scroll.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.st-sizer{position:relative;overflow:hidden}.st-canvas{transform-origin:0 0;position:absolute;top:0;left:0}.st-graph-svg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.st-links path{fill:none;stroke-linejoin:round;stroke-linecap:round}.st-tier-label{text-align:center;letter-spacing:.06em;color:#b3c2d6;white-space:pre;pointer-events:none;width:128px;font-size:12px;position:absolute;top:18px}.st-branch-label{text-align:center;letter-spacing:.12em;transform-origin:50%;pointer-events:none;white-space:nowrap;height:28px;font-size:14px;font-weight:600;line-height:28px;position:absolute;transform:rotate(-90deg)}.st-node{--glow:.06;--boost:0;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;width:86px;height:86px;margin:0;padding:0;position:absolute}.st-node:hover,.st-node:focus-visible{--boost:.14}.st-node.is-selected:hover,.st-node.is-selected:focus-visible{--boost:0}.st-node:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.st-node[data-status=unaffordable],.st-node[data-status=locked]{cursor:help}.st-node-svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.st-glow1{fill-opacity:calc((var(--glow) + var(--boost)) * .45)}.st-glow2{fill-opacity:calc(var(--glow) + var(--boost))}.st-cost{text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;background:#0d121af2;border:2px solid;border-radius:15px;min-width:30px;height:30px;padding:0 8px;font-size:11px;line-height:26px;position:absolute;top:4px;right:6px}.st-cost.is-long{font-size:10px}.st-node-name{color:#b3c2d6;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:170px;text-shadow:0 0 3px var(--st-bg), 0 0 6px var(--st-bg);pointer-events:none;font-size:11px;line-height:1.2;position:absolute;top:88px;left:50%;overflow:hidden;transform:translate(-50%)}.st-node[data-status=unlocked] .st-node-name,.st-node.is-selected .st-node-name{color:#ecf2fa}.st-node.st-bought .st-node-svg{animation:.52s ease-out st-bought}.st-node.st-deny .st-node-svg{animation:.32s ease-in-out st-deny}@keyframes st-bought{0%{filter:brightness();transform:scale(1)}35%{filter:brightness(1.6);transform:scale(1.14)}to{filter:brightness();transform:scale(1)}}@keyframes st-deny{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.st-confirm-backdrop{z-index:10;background:#03060cb8;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.st-confirm{flex-direction:column;gap:12px;width:min(460px,100%);padding:22px;display:flex}.st-confirm h2{color:var(--hype);margin:0;font-size:20px}.st-confirm p{color:var(--text-dim);margin:0}.st-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.st-danger{background:linear-gradient(#6e1822f2,#420c14f2);border-color:#ff4d5eb3}@media (max-width:1000px){.st-root{padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));gap:10px}.st-title{font-size:26px}.st-credits{font-size:16px}.st-flavour{min-height:0;font-size:13px}}@media (max-width:700px){.st-root{padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));gap:8px}.st-header{gap:8px}.st-title{flex:100%;font-size:22px}.st-spacer{display:none}.st-credits{white-space:normal;flex:100%;font-size:14px}.st-header .btn{flex:1 1 0}.st-flavour{display:none}.st-nav{gap:6px}.st-nav-label{display:none}.st-branchbar{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;flex:100%;overflow-x:auto}.st-branch-btn{flex:none}.st-zoom{flex:100%}.st-resetview{margin-left:auto}.st-body{flex-direction:column;gap:0}.st-graphshell{border-bottom-right-radius:0;border-bottom-left-radius:0;order:1}.st-details{width:auto;max-height:44vh;max-height:44dvh;padding:12px 16px max(12px, env(safe-area-inset-bottom));border-bottom:0;border-radius:14px 14px 0 0;order:2;gap:8px;margin:0 -10px;box-shadow:0 -8px 24px #00000073}.st-detail-title{max-width:none;font-size:20px}.st-sheet-toggle{flex:none;padding:6px 10px;font-size:13px;display:inline-block}.st-details.is-collapsed .st-detail-more{display:none}.st-invest{align-self:stretch}}.boot{background:radial-gradient(ellipse at center, #0e1622 0%, var(--bg) 70%);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:absolute;inset:0}.boot-title{font-family:var(--mono);letter-spacing:.04em;color:var(--accent);text-shadow:0 0 18px #4de0ff73;margin:0;font-size:clamp(28px,6vw,56px)}.boot-bar{background:#ffffff14;border-radius:5px;width:min(420px,100%);height:10px;overflow:hidden}.boot-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0;height:100%;transition:width .2s ease-out}.boot-status{color:var(--text-dim);max-width:40ch;margin:0}.main-menu{background:#0b1221;position:absolute;inset:0;overflow:hidden}.menu-bg-fill,.menu-bg-viewport,.menu-vignette{pointer-events:none;position:absolute;inset:0}.menu-bg-fill{background:#0b1221}.menu-bg-viewport{overflow:hidden}.menu-bg-image{opacity:0;will-change:transform;-webkit-user-select:none;user-select:none;max-width:none;transition:opacity .4s ease-out;position:absolute;top:0;left:0}.menu-bg-image.ready{opacity:1}.menu-vignette{background:#0b12218c}.menu-scroll{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));display:flex;position:absolute;inset:0;overflow:hidden auto}.menu-column{flex-direction:column;gap:16px;width:min(760px,100%);margin:auto;display:flex}.menu-logo-wrap{justify-content:center;margin:0;display:flex}.menu-logo{object-fit:contain;width:100%;height:clamp(150px,44vh,440px);display:block}.menu-tag{text-align:center;color:#99adc7;margin:0 0 24px;font-size:14px}.menu-buttons{flex-direction:column;gap:16px;display:flex}.menu-btn{width:100%;min-height:44px;font-size:16px}.menu-hub{right:max(12px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));z-index:2;background:#05080eb8;border-radius:6px;padding:0 6px;position:absolute}@media (max-width:700px){.menu-hub{white-space:nowrap;left:50%;right:auto;transform:translate(-50%)}}.menu-footnote{text-align:center;color:#99adc7;margin:0;font-size:12px}@media (max-width:700px){.menu-column,.menu-buttons{gap:12px}.menu-tag{margin-bottom:8px}}@media (max-height:560px){.menu-logo{height:clamp(110px,32vh,440px)}.menu-buttons{gap:10px}}.meta-screen{padding:max(22px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));background:#0b1221;position:absolute;inset:0;overflow:hidden auto}.meta-title{margin:0;font-size:32px;font-weight:600;line-height:1.15}.meta-title:focus{outline:none}.meta-title.green{color:#3ddc91}.meta-title.cyan{color:#4fdbf6}.meta-header{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.meta-header .meta-title{flex:auto}.meta-count{color:var(--text);font-size:18px}.meta-back{min-width:88px;min-height:44px}.meta-sub{color:#b3c2d6;max-width:90ch;margin:14px 0;font-size:13px}.meta-list{gap:10px;display:grid}.meta-screen,.meta-screen *{overflow-wrap:anywhere}@media (max-width:700px){.meta-screen{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))}.meta-title{font-size:26px}.meta-header{gap:8px 12px}.meta-header .meta-count{flex-basis:100%;order:3;font-size:15px}}.settings-screen{display:flex}.settings-panel{flex-direction:column;gap:18px;width:min(700px,100%);margin:auto;display:flex}.settings-title{text-align:center}.settings-row{grid-template-columns:140px minmax(0,1fr) 4.5ch;align-items:center;gap:12px;min-height:44px;display:grid}.settings-row>.settings-check{grid-column:2/4}.settings-label{color:var(--text)}.settings-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-dim)}.settings-range{accent-color:#3ddc91;cursor:pointer;width:100%;min-width:0;height:44px;margin:0}.settings-range:focus-visible,.settings-check input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-check{cursor:pointer;justify-self:start;align-items:center;gap:10px;min-height:44px;display:inline-flex}.settings-check input{accent-color:#3ddc91;cursor:pointer;width:22px;height:22px;margin:0}.settings-hint{color:#a6b8d1;margin:-8px 0 0;font-size:12px}.settings-reset-block{flex-direction:column;gap:8px;margin-top:16px;display:flex}.settings-reset-hint{color:#d9c499;margin:0;font-size:12px}.settings-reset{min-height:44px}.settings-confirm{border-color:#ff4d5e8c;padding:14px 16px}.settings-confirm-title{margin:0 0 6px;font-size:16px}.settings-confirm p{color:var(--text-dim);margin:0 0 12px;font-size:13px}.settings-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.settings-confirm-actions .btn{min-width:96px;min-height:44px}.btn.danger{background:linear-gradient(#6e1822f2,#420e16f2);border-color:#ff4d5eb3}.btn.danger:hover:not(:disabled){border-color:var(--danger)}.settings-status{color:#a6b8d1;min-height:1em;margin:0;font-size:11px}.settings-back{width:100%}@media (max-width:700px){.settings-row{grid-template-columns:72px minmax(0,1fr) 4.5ch;gap:8px}.settings-confirm-actions .btn{flex:1 1 0}}.ach-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));margin:0;padding:0;list-style:none}.ach-card{gap:14px;min-width:0;min-height:104px;padding:10px;display:flex}.ach-icon-wrap{background:#ffffff0a;border:1px solid #78a0c82e;border-radius:6px;flex:0 0 84px;place-items:center;width:84px;height:84px;display:grid}.ach-icon{object-fit:contain;width:72px;height:72px}.ach-icon.missing{visibility:hidden}.ach-card.locked .ach-icon{filter:url(#ach-locked-modulate)}.ach-body{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.ach-top{align-items:baseline;gap:10px;display:flex}.ach-name{color:#f2f2fa;flex:auto;margin:0;font-size:20px;font-weight:600;line-height:1.2}.ach-card.locked .ach-name{color:#b3bdcc}.ach-category{letter-spacing:.04em;color:#73ccf2;flex:none;font-size:11px}.ach-desc{color:#d1dbeb;margin:0;font-size:13px}.ach-card.locked .ach-desc{color:#9ea8b8}.ach-status{color:#3ddb91;margin:0;font-size:11px}.ach-card.locked .ach-status{color:#f2d14d}@media (max-width:700px){.ach-card{gap:10px;padding:8px}.ach-icon-wrap{flex-basis:64px;width:64px;height:64px}.ach-icon{width:54px;height:54px}.ach-name{font-size:17px}.ach-top{flex-direction:column;align-items:flex-start;gap:2px}.ach-category{order:-1}}.best-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));margin:0;padding:0;list-style:none}.best-card{grid-template-rows:auto auto auto 1fr;grid-template-columns:118px minmax(0,1fr);align-content:start;gap:5px 16px;min-height:188px;padding:12px;display:grid}.best-portrait-wrap{background:#ffffff0a;border:1px solid #78a0c82e;border-radius:6px;grid-area:1/1/-1;align-self:start;place-items:center;width:118px;height:118px;display:grid}.best-portrait{width:96px;height:96px;display:block}.best-top,.best-flavor,.best-tags,.best-stats{grid-column:2;margin:0}.best-top{align-items:baseline;gap:10px;display:flex}.best-name{color:#f2f2fa;flex:auto;margin:0;font-size:22px;font-weight:600;line-height:1.2}.best-kills{color:#3ddb91;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.best-flavor{color:#fad6a1;font-size:12px}.best-tags{color:#78d1f7;font-size:12px}.best-stats{color:#d1dbeb;white-space:pre-wrap;font-variant-numeric:tabular-nums;font-size:13px}.best-stats>span{display:block}.best-card.unseen .best-name{color:#d1d6e0}.best-card.unseen .best-kills{color:#c7ccd6}.best-card.unseen .best-flavor{color:#b3b8c4}.best-card.unseen .best-tags{color:#b8bdc9}.best-card.unseen .best-stats{color:#a8b0bd}@media (max-width:700px){.best-card{grid-template-rows:auto 1fr auto auto;grid-template-columns:104px minmax(0,1fr);gap:6px 12px;min-height:0;padding:10px}.best-portrait-wrap{grid-row:1/3;width:104px;height:104px}.best-tags,.best-stats{grid-column:1/-1}.best-top{flex-direction:column;align-items:flex-start;gap:2px}.best-name{font-size:19px}}