.ba{--ba-volt:var(--bc-volt,#e8ff3a);--ba-ink:#050608;--ba-dark:#0b0d12;--ba-red:#ff4d5e;gap:16px;min-width:0;display:grid}.ba button{font:inherit;color:inherit;cursor:pointer}.ba button:disabled{cursor:not-allowed;opacity:.5}.ba button:focus-visible{outline:2px solid var(--ba-volt);outline-offset:3px}.ba .ba-modes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ba .ba-modes button{text-align:start;border:1px solid var(--ar-line,#ffffff1f);background:linear-gradient(135deg,color-mix(in srgb,var(--ar-text,#f6f7f9) 6%,transparent),transparent);border-radius:14px;gap:4px;padding:18px 16px;transition:transform .2s,border-color .2s,background .2s;display:grid;position:relative;overflow:hidden}.ba .ba-modes b{font:900 clamp(20px,5vw,30px)/1 var(--d);text-transform:uppercase;letter-spacing:-.01em;font-style:italic}.ba .ba-modes small{font:600 13px/1.2 var(--b);opacity:.7}.ba .ba-modes button[aria-pressed=true]{background:var(--ba-volt);color:var(--ba-ink);box-shadow:0 12px 32px -12px color-mix(in srgb,var(--ba-volt) 70%,transparent);border-color:#0000}.ba .ba-modes button[aria-pressed=true] small{opacity:.8}.ba .ba-modes button:hover{transform:translateY(-2px)}.ba .ba-warn{font:700 14px/1.2 var(--b);background:#ffb02e24;border:1px solid #ffb02e;border-radius:10px;justify-self:start;padding:10px 14px}.ba .ba-row-head{font:800 13px/1 var(--d);letter-spacing:.12em;text-transform:uppercase;opacity:.85;justify-content:space-between;align-items:center;gap:10px;display:flex}.ba .ba-mini{letter-spacing:.08em;text-transform:uppercase;background:var(--ba-volt);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);border:0;min-height:36px;padding:0 14px;font:800 13px/1 var(--d)!important;color:var(--ba-ink)!important}.ba .ba-tip,.ba .ba-none{font:600 14px/1.4 var(--b);opacity:.75;margin:0}.ba .ba-err{background:color-mix(in srgb,var(--ba-red) 16%,transparent);border:1px solid var(--ba-red);font:700 14px/1.3 var(--b);border-radius:10px;margin:0;padding:10px 14px}.ba .ba-hand{background:radial-gradient(120% 100% at 50% 0%,#173b22 0%,var(--ba-dark) 75%);color:#f6f7f9;border-radius:16px;gap:12px;padding:14px;display:grid}.ba .ba-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ba .ba-slot{background:#00000040;border:2px dashed #f6f7f940;border-radius:14px;justify-items:center;gap:6px;padding:8px;transition:border-color .2s,transform .2s;display:grid}.ba .ba-slot.on{border-style:solid;border-color:var(--ba-volt);box-shadow:0 0 0 4px color-mix(in srgb,var(--ba-volt) 22%,transparent);transform:translateY(-3px)}.ba .ba-slot .pk{max-width:120px}.ba .ba-slot em{font:800 11px/1 var(--d);letter-spacing:.1em;text-transform:uppercase;opacity:.85;font-style:normal}.ba .ba-empty{aspect-ratio:5/7;width:100%;max-width:120px;font:900 44px/1 var(--d);color:#f6f7f959;border-radius:12px;place-items:center;display:grid}.ba .ba-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;min-width:0;padding:4px 2px 10px;display:flex;overflow-x:auto}.ba .ba-strip>*{scroll-snap-align:start;flex:none}.ba .ba-pick{background:0 0;border:0;justify-items:center;width:104px;padding:0;transition:transform .2s;display:grid;position:relative}.ba .ba-pick .pk{max-width:104px}.ba .ba-pick b{background:var(--ba-volt);min-width:34px;color:var(--ba-ink);font:900 15px/1 var(--d);border-radius:99px;padding:6px;position:absolute;top:-4px;right:-4px;box-shadow:0 4px 12px #0006}.ba .ba-pick:hover{transform:translateY(-4px)}.ba .ba-pick.used{opacity:.4;filter:grayscale(.6)}.ba .ba-club{--club:#888;text-align:start;background:linear-gradient(160deg,color-mix(in srgb,var(--club) 70%,#000) 0%,var(--ba-dark) 90%);border:1px solid #ffffff1a;border-radius:14px;justify-items:start;gap:4px;width:132px;padding:12px;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;color:#f6f7f9!important}.ba .ba-club:after{content:"";background:color-mix(in srgb,var(--club) 60%,transparent);filter:blur(24px);opacity:.6;border-radius:50%;width:90px;height:90px;position:absolute;inset:auto -20% -50% auto}.ba .ba-club b{font:900 34px/.9 var(--d);font-style:italic}.ba .ba-club small{font:700 12px/1.2 var(--b);opacity:.85;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.ba .ba-crest{min-width:38px;height:24px;font:800 12px/1 var(--d);letter-spacing:.06em;background:#ffffff29;border-radius:6px;place-items:center;padding:0 6px;display:grid}.ba .ba-club:hover{transform:translateY(-3px)}.ba .ba-club.on{box-shadow:inset 0 0 0 3px var(--ba-volt);transform:translateY(-3px)}.ba .ba-fan{--club:#7a3bff}.ba .ba-byname summary{cursor:pointer;font:700 14px/1.2 var(--b);opacity:.8}.ba .ba-byname form{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ba .ba-byname input{border:1px solid var(--ar-line,#fff3);min-height:40px;color:inherit;font:600 16px/1 var(--b);background:0 0;border-radius:10px;flex:180px;padding:0 12px}.ba .ba-go{letter-spacing:.02em;text-transform:uppercase;background:var(--ba-volt);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);min-height:64px;box-shadow:0 18px 40px -18px var(--ba-volt);border:0;justify-self:stretch;animation:2.2s ease-in-out infinite ba-pulse;font:900 clamp(24px,6vw,34px)/1 var(--d)!important;color:var(--ba-ink)!important;font-style:italic!important}.ba .ba-go:disabled{animation:none}.ba .ba-go:active{transform:scale(.98)}@keyframes ba-pulse{50%{filter:brightness(1.15);box-shadow:0 18px 48px -12px var(--ba-volt)}}.ba .ba-match,.ba .ba-duel{background:var(--ba-dark);color:#f6f7f9;border-radius:18px;gap:12px;padding:14px;scroll-margin-top:84px;animation:.35s cubic-bezier(.2,.7,.2,1) ba-in;display:grid;position:relative;overflow:hidden}@keyframes ba-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.ba .ba-board{background:#000;border-radius:12px;grid-template-columns:1fr auto auto auto 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.ba .ba-board span{font:800 13px/1.1 var(--d);letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ba .ba-board span:last-child{text-align:end}.ba .ba-board b{text-align:center;min-width:44px;font:900 32px/1 var(--d);font-variant-numeric:tabular-nums;background:#14171f;border-radius:8px;padding:6px 0;animation:.5s cubic-bezier(.2,1.6,.4,1) ba-pop}.ba .ba-board i{font:800 13px/1 var(--d);letter-spacing:.06em;color:var(--ba-volt);text-align:center;min-width:40px;font-style:normal}@keyframes ba-pop{0%{color:var(--ba-volt);transform:scale(1.6)}}.ba .ba-pitch{aspect-ratio:16/9;background:linear-gradient(90deg,#0000 calc(50% - 1px),#ffffff59 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),radial-gradient(circle,#0000 13%,#ffffff59 13% calc(13% + 2px),#0000 calc(13% + 2px)),repeating-linear-gradient(90deg,#1d6b34 0 10%,#1a6130 10% 20%);border-radius:12px;width:100%;max-width:760px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff59,inset 0 0 60px #00000080}.ba .ba-pitch:before,.ba .ba-pitch:after{content:"";border:2px solid #ffffff59;width:12%;position:absolute;top:28%;bottom:28%}.ba .ba-pitch:before{border-left:0;left:-2px}.ba .ba-pitch:after{border-right:0;right:-2px}.ba .ba-ball{z-index:2;background:radial-gradient(circle at 35% 30%,#fff 0 40%,#cfd3da 70%,#8b9099);border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;transition:left .7s cubic-bezier(.3,.8,.3,1),top .7s cubic-bezier(.3,.8,.3,1);position:absolute;box-shadow:0 4px 8px #00000080,0 0 0 3px #ffffff26}.ba .ba-shout{z-index:3;font:900 clamp(30px,9vw,64px)/1 var(--d);text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 6px 24px #000000b3;pointer-events:none;place-items:center;font-style:italic;animation:1.1s cubic-bezier(.2,.9,.3,1) forwards ba-shout;display:grid;position:absolute;inset:0}.ba .ba-shout.k-goal{color:var(--ba-volt);font-size:clamp(44px,14vw,104px);animation-duration:1.6s}.ba .ba-shout.k-save,.ba .ba-shout.k-block{color:#7ad7ff}.ba .ba-shout.k-miss{color:#ffd28a}@keyframes ba-shout{0%{opacity:0;transform:scale(.4)rotate(-6deg)}25%{opacity:1;transform:scale(1.12)rotate(-3deg)}60%{opacity:1;transform:scale(1)rotate(-3deg)}to{opacity:0;transform:scale(1.05)rotate(-3deg)}}.ba .ba-match.goal .ba-pitch{animation:.5s ba-shake}.ba .ba-match.goal:before{content:"";z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ba-volt) 45%,transparent),transparent 70%);animation:1.2s ease-out forwards ba-flash;position:absolute;inset:0}.ba .ba-match.goal.g1:before{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ba-red) 45%,transparent),transparent 70%)}@keyframes ba-shake{20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}}@keyframes ba-flash{0%{opacity:1}to{opacity:0}}.ba .ba-line{border-inline-start:4px solid var(--ba-volt);min-height:2.6em;font:600 15px/1.35 var(--b);background:#ffffff0f;border-radius:10px;margin:0;padding:10px 12px;animation:.3s ease-out ba-in}.ba .ba-line.s-1{border-inline-start-color:var(--ba-red)}.ba .ba-skip{opacity:.7;background:0 0;border:0;justify-self:center;padding:8px 12px;text-decoration:underline;font:700 13px/1 var(--b)!important}.ba .ba-stamp{text-align:center;justify-items:center;gap:8px;padding:16px;animation:.55s cubic-bezier(.2,1.5,.4,1) ba-slam;display:grid}.ba .ba-stamp strong{font:900 clamp(40px,11vw,76px)/.9 var(--d);text-transform:uppercase;letter-spacing:-.02em;font-style:italic;transform:rotate(-3deg)}.ba .ba-stamp.win strong{color:var(--ba-volt);text-shadow:0 0 30px color-mix(in srgb,var(--ba-volt) 55%,transparent)}.ba .ba-stamp.loss strong{color:var(--ba-red)}.ba .ba-stamp.draw strong{color:#f6f7f9}.ba .ba-stamp small{font:600 13px/1.4 var(--b);opacity:.8}@keyframes ba-slam{0%{opacity:0;transform:scale(2.2)}}.ba .ba-face{perspective:900px;grid-template-columns:minmax(0,1fr) minmax(90px,.8fr) minmax(0,1fr);align-items:center;gap:10px;width:100%;max-width:720px;margin-inline:auto;display:grid}.ba .ba-flip{transform-style:preserve-3d;justify-items:center;transition:filter .4s,opacity .4s;animation:.7s cubic-bezier(.3,.8,.3,1) both ba-flip;display:grid}.ba .ba-flip.them{animation-delay:.35s}.ba .ba-flip .pk{max-width:150px}.ba .ba-flip.won .pk{box-shadow:0 0 0 3px var(--ba-volt),0 0 36px color-mix(in srgb,var(--ba-volt) 60%,transparent);animation:1s ease-in-out 1.4s both ba-glow}.ba .ba-flip.lost{filter:grayscale(.8)brightness(.6);transition-delay:1.4s}@keyframes ba-flip{0%{opacity:0;transform:rotateY(180deg)scale(.8)}60%{opacity:1}}@keyframes ba-glow{0%{box-shadow:none}}.ba .ba-blank{aspect-ratio:5/7;width:100%;max-width:150px;font:900 18px/1.1 var(--d);text-transform:uppercase;text-align:center;background:linear-gradient(160deg,#2a2f3b,#0b0d12);border-radius:14px;place-items:center;padding:10px;display:grid}.ba .ba-vs{text-align:center;justify-items:center;gap:10px;display:grid}.ba .ba-vs em{font:800 12px/1 var(--d);letter-spacing:.12em;text-transform:uppercase;color:var(--ba-volt);font-style:normal}.ba .ba-vs strong{font:900 18px/1 var(--d);text-transform:uppercase;font-style:italic;animation:.5s 1.4s both ba-slam}.ba .ba-bars{gap:6px;width:100%;display:grid}.ba .ba-bars span{background:#ffffff14;border-radius:6px;height:22px;display:block;position:relative;overflow:hidden}.ba .ba-bars span:before{content:"";width:var(--v);background:var(--ba-volt);animation:1.2s cubic-bezier(.2,.8,.2,1) .6s both ba-bar;position:absolute;inset:0 auto 0 0}.ba .ba-bars span.them:before{background:var(--ba-red)}.ba .ba-bars b{z-index:1;font:900 15px/22px var(--d);color:#fff;text-shadow:0 1px 4px #0009;text-align:start;padding:0 8px;display:block;position:relative}@keyframes ba-bar{0%{width:0}}.ba .ba-dots{justify-content:center;gap:10px;display:flex}.ba .ba-dots i{background:#ffffff26;border-radius:50%;width:14px;height:14px;transition:background .3s,transform .3s}.ba .ba-dots i.w{background:var(--ba-volt);transform:scale(1.2)}.ba .ba-dots i.l{background:var(--ba-red)}.ba .ba-dots i.d{background:#9aa0aa}.ba .ba-history summary{cursor:pointer;font:800 14px/1 var(--d);letter-spacing:.1em;text-transform:uppercase;opacity:.85;padding:8px 0}.ba .ba-hist-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin-top:8px;display:grid}.ba .ba-hist-grid ol{font:600 14px/1.3 var(--b);gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}@media (max-width:520px){.ba .ba-face{grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);gap:6px}.ba .ba-club{width:116px}.ba .ba-board{gap:6px;padding:8px}.ba .ba-board b{min-width:36px;font-size:26px}}@media (prefers-reduced-motion:reduce){.ba *,.ba :before,.ba :after{transition:none!important;animation:none!important}.ba .ba-shout{display:none}}.ba .ba-extras{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.ba .ba-edge{border:1px solid var(--ar-line,#7f7f7f4d);font:700 13px/1 var(--d);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:6px 10px}.ba .ba-voice{border:1px solid var(--ar-line,#7f7f7f4d);min-height:40px;font:800 14px/1 var(--d);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:0 14px}.ba .ba-voice[aria-pressed=true]{background:var(--bc-volt,#e8ff3a);color:#050608;border-color:#0000}