*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:dark;--bg-void: #0a0805;--bg-surface: #171209;--bg-surface-alt: #201808;--border: #3d2f18;--border-bright: #6b4a1f;--accent-amber: #ffb03a;--accent-copper: #c9773a;--accent-orange: #ff6a2c;--accent-thunder: #9a6bff;--accent-danger: #ff3b3b;--text: #f3ece2;--text-muted: #b8ac9a}body{min-height:100dvh;background:var(--bg-void);color:var(--text)}.page{max-width:80ch;margin-inline:auto;padding:2rem;color:var(--text)}.page h1{font-weight:800;letter-spacing:-.02em}.arena{position:relative;width:100vw;height:100dvh;overflow:hidden;background:var(--bg-void);cursor:crosshair}.arena__canvas{width:100%;height:100%;display:block}.arena__crosshair{position:absolute;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none}.arena__crosshair:before,.arena__crosshair:after{content:"";position:absolute;background:var(--accent-amber);box-shadow:0 0 6px #ffb03acc}.arena__crosshair:before{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}.arena__crosshair:after{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}.hud{position:absolute;inset:0;pointer-events:none;padding:1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:.5rem;font-weight:700}.hud__panel{background:#0a0805c7;border:1px solid var(--border-bright);padding:.5rem .65rem;display:flex;flex-direction:column;gap:.25rem;min-width:0}.hud__panel--stats{flex-direction:row;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:.8rem;letter-spacing:.02em}.hud__panel--buffs{grid-column:1 / -1;flex-direction:row;gap:.5rem;background:transparent;border:none;padding:0}.hud__buff{border:1px solid var(--border-bright);background:#0a0805c7;padding:.2rem .5rem;font-size:.75rem;letter-spacing:.04em}.hud__buff--strength{color:var(--accent-danger);border-color:var(--accent-danger)}.hud__buff--speed{color:#3ce0ff;border-color:#3ce0ff}.hud__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.hud__value{font-size:1.1rem;letter-spacing:-.01em}.hud__timer{font-size:.85rem;color:var(--accent-amber)}.hud__bar{height:8px;background:var(--bg-surface-alt);border:1px solid var(--border)}.hud__bar-fill{height:100%;transition:width .15s ease-out}.hud__bar-fill--health{background:linear-gradient(90deg,var(--accent-danger),var(--accent-orange))}.hud__panel--bat[data-mode=chrome]{border-color:#cfd6dd;color:#cfd6dd}.hud__panel--bat[data-mode=flaming]{border-color:var(--accent-orange);color:var(--accent-orange)}.hud__panel--bat[data-mode=thunder]{border-color:var(--accent-thunder);color:var(--accent-thunder)}.hud__panel--powerup{border-color:var(--accent-thunder);color:var(--accent-thunder);animation:powerup-pulse 1.4s ease-in-out infinite}@keyframes powerup-pulse{0%,to{box-shadow:0 0 #9a6bff00}50%{box-shadow:0 0 14px #9a6bff8c}}.touch-controls{position:absolute;inset:0;pointer-events:none;padding:1.25rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;-webkit-user-select:none;user-select:none}.touch-controls__dpad{pointer-events:auto;display:grid;grid-template-columns:repeat(3,3.4rem);grid-template-rows:repeat(3,3.4rem);gap:.3rem;flex-shrink:0}.touch-controls__dpad-btn{display:flex;align-items:center;justify-content:center;background:#0a0805c7;border:1px solid var(--border-bright);color:var(--text);font-size:1.1rem;touch-action:none;cursor:pointer;transition:background .1s ease-out}.touch-controls__dpad-btn:active{background:#ffb03a59}.touch-controls__dpad-btn--up:after{content:"▲"}.touch-controls__dpad-btn--left:after{content:"◀"}.touch-controls__dpad-btn--down:after{content:"▼"}.touch-controls__dpad-btn--right:after{content:"▶"}.touch-controls__dpad-btn--up{grid-column:2;grid-row:1}.touch-controls__dpad-btn--left{grid-column:1;grid-row:2}.touch-controls__dpad-btn--down{grid-column:2;grid-row:3}.touch-controls__dpad-btn--right{grid-column:3;grid-row:2}.touch-controls__actions{pointer-events:auto;display:grid;grid-template-columns:repeat(2,minmax(4.5rem,1fr));gap:.5rem;flex-shrink:0}.touch-controls__action{padding:.85rem 1rem;background:#0a0805c7;border:1px solid var(--border-bright);color:var(--text);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;touch-action:none;cursor:pointer;transition:transform .1s ease-out,background .1s ease-out}.touch-controls__action:active{transform:translateY(2px);background:#ffb03a59}.touch-controls__action--attack{grid-column:span 2;border-color:var(--accent-orange);color:var(--accent-orange)}.touch-controls__action--powerup{border-color:var(--accent-thunder);color:var(--text-muted);opacity:.55}.touch-controls__action--powerup.touch-controls__action--ready{color:var(--accent-thunder);opacity:1;box-shadow:0 0 14px #9a6bff8c}.touch-controls__action:disabled{cursor:default}@media(pointer:coarse){.touch-controls__dpad{grid-template-columns:repeat(3,3.8rem);grid-template-rows:repeat(3,3.8rem)}.touch-controls__action{padding:1rem 1.1rem;font-size:.8rem}}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#060503e0;animation:overlay-in .18s ease-out}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.overlay__panel{width:min(560px,92vw);background:var(--bg-surface);border:1px solid var(--border-bright);padding:2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:6px 6px #00000059;animation:panel-in .22s ease-out}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.overlay__eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:var(--accent-copper);font-weight:700}.overlay__title{font-size:clamp(2.4rem,7vw,3.6rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--accent-amber);text-shadow:0 0 24px rgba(255,176,58,.35)}.overlay__title--danger{color:var(--accent-danger);text-shadow:0 0 24px rgba(255,59,59,.4)}.overlay__tagline{color:var(--text-muted);font-size:.95rem}.overlay__controls,.overlay__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:1rem}.overlay__controls dt,.overlay__stats dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.overlay__controls dd,.overlay__stats dd{font-size:1.05rem;font-weight:700;margin:0}.overlay__legend{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.overlay__legend-item{border:1px solid var(--border-bright);padding:.3rem .6rem;font-size:.75rem;font-weight:700}.overlay__legend-item--strength{color:var(--accent-danger);border-color:var(--accent-danger)}.overlay__legend-item--speed{color:#3ce0ff;border-color:#3ce0ff}.overlay__legend-item--flaming{color:var(--accent-orange);border-color:var(--accent-orange)}.overlay__legend-item--thunder{color:var(--accent-thunder);border-color:var(--accent-thunder)}.overlay__button{align-self:flex-start;background:var(--accent-orange);color:#1a0e04;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:transform .12s ease-out,background .12s ease-out}.overlay__button:hover{background:var(--accent-amber);transform:translateY(-2px)}.overlay__button:active{transform:translateY(0)}