@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101613;--panel:#18201b;--line:#303b32;--muted:#91a092;--text:#e8ecde;--accent:#d4f686}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.app{max-width:1500px;padding:0 42px;margin:auto}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;font:700 19px 'Space Grotesk',sans-serif;letter-spacing:-.6px;text-decoration:none;color:var(--text)}.brand>span:last-child{color:var(--accent)}.brand-icon{display:flex;align-items:center;justify-content:center;position:relative;width:34px;height:34px;border:2px solid var(--accent);border-radius:50%;color:var(--accent);font-size:23px;margin-right:12px}.brand-icon span{position:absolute;right:2px;bottom:-5px;background:var(--bg);font-size:20px}.prototype{font:10px monospace;letter-spacing:1px;border:1px solid var(--line);padding:8px 10px;border-radius:5px;color:#c3cdbb}.prototype span{color:#75826f;margin-left:10px}i.live-dot,.prototype i,.auto i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:7px}.quiet{margin-left:auto;color:var(--muted);border:0;background:transparent}.quiet span{border:1px solid var(--line);padding:3px 7px;border-radius:4px;margin-left:8px}.heading{display:flex;justify-content:space-between;align-items:center;margin:34px 0 27px}.eyebrow,.section-label{font:10px monospace;letter-spacing:1.6px;color:var(--muted)}h1{font:500 clamp(26px,3vw,38px) 'Space Grotesk',sans-serif;letter-spacing:-1.6px;margin:10px 0}h1 em{font-style:normal;color:var(--accent)}.heading p{margin:0;color:var(--muted);font-size:13px}.objective{border-left:2px solid var(--accent);padding-left:16px;display:grid;gap:5px}.objective>span{font:10px monospace;letter-spacing:2px;color:var(--muted)}.objective strong{font-size:15px}.objective small{color:var(--muted)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:24px}.play-area{border:1px solid #3b493c;border-radius:10px;overflow:hidden;background:#172019}.arena-toolbar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line);font:10px monospace;letter-spacing:1px;color:#b6c4ad}.arena-toolbar>div{display:flex;align-items:center;gap:18px}.arena-toolbar button{border:0;border-left:1px solid var(--line);background:transparent;color:var(--text);height:42px;padding:0 2px 0 17px;font-size:15px}.viewport{position:relative;height:min(57vh,570px);min-height:360px;background:#19251b}canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.hud{position:absolute;top:19px;left:20px;right:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;pointer-events:none}.hp-group{width:160px}.hp-group>div:first-child{display:flex;justify-content:space-between;font:10px monospace;margin-bottom:9px;gap:10px}.bar{height:5px;border-radius:5px;background:#374236;overflow:hidden}.bar i{height:100%;display:block;width:100%;background:var(--accent)}.health i{background:#b8dc8e}.timer{text-align:center;position:absolute;left:50%;transform:translateX(-50%);top:-3px}.timer strong{display:block;font:500 28px 'Space Grotesk',monospace;letter-spacing:1px}.timer span{font:9px monospace;color:#8b9c82}.kill-group{text-align:right}.kill-group>span{display:block;font:9px monospace;letter-spacing:1px;color:#98aa8c}.kill-group strong{display:block;font:500 24px 'Space Grotesk',monospace;margin-top:3px}.coordinates{position:absolute;bottom:18px;left:18px;color:#6f8267;font:9px monospace;letter-spacing:1px}.coordinates span{color:#52654d;margin-left:12px}.overlay{position:absolute;inset:0;background:#101911bb;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);padding:22px}.overlay[hidden]{display:none}.panel{text-align:center;max-width:620px;width:100%}.panel .eyebrow{color:var(--accent)}.panel h2{font:500 32px 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:13px 0 8px}.panel>p{color:#a9b7a1;font-size:13px;line-height:1.6;margin:0 auto 23px}.character-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 auto 20px;max-width:520px}.character{background:#1d291e;border:1px solid #45513e;border-radius:7px;color:#d5dfce;text-align:left;padding:15px 12px}.character.selected{border-color:var(--accent);background:#2b3823;box-shadow:0 0 0 1px var(--accent)}.character span{font:8px monospace;letter-spacing:1px;color:var(--character-color)}.character strong{display:block;font:500 15px 'Space Grotesk',sans-serif;margin:10px 0 7px}.character small{font-size:10px;color:#9cac91;line-height:1.4;display:block}.primary{background:var(--accent);border:0;border-radius:5px;color:#203016;padding:13px 27px;font-weight:700;font-size:13px}.primary:hover{background:#e0ffa6}.panel .subtext{display:block;font:10px monospace;color:#8d9c83;margin-top:15px}.xp-row{height:40px;padding:0 17px;display:flex;align-items:center;gap:12px;background:#19221b;font:10px monospace;color:#b5c9a1}.xp-row>.bar{flex:1;background:#2c3a2c}.xp i{background:#8bbddc;width:0}.xp-row>span:last-child{color:#809078;min-width:75px;text-align:right}.arena-footer{border-top:1px solid var(--line);height:45px;padding:0 17px;display:flex;align-items:center;gap:17px;font-size:10px;color:#8f9e86}kbd{font:9px monospace;display:inline-block;padding:3px 4px;background:#263025;border:1px solid #3c4936;border-radius:3px;color:#c4d0b9;margin-right:2px}.auto{margin-left:auto;font:8px monospace;letter-spacing:.7px}.auto i{width:5px;height:5px}.section-label{display:flex;justify-content:space-between}.loadout{padding:20px;border:1px solid var(--line);border-radius:9px;background:#18201a}.loadout h2{font:500 21px 'Space Grotesk',sans-serif;letter-spacing:-.6px;margin:15px 0 8px}.loadout>p{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 19px}.skill{width:100%;background:#1b251d;border:1px solid #384333;border-radius:5px;display:flex;gap:10px;align-items:center;text-align:left;color:#c8d4bd;padding:11px 10px;margin-top:7px}.skill.active{border-color:#90aa61;background:#2a3524}.skill .key{font:11px monospace;background:#35422e;border-radius:4px;padding:7px 8px;color:var(--accent)}.skill b{display:block;font-size:12px;font-weight:500}.skill small{display:block;font:9px monospace;color:#8a9c7c;margin-top:5px}.skill .skill-state{margin-left:auto;font:9px monospace;color:var(--accent)}.empty-skill{padding:12px;border:1px dashed #354030;border-radius:5px;font:10px monospace;color:#67775e;margin-top:7px;display:flex;gap:13px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;border-top:1px solid var(--line);padding-top:19px;margin-top:21px}.stat-grid span{display:block;font:8px monospace;letter-spacing:1px;color:var(--muted)}.stat-grid strong{display:block;font:500 19px 'Space Grotesk',monospace;margin-top:5px}.field-notes{padding:23px 4px 15px}.field-notes ol{list-style:none;counter-reset:notes;padding:0;margin:21px 0}.field-notes li{counter-increment:notes;position:relative;padding-left:29px;margin:18px 0}.field-notes li:before{content:'0' counter(notes);position:absolute;left:0;top:2px;font:10px monospace;color:#739157}.field-notes b{display:block;font-size:12px;font-weight:500}.field-notes li span{display:block;color:var(--muted);font-size:10px;margin-top:5px}.legend{display:flex;gap:18px;color:var(--muted);font-size:10px;padding-top:5px}.legend i{width:6px;height:6px;display:inline-block;margin-right:5px;border-radius:50%}.enemy-dot{background:#c4a2db}.xp-dot{background:#8ac8f1}.you-dot{background:var(--accent)}.best{padding:16px 0;border-top:1px solid var(--line);display:grid;gap:6px}.best>span{font:9px monospace;color:var(--muted);letter-spacing:1.2px}.best strong{font:500 17px 'Space Grotesk',sans-serif}.best small{color:#66775d;font-size:10px}footer{display:flex;justify-content:space-between;color:#6d7b65;border-top:1px solid var(--line);margin-top:27px;padding:20px 0;font:9px monospace;letter-spacing:1px}.upgrade-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.upgrade{background:#21301f;border:1px solid #556943;text-align:left;padding:19px 15px;color:var(--text);border-radius:6px;min-height:158px}.upgrade:hover{background:#344529;border-color:var(--accent)}.upgrade span{color:var(--accent);font:9px monospace;letter-spacing:1px}.upgrade strong{display:block;font:500 18px 'Space Grotesk',sans-serif;margin:16px 0 9px}.upgrade small{display:block;color:#a5b59a;line-height:1.6;font-size:11px}.result-stats{display:flex;justify-content:center;gap:35px;margin:22px 0}.result-stats strong{font:500 25px 'Space Grotesk',sans-serif;display:block}.result-stats span{font:9px monospace;color:var(--muted)}.secondary{color:var(--text);background:transparent;border:1px solid #526348;padding:12px 20px;border-radius:5px;margin-left:8px}.help-lines{line-height:2;color:#b2c0a6;font-size:13px;margin:20px 0}#boss-bar{position:absolute;top:80px;left:25%;right:25%;font:10px monospace;color:#fb9674;text-align:center}#boss-bar .bar{margin-top:7px}#boss-bar i{background:#fb9674}#toast{position:absolute;bottom:17px;right:18px;font:11px monospace;color:#c5dfaa;pointer-events:none}#joystick{display:none;position:absolute;bottom:36px;left:30px;width:100px;height:100px;border:1px solid #d4f68655;background:#16241488;border-radius:50%;touch-action:none}#joystick div{position:absolute;left:32px;top:32px;width:34px;height:34px;border-radius:50%;background:#d4f68688;pointer-events:none}@media(min-width:1600px){.viewport{height:570px}}@media(max-width:1050px){.app{padding:0 22px}.game-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.arena-footer{gap:9px;padding:0 10px}.auto{display:none}.loadout{padding:16px}.panel h2{font-size:27px}.character{padding:12px 8px}.character strong{font-size:13px}}@media(max-width:760px){.app{padding:0 14px}header{height:68px;gap:10px}.brand{font-size:15px}.brand-icon{width:28px;height:28px;font-size:19px;margin-right:8px}.prototype{font-size:8px;padding:6px}.prototype span{display:none}.quiet{font-size:0}.quiet span{font-size:11px}.heading{margin:23px 0 20px}.eyebrow{font-size:9px}h1{font-size:27px;letter-spacing:-1px}.heading p{font-size:11px;max-width:250px;line-height:1.5}.objective{display:none}.game-layout{grid-template-columns:1fr}.viewport{height:58vh;min-height:390px}.hud{left:12px;right:12px}.hp-group{width:118px}.hp-group>div:first-child{font-size:8px}.timer strong{font-size:24px}.kill-group strong{font-size:21px}aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.loadout{grid-row:span 2}.field-notes{padding:6px 0}.field-notes li{padding-left:22px}.best{padding:10px 0}.character-list{gap:6px}.character strong{font-size:12px}.character small{font-size:9px}.overlay{padding:15px}.panel h2{font-size:26px}.panel>p{font-size:12px;margin-bottom:17px}.upgrade-list{gap:6px}.upgrade{padding:12px 9px}.upgrade strong{font-size:15px}.upgrade span{font-size:8px}.upgrade small{font-size:10px}footer{font-size:8px;line-height:1.6;gap:30px}.arena-footer{font-size:9px;justify-content:space-between;gap:4px}.coordinates{font-size:8px}}@media(pointer:coarse){#joystick{display:block}}

