html,body{margin:0;padding:0;width:100%;height:100%}:root{--hud-ink: #fff3b0;--hud-edge: #1e3340;--hud-panel: rgba(12, 28, 36, .78);--hp: #ff5656;--shield: #55d8ff;--empty-pip: rgba(255, 255, 255, .2)}#root{width:100%;height:100%;position:relative;overflow:hidden;cursor:default}#root canvas{display:block}#game-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.hud{position:fixed;z-index:10;top:16px;left:16px;display:grid;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:var(--hud-panel);color:var(--hud-ink);font:700 16px/1.2 Trebuchet MS,Arial,sans-serif;text-shadow:2px 2px 0 var(--hud-edge);pointer-events:none}.vitals{display:grid;gap:7px}.vital-row{display:grid;grid-template-columns:62px auto;align-items:center;gap:8px}.vital-label{font-size:12px}.vital-pips{display:flex;gap:5px}.vital-pip{width:18px;height:18px;display:grid;place-items:center;color:var(--empty-pip);font:700 18px/1 Segoe UI Symbol,sans-serif;text-shadow:none}.vital-pip-hp:before{content:"♥"}.vital-pip-shield:before{content:"";width:15px;height:17px;display:block;background:currentColor;clip-path:polygon(50% 0,91% 15%,84% 57%,72% 79%,50% 100%,28% 79%,16% 57%,9% 15%);filter:drop-shadow(0 0 1px rgba(0,0,0,.7))}.vital-pip-hp[data-fill=full]{color:var(--hp)}.vital-pip-shield[data-fill=full]{color:var(--shield)}.vital-pip-hp[data-fill=partial]:before{color:transparent;background:linear-gradient(90deg,var(--hp) var(--pip-fill),var(--empty-pip) var(--pip-fill));background-clip:text;-webkit-background-clip:text}.vital-pip-shield[data-fill=partial]:before{background:linear-gradient(90deg,var(--shield) var(--pip-fill),var(--empty-pip) var(--pip-fill));background-clip:content-box}.hud-counters{display:grid;grid-template-columns:auto auto;gap:5px 14px;padding-top:8px;border-top:1px solid rgba(255,255,255,.18)}.map-level{color:#79e6ff;font-size:15px}.experience-track{height:5px;overflow:hidden;border-radius:3px;background:#fff3}.experience-bar{display:block;width:0;height:100%;border-radius:inherit;background:#ffd24a;transition:width .16s ease-out}.experience-label{color:#fff3b0b8;font-size:11px;text-align:right}.map-progress{display:grid;gap:6px;padding-top:9px;border-top:1px solid rgba(121,230,255,.42)}.map-experience-bar{background:#56d6b1}.map-experience-label{color:#79e6ffc7}.skill-dock{position:fixed;z-index:10;right:16px;bottom:16px;display:grid;justify-items:end;gap:7px;color:#f4ffff;font:700 12px/1 Trebuchet MS,Arial,sans-serif;pointer-events:none}.active-skill-slots,.passive-skill-slots{display:flex;align-items:end;gap:7px}.active-skill-slot{position:relative;width:70px;height:70px;overflow:hidden;border:1px solid rgba(111,219,255,.72);border-radius:5px;background:#0c1c24d6;box-shadow:inset 0 0 0 1px #ffffff14}.active-skill-slot[data-empty=true]{border-color:#fff3;color:#ffffff6b}.active-skill-slot[data-phase=windup]{border-color:#f8eb75;box-shadow:0 0 8px #f8eb75a6}.active-skill-slot[data-evolved=true]{border-color:#ffd24a;box-shadow:0 0 10px #ffd24a7a}.skill-cooldown-mask{position:absolute;z-index:1;right:0;bottom:0;left:0;background:#040c12b8}.skill-icon{position:absolute;top:7px;left:8px;width:28px;height:28px;display:grid;place-items:center;color:#bdefff;font:700 27px/1 Segoe UI Symbol,sans-serif}.active-skill-slot[data-skill=lightning-bolt] .skill-icon:before{content:"⚡"}.active-skill-slot[data-skill=thunder-dash] .skill-icon:before{content:"➤"}.active-skill-slot[data-skill=storm-shield] .skill-icon:before{content:"";width:22px;height:25px;background:currentColor;clip-path:polygon(50% 0,91% 15%,84% 57%,72% 79%,50% 100%,28% 79%,16% 57%,9% 15%)}.active-skill-slot[data-skill=thunder-strike] .skill-icon:before{content:"✦"}.active-skill-slot[data-skill=chain-lightning] .skill-icon:before{content:"∿"}.active-skill-slot[data-skill=static-field] .skill-icon:before{content:"";width:22px;height:22px;border:3px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 4px #bdefff40}.active-skill-slot[data-skill=magnetic-orbit] .skill-icon:before{content:"";width:21px;height:21px;border:3px solid currentColor;border-radius:50%;box-shadow:0 0 0 4px #bdefff33}.active-skill-slot[data-skill=ball-lightning] .skill-icon:before{content:"";width:23px;height:23px;border-radius:50%;background:currentColor;box-shadow:0 0 10px #4fdcff}.active-skill-slot[data-skill=gravity-storm] .skill-icon:before{content:"@"}.active-skill-slot[data-skill=tesla-turret] .skill-icon:before{content:"T";width:22px;height:22px;display:grid;place-items:center;border:2px solid currentColor;font-size:16px}.skill-level,.skill-shortcut,.skill-cooldown{position:absolute;z-index:2}.skill-level{top:7px;right:5px;color:#f8eb75;font-size:10px}.skill-shortcut{bottom:7px;left:6px;padding:2px 4px;border:1px solid rgba(255,255,255,.24);border-radius:3px;background:#00000047;font-size:9px}.skill-cooldown{top:25px;right:8px;color:#fff;font-size:15px;text-shadow:1px 1px 0 #10232c}.passive-skill-slot{position:relative;width:28px;height:28px;border:1px solid rgba(248,235,117,.52);border-radius:4px;background:#0c1c24cc}.passive-skill-slot[data-empty=true]{border-color:#ffffff2e}.passive-skill-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#f8eb75;font-size:9px}.passive-skill-slot[data-passive=attack-boost] .passive-skill-icon:before{content:"ATK"}.passive-skill-slot[data-passive=shield-capacity] .passive-skill-icon:before{content:"SHD"}.passive-skill-slot[data-passive=move-speed] .passive-skill-icon:before{content:">>"}.passive-skill-slot[data-passive=cooldown-reduction] .passive-skill-icon:before{content:"CD"}.passive-skill-slot[data-passive=piercing-current] .passive-skill-icon:before{content:">>"}.passive-skill-slot[data-passive=overflow-charge] .passive-skill-icon:before{content:"+S"}.passive-skill-slot[data-passive=rapid-casting] .passive-skill-icon:before{content:"AS"}.passive-skill-slot[data-passive=emergency-capacitor] .passive-skill-icon:before{content:"SOS"}.passive-skill-level{position:absolute;right:2px;bottom:1px;color:#fff;font-size:9px}.level-up{position:fixed;z-index:30;top:78px;left:50%;display:grid;place-items:center;transform:translate(-50%);pointer-events:none}.level-up-panel{min-width:220px;padding:10px 16px;border:1px solid #ffd24a;border-radius:5px;background:#0c1c24e6;color:var(--hud-ink);text-align:center;text-shadow:2px 2px 0 var(--hud-edge);animation:level-up-toast 1.8s ease-out both}.level-up-kicker{color:#ffd24a;font-size:13px;letter-spacing:0}.level-up-title{margin-top:8px;font-size:17px}.reward-choice{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#040c12c2;pointer-events:auto}.reward-choice-panel{width:min(920px,100%);color:#f4ffff;font-family:Trebuchet MS,Arial,sans-serif}.reward-choice-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(121,230,255,.5)}.reward-choice-source{color:#79e6ff;font-size:13px;font-weight:700}.reward-choice-title{margin-top:5px;color:#fff3b0;font-size:28px;font-weight:700}.reward-choice-pending{color:#f4ffffb3;font-size:13px}.reward-choice-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reward-option-shell{min-width:0;display:grid;grid-template-rows:1fr auto;gap:7px}.reward-option-shell .reward-option{width:100%}.reward-option-exclude,.reward-tool{min-height:34px;border:1px solid rgba(121,230,255,.4);border-radius:4px;background:#0c1c24eb;color:#f4ffffd1;font:700 12px/1 Trebuchet MS,Arial,sans-serif;cursor:pointer}.reward-option-exclude:hover:not(:disabled),.reward-option-exclude:focus-visible,.reward-tool:hover:not(:disabled),.reward-tool:focus-visible{border-color:#ffd24a;color:#fff3b0;outline:none}.reward-option-exclude:disabled,.reward-tool:disabled{cursor:default;opacity:.38}.reward-choice-tools{min-height:38px;display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px}.reward-tool{min-width:118px;padding:0 14px}.reward-choice-exclusions{color:#f4ffff9e;font-size:12px}.reward-option{position:relative;min-width:0;min-height:220px;display:grid;grid-template-rows:auto auto auto 1fr auto;align-content:start;gap:10px;padding:18px;border:1px solid rgba(121,230,255,.52);border-radius:6px;background:#0c1c24f5;color:#f4ffff;text-align:left;cursor:pointer}.reward-option[data-kind=skill-evolution]{border-color:#ffd24ac7;background:#182428fa}.reward-option[data-kind=skill-evolution] .reward-option-type,.reward-option[data-kind=skill-evolution] .reward-option-level{color:#fff3b0}.reward-option:hover,.reward-option:focus-visible{border-color:#ffd24a;box-shadow:0 0 0 2px #ffd24a38;outline:none}.reward-option-key{position:absolute;top:12px;right:12px;width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.32);border-radius:4px;color:#fff3b0;font-size:12px;font-weight:700}.reward-option-type{padding-right:32px;color:#79e6ff;font-size:12px;font-weight:700}.reward-option-name{overflow-wrap:anywhere;color:#fff;font-size:21px;font-weight:700}.reward-option-level{color:#ffd24a;font-size:13px;font-weight:700}.reward-option-effect{align-self:start;color:#f4ffffcc;font-size:14px;line-height:1.55}.reward-option-hint{align-self:end;color:#f4ffff7a;font-size:11px}.reward-resolution-option{min-height:150px}.reward-replacement-confirmation{grid-column:1 / -1;display:grid;justify-items:center;gap:22px;padding:28px;border:1px solid rgba(255,91,104,.72);border-radius:6px;background:#0c1c24f5;text-align:center}.reward-replacement-warning{max-width:560px;color:#ffd4d8;font-size:17px;line-height:1.5}.reward-resolution-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.reward-action{min-width:150px;min-height:42px;padding:8px 14px;border:1px solid rgba(255,255,255,.32);border-radius:5px;background:#142b35f5;color:#f4ffff;font:700 13px/1.2 Trebuchet MS,Arial,sans-serif;cursor:pointer}.reward-action:hover,.reward-action:focus-visible{border-color:#ffd24a;outline:none}.reward-action-confirm{border-color:#ff5b68cc;color:#ffd4d8}.skill-loadout{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;padding:24px;background:#040c12c7;pointer-events:auto}.skill-loadout-panel{width:min(880px,100%);max-height:calc(100vh - 48px);overflow-y:auto;color:#f4ffff;font-family:Trebuchet MS,Arial,sans-serif}.skill-loadout-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(121,230,255,.5)}.skill-loadout-kicker,.skill-loadout-section-title{color:#79e6ff;font-size:13px;font-weight:700}.skill-loadout-title{margin-top:5px;color:#fff3b0;font-size:28px;font-weight:700}.skill-loadout-close{width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.32);border-radius:5px;background:#0c1c24f5;color:#f4ffff;font:700 24px/1 Trebuchet MS,Arial,sans-serif;cursor:pointer}.skill-loadout-close:hover,.skill-loadout-close:focus-visible{border-color:#ffd24a;outline:none}.skill-loadout-section+.skill-loadout-section{margin-top:20px}.skill-loadout-section-title{margin-bottom:9px}.skill-loadout-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.skill-loadout-slot{position:relative;min-width:0;min-height:88px;display:grid;align-content:center;gap:5px;padding:14px 40px 14px 14px;border:1px solid rgba(121,230,255,.5);border-radius:6px;background:#0c1c24f5;color:#f4ffff;text-align:left;cursor:pointer}.skill-loadout-slot[data-empty=true]{border-style:dashed;color:#f4ffff85}.skill-loadout-slot[data-selected=true],.skill-loadout-slot:hover,.skill-loadout-slot:focus-visible{border-color:#ffd24a;box-shadow:0 0 0 2px #ffd24a2e;outline:none}.skill-loadout-slot-key,.skill-loadout-skill-key{position:absolute;top:10px;right:10px;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff3b0;font-size:12px;font-weight:700}.skill-loadout-slot-name{overflow-wrap:anywhere;font-size:17px;font-weight:700}.skill-loadout-slot-level,.skill-loadout-skill-level{color:#ffd24a;font-size:12px;font-weight:700}.skill-loadout-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skill-loadout-skill{position:relative;min-width:0;min-height:150px;display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;gap:7px;padding:16px 44px 14px 16px;border:1px solid rgba(121,230,255,.42);border-radius:6px;background:#0c1c24f5;color:#f4ffff;text-align:left;cursor:pointer}.skill-loadout-skill[data-selected=true],.skill-loadout-skill:hover,.skill-loadout-skill:focus-visible{border-color:#ffd24a;box-shadow:0 0 0 2px #ffd24a2e;outline:none}.skill-loadout-skill-name{overflow-wrap:anywhere;font-size:19px;font-weight:700}.skill-loadout-skill-effect{color:#f4ffffc2;font-size:13px;line-height:1.45}.skill-evolution-recipe{display:grid;gap:3px;padding-top:8px;border-top:1px solid rgba(255,210,74,.32);color:#f4ffff99;font-size:11px;line-height:1.35}.skill-evolution-recipe[data-ready=true]{color:#fff3b0}.skill-evolution-recipe-title{color:#ffd24a;font-weight:700}.skill-loadout-skill-state{color:#79e6ff;font-size:11px;font-weight:700}@keyframes level-up-toast{0%{opacity:0;transform:translateY(-8px)}15%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.game-menu{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:18px;color:var(--hud-ink);font:700 18px/1.4 Trebuchet MS,Arial,sans-serif;text-align:center;text-shadow:2px 2px 0 var(--hud-edge);pointer-events:none}.menu-actions{display:flex;align-items:center;gap:24px;pointer-events:auto}.image-button{width:199px;height:73px;border:0;background:transparent center / contain no-repeat;cursor:pointer}.restart-button{width:60px;height:60px}.image-button:hover,.image-button:focus-visible{filter:brightness(1.15) drop-shadow(0 0 8px rgba(255,243,176,.8));outline:none}.menu-message{max-width:min(90vw,520px)}[hidden]{display:none!important}@media (max-width: 540px){.hud{top:8px;left:8px;padding:8px 10px;font-size:13px}.vital-row{grid-template-columns:54px auto}.vital-pip{width:16px;height:16px;font-size:16px}.skill-dock{right:8px;bottom:8px}.active-skill-slot{width:60px;height:64px}.reward-choice{align-items:start;overflow-y:auto;padding:16px 10px}.reward-choice-title{font-size:22px}.reward-choice-options{grid-template-columns:1fr}.reward-option{min-height:150px}.skill-loadout{align-items:start;padding:16px 10px}.skill-loadout-title{font-size:22px}.skill-loadout-slots{gap:6px}.skill-loadout-slot{min-height:82px;padding:10px 30px 10px 9px}.skill-loadout-slot-name{font-size:14px}.skill-loadout-skills{grid-template-columns:1fr}}