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) 50%,var(--empty-pip) 50%);background-clip:text;-webkit-background-clip:text}.vital-pip-shield[data-fill=partial]:before{background:linear-gradient(90deg,var(--shield) 50%,var(--empty-pip) 50%);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{grid-column:1 / -1;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-progress-title{color:#79e6ff;font-size:12px}.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}.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%)}.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-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}@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}}