.game-hero,.arena-grid,.leaderboard-section,.rules-section{width:min(1240px,calc(100% - 40px));margin-inline:auto}.mode-badges a{text-decoration:none}
.game-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;min-height:590px;padding:82px 0 70px;position:relative}
.game-hero h1,.leaderboard-section h2,.rules-section h2{margin:0;font-family:var(--display);font-weight:400;line-height:.88;font-size:clamp(4.4rem,9vw,8.6rem)}
.game-hero h1 span{color:var(--gold)}
.game-hero .hero-lede{max-width:720px}
.mode-badges{display:flex;flex-wrap:wrap;gap:9px}.mode-badges span{padding:7px 10px;border:1px solid rgba(82,167,90,.45);border-radius:4px;background:rgba(82,167,90,.08);color:#8bd292;font-size:.57rem;font-weight:900;letter-spacing:.09em}.mode-badges .future{border-color:var(--line);background:transparent;color:var(--muted)}
.burn-warning{padding:30px;border:1px solid rgba(247,57,45,.55);border-radius:18px;background:linear-gradient(145deg,rgba(50,18,12,.94),rgba(18,10,7,.96));box-shadow:var(--shadow)}.burn-warning>span,.panel-kicker,.stat-card>span,.fairness-card>span{display:block;color:var(--gold);font-size:.59rem;font-weight:900;letter-spacing:.15em}.burn-warning strong{display:block;margin:20px 0 6px;font-family:var(--display);font-size:4.2rem;color:#ff776e}.burn-warning p{margin:0;color:var(--muted);font-size:.72rem}.burn-warning code{color:var(--gold-soft)}
.arena-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start;padding:0 0 100px}.arena-main,.arena-side{display:grid;gap:18px}
.access-panel,.entry-panel,.battle-panel,.result-panel,.stat-card,.fairness-card{border:1px solid var(--line-strong);border-radius:16px;background:linear-gradient(160deg,var(--panel-hot),var(--ink-raised));box-shadow:var(--shadow)}
.access-panel{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:24px}.access-panel h2,.entry-panel h2,.battle-panel h2,.result-panel h2{margin:5px 0 0;font-family:var(--sans);font-size:1.35rem}.access-panel p{max-width:650px;margin:8px 0 0;color:var(--muted);font-size:.68rem}.access-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.game-message{margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:rgba(234,196,103,.06);color:var(--gold-soft);font-size:.7rem}.game-message.error{border-color:rgba(247,57,45,.45);background:rgba(247,57,45,.08);color:#ffaaa4}.game-message.success{border-color:rgba(82,167,90,.45);background:rgba(82,167,90,.08);color:#9ad9a0}
.entry-panel{padding:28px}.entry-head,.battle-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.entry-head output{font-family:var(--display);font-size:3rem;color:var(--gold)}.burn-control{display:grid;gap:16px;margin:30px 0 18px}.burn-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.burn-preset{min-height:46px;border:1px solid var(--line-strong);border-radius:8px;background:rgba(0,0,0,.2);color:var(--cream);font:900 .7rem var(--mono);cursor:pointer}.burn-preset:hover,.burn-preset.active{border-color:var(--gold);background:rgba(234,196,103,.12);color:var(--gold)}.manual-burn{display:grid;gap:7px;color:var(--faint);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.manual-input{display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:9px;background:rgba(0,0,0,.22)}.manual-input:focus-within{border-color:var(--gold)}.manual-input input{min-width:0;width:100%;padding:14px;border:0;outline:0;background:transparent;color:var(--cream);font:900 1rem var(--mono)}.manual-input input[aria-invalid="true"]{color:#ff8b83}.manual-input b{padding:0 14px;color:var(--gold);font-size:.65rem}.manual-burn small{color:var(--muted);font-size:.55rem;letter-spacing:0;text-transform:none}.burn-destination{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;padding:14px;border:1px solid var(--line);border-radius:9px;background:rgba(234,196,103,.04)}.burn-destination strong{color:var(--gold);font-size:.56rem;letter-spacing:.1em}.burn-destination p{margin:5px 0 0;color:var(--muted);font-size:.6rem}.burn-destination code{color:var(--gold-soft)}.burn-destination a{flex:0 0 auto;color:var(--gold);font-size:.56rem;font-weight:900;text-transform:uppercase}.irreversible-check{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px;padding:14px;border-left:3px solid var(--red);background:rgba(247,57,45,.06);color:var(--muted);font-size:.67rem}.irreversible-check input{margin-top:2px;accent-color:var(--red)}
.battle-panel{overflow:hidden}.battle-head{padding:24px 26px;border-bottom:1px solid var(--line)}.scoreboard{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.62rem}.scoreboard strong{margin-left:5px;font-family:var(--display);font-size:2.2rem;color:var(--cream)}.scoreboard b{color:var(--gold)}
.battle-panel.animating .move-grid,.battle-panel.animating .round-reveal,.battle-panel.animating .round-log{display:none}
.clash-stage{position:relative;display:grid;align-content:center;min-height:390px;padding:24px;overflow:hidden;background:radial-gradient(circle at center,rgba(247,57,45,.18),transparent 42%),linear-gradient(135deg,#120805,#050302);isolation:isolate}.clash-stage::before{content:"";position:absolute;inset:-40%;z-index:-1;background:repeating-conic-gradient(from 0deg,rgba(234,196,103,.07) 0 4deg,transparent 4deg 14deg);animation:clash-spin 7s linear infinite}.clash-versus{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;color:var(--gold);font-size:.58rem;font-weight:900;letter-spacing:.12em}.clash-versus b{font-family:var(--display);font-size:2.6rem;color:var(--red)}
.clash-fighters{position:relative;display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:8px;max-width:680px;width:100%;margin:auto}.clash-fighter{position:relative;z-index:2;margin:0;text-align:center;transform-origin:center}.clash-fighter img{display:block;width:min(230px,100%);aspect-ratio:1;margin:auto;border:2px solid var(--line-strong);border-radius:50%;object-fit:cover;box-shadow:0 18px 45px rgba(0,0,0,.55)}.clash-fighter figcaption{margin-top:8px;color:var(--cream);font-size:.57rem;font-weight:900;letter-spacing:.15em}.clash-player{animation:clash-enter-left .5s ease-out both}.clash-cpu{animation:clash-enter-right .5s ease-out both}
.clash-impact{position:relative;z-index:3;width:80px;height:80px}.clash-impact i{position:absolute;inset:36px -18px;height:6px;border-radius:999px;background:var(--gold);box-shadow:0 0 18px var(--red);opacity:0;transform:rotate(45deg)}.clash-impact i:nth-child(2){transform:rotate(-45deg)}.clash-impact i:nth-child(3),.clash-impact i:nth-child(4){inset:28px;width:24px;height:24px;border:4px solid var(--red);background:transparent;border-radius:50%}
.clash-caption{display:block;margin-top:18px;text-align:center;font-family:var(--display);font-size:clamp(2.2rem,6vw,4.3rem);font-weight:400;line-height:.9;color:var(--gold);text-shadow:0 0 25px rgba(247,57,45,.55);opacity:0;animation:clash-caption 2.8s ease both}
.action-taco .is-winner{animation:taco-strike 2.8s ease-in-out both}.action-taco .is-loser{animation:heels-split 2.8s ease-in-out both}.action-taco .clash-impact i:nth-child(-n+2){animation:slash-flash 2.8s ease both}
.action-balloons .is-winner{z-index:4;animation:balloons-engulf 2.8s ease-in-out both}.action-balloons .is-loser{animation:taco-covered 2.8s ease-in-out both}.action-balloons .clash-impact i:nth-child(3){animation:engulf-ring 2.8s ease both}
.action-heels .is-winner{animation:heels-slash 2.8s ease-in-out both}.action-heels .is-loser{animation:balloons-pop 2.8s ease-in-out both}.action-heels .clash-impact i{animation:pop-burst 2.8s ease both}.action-heels .clash-impact i:nth-child(2){animation-delay:.08s}.action-heels .clash-impact i:nth-child(3){animation-delay:.16s}.action-heels .clash-impact i:nth-child(4){animation-delay:.24s}
.action-tie .clash-player{animation:tie-left 2.8s ease-in-out both}.action-tie .clash-cpu{animation:tie-right 2.8s ease-in-out both}.action-tie .clash-impact i:nth-child(-n+2){animation:tie-flash 2.8s ease both}
@keyframes clash-spin{to{transform:rotate(360deg)}}@keyframes clash-enter-left{from{opacity:0;transform:translateX(-80px) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes clash-enter-right{from{opacity:0;transform:translateX(80px) rotate(8deg)}to{opacity:1;transform:none}}@keyframes clash-caption{0%,60%{opacity:0;transform:scale(.72)}72%,92%{opacity:1;transform:scale(1.04)}100%{opacity:1;transform:none}}
@keyframes taco-strike{0%,25%{transform:none}48%{transform:translateX(var(--taco-x,42%)) rotate(12deg) scale(1.12)}62%{transform:translateX(var(--taco-return,26%)) rotate(-8deg) scale(1.08)}100%{transform:none}}.action-taco .clash-cpu.is-winner{--taco-x:-42%;--taco-return:-26%}.action-taco .clash-player.is-winner{--taco-x:42%;--taco-return:26%}@keyframes heels-split{0%,48%{filter:none;transform:none}58%{filter:contrast(1.4) brightness(1.4);transform:scale(1.08)}76%,100%{filter:grayscale(.6);opacity:.28;transform:translateX(16%) rotate(14deg) scale(.78)}}@keyframes slash-flash{0%,43%,72%,100%{opacity:0;transform:scale(.2) rotate(45deg)}50%,62%{opacity:1;transform:scale(1.4) rotate(45deg)}}
@keyframes balloons-engulf{0%,24%{transform:none}52%,72%{transform:translateX(var(--engulf-x,42%)) scale(1.62)}100%{transform:translateX(var(--engulf-x,24%)) scale(1.18)}}.clash-cpu.is-winner{--engulf-x:-42%}.action-balloons .clash-cpu.is-winner{--engulf-x:-42%}.action-balloons .clash-player.is-winner{--engulf-x:42%}@keyframes taco-covered{0%,45%{opacity:1;transform:none}65%,100%{opacity:.12;transform:scale(.48)}}@keyframes engulf-ring{0%,42%,100%{opacity:0;transform:scale(.3)}56%,78%{opacity:1;transform:scale(2.8)}}
@keyframes heels-slash{0%,25%{transform:none}45%{transform:translateX(var(--slash-x,40%)) rotate(-22deg) scale(1.12)}58%{transform:translateX(var(--slash-x,28%)) rotate(20deg) scale(1.08)}100%{transform:none}}.action-heels .clash-cpu.is-winner{--slash-x:-40%}.action-heels .clash-player.is-winner{--slash-x:40%}@keyframes balloons-pop{0%,44%{opacity:1;transform:none}56%{filter:brightness(1.8);transform:scale(1.28)}68%{opacity:.7;transform:scale(.38)}82%,100%{opacity:0;transform:scale(1.7)}}@keyframes pop-burst{0%,44%,80%,100%{opacity:0;transform:scale(.2) rotate(45deg)}54%,68%{opacity:1;transform:scale(1.5) rotate(135deg)}}
@keyframes tie-left{0%,25%{transform:none}52%{transform:translateX(26%)}68%{transform:translateX(-12%) rotate(-6deg)}100%{transform:none}}@keyframes tie-right{0%,25%{transform:none}52%{transform:translateX(-26%)}68%{transform:translateX(12%) rotate(6deg)}100%{transform:none}}@keyframes tie-flash{0%,44%,70%,100%{opacity:0;transform:scale(.2) rotate(45deg)}52%,62%{opacity:1;transform:scale(1.3) rotate(45deg)}}
@media(prefers-reduced-motion:reduce){.clash-stage::before,.clash-fighter,.clash-caption,.clash-impact i{animation:none!important}.clash-caption{opacity:1}.clash-fighter.is-loser{opacity:.45}}
.move-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px}.move-card{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#0b0604;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.move-card:hover:not(:disabled){transform:translateY(-4px);border-color:var(--gold);box-shadow:0 12px 34px rgba(0,0,0,.38)}.move-card:disabled{opacity:.45;cursor:wait}.move-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.move-card>span{display:grid;gap:4px;padding:13px}.move-card strong{font-family:var(--sans);font-size:.83rem;color:var(--gold)}.move-card small{color:var(--muted);font-size:.51rem;line-height:1.4}
.round-reveal{min-height:58px;margin:0 22px 18px;padding:15px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.22);color:var(--muted);font-size:.68rem}.round-reveal strong{color:var(--cream)}.round-reveal .win{color:#8bd292}.round-reveal .loss{color:#ff8b83}.round-reveal .tie{color:var(--gold)}.round-log{display:grid;gap:7px;margin:0;padding:0 22px 22px;list-style:none}.round-log li{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;border-top:1px solid var(--line);color:var(--muted);font-size:.59rem}.round-log b{color:var(--cream)}
.result-panel{padding:32px;border-color:var(--gold)}.result-panel h2{margin-top:10px;font-family:var(--display);font-size:4rem;color:var(--gold)}.result-panel p{max-width:700px;color:var(--muted);font-size:.75rem}
.stat-card,.fairness-card{padding:24px}.personal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.personal-stats div{display:grid;gap:4px;padding:12px 8px;border:1px solid var(--line);border-radius:7px;text-align:center}.personal-stats strong{font-family:var(--display);font-size:1.8rem;color:var(--gold)}.personal-stats small{color:var(--muted);font-size:.45rem}.fairness-card p{margin:18px 0;color:var(--muted);font-size:.65rem}.fairness-card dl,.confirm-card dl{display:grid;gap:10px;margin:0}.fairness-card dl div,.confirm-card dl div{padding:10px;border:1px solid var(--line);border-radius:6px}.fairness-card dt,.confirm-card dt{color:var(--faint);font-size:.49rem}.fairness-card dd,.confirm-card dd{margin:4px 0 0;overflow-wrap:anywhere;color:var(--gold-soft);font-size:.54rem}
.leaderboard-section{padding:86px 0;border-top:1px solid var(--line)}.leaderboard-section h2{font-size:clamp(3.5rem,7vw,6.5rem)}.leaderboard-wrap{overflow-x:auto;border:1px solid var(--line-strong);border-radius:15px;background:var(--ink-raised)}table{width:100%;border-collapse:collapse}th,td{padding:17px 20px;border-bottom:1px solid var(--line);text-align:left;font-size:.66rem}th{color:var(--gold);font-size:.55rem;letter-spacing:.11em}tbody tr:last-child td{border-bottom:0}tbody td:nth-child(1),tbody td:nth-child(3){font-family:var(--sans);color:var(--cream)}
.rules-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;padding:90px 0 110px;border-top:1px solid var(--line)}.rules-section h2{font-size:clamp(3.6rem,7vw,6.7rem)}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rule-grid article{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--ink-raised)}.rule-grid article>span{font-family:var(--display);font-size:2rem;color:var(--gold)}.rule-grid h3{margin:22px 0 8px;font-family:var(--sans);font-size:.88rem}.rule-grid p{margin:0;color:var(--muted);font-size:.65rem}
dialog{width:min(610px,calc(100% - 28px));padding:0;border:1px solid rgba(247,57,45,.65);border-radius:18px;background:var(--ink-raised);color:var(--cream);box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(5,2,1,.82);backdrop-filter:blur(6px)}.confirm-card{padding:30px}.confirm-card h2{margin:12px 0;font-family:var(--sans);font-size:1.6rem}.confirm-card h2 strong{color:#ff776e}.confirm-card>p{color:var(--muted);font-size:.72rem}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.danger-button{min-height:44px;padding:0 16px;border:1px solid var(--red);border-radius:7px;background:var(--red);color:white;font:900 .65rem var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.danger-button:disabled{opacity:.5;cursor:wait}
@media(max-width:980px){.game-hero,.arena-grid,.rules-section{grid-template-columns:1fr}.game-hero{min-height:auto}.arena-side{grid-template-columns:1fr 1fr}.rules-section{gap:35px}}
.burn-proof{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 14px;border:1px solid var(--line-strong);border-radius:9px;color:var(--gold);font-size:.61rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:700px){.game-hero,.arena-grid,.leaderboard-section,.rules-section{width:min(100% - 24px,1240px)}.game-hero{padding:58px 0}.game-hero h1{font-size:clamp(4rem,20vw,6rem)}.access-panel,.entry-head,.battle-head{align-items:flex-start;flex-direction:column}.access-actions{width:100%;flex-wrap:wrap}.burn-presets{grid-template-columns:repeat(3,1fr)}.burn-destination{align-items:flex-start;flex-direction:column}.move-grid{grid-template-columns:1fr}.move-card{display:grid;grid-template-columns:120px 1fr;align-items:center}.move-card img{width:120px}.arena-side{grid-template-columns:1fr}.rule-grid{grid-template-columns:1fr}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}
@media(max-width:700px){.clash-stage{min-height:330px;padding:18px 12px}.clash-fighters{grid-template-columns:1fr 46px 1fr}.clash-impact{width:46px}.clash-caption{font-size:2.5rem}.clash-versus{gap:8px}.clash-versus b{font-size:2rem}}