:root{--font-base: "Segoe UI", sans-serif;--color-page-bg: #220808;--color-page-glow: #8f2317;--color-page-glow-soft: rgba(255, 153, 78, .2);--color-text-base: #fff4e8;--color-text-soft: #efd1bb;--color-heading: #ffe08a;--color-heading-shadow: rgba(255, 209, 102, .35);--color-panel-start: #631616;--color-panel-end: #341010;--color-panel-border: #b85f2f;--color-panel-highlight: rgba(255, 209, 102, .18);--color-log-bg: #2a0f10;--color-muted: #e0b38d;--color-name: #ffe9d5;--color-hp-high: #43aa8b;--color-hp-mid: #ffd166;--color-hp-low: #ef476f;--color-button-attack: #c0392b;--color-button-special: #ffd166;--color-button-guard: #2ec4b6;--color-button-restart: #ef476f;--color-button-text-dark: #2a1812;--color-badge-bg: rgba(40, 10, 10, .78);--color-shadow-dark: rgba(0, 0, 0, .46);--color-shadow-soft: rgba(255, 209, 102, .16);--color-bowl-cream: #fff4db;--color-paper-cream: #f7ead4;--color-paper-cream-deep: #efd9b7;--color-pattern-red: rgba(129, 14, 14, .28);--color-pattern-gold: rgba(255, 224, 138, .18);--color-ornament-red: #9f1f1f;--color-ornament-dark: #6e0f0f;--color-accent-ramen: #f9c74f;--color-accent-egg: #ff9f1c;--color-accent-spinach: #43aa8b;--space-page-padding: 1rem;--space-stack: 1.25rem;--space-field-gap: 1rem;--space-action-gap: .75rem;--space-fighter-gap: .5rem;--space-hp-gap: .25rem;--space-log-gap: .3rem;--space-card-gap: .85rem;--radius-panel: 1rem;--radius-card: .9rem;--radius-button: .75rem;--radius-pill: 999px;--size-title: clamp(1.8rem, 4vw, 2.7rem);--size-subtitle: 1.2rem;--size-vs: 2rem;--size-body: .95rem;--size-name: .9rem;--size-label: .76rem;--size-badge: .75rem;--size-eyebrow: .72rem;--size-card-title: 1rem;--layout-max-width: 920px;--fighter-image-width: 180px;--fighter-image-height: 140px;--hp-bar-height: 12px;--effect-size: 72px;--effect-speed: .7s;--selection-image-width: 120px;--selection-image-height: 90px;--mobile-tap-height: 52px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-base)}body{min-height:100vh;background:radial-gradient(circle at 50% 0%,var(--color-page-glow-soft),transparent 28%),radial-gradient(circle at top,var(--color-page-glow),transparent 35%),linear-gradient(180deg,#2f0606,var(--color-page-bg));color:var(--color-text-base);overflow-x:hidden}img{display:block;max-width:100%}.selection-panel[data-astro-cid-bozcuqo3]{border:1px solid var(--color-panel-border);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 18%),linear-gradient(160deg,var(--color-panel-start),var(--color-panel-end));border-radius:var(--radius-panel);box-shadow:0 18px 50px var(--color-shadow-dark),inset 0 0 0 1px #fff4db14;position:relative;overflow:hidden;padding:1.35rem 1.35rem 1.2rem 1.6rem;display:flex;flex-direction:column;gap:1rem}.selection-panel[data-astro-cid-bozcuqo3]:before{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:linear-gradient(180deg,var(--color-heading),#d35400)}.selection-panel[data-astro-cid-bozcuqo3]:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 18%,rgba(255,224,138,.08),transparent 18%),linear-gradient(90deg,transparent,rgba(255,255,255,.03) 30%,transparent 60%)}.selection-panel[data-astro-cid-bozcuqo3]>[data-astro-cid-bozcuqo3]{position:relative;z-index:1}.selection-panel__head[data-astro-cid-bozcuqo3]{display:flex;flex-direction:column;gap:.45rem;padding-right:1rem}.eyebrow[data-astro-cid-bozcuqo3]{font-size:var(--size-eyebrow);letter-spacing:.18em;text-transform:uppercase;color:var(--color-heading)}.selection-panel[data-astro-cid-bozcuqo3] h2[data-astro-cid-bozcuqo3]{line-height:1.1;color:var(--color-bowl-cream);font-family:Georgia,Times New Roman,serif}.selection-panel__lead[data-astro-cid-bozcuqo3]{color:var(--color-text-soft)}.character-grid[data-astro-cid-bozcuqo3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem}.character-card[data-astro-cid-bozcuqo3]{appearance:none;border:1px solid color-mix(in srgb,var(--card-accent) 60%,rgba(255,255,255,.12));border-radius:var(--radius-card);background:radial-gradient(circle at top,rgba(255,244,219,.18),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.08),transparent),linear-gradient(180deg,#711010d9,#400c0cd6);color:inherit;padding:1rem .9rem;text-align:left;display:flex;flex-direction:column;gap:.45rem;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;box-shadow:inset 0 0 0 1px #ffffff0a;position:relative;overflow:hidden;min-height:220px}.character-card[data-astro-cid-bozcuqo3]:before{content:"";position:absolute;top:8px;left:8px;width:14px;height:14px;border-top:2px solid rgba(255,224,138,.5);border-left:2px solid rgba(255,224,138,.5)}.character-card[data-astro-cid-bozcuqo3]:after{content:"";position:absolute;inset:auto 0 0;height:8px;background:linear-gradient(90deg,var(--card-accent) 0 20%,transparent 20% 24%,var(--card-accent) 24% 44%,transparent 44% 48%,var(--card-accent) 48% 68%,transparent 68% 72%,var(--card-accent) 72% 92%,transparent 92%);opacity:.5}.character-card[data-astro-cid-bozcuqo3]:hover,.character-card[data-astro-cid-bozcuqo3]:focus-visible{transform:translateY(-4px);border-color:var(--card-accent);box-shadow:0 12px 30px color-mix(in srgb,var(--card-accent) 28%,transparent)}.character-card[data-astro-cid-bozcuqo3].is-selected{border-color:var(--card-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--card-accent) 44%,transparent)}.character-card__badge[data-astro-cid-bozcuqo3]{align-self:flex-start;font-size:var(--size-badge);color:var(--color-button-text-dark);background:var(--card-accent);border-radius:var(--radius-pill);padding:.18rem .5rem;font-weight:700;box-shadow:0 4px 10px #00000026}.character-card__image[data-astro-cid-bozcuqo3]{width:var(--selection-image-width);height:var(--selection-image-height);object-fit:contain;align-self:center;filter:drop-shadow(0 10px 18px var(--color-shadow-dark));max-width:100%}.character-card__name[data-astro-cid-bozcuqo3]{font-size:var(--size-card-title);font-family:Georgia,Times New Roman,serif}.character-card__title[data-astro-cid-bozcuqo3]{color:var(--color-text-soft);font-size:.84rem}.character-card__special[data-astro-cid-bozcuqo3]{color:var(--card-accent);font-size:.86rem;font-weight:700}@media(max-width:720px){.selection-panel[data-astro-cid-bozcuqo3]{padding:1rem 1rem .95rem 1.15rem;border-radius:.85rem}.character-grid[data-astro-cid-bozcuqo3]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.character-card[data-astro-cid-bozcuqo3]{min-height:0;padding:.85rem .75rem}.character-card__image[data-astro-cid-bozcuqo3]{width:100%;height:84px}}@media(max-width:480px){.selection-panel[data-astro-cid-bozcuqo3]{padding:.9rem .85rem .85rem 1rem}.selection-panel[data-astro-cid-bozcuqo3]:before{width:7px}.selection-panel[data-astro-cid-bozcuqo3] h2[data-astro-cid-bozcuqo3]{font-size:1.15rem}.selection-panel__lead[data-astro-cid-bozcuqo3]{font-size:.88rem}.character-grid[data-astro-cid-bozcuqo3]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.character-card[data-astro-cid-bozcuqo3]{gap:.35rem;padding:.75rem .65rem}.character-card__image[data-astro-cid-bozcuqo3]{height:78px}.character-card__name[data-astro-cid-bozcuqo3]{font-size:.92rem}.character-card__title[data-astro-cid-bozcuqo3],.character-card__special[data-astro-cid-bozcuqo3]{font-size:.78rem}}.battle-header[data-astro-cid-6ebtzbt5]{border:1px solid var(--color-panel-border);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 18%),linear-gradient(160deg,var(--color-panel-start),var(--color-panel-end));border-radius:var(--radius-panel);box-shadow:0 18px 50px var(--color-shadow-dark),inset 0 0 0 1px #fff4db14;position:relative;overflow:hidden;padding:1.35rem 1.35rem 1.25rem 1.6rem;display:grid;grid-template-columns:1.3fr 1fr;gap:1rem}.battle-header[data-astro-cid-6ebtzbt5]:before{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:linear-gradient(180deg,var(--color-heading),#d35400)}.battle-header[data-astro-cid-6ebtzbt5]:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 18%,rgba(255,224,138,.08),transparent 18%),linear-gradient(90deg,transparent,rgba(255,255,255,.03) 30%,transparent 60%)}.battle-header[data-astro-cid-6ebtzbt5]>[data-astro-cid-6ebtzbt5]{position:relative;z-index:1}.battle-header__copy[data-astro-cid-6ebtzbt5]{display:flex;flex-direction:column;gap:.45rem;padding-right:1rem}.battle-header__title-row[data-astro-cid-6ebtzbt5]{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.battle-header[data-astro-cid-6ebtzbt5] h1[data-astro-cid-6ebtzbt5]{line-height:1.1;font-size:var(--size-title);color:var(--color-heading);text-shadow:0 0 12px var(--color-heading-shadow);position:relative;font-family:Georgia,Times New Roman,serif}.battle-header[data-astro-cid-6ebtzbt5] h1[data-astro-cid-6ebtzbt5]:after{content:"🍜";margin-left:.45rem;font-size:.9em}.eyebrow[data-astro-cid-6ebtzbt5]{font-size:var(--size-eyebrow);letter-spacing:.18em;text-transform:uppercase;color:var(--color-heading)}.battle-header__status[data-astro-cid-6ebtzbt5]{color:var(--color-text-soft);font-size:var(--size-body)}.sound-toggle[data-astro-cid-6ebtzbt5]{appearance:none;border:1px solid rgba(255,224,138,.32);background:linear-gradient(180deg,#fff4db24,#ffffff05),#4d130e80;color:var(--color-bowl-cream);border-radius:var(--radius-pill);padding:.45rem .8rem;display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;min-height:42px}.sound-toggle[data-astro-cid-6ebtzbt5].is-muted{opacity:.72}.battle-header__matchup[data-astro-cid-6ebtzbt5]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.matchup-card[data-astro-cid-6ebtzbt5]{padding:.85rem;border-radius:var(--radius-card);background:linear-gradient(180deg,#fff4db33,#ffffff05),#4d130e75;border:1px solid rgba(255,224,138,.28);display:flex;flex-direction:column;gap:.3rem;position:relative}.matchup-card[data-astro-cid-6ebtzbt5]:before,.matchup-card[data-astro-cid-6ebtzbt5]:after{content:"";position:absolute;width:14px;height:14px;border-top:2px solid rgba(255,224,138,.5);border-left:2px solid rgba(255,224,138,.5)}.matchup-card[data-astro-cid-6ebtzbt5]:before{top:8px;left:8px}.matchup-card[data-astro-cid-6ebtzbt5]:after{right:8px;bottom:8px;transform:rotate(180deg)}.matchup-card[data-astro-cid-6ebtzbt5] strong[data-astro-cid-6ebtzbt5]{font-size:1rem;font-family:Georgia,Times New Roman,serif}.matchup-card[data-astro-cid-6ebtzbt5] span[data-astro-cid-6ebtzbt5]:last-child{color:var(--color-text-soft);font-size:.82rem}.matchup-card__role[data-astro-cid-6ebtzbt5]{color:var(--color-heading);font-size:var(--size-label);letter-spacing:.08em;text-transform:uppercase}@media(max-width:900px){.battle-header[data-astro-cid-6ebtzbt5]{grid-template-columns:1fr}}@media(max-width:720px){.battle-header[data-astro-cid-6ebtzbt5]{padding:1rem 1rem .95rem 1.15rem;gap:.85rem;border-radius:.85rem}.battle-header__title-row[data-astro-cid-6ebtzbt5]{flex-direction:column;align-items:stretch}.sound-toggle[data-astro-cid-6ebtzbt5]{justify-content:center;width:100%;min-height:var(--mobile-tap-height)}.battle-header__matchup[data-astro-cid-6ebtzbt5]{grid-template-columns:1fr}}@media(max-width:480px){.battle-header[data-astro-cid-6ebtzbt5]{padding:.9rem .85rem .85rem 1rem}.battle-header[data-astro-cid-6ebtzbt5]:before{width:7px}.battle-header[data-astro-cid-6ebtzbt5] h1[data-astro-cid-6ebtzbt5]{font-size:clamp(1.45rem,8vw,1.9rem)}.battle-header__status[data-astro-cid-6ebtzbt5]{font-size:.88rem}.matchup-card[data-astro-cid-6ebtzbt5]{padding:.75rem}.sound-toggle[data-astro-cid-6ebtzbt5]{font-size:.78rem}}.fighter[data-astro-cid-4bwsmovo]{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-fighter-gap);flex:1;min-width:0}.fighter-stage[data-astro-cid-4bwsmovo]{position:relative;min-height:180px;display:flex;align-items:center;justify-content:center;width:100%;padding:.8rem .5rem;border-radius:999px 999px 26px 26px;background:linear-gradient(180deg,#fff4db1a,#ffffff05),#fff7e608;border:1px solid rgba(255,244,219,.14);box-shadow:inset 0 0 0 1px #9f1f1f38}.fighter[data-astro-cid-4bwsmovo] .fighter-image{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:var(--fighter-image-width);height:var(--fighter-image-height);object-fit:contain;filter:drop-shadow(0 8px 18px var(--color-shadow-dark));transition:filter .2s,opacity .16s ease;opacity:0;pointer-events:none}.fighter[data-astro-cid-4bwsmovo] .fighter-image.is-active{opacity:1}.fighter[data-astro-cid-4bwsmovo].cpu .fighter-image{transform:scaleX(-1)}.fighter-name[data-astro-cid-4bwsmovo]{font-size:var(--size-name);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-name);background:#2f0606a6;border:1px solid rgba(255,224,138,.18);padding:.28rem .65rem;border-radius:var(--radius-pill)}.fighter-name[data-astro-cid-4bwsmovo]:before,.fighter-name[data-astro-cid-4bwsmovo]:after{content:"◆";color:#ffe08ab3;font-size:.72em}.hp-wrap[data-astro-cid-4bwsmovo]{width:100%;display:flex;flex-direction:column;gap:var(--space-hp-gap)}.hp-label[data-astro-cid-4bwsmovo]{font-size:var(--size-label);display:flex;justify-content:space-between;color:var(--color-muted);gap:.4rem}.hp-bar-bg[data-astro-cid-4bwsmovo]{width:100%;height:var(--hp-bar-height);background:#200d0d;border-radius:var(--radius-pill);overflow:hidden;border:1px solid var(--color-panel-border)}.hp-bar[data-astro-cid-4bwsmovo]{height:100%;border-radius:var(--radius-pill);transition:width .4s ease,background-color .4s ease}.shake-player .fighter-image[data-astro-cid-4bwsmovo].is-active{animation:shake .4s ease}.shake-cpu .fighter-image[data-astro-cid-4bwsmovo].is-active{animation:shakeCPU .4s ease}.attacking .fighter-image[data-astro-cid-4bwsmovo].is-active{animation:pulse .35s ease}.guarding .fighter-image[data-astro-cid-4bwsmovo].is-active{filter:drop-shadow(0 0 14px var(--color-button-guard)) brightness(1.2)!important}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes shakeCPU{0%,to{transform:scaleX(-1) translate(0)}20%{transform:scaleX(-1) translate(-8px)}40%{transform:scaleX(-1) translate(8px)}60%{transform:scaleX(-1) translate(-6px)}80%{transform:scaleX(-1) translate(6px)}}@keyframes pulse{0%,to{filter:drop-shadow(0 8px 18px var(--color-shadow-dark))}50%{filter:drop-shadow(0 0 22px var(--color-heading)) brightness(1.3)}}@media(max-width:720px){.fighter[data-astro-cid-4bwsmovo]{gap:.4rem}.fighter-stage[data-astro-cid-4bwsmovo]{min-height:116px;padding:.65rem .4rem}.fighter[data-astro-cid-4bwsmovo] .fighter-image{width:min(100%,132px);height:98px}.hp-label[data-astro-cid-4bwsmovo]{font-size:.72rem;flex-direction:column;align-items:center;text-align:center;gap:.12rem}}@media(max-width:480px){.fighter-stage[data-astro-cid-4bwsmovo]{min-height:104px}.fighter[data-astro-cid-4bwsmovo] .fighter-image{width:min(100%,112px);height:86px}.fighter-name[data-astro-cid-4bwsmovo]{width:100%;text-align:center;font-size:.8rem;padding:.22rem .45rem}}.effect-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.attack-effect{position:absolute;left:18%;top:44%;width:var(--effect-size);height:var(--effect-size);display:grid;place-items:center;font-size:2.4rem;opacity:0;transform:translateZ(0) scale(.8);filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}.attack-effect.is-from-cpu{left:auto;right:18%}.attack-effect--common{animation:attackCommon var(--effect-speed) ease forwards}.attack-effect--ramen{animation:attackRamen var(--effect-speed) cubic-bezier(.21,.77,.29,.99) forwards}.attack-effect--egg{animation:attackEgg var(--effect-speed) ease-out forwards}.attack-effect--spinach{animation:attackSpinach var(--effect-speed) ease-out forwards}.attack-effect__item{position:absolute;display:block}.attack-effect__item--bowl{font-size:2.8rem}.attack-effect__item--egg{width:46px;height:58px;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 50% 45%,#ffd166 0 22%,transparent 23%),radial-gradient(circle at 50% 48%,#fff8ec 0 60%,#f6ead2 61% 100%);box-shadow:inset 0 -3px #00000014}.attack-effect__item--leaf{width:34px;height:54px;background:linear-gradient(180deg,#7cd992,#2f7f4f);border-radius:50% 12%;transform-origin:center center}.attack-effect__item--leaf:nth-child(1){transform:translate(-18px,-6px) rotate(-24deg)}.attack-effect__item--leaf:nth-child(2){transform:translate(6px,-12px) rotate(12deg)}.attack-effect__item--leaf:nth-child(3){transform:translate(24px,6px) rotate(32deg)}.attack-effect.is-from-cpu.attack-effect--common{animation-name:attackCommonCpu}.attack-effect.is-from-cpu.attack-effect--ramen{animation-name:attackRamenCpu}.attack-effect.is-from-cpu.attack-effect--egg{animation-name:attackEggCpu}.attack-effect.is-from-cpu.attack-effect--spinach{animation-name:attackSpinachCpu}@keyframes attackCommon{0%{opacity:0;transform:translate3d(0,6px,0) scale(.7)}15%{opacity:1}to{opacity:0;transform:translate3d(420px,-40px,0) scale(1.1)}}@keyframes attackRamen{0%{opacity:0;transform:translate3d(0,20px,0) rotate(-12deg) scale(.7)}15%{opacity:1}to{opacity:0;transform:translate3d(430px,-56px,0) rotate(18deg) scale(1.05)}}@keyframes attackEgg{0%{opacity:0;transform:translateZ(0) scale(.7)}15%{opacity:1}40%{transform:translate3d(120px,-60px,0) rotate(12deg)}70%{transform:translate3d(260px,15px,0) rotate(24deg)}to{opacity:0;transform:translate3d(410px,-20px,0) rotate(38deg) scale(1)}}@keyframes attackSpinach{0%{opacity:0;transform:translate3d(0,10px,0) scale(.7)}20%{opacity:1}to{opacity:0;transform:translate3d(400px,-28px,0) scale(1.1)}}@keyframes attackCommonCpu{0%{opacity:0;transform:translate3d(0,6px,0) scale(.7)}15%{opacity:1}to{opacity:0;transform:translate3d(-420px,-40px,0) scale(1.1)}}@keyframes attackRamenCpu{0%{opacity:0;transform:translate3d(0,20px,0) rotate(12deg) scale(.7)}15%{opacity:1}to{opacity:0;transform:translate3d(-430px,-56px,0) rotate(-18deg) scale(1.05)}}@keyframes attackEggCpu{0%{opacity:0;transform:translateZ(0) scale(.7)}15%{opacity:1}40%{transform:translate3d(-120px,-60px,0) rotate(-12deg)}70%{transform:translate3d(-260px,15px,0) rotate(-24deg)}to{opacity:0;transform:translate3d(-410px,-20px,0) rotate(-38deg) scale(1)}}@keyframes attackSpinachCpu{0%{opacity:0;transform:translate3d(0,10px,0) scale(.7)}20%{opacity:1}to{opacity:0;transform:translate3d(-400px,-28px,0) scale(1.1)}}@media(max-width:720px){.attack-effect{width:56px;height:56px;font-size:2rem;left:18%;top:40%}.attack-effect.is-from-cpu{right:18%}}@media(max-width:480px){.attack-effect{width:46px;height:46px;font-size:1.6rem;left:12%}.attack-effect.is-from-cpu{right:12%}}.actions{display:flex;gap:var(--space-action-gap)}.btn{flex:1;padding:.85rem .65rem;border:1px solid rgba(255,244,219,.14);border-radius:var(--radius-button);font-size:var(--size-body);font-weight:700;cursor:pointer;transition:transform .1s,filter .2s,opacity .2s;box-shadow:inset 0 -2px #00000029;min-height:var(--mobile-tap-height)}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.35;cursor:default;transform:none}.btn-attack{background:linear-gradient(180deg,#dd5b32,var(--color-button-attack));color:#fff}.btn-special{background:linear-gradient(180deg,#fff1b0,var(--color-button-special));color:var(--color-button-text-dark)}.btn-guard{background:linear-gradient(180deg,#6de3d8,var(--color-button-guard));color:var(--color-button-text-dark)}.btn-restart{background:var(--color-button-restart);color:#fff;width:100%}.btn:not(:disabled):hover{filter:brightness(1.08)}.btn-special:after{content:attr(data-uses);display:inline-block;margin-left:.45em;font-size:var(--size-badge);background:var(--color-badge-bg);color:var(--color-button-special);border-radius:.3rem;padding:0 .35em}@media(max-width:720px){.actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.btn{width:100%;font-size:.92rem;min-height:48px;padding-inline:.45rem}}@media(max-width:480px){.btn{min-height:50px;font-size:.84rem}.btn-special:after{display:block;margin-left:0;margin-top:.2rem}}main{width:100%;max-width:var(--layout-max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-stack);position:relative;padding:var(--space-page-padding)}.battle-shell{border:1px solid var(--color-panel-border);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 18%),linear-gradient(160deg,var(--color-panel-start),var(--color-panel-end));border-radius:var(--radius-panel);box-shadow:0 18px 50px var(--color-shadow-dark),inset 0 0 0 1px #fff4db14;position:relative;overflow:hidden;padding:1.15rem 1.15rem 1rem 1.45rem;display:none;flex-direction:column;gap:1rem}.battle-shell:before{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:linear-gradient(180deg,var(--color-heading),#d35400)}.battle-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 18%,rgba(255,224,138,.08),transparent 18%),linear-gradient(90deg,transparent,rgba(255,255,255,.03) 30%,transparent 60%)}.battle-shell>*{position:relative;z-index:1}.field{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-field-gap);padding:1.25rem 1.25rem 1.5rem;border-radius:var(--radius-card);background:radial-gradient(circle at 50% 100%,rgba(255,224,138,.1),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.06),transparent),linear-gradient(160deg,#6f423259,#1a12114d);border:1px solid rgba(255,224,138,.14);overflow:hidden;box-shadow:inset 0 0 0 1px #ffe08a14}.field:before{content:"";position:absolute;inset:1rem;border:2px solid rgba(255,244,219,.2);border-radius:999px 999px 40px 40px;pointer-events:none}.field:after{content:"";position:absolute;inset:auto 8% 0;height:22%;background:radial-gradient(circle,rgba(255,209,102,.14),transparent 72%);pointer-events:none}.vs{position:relative;z-index:2;font-size:var(--size-vs);font-weight:900;color:var(--color-heading);text-shadow:0 0 16px var(--color-heading);align-self:center;padding-bottom:1rem}.vs:before,.vs:after{content:"✦";display:block;font-size:.6em;line-height:1;text-align:center;color:#ffe08ab8}.log{border:1px solid var(--color-panel-border);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 12%),linear-gradient(180deg,#3b1010,var(--color-log-bg));border-radius:var(--radius-panel);box-shadow:0 18px 50px var(--color-shadow-dark);position:relative;overflow:hidden;padding:.75rem 1rem;min-height:6rem;display:flex;flex-direction:column;gap:var(--space-log-gap)}.log:before{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:linear-gradient(180deg,var(--color-heading),#d35400)}.log p{position:relative;z-index:1;font-size:.85rem;line-height:1.4;color:#e5d3c3;opacity:.5;transition:opacity .3s}.log p:last-child{opacity:1;color:#fff}.log p:nth-last-child(2){opacity:.75}.log p.win{color:var(--color-heading);font-weight:700}.log p.lose{color:var(--color-hp-low);font-weight:700}body[data-phase=selecting] #battleShell,body[data-phase=battling] #selectionPanel,body[data-phase=result] #selectionPanel{display:none}body[data-phase=battling] #battleShell,body[data-phase=result] #battleShell{display:flex}@media(max-width:900px){main{padding:.75rem}}@media(max-width:720px){main{gap:.9rem}.battle-shell{padding:1rem 1rem .95rem 1.15rem;border-radius:.85rem}.field{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:end;gap:.55rem;padding:1rem .85rem 1.05rem}.field:before{inset:.65rem;border-radius:1.2rem}.vs{align-self:center;justify-self:center;padding-bottom:0;font-size:1.15rem;line-height:1}}@media(max-width:480px){main{padding:.5rem}.battle-shell{padding:.9rem .85rem .85rem 1rem}.battle-shell:before,.log:before{width:7px}.field{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:.45rem;padding:.85rem .7rem .9rem}.log{min-height:5.4rem;padding:.7rem .8rem}.log p{font-size:.8rem}}