.bs-stage{position:relative;width:100%;max-width:1020px;aspect-ratio:16/9;margin:20px auto 14px;background:radial-gradient(ellipse at top,rgba(8,24,44,.65) 0,rgba(2,8,24,.9) 80%);border:1px solid rgba(80,130,200,.25);border-radius:14px;box-shadow:inset 0 0 30px rgba(0,0,0,.55);overflow:hidden}.bs-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.bs-hud{position:absolute;inset:0;pointer-events:none;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.bs-field-label{position:absolute;top:8px;font-variant-caps:all-small-caps;letter-spacing:2.5px;color:#6ab7d4;text-shadow:0 1px 2px rgba(0,0,0,.6)}.bs-label-x{left:12px}.bs-label-o{right:12px}.bs-score{position:absolute;bottom:10px;padding:4px 10px;background:rgba(10,20,40,.65);border:1px solid rgba(108,214,220,.25);border-radius:6px;color:#cfe4ee;font-size:12px}.bs-score-num{color:#00d4ff;font-weight:700;font-variant-numeric:tabular-nums;margin-right:4px}.bs-score-sub{color:#88a0b4;font-size:10px;margin-left:6px;letter-spacing:1px;display:block}.bs-score-x{left:12px}.bs-score-o{right:12px}.bs-timer{position:absolute;top:8px;left:50%;transform:translateX(-50%);padding:4px 14px;background:rgba(20,20,40,.7);border:1px solid rgba(255,220,0,.35);border-radius:10px;color:#ffd060;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;font-weight:600;letter-spacing:2px}.bs-timer.is-low{color:#f88;border-color:rgba(255,100,100,.55)}.bs-fx-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bs-bonus{position:absolute;transform:translate(-50%,-50%);font-size:22px;font-weight:800;color:#fff8a0;text-shadow:0 0 8px rgba(255,220,0,.6),0 2px 4px rgba(0,0,0,.7);letter-spacing:1px;pointer-events:none;animation:bsBonusRise 1.2s ease-out forwards}.bs-bonus.is-big{font-size:30px;color:#fff;text-shadow:0 0 12px rgba(255,80,200,.8),0 0 24px rgba(255,60,160,.5),0 2px 4px rgba(0,0,0,.7)}@keyframes bsBonusRise{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-70%) scale(1.1)}60%{opacity:1;transform:translate(-50%,-110%) scale(1)}100%{opacity:0;transform:translate(-50%,-160%) scale(.85)}}.bs-gameend-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:50;background:radial-gradient(ellipse at center,rgba(0,0,0,.55) 0,rgba(0,0,0,0) 70%);opacity:0;animation:bsEndFade 4s ease-out forwards}.bs-gameend-overlay.hidden{display:none}.bs-gameend-text{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(48px, 12vw, 140px);font-weight:900;letter-spacing:4px;text-transform:uppercase;text-align:center;line-height:1;white-space:nowrap;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.6),0 4px 8px rgba(0,0,0,.7);transform:scale(.4) rotate(-5deg);opacity:0;animation:bsEndPop 4s cubic-bezier(.2,.7,.3,1) forwards}.bs-gameend-overlay.is-win .bs-gameend-text{color:#ffe04a;text-shadow:0 0 24px rgba(255,220,80,.95),0 0 64px rgba(255,160,0,.7),0 6px 10px rgba(0,0,0,.7)}.bs-gameend-overlay.is-lose .bs-gameend-text{color:#ff5a5a;text-shadow:0 0 24px rgba(255,90,90,.95),0 0 64px rgba(180,0,0,.7),0 6px 10px rgba(0,0,0,.75)}.bs-gameend-overlay.is-draw .bs-gameend-text{color:#a0c8ff;text-shadow:0 0 20px rgba(160,200,255,.9),0 6px 10px rgba(0,0,0,.7)}@keyframes bsEndFade{0%{opacity:0}10%{opacity:1}80%{opacity:1}100%{opacity:0}}@keyframes bsEndPop{0%{opacity:0;transform:scale(.3) rotate(-12deg)}18%{opacity:1;transform:scale(1.25) rotate(3deg)}28%{opacity:1;transform:scale(.95) rotate(-1deg)}40%{opacity:1;transform:scale(1) rotate(0)}80%{opacity:1;transform:scale(1) rotate(0)}100%{opacity:0;transform:scale(1.15) rotate(0)}}.player-disc{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-3px;margin:0 2px}.player-disc.x{background:radial-gradient(circle at 35% 30%,#ff8aa0 0,#f46 55%,#c4314c 100%);box-shadow:0 0 8px rgba(255,68,102,.5),inset 0 -1px 2px rgba(0,0,0,.4)}.player-disc.o{background:radial-gradient(circle at 35% 30%,#9ed1ff 0,#4af 55%,#2e7fc4 100%);box-shadow:0 0 8px rgba(68,170,255,.5),inset 0 -1px 2px rgba(0,0,0,.4)}.bs-pip-frame{position:absolute;display:none;border:1.5px solid rgba(108,214,220,.55);border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.55);pointer-events:none;z-index:6}.bs-pip-label{position:absolute;top:calc(100% + 3px);right:0;font-size:9px;letter-spacing:1px;color:#6ab7d4;white-space:nowrap;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.7)}.bs-stage.is-mobile{aspect-ratio:12/23;max-width:440px}.bs-stage.is-mobile .bs-field-label{display:none}.bs-stage.is-mobile .bs-score.is-opp{display:none}.bs-stage.is-mobile .bs-score.is-mine{left:8px;right:auto;bottom:8px;top:auto;transform:none;font-size:11px;padding:3px 8px}.pb-queue{display:flex;gap:8px;justify-content:center;align-items:center;margin:10px auto 2px;flex-wrap:nowrap}.pb-queue.hidden{display:none}.pb-queue-slot{opacity:.6;position:relative;width:52px;height:52px;border-radius:10px;background:rgba(10,22,40,.7);border:1px solid rgba(80,130,200,.3);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 12px rgba(0,0,0,.4);transition:transform .15s,border-color .15s}.pb-queue-slot canvas{width:46px;height:46px}.pb-queue-slot.is-head{opacity:1;border-color:#00e5d0;box-shadow:0 0 12px rgba(0,229,208,.45),inset 0 0 12px rgba(0,0,0,.4);transform:scale(1.12)}.pb-queue-now{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1.5px;color:#00e5d0;font-weight:700}.bs-timer.is-flow{color:#6cf0ff;border-color:rgba(80,200,255,.6)}.bs-stage.is-mobile{aspect-ratio:5/6;max-width:460px}