/* SlideSlicer only: the game keeps its full canvas on small screens. */
.slicer-board{width:300px;flex:none;background:#14171f;border:1px solid #ffffff20;border-radius:18px;padding:22px;color:#fff;font-family:var(--font);text-align:left}
.slicer-board header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.slicer-board .board-kicker{color:#FFDB46;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700}
.slicer-board h2{font-size:27px;letter-spacing:-.6px;margin:7px 0}
.slicer-board p{font-size:12px;line-height:1.5;color:#a4abba;margin:0 0 14px}
.slicer-board .board-status{font-size:11px;min-height:18px;color:#a4abba;margin:10px 0}
.slicer-board .board-status[data-state="live"]{color:#FFDB46}
.board-list{margin:0;padding:0;list-style:none;max-height:min(54dvh,520px);overflow-y:auto;overscroll-behavior:contain}
.board-list li{display:flex;align-items:center;gap:9px;padding:12px 2px;border-top:1px solid #ffffff12;font-size:13px}
.board-list li.is-me{background:#FFDB4615;border-radius:6px}
.board-list .place{color:#939ba9;font-size:12px;width:22px;flex:none}
.board-list li:nth-child(-n+3) .place{color:#FFDB46;font-weight:700}
.board-list .player{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board-list small{font-size:9px;color:#9098a5;margin-left:5px;letter-spacing:.4px;text-transform:uppercase}
.board-list strong{font-variant-numeric:tabular-nums;color:#FFDB46;font-size:14px}
.slicer-board .board-you{padding:12px 0;border-top:1px solid #ffffff25;color:#fff;font-weight:700;margin-top:8px}
.board-toggle,.board-close,.board-join{font-family:inherit;cursor:pointer;border:1px solid #ffffff35;background:transparent;color:#FFDB46;border-radius:99px;padding:8px 12px;font-weight:700;font-size:12px}
.board-close{color:#fff;font-size:17px;padding:4px 10px}
.board-join{width:100%;margin-top:7px;padding:11px}
.board-screen{display:block;text-align:center;color:#FFDB46;font-size:12px;font-weight:700;text-decoration:none;border:1px solid #FFDB4640;border-radius:99px;padding:11px;margin:10px 0}
.board-screen:hover{background:#FFDB4610}
.score-status{color:#c0c5d2;font-size:12px;line-height:1.5;max-width:340px;min-height:18px;margin:6px 0}
.score-status[data-state="saved"]{color:#FFDB46}
body .hud #hud-power b{font-size:13px;letter-spacing:0}
body .controls{padding-left:14px;padding-right:58px;gap:12px}
body .hint{font-size:11px;flex:1}
body .screen{justify-content:flex-start;padding-top:max(28px,env(safe-area-inset-top))}
body .screen .illus{max-width:300px;flex-shrink:0}
body .screen .rules{margin-bottom:8px;padding:10px 4px;line-height:1.6}
body .screen .tag{margin-bottom:6px}
body #overScreen,body #levelScreen{justify-content:center}
@media(min-width:1160px){
  body{gap:20px;padding:0 24px}
  body #app{max-width:900px;min-width:0;flex:1}
  .slicer-board{align-self:center;max-height:94dvh;overflow-y:auto}
  .board-toggle,.board-close{display:none}
}
@media(max-width:1159px){
  .slicer-board{display:none;position:fixed;z-index:45;inset:16px 16px auto auto;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 20px 0 100vmax #000b}
  .slicer-board.is-open{display:block}
  .board-list{max-height:48dvh}
}
@media(max-height:740px){body #startScreen .illus{display:none}body .screen .title{font-size:38px}body .screen{padding:22px;gap:6px}}
@media(prefers-reduced-motion:reduce){body .hud .h.bump b{animation:none}}