#joystick[hidden]{display:none!important}.play-area{align-self:start}
.skill-info{flex:1;min-width:0}.cooldown-track{display:block;width:100%;height:3px;background:#35422e;border-radius:2px;overflow:hidden;margin-top:6px}.cooldown-track i{display:block;height:100%;width:0;background:var(--accent);transition:width 0.05s linear}
.run-summary{margin:18px 0;background:#151e17;border:1px solid #324031;border-radius:8px;padding:14px;text-align:left;display:grid;gap:12px;font-size:12px}
.defeat-banner{background:#41241f;border:1px solid #773f35;color:#fb9674;padding:8px 12px;border-radius:6px;font:11px monospace;text-align:center}
.defeat-banner strong{color:#ffd0c4}
.victory-banner{background:#233b20;border:1px solid #4d7a46;color:#d4f686;padding:8px 12px;border-radius:6px;font:11px monospace;text-align:center}
.summary-section-title{font:9px monospace;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase;margin-bottom:6px}
.summary-skills{display:grid;gap:8px}
.summary-skill-item{display:grid;grid-template-columns:110px 1fr 80px;align-items:center;gap:10px;font-size:11px}
.summary-skill-meta{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.summary-skill-meta small{font:9px monospace;color:var(--muted)}
.summary-bar-track{height:5px;background:#263328;border-radius:3px;overflow:hidden}
.summary-bar-track i{display:block;height:100%;border-radius:3px}
.summary-dmg{font:10px monospace;color:#c8d4bd;text-align:right}
.summary-kills-row{font:10px monospace;color:#9cad93;line-height:1.6}
.practice-bar{background:#1a2b20;border-bottom:1px solid #384e3a;padding:7px 16px;display:flex;align-items:center;gap:10px;font:10px monospace;color:#a2bca0}
.practice-bar[hidden]{display:none!important}
.practice-bar button{background:#25382a;border:1px solid #4a684f;color:#d5ebd1;font:10px monospace;padding:4px 9px;border-radius:4px;cursor:pointer}
.practice-bar button:hover{background:#36523e;border-color:var(--accent);color:#fff}
.practice-bar button#p-exit{margin-left:auto;background:#3a201c;border-color:#633630;color:#fca595}
.menu-actions{display:flex;justify-content:center;gap:12px;margin:20px 0 10px}
.skill.evolved{border-color:#d4af37;background:#2d281a}
.skill.evolved .key{background:#4d3d1a;color:#ffd700}
.skill.evolved .skill-state{color:#ffd700}

.passive-tree-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;text-align:left}
.passive-node{background:#1a271c;border:1px solid #364835;border-radius:7px;padding:12px;display:flex;flex-direction:column;gap:5px}
.passive-node-header{display:flex;justify-content:space-between;align-items:center}
.passive-node-header strong{font:500 13px 'Space Grotesk',sans-serif;color:var(--text)}
.passive-node-header span{font:9px monospace;color:var(--accent)}
.passive-node-desc{font-size:11px;color:#9eb096;line-height:1.4}
.passive-node-ranks{display:flex;gap:4px;margin-top:4px}
.passive-rank-dot{width:14px;height:5px;border-radius:2px;background:#283626}
.passive-rank-dot.filled{background:var(--accent)}
.passive-node button{margin-top:5px;padding:5px 8px;background:#243521;border:1px solid var(--accent);color:var(--accent);border-radius:4px;font:10px monospace;letter-spacing:0.5px}
.passive-node button:disabled{border-color:#354433;color:#5a6b54;background:transparent;cursor:default}
.passive-node button:hover:not(:disabled){background:var(--accent);color:#101613}
.passive-summary-bar{display:flex;justify-content:space-between;align-items:center;background:#141f15;border:1px solid #2f402d;padding:8px 14px;border-radius:6px;font:11px monospace;color:#d5e4cd;margin-bottom:10px}
.passive-summary-bar strong{color:var(--accent);font-size:13px}
.sp-reward-banner{background:#1d2d1b;border:1px solid var(--accent);color:#d5f49e;padding:9px 12px;border-radius:6px;font:500 12px 'Space Grotesk',sans-serif;margin:12px 0}