.bd-hot{color:var(--lime);margin:0 0 6px;font-size:.85rem}.bd-how{color:#b8b6d6;text-align:center;gap:3px;margin:4px 0 10px;padding:0;font-size:.86rem;list-style:none;display:grid}.bd-play{flex-direction:column;display:none}.bd-play.active{display:flex}.bd-hud{border-bottom:1px solid var(--line);background:#0f0f1ce6;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 10px 4px;display:grid}.bd-p{border:2px solid var(--line);background:#1e1e2be6;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding:6px 10px;transition:border-color .15s,box-shadow .15s;display:flex}.bd-p:last-child{text-align:right;flex-direction:row-reverse}.bd-p.on{border-color:var(--lime);box-shadow:0 0 0 2px #c8ff3e40,0 0 18px #c8ff3e40}.bd-p.on .bd-name{color:var(--lime)}.bd-dot{background:var(--c);border:2px solid #ffffff59;border-radius:50%;flex:none;width:18px;height:18px;box-shadow:inset -2px -2px 4px #00000059}.bd-name{font-family:var(--font-display);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:400;overflow:hidden}.bd-score{font-family:var(--font-display);color:#ffd93d;flex:none;margin-left:auto;font-size:1.05rem;line-height:1.4}.bd-score:empty:before{content:" "}.bd-name{line-height:1.4}.bd-p:last-child .bd-score{margin-left:0;margin-right:auto}.bd-cap{display:none}.bd-hascaps .bd-cap{flex-wrap:nowrap;flex-basis:100%;gap:2px;height:19px;margin-top:-2px;display:flex;overflow:hidden}.bd-cap canvas{background:#ece8f6;border-radius:5px;flex:none;width:19px;height:19px;display:block}.bd-p:last-child .bd-cap{justify-content:flex-end}.bd-play[data-face=on] #bd-p2 .bd-cap{justify-content:flex-start}.bd-capsbtn b{font-family:var(--font-display);color:#ffd93d;margin-left:2px;font-weight:400}@media (width<=860px){.bd-hascaps .bd-cap{display:none}}.bd-capbox{z-index:255;background:#0c091499;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.bd-capbox[hidden]{display:none}.bd-capcard{border:2px solid var(--line);width:100%;max-width:420px;box-shadow:6px 6px 0 var(--ink);text-align:center;background:#1e1e2bf7;border-radius:18px;padding:16px 18px}.bd-capcard h3{color:var(--lime);margin:0 0 10px;font-size:1.2rem}.bd-caprow{text-align:left;border-top:1px solid var(--line);grid-template-columns:56px 1fr;align-items:center;gap:8px;padding:6px 0;display:grid}.bd-capl{color:#8f8daa;flex-wrap:wrap;align-items:center;gap:3px;min-height:28px;font-size:.85rem;display:flex}.bd-capl canvas{background:#ece8f6;border-radius:6px;width:26px;height:26px}.bd-capcard .btn{margin-top:10px}.bd-mid{text-align:center;min-width:48px}.bd-mid small{color:#b8b6d6;font-size:.62rem;display:block}.bd-mid b{font-family:var(--font-display);color:#fff;font-size:1.05rem;font-weight:400}.bd-msg{text-align:center;color:#e6e4ff;white-space:nowrap;text-overflow:ellipsis;height:1.9em;margin:0;padding:0 12px;font-size:1.05rem;line-height:1.9em;overflow:hidden}.bd-board{flex:1;place-items:center;min-height:0;padding:6px;display:grid;position:relative}.bd-board canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:6px;display:block;box-shadow:0 10px 30px #00000080}.bd-tools{border-top:1px solid var(--line);background:#0f0f1ce6;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px 8px 10px;display:flex}.bd-t{color:#f4f3ff;border-color:var(--line);background:#1e1e2be6;padding:6px 11px;font-size:.82rem}.bd-t.on{background:var(--lime);color:var(--lime-fg)}.bd-t.warn{color:#fff;background:#ff5f6d}.bd-t:disabled{opacity:.4}.bd-play[data-face=on] #bd-p2{text-align:left;flex-direction:row;transform:rotate(180deg)}.bd-play[data-face=on] #bd-p2 .bd-score{margin-left:auto;margin-right:0}.bd-winbox{z-index:260;background:#0c09149e;place-items:center;padding:16px;animation:.25s bdIn;display:grid;position:absolute;inset:0}.bd-winbox[hidden]{display:none}.bd-wincard{border:2px solid var(--line);text-align:center;width:100%;max-width:420px;box-shadow:8px 8px 0 var(--ink);background:#1e1e2bf5;border-radius:20px;padding:22px 20px}.bd-wintop{font-size:3rem;line-height:1;animation:.5s cubic-bezier(.2,.9,.3,1.4) bdPop}.bd-wincard h3{color:var(--lime);margin:8px 0 4px;font-size:1.5rem}.bd-winsub{color:#d6d4f0;margin:0}.bd-series{color:#ffd93d;margin:8px 0 0;font-size:1.1rem}@keyframes bdIn{0%{opacity:0}}@keyframes bdPop{0%{opacity:0;transform:scale(.3)}}html[data-inplay=on] .bd-hud{padding-left:54px}@media (width<=480px){.bd-name{font-size:.82rem}.bd-p{gap:6px;padding:5px 8px}.bd-t{padding:6px 9px;font-size:.78rem}}