.arena-stage{background:radial-gradient(ellipse at 50% 80%,#4ad05c,#2a8636,#134c1d 70%,#0a2a12),linear-gradient(180deg,#4faaff,#1d4d8a 60%,#0a1f3c);background-blend-mode:screen;background-attachment:fixed;color:#fff;min-height:100dvh;font-family:"Press Start 2P",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.02em}.arena-glass{background:#0f172ab8;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 32px -16px #0009;border-radius:14px}.type-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:6px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.18);min-width:56px}.type-normal{background:#a8a878}.type-fire{background:#f08030}.type-water{background:#6890f0}.type-electric{background:#f8d030;color:#1a1a1a;text-shadow:none}.type-grass{background:#78c850}.type-ice{background:#98d8d8;color:#1a1a1a;text-shadow:none}.type-fighting{background:#c03028}.type-poison{background:#a040a0}.type-ground{background:#e0c068;color:#1a1a1a;text-shadow:none}.type-flying{background:#a890f0}.type-psychic{background:#f85888}.type-bug{background:#a8b820}.type-rock{background:#b8a038}.type-ghost{background:#705898}.type-dragon{background:#7038f8}.type-dark{background:#705848}.type-steel{background:#b8b8d0;color:#1a1a1a;text-shadow:none}.type-fairy{background:#ee99ac;color:#1a1a1a;text-shadow:none}.healthbar-track{position:relative;height:10px;background:#00000059;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.healthbar-fill{height:100%;border-radius:inherit;transition:width .22s ease-out,background-color .2s ease}.healthbar-fill.hp-high{background:#34c759}.healthbar-fill.hp-mid{background:#f8d030}.healthbar-fill.hp-low{background:#ff453a}.arena-sprite{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.arena-sprite-shadow{width:clamp(70px,24vw,120px);height:12px;background:#00000059;border-radius:50%;filter:blur(3px);margin:0 auto}@keyframes arena-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.arena-sprite-anim{animation:arena-bob 2.4s ease-in-out infinite}@keyframes arena-faint{to{transform:translateY(40px);opacity:0}}.arena-sprite-fainted{animation:arena-faint .6s ease-in forwards}@keyframes arena-lunge-back{0%{transform:translate(0)}30%{transform:translate(28px)}to{transform:translate(0)}}@keyframes arena-lunge-front{0%{transform:translate(0)}30%{transform:translate(-28px)}to{transform:translate(0)}}.arena-sprite-attack-back{animation:arena-lunge-back .7s ease-out}.arena-sprite-attack-front{animation:arena-lunge-front .7s ease-out}@keyframes arena-hit-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.arena-sprite-hit{animation:arena-hit-shake .65s ease-in-out;filter:brightness(1.5) drop-shadow(0 0 12px #ff453a)}@keyframes arena-dmg-float{0%{transform:translate(-50%) scale(.7);opacity:0}20%{transform:translate(-50%,-8px) scale(1.1);opacity:1}to{transform:translate(-50%,-56px) scale(1);opacity:0}}.arena-dmg-popup{position:absolute;left:50%;top:12%;font-weight:800;font-size:22px;line-height:1;color:#ffd84a;text-shadow:0 2px 0 #000,0 0 8px #000;pointer-events:none;animation:arena-dmg-float 1.4s ease-out forwards;z-index:5;white-space:nowrap}.arena-dmg-popup.super{color:#ff6b6b;font-size:28px}.arena-dmg-popup.weak{color:#98d8d8;font-size:18px}@keyframes arena-flash{0%{opacity:0}35%{opacity:.55}to{opacity:0}}.arena-flash-overlay{position:absolute;inset:0;background:#fff;pointer-events:none;animation:arena-flash .6s ease-out forwards;border-radius:12px;z-index:4}.arena-flash-overlay.super{background:#ff6b6b}.arena-flash-overlay.weak{background:#98d8d8}.arena-btn{font-family:inherit;letter-spacing:.04em;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:700;text-transform:uppercase;background:linear-gradient(180deg,#ffd84a,#f0a020);color:#2a1607;border:2px solid #6b3f0a;box-shadow:0 3px #6b3f0a;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.arena-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #6b3f0a}.arena-btn:disabled{opacity:.5;cursor:not-allowed}.arena-btn-secondary{background:linear-gradient(180deg,#5a8de0,#2a5db0);color:#fff;border-color:#1a3870;box-shadow:0 3px #1a3870}.arena-card{background:#ffffff0f;border:2px solid rgba(255,255,255,.18);border-radius:12px;padding:12px}.arena-card.selected{border-color:#ffd84a;background:#ffd84a1f;box-shadow:0 0 0 3px #ffd84a59}.arena-log{background:#0000008c;border-radius:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);font-family:inherit;font-size:11px;line-height:1.6;box-sizing:border-box;height:calc(6.4em + 16px);display:flex;flex-direction:column;justify-content:flex-end;gap:2px;overflow:hidden}.arena-log-entry{margin:0;opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out;animation:arena-log-entry-in .22s ease-out}.arena-log-entry.fading{opacity:0;transform:translateY(-4px);pointer-events:none}.arena-log-entry.kind-faint{color:#ff6b6b}.arena-log-entry.kind-info{color:#ffffffb3}.arena-log-entry.kind-struggle{color:#ffd84a}@keyframes arena-log-entry-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}