:root{--paint: #101418;--paint-2: #1a2027;--line: #3a4552;--chalk: #eef2f5;--chalk-dim: #a6b3c0;--heat: #ff6b3d;--swish: #3dd6c4;--net: #f5c95c;--pitch: #2e5d3a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 500px at 50% -10%,#1b2836 0%,transparent 60%),var(--paint);color:var(--chalk);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100dvh;-webkit-font-smoothing:antialiased}button{font-family:inherit}.wrap{max-width:520px;margin:0 auto;padding:0 14px}.col{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;align-items:center}.center{align-items:center;justify-content:center}.between{justify-content:space-between}.grow{flex:1}.gap4{gap:4px}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap16{gap:16px}.dim{color:var(--chalk-dim)}.panel{background:linear-gradient(162deg,#232c37 0%,var(--paint-2) 36%,#161c23 100%);border:1px solid rgba(160,178,198,.2);border-top-color:#c8d6e84d;border-radius:14px;box-shadow:0 6px 18px #02050a73,inset 0 1px #d2deee12}.court-edge{box-shadow:0 4px 18px #00000059}.t-head{font-weight:800;font-size:.95rem;letter-spacing:.02em}.t-label{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--chalk-dim)}.t-stat{font-weight:800}.tnum{font-variant-numeric:tabular-nums}.btn{border:1px solid var(--line);border-bottom-width:3px;border-radius:12px;padding:.7rem 1rem;font-weight:800;font-size:.95rem;cursor:pointer;color:var(--chalk);transition:transform .06s ease,filter .12s ease;background:var(--paint-2);transition:transform .08s ease,filter .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed}.btn-block{width:100%;display:block}.btn-heat{background:var(--heat);border-color:var(--heat);color:#16100c}.btn-heat:hover{filter:brightness(1.08)}.btn-ghost{background:transparent}.statbar{display:block;height:7px;border-radius:4px;background:#ffffff12;overflow:hidden}.statbar i{display:block;height:100%;border-radius:4px}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.anim-pop{animation:popIn .25s ease both}.anim-slideup{animation:slideUp .25s ease both}@keyframes flicker{0%,to{opacity:1}50%{opacity:.25}}@keyframes burstSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{background:radial-gradient(ellipse 120% 50% at 50% -10%,rgba(245,201,92,.13) 0%,transparent 55%),radial-gradient(ellipse 55% 32% at 12% 0%,rgba(255,107,61,.07) 0%,transparent 60%),radial-gradient(1100px 480px at 50% -8%,#202e3f 0%,transparent 58%),radial-gradient(700px 400px at 108% 108%,rgba(46,93,58,.26) 0%,transparent 60%),repeating-linear-gradient(90deg,transparent 0 46px,rgba(255,255,255,.012) 46px 92px),linear-gradient(165deg,#161d26 0%,var(--paint) 55%,#0c1015 100%);background-attachment:fixed}.hero{padding:8px 2px 4px}.hero-title{font-weight:900;font-size:1.7rem;letter-spacing:.02em;line-height:1;background:linear-gradient(100deg,var(--chalk) 30%,var(--heat) 65%,var(--net) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 3px 14px rgba(255,107,61,.14)}.mode-card{padding:15px 14px;cursor:pointer;text-align:left;color:var(--chalk)}.mode-card:active{transform:scale(.985)}.mode-sub{font-size:.55rem;text-transform:none;letter-spacing:0}.mode-chip{font-weight:900;font-size:.72rem;padding:6px 10px;border-radius:10px;flex-shrink:0}.paper{background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(43,38,32,.02) 3px 4px),linear-gradient(180deg,#f6f1e4,#efe7d4);color:#2b2620;border-radius:6px;box-shadow:0 6px 22px #00000080,inset 0 0 40px #78644614;font-family:Georgia,Times New Roman,serif}.paper-masthead{font-size:1.35rem;font-weight:700;letter-spacing:.12em;font-variant:small-caps}.paper-edition{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#6b6154}.paper-headline{font-size:1.65rem;font-weight:900;line-height:1.02;margin:4px 0 6px;letter-spacing:-.01em}.paper-standfirst{font-size:.86rem;font-style:italic;color:#4a4238;margin-bottom:8px;line-height:1.4}.paper-body{font-size:.8rem;line-height:1.55;margin:0 0 9px}.paper-quote{font-size:.95rem;font-style:italic;font-weight:700;text-align:center;padding:10px 14px;margin:4px 0 12px;border-top:2px solid #2b2620;border-bottom:2px solid #2b2620}.paper-box{background:#2b26200f;border:1px solid rgba(43,38,32,.25);border-radius:4px;padding:10px 12px}.paper-boxtitle{font-size:.62rem;font-weight:700;letter-spacing:.12em}.hero-banner{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 6px 24px #00000073}.hero-overlay{position:absolute;top:10px;left:14px;right:14px;pointer-events:none}.hero-tag{font-size:.55rem;font-weight:700;letter-spacing:.16em;color:#eef2f5bf;text-shadow:0 1px 3px rgba(0,0,0,.7)}.hero-era-chip{font-size:.46rem;font-weight:800;letter-spacing:.08em;padding:1px 6px;border-radius:20px;border:1px solid;background:#00000073}.hero-title{text-shadow:0 2px 8px rgba(0,0,0,.8),0 3px 14px rgba(255,107,61,.2)}.hero-bat{transform-box:view-box;transform-origin:150px 112px;translate:150px 112px;animation:batSwing 2.4s cubic-bezier(.5,0,.4,1) infinite}@keyframes batSwing{0%,38%{rotate:-38deg}52%{rotate:-52deg}60%{rotate:58deg}70%{rotate:74deg}to{rotate:-38deg}}.chip-pulse{animation:chipPulse 1.6s ease-in-out infinite}@keyframes chipPulse{0%,to{transform:scale(1);box-shadow:0 0 #f5c95c73}50%{transform:scale(1.07);box-shadow:0 0 0 9px #f5c95c00}}.mode-card:after{content:"";position:absolute;top:0;bottom:0;width:46%;left:-60%;transform:skew(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:sheen 5.5s ease-in-out infinite}.mode-card:nth-child(3):after{animation-delay:1.4s}.mode-card:nth-child(4):after{animation-delay:2.8s}@keyframes sheen{0%,55%{left:-60%}75%,to{left:130%}}.beat-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:beatFlash .75s ease-out both;border-radius:inherit}.flash-red{--fc: rgba(239, 68, 68, .26)}.flash-gold{--fc: rgba(245, 201, 92, .2)}@keyframes beatFlash{0%{background:var(--fc)}to{background:transparent}}.reel-progress{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff0f;border-radius:3px 3px 0 0;overflow:hidden}.reel-progress i{display:block;height:100%;background:var(--heat);transition:width .5s ease}.bail-fly{animation:bailFly .8s cubic-bezier(.2,.6,.4,1) both}.bail-fly-2{animation:bailFly2 .8s cubic-bezier(.2,.6,.4,1) both}@keyframes bailFly{to{transform:translate(-16px,-20px) rotate(-160deg);opacity:0}}@keyframes bailFly2{to{transform:translate(14px,-16px) rotate(200deg);opacity:0}}.stumps-shake{animation:stumpsShake .5s ease-out}@keyframes stumpsShake{0%{transform:translate(171px,64px) scale(.78)}25%{transform:translate(169px,64px) scale(.78) rotate(-3deg)}50%{transform:translate(173px,64px) scale(.78) rotate(2deg)}to{transform:translate(171px,64px) scale(.78)}}.far-bat{transform-box:fill-box;transform-origin:50% 0%}.far-bat-hit{transform-box:fill-box;transform-origin:50% 0%;animation:farBatHit .45s ease-out}@keyframes farBatHit{0%{rotate:0deg}35%{rotate:-42deg}to{rotate:0deg}}.hero-msg{position:absolute;left:0;right:0;top:44%;text-align:center;font-weight:900;font-size:1.15rem;pointer-events:none;text-shadow:0 2px 6px rgba(0,0,0,.85);animation:heroMsg .95s ease-out both}.tone-bowled{color:#ffd23f}.tone-four{color:#ff8a7a}.tone-beaten{color:#7dd3fc}.tone-blocked{color:#c9d3dc}.tone-wide{color:#9aa0a6}@keyframes heroMsg{0%{opacity:0;transform:scale(.7)}18%{opacity:1;transform:scale(1.08)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.hero-score{position:absolute;top:8px;right:8px;bottom:auto;pointer-events:none;font-size:.52rem;font-weight:700;line-height:1;color:#f5c95c;background:#0000008c;padding:4px 8px;border-radius:20px;border:1px solid rgba(245,201,92,.35);white-space:nowrap}.hero-hint{animation:hintPulse 1.8s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.55}50%{opacity:1}}.hero-bat{transform-box:view-box;transform-origin:152px 52px;translate:152px 52px;animation:batWaggle 2.6s ease-in-out infinite}@keyframes batWaggle{0%,to{rotate:-14deg}50%{rotate:-22deg}}.hero-bat-strike{animation:batStrike .42s cubic-bezier(.3,0,.4,1) 1}@keyframes batStrike{0%{rotate:-20deg}35%{rotate:-46deg}62%{rotate:44deg}to{rotate:-14deg}}.bail-fly-l{animation:bailL .9s cubic-bezier(.2,.6,.4,1) both}.bail-fly-r{animation:bailR .9s cubic-bezier(.2,.6,.4,1) both}@keyframes bailL{to{transform:translate(-16px,-14px) rotate(-210deg);opacity:0}}@keyframes bailR{to{transform:translate(15px,-11px) rotate(260deg);opacity:0}}.ball-ring{animation:ballRing 1.5s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes ballRing{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.7);opacity:0}}.hero-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:.62rem;font-weight:700;letter-spacing:.06em;color:#f5f2ead9;text-shadow:0 1px 3px rgba(0,0,0,.8);animation:hintFloat 2s ease-in-out infinite;pointer-events:none;white-space:nowrap}@keyframes hintFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.hero-pop{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font-size:.9rem;font-weight:900;text-align:center;white-space:nowrap;color:#ffd76a;text-shadow:2px 2px 0 #000,0 0 18px rgba(255,200,80,.35);animation:popSlam .35s cubic-bezier(.2,.9,.3,1.4) both;pointer-events:none}@keyframes popSlam{0%{transform:translate(-50%) scale(.4);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.urn-glow{animation:urnGlow 2.2s ease-in-out infinite}@keyframes urnGlow{0%,to{filter:drop-shadow(0 0 6px rgba(232,195,90,.45))}50%{filter:drop-shadow(0 0 22px rgba(251,231,162,.85))}}.mega-beat{color:#ffd76a!important;text-shadow:2px 2px 0 #000,0 0 20px rgba(255,200,80,.4);animation:megaSlam .4s cubic-bezier(.2,.9,.3,1.45) both!important}@keyframes megaSlam{0%{transform:scale(.5) rotate(-3deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.purity-glow{animation:purityPulse 1.8s ease-in-out infinite}@keyframes purityPulse{0%,to{text-shadow:0 0 4px currentColor}50%{text-shadow:0 0 14px currentColor}}.spin-ball{display:inline-block;animation:ballRoll 1.15s linear infinite}@keyframes ballRoll{to{transform:rotate(360deg)}}.spin-ball .sb-seam{transform-box:view-box;transform-origin:30px 30px;animation:seamShift 2.3s ease-in-out infinite}@keyframes seamShift{0%,to{transform:scaleX(1)}50%{transform:scaleX(.55)}}@keyframes ballSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-minigame-hint{font-size:.5rem;font-weight:700;letter-spacing:.08em;color:var(--net);text-shadow:0 1px 3px rgba(0,0,0,.8);margin-top:4px;animation:hintFloat 2.4s ease-in-out infinite}.celebrate-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden;border-radius:inherit}@keyframes fwBurst{0%{opacity:0}10%{opacity:1}to{opacity:0}}@keyframes fwFlash{0%{r:2;opacity:1}to{r:16;opacity:0}}@keyframes fwSpark{0%{opacity:0;transform:scale(.2)}25%{opacity:1}to{opacity:0;transform:scale(1.05)}}.six-banner{position:absolute;top:6px;left:50%;transform:translate(-50%);font-weight:900;font-size:1.5rem;color:#ffd54f;text-shadow:0 0 14px rgba(255,213,79,.8),2px 2px 0 #000;animation:sixPop 1.3s cubic-bezier(.2,.9,.3,1.5) both;z-index:6;white-space:nowrap}@keyframes sixPop{0%{transform:translate(-50%) scale(.3);opacity:0}18%{transform:translate(-50%) scale(1.15);opacity:1}30%{transform:translate(-50%) scale(1)}80%{opacity:1}to{transform:translate(-50%) scale(1) translateY(-6px);opacity:0}}.wicket-strobe{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,rgba(239,68,68,.5),rgba(239,68,68,.12) 60%,transparent);animation:strobe 1.1s ease-out both}@keyframes strobe{0%{opacity:0}8%{opacity:1}22%{opacity:.35}40%{opacity:.8}to{opacity:0}}.wicket-banner{position:absolute;top:6px;left:50%;transform:translate(-50%);font-weight:900;font-size:1.5rem;color:#fff;text-shadow:0 0 14px rgba(239,68,68,.9),2px 2px 0 #7a1f14;animation:sixPop 1.3s cubic-bezier(.2,.9,.3,1.5) both;z-index:6;white-space:nowrap}@keyframes stumpKickL{0%{transform:translate(0) rotate(0)}to{transform:translate(-34px,10px) rotate(-42deg);opacity:0}}@keyframes stumpKickR{0%{transform:translate(0) rotate(0)}to{transform:translate(32px,12px) rotate(46deg);opacity:0}}@keyframes stumpWobble{0%{transform:rotate(0)}40%{transform:rotate(-6deg)}to{transform:rotate(3deg);opacity:.4}}@keyframes bailSpinA{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-40px,-30px) rotate(-320deg);opacity:0}}@keyframes bailSpinB{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(38px,-26px) rotate(300deg);opacity:0}}@keyframes ember{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--ex),var(--ey)) scale(.3);opacity:0}}.duel-arena{display:flex;min-height:380px;overflow:hidden;position:relative;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.duel-bar{width:58px;flex-shrink:0;position:relative;background:linear-gradient(180deg,var(--paint-2),color-mix(in srgb,var(--paint-2) 60%,#000));border-left:1px solid var(--line)}.duel-zone{position:absolute;left:6px;right:6px;border-radius:8px;border:1.5px solid;display:flex;align-items:center}.duel-zone-core{height:3px;width:100%;opacity:.9}.duel-marker{position:absolute;left:2px;right:2px;height:5px;border-radius:3px;background:#fff;box-shadow:0 0 10px #fffc,0 0 3px #fff;transform:translateY(-50%);will-change:top}.status-strip{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--line)}.status-text{font-size:.74rem;line-height:1.35;color:var(--chalk);font-weight:600}.status-good{border-left:4px solid #3dd6c4;background:color-mix(in srgb,#3dd6c4 7%,var(--paint-2))}.status-even{border-left:4px solid #f5c95c;background:color-mix(in srgb,#f5c95c 6%,var(--paint-2))}.status-bad{border-left:4px solid #ef4444;background:color-mix(in srgb,#ef4444 7%,var(--paint-2))}.badge-toast,.badge-toast *{pointer-events:none}.badge-toast button{pointer-events:auto}.badge-toast{position:fixed;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;z-index:100;padding:10px 16px;border-radius:14px;max-width:92vw;background:linear-gradient(120deg,#2a2208,var(--paint-2) 80%);border:1.5px solid var(--net);box-shadow:0 8px 28px #0009,0 0 18px #f5c95c40;animation:toastIn .45s cubic-bezier(.2,.9,.3,1.35) both}@keyframes toastIn{0%{transform:translate(-50%,-24px);opacity:0}to{transform:translate(-50%);opacity:1}}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.badge-got{border:1.5px solid var(--net);background:color-mix(in srgb,var(--net) 6%,var(--paint-2))}.badge-locked{opacity:.75}.share-moment{padding:10px 12px;border-radius:14px;border:1.5px solid var(--net);background:linear-gradient(120deg,color-mix(in srgb,var(--net) 12%,var(--paint-2)),var(--paint-2) 75%);animation:momentPulse 2.2s ease-in-out infinite}@keyframes momentPulse{0%,to{box-shadow:0 0 #f5c95c4d}50%{box-shadow:0 0 14px 2px #f5c95c1f}}.tip-once{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--net) 8%,var(--paint-2));border:1px dashed var(--net)}.tip-text{flex:1;font-size:.7rem;line-height:1.45;color:var(--chalk)}.tip-got{flex-shrink:0;background:var(--net);color:#16100c;border:none;border-radius:9px;padding:.45rem .65rem;font-weight:800;font-size:.68rem;cursor:pointer;font-family:inherit}.pitch-xi{width:100%;max-width:272px;margin:0 auto;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.pitch-pulse{animation:pitchPulse 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes pitchPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.18);opacity:.35}}.lite .spin-ball,.lite .pitch-pulse,.lite .anim-pop,.lite .anim-slideup{animation:none!important}.lite .beat-flash{display:none}.btn:active{transform:translateY(1.5px);border-bottom-width:1.5px}.btn:hover{filter:brightness(1.08)}.xpbar{height:7px;border-radius:4px;background:#080c11d9;overflow:hidden;border:1px solid rgba(160,178,198,.18)}.xpbar>div{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--net),var(--heat));box-shadow:0 0 10px #f5c95c8c;transition:width .6s ease}.streak-dot{width:13px;height:13px;border-radius:7px;border:1.5px solid rgba(160,178,198,.3);flex-shrink:0}.streak-dot.lit{background:linear-gradient(180deg,#ffb23d,#ff6b3d);border-color:#ffb23d;box-shadow:0 0 8px #ff8c3c99}.lite .xpbar>div,.lite .streak-dot.lit{box-shadow:none;transition:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 34% at 50% -6%,rgba(245,201,92,.14),transparent 60%),radial-gradient(circle 2px at 12% 9%,rgba(255,255,255,.32),transparent 3px),radial-gradient(circle 2px at 28% 5%,rgba(255,255,255,.2),transparent 3px),radial-gradient(circle 1.6px at 43% 11%,rgba(255,255,255,.28),transparent 3px),radial-gradient(circle 2px at 58% 6%,rgba(255,255,255,.18),transparent 3px),radial-gradient(circle 1.6px at 71% 10%,rgba(255,255,255,.3),transparent 3px),radial-gradient(circle 2px at 86% 7%,rgba(255,255,255,.22),transparent 3px),radial-gradient(circle 1.4px at 94% 12%,rgba(255,255,255,.16),transparent 3px),radial-gradient(ellipse 70% 30% at 50% 112%,rgba(46,93,58,.4),transparent 70%)}body.lite:before{display:none}.pes-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pes-tile{position:relative;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.1);min-height:108px;padding:0;cursor:pointer;text-align:left;color:var(--chalk);display:flex;align-items:flex-end;font-family:inherit;box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff14;transition:transform .12s ease,box-shadow .12s ease}.pes-tile:active{transform:scale(.97)}.pes-tile-big{min-height:116px;width:100%}.pes-tile-art{position:absolute;right:-6px;top:-12px;font-size:4.6rem;opacity:.16;transform:rotate(-8deg);pointer-events:none;filter:saturate(.8)}.pes-tile-big .pes-tile-art{font-size:5.6rem;right:4px}.pes-tile-chip{position:absolute;top:8px;right:8px}.pes-tile-band{display:flex;flex-direction:column;gap:2px;width:100%;padding:20px 12px 10px;background:linear-gradient(180deg,transparent 0%,rgba(5,8,12,.74) 55%)}.pes-tile-title{font-weight:900;font-style:italic;letter-spacing:.02em;font-size:1.02rem;line-height:1.05;text-transform:uppercase;text-shadow:2px 2px 0 rgba(0,0,0,.45)}.pes-tile-big .pes-tile-title{font-size:1.3rem}.pes-tile-sub{font-size:.56rem;color:#f0f3ebc7;line-height:1.35}.pes-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.09) 50%,transparent 58%)}.pes-head{font-weight:900;font-style:italic;text-transform:uppercase;font-size:1.35rem;letter-spacing:.01em;text-shadow:2px 2px 0 rgba(0,0,0,.4)}.mode-card{position:relative;overflow:hidden}.mode-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 44%,rgba(255,255,255,.07) 50%,transparent 56%)}