/* Large round cues, compact rewards, and a first-play guide that leaves the arena usable. */
#bmCountdown[hidden],#bmZoomGuide[hidden]{display:none!important}
#bmCountdown{position:absolute;left:43%;top:50%;z-index:8;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px;text-align:center;pointer-events:none;color:#fff3d0;filter:drop-shadow(0 5px 16px #000b);font-family:system-ui,sans-serif}
#bmCountdown:before{content:"";position:absolute;width:170px;height:170px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #ffcf5866;box-shadow:0 0 0 12px #f8c4520a,inset 0 0 45px #ffc95213;background:radial-gradient(circle,#112139e8,#0c1423b8 58%,#142b4500 70%);z-index:-1}
.bmRoundKicker{font-size:11px;font-weight:900;letter-spacing:.21em;color:#fbd677;background:#0b1423c9;padding:6px 10px;border-radius:999px;white-space:nowrap}
.bmRoundNumber{font:900 clamp(74px,23vmin,132px)/.95 Impact,Haettenschweiler,'Arial Narrow Bold',system-ui,sans-serif;letter-spacing:.02em;color:#ffcf58;text-shadow:0 5px 0 #9c5718,0 8px 24px #0008}
.bmRoundCaption{font-size:9px;font-weight:900;letter-spacing:.12em;white-space:nowrap;background:#0b1423c9;padding:5px 9px;border-radius:8px}
.bmRoundDots{display:flex;gap:7px;margin-top:2px}.bmRoundDots i{width:7px;height:7px;border:1px solid #ffcf5880;border-radius:50%;background:#12233d}.bmRoundDots i.lit{background:#ffcf58;box-shadow:0 0 12px #ffc84c88}
#bmCountdown.bmGo .bmRoundNumber{color:#7aeeff;text-shadow:0 5px 0 #17778d,0 0 35px #50d6ff66}.bmGo .bmRoundKicker{color:#9befff}.bmGo .bmRoundDots i.lit{background:#7aeeff}
#bmCountdown.bmWaiting:before{display:none}.bmWaiting .bmRoundNumber{font-size:28px;text-shadow:0 3px 8px #000}.bmWaiting .bmRoundDots{display:none}
.bmBeat .bmRoundNumber{animation:bmRoundBeat .72s cubic-bezier(.16,.85,.24,1) both}.bmBeat:before{animation:bmRoundRing .9s ease-out both}
@keyframes bmRoundBeat{0%{transform:scale(1.36);opacity:.25}25%{transform:scale(.97);opacity:1}60%,100%{transform:scale(1)}}
@keyframes bmRoundRing{from{box-shadow:0 0 0 0 #ffcf5830,inset 0 0 45px #ffc95213}to{box-shadow:0 0 0 26px #ffcf5800,inset 0 0 45px #ffc95213}}
#bmZoomGuide{position:absolute;display:flex;flex-direction:column;max-height:calc(100% - 56px);overflow:hidden;top:44px;left:12px;z-index:12;width:min(300px,calc(100% - 24px));padding:15px 16px;border:1px solid #e9b94d99;border-top:3px solid #ffd45c;border-radius:17px;background:linear-gradient(140deg,#192f49f5,#0a1424f7);color:#e4efff;box-shadow:0 12px 30px #0008;touch-action:none;font-family:system-ui,sans-serif;animation:bmGuideIn .3s ease-out both}
.bmGuideCopy{min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin}.bmGuideKicker{color:#ffd45c;font-size:9px;font-weight:900;letter-spacing:.12em}#bmZoomGuide h2{margin:6px 0;color:#fff2cd;font:900 23px/1.1 system-ui,sans-serif}#bmZoomGuide p{font-size:12px;font-weight:650;line-height:1.5;margin:7px 0 8px}.bmGuideHint{display:block;font-size:10px;line-height:1.4;color:#9fbedc}.bmGuideButtons{display:flex;flex-shrink:0;gap:8px;margin-top:12px}.bmGuideButtons button{cursor:pointer;touch-action:manipulation;border:1px solid #80cfff66;border-radius:10px;background:#203c59;color:#dff5ff;min-height:40px;padding:9px 11px;font:900 11px/1 system-ui,sans-serif;letter-spacing:.04em;flex:1}.bmGuideButtons button span{font-size:17px;margin-left:3px}.bmGuideButtons #bmGuideReady{background:linear-gradient(#ffd968,#efb130);border-color:#ffdc85;color:#2c1d00}.bmGuideButtons button:focus-visible{outline:3px solid #fff;outline-offset:3px}.bmGuideButtons button:active{transform:translateY(2px)}
@keyframes bmGuideIn{from{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}
#bmBoardWrap #bmMessage{top:42px;left:44%;transform:translateX(-50%);width:max-content;max-width:min(310px,68%);padding:8px 12px 9px 8px;display:flex;align-items:center;gap:9px;border:1px solid #ffd35b88;border-left:3px solid #ffd35b;border-radius:13px;background:linear-gradient(110deg,#1c3551f2,#0b1729f5);text-align:left;overflow:hidden;box-shadow:0 8px 22px #0008;font-family:system-ui,sans-serif;z-index:7}
#bmBoardWrap #bmMessage.hidden{display:none}#bmMessage>img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 4px #0008)}.bmNoticeCopy{display:grid;gap:2px;min-width:0}.bmNoticeCopy small{font:900 8px/1.1 system-ui,sans-serif;letter-spacing:.13em;color:#ffcf59}.bmNoticeCopy strong{font:900 14px/1.15 system-ui,sans-serif;color:#fff3d0}.bmNoticeCopy>span{font:650 10px/1.15 system-ui,sans-serif;color:#c8ddf3}#bmMessage:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:#ffcf59;transform-origin:left;animation:bmNoticeTime var(--notice-time,1.35s) linear forwards}#bmMessage.bmNoticeWarning{border-left-color:#ff9468}.bmNoticeWarning .bmNoticeCopy small{color:#ffb28c}.bmNoticeIn{animation:bmNoticeEnter .28s cubic-bezier(.2,.9,.3,1) both}
@keyframes bmNoticeEnter{from{opacity:0;margin-top:-7px}to{opacity:1;margin-top:0}}@keyframes bmNoticeTime{to{transform:scaleX(0)}}
@media(orientation:portrait){#bmCountdown{left:50%}#bmBoardWrap #bmMessage{left:50%;top:52px;max-width:min(300px,84%)}#bmZoomGuide{top:54px;max-height:calc(100% - 66px)}}
@media(orientation:landscape) and (max-height:500px){#bmZoomGuide{top:40px;width:280px;max-height:calc(100% - 48px);padding:9px 12px}#bmZoomGuide h2{font-size:20px;margin:4px 0}#bmZoomGuide p{font-size:11px;margin:5px 0}.bmGuideButtons{margin-top:8px}.bmGuideButtons button{min-height:36px;padding:8px}.bmRoundNumber{font-size:90px}#bmCountdown:before{width:145px;height:145px}.bmRoundCaption{font-size:8px}#bmBoardWrap #bmMessage{top:35px;padding:6px 10px 7px 7px}.bmNoticeCopy strong{font-size:12px}.bmNoticeCopy>span{font-size:9px}#bmMessage>img{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){#bmCountdown,#bmCountdown:before,#bmCountdown .bmRoundNumber,#bmZoomGuide,#bmMessage,#bmMessage:after{animation:none!important}.bmGuideButtons button:active{transform:none}}