:root{--ink:#17211e;--muted:#68736f;--paper:#f4efe6;--panel:#fffaf0;--green:#15392f;--green2:#215849;--line:#d8d0c2;--gold:#d99a39;--cell:54px;--shadow:0 18px 50px #142b2218;color-scheme:light}
:root[data-theme=dark]{--ink:#f4efe6;--muted:#abb8b3;--paper:#101916;--panel:#18241f;--green:#c7e1d7;--green2:#9fcabb;--line:#33463e;--shadow:0 18px 60px #0007;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.hidden{display:none!important}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-family:Georgia,serif;font-size:21px;color:var(--ink);text-decoration:none}.brand span{font-style:italic;color:var(--gold)}.top-actions{display:flex;gap:8px}.quiet,.secondary,.primary{border:0;border-radius:999px;padding:11px 18px;font-weight:700}.quiet{background:transparent;color:var(--ink)}.quiet:hover{background:#8881}.primary{background:var(--green);color:var(--paper);box-shadow:0 8px 22px #15392f26}.secondary{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.icon-button{font-size:20px}.welcome{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,500px);gap:clamp(40px,8vw,130px);max-width:1250px;margin:auto;padding:clamp(60px,10vh,120px) 32px}.hero-copy{align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:900;color:var(--gold)}.hero-copy h1{font:clamp(46px,6vw,82px)/.98 Georgia,serif;letter-spacing:-.05em;margin:18px 0 28px}.hero-copy h1 em{font-weight:400;color:var(--green2)}.hero-copy>p:not(.eyebrow){max-width:580px;font-size:18px;line-height:1.65;color:var(--muted)}.mini-tiles{display:flex;margin-top:42px}.mini-tiles .tile{margin-left:-5px;transform:rotate(var(--r,0));box-shadow:0 5px 18px #0002}.mini-tiles .tile:nth-child(1){--r:-7deg}.mini-tiles .tile:nth-child(2){--r:4deg}.mini-tiles .tile:nth-child(3){--r:-2deg}.mini-tiles .tile:nth-child(4){--r:8deg}.entry-card,.panel,.finished{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:28px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:24px}.tab{flex:1;border:0;background:none;padding:12px;color:var(--muted);font-weight:800;border-bottom:2px solid transparent}.tab.active{color:var(--ink);border-color:var(--gold)}.entry-form{display:grid;gap:17px}.entry-form label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:800}.entry-form input{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:13px 14px;outline:none}.entry-form input:focus{border-color:var(--green2);box-shadow:0 0 0 3px #2c6a571f}.entry-form .primary{margin-top:5px}.error{min-height:20px;color:#bd413a;font-weight:700;font-size:13px}.open-rooms{border-top:1px solid var(--line);margin-top:15px;padding-top:18px}.open-rooms h2{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.room-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.room-row button{border:0;background:none;color:var(--green2);font-weight:800}.empty{color:var(--muted);font-size:13px}.room{max-width:1480px;margin:auto;padding:36px clamp(16px,4vw,58px) 60px}.room-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.room-heading h1{font:42px/1 Georgia,serif;margin:8px 0}.phase-pill{border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:12px;font-weight:800}.lobby-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.panel-title h2{font:27px Georgia,serif;margin:0}.panel-title span{font-size:12px;color:var(--muted)}.player-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.avatar{width:38px;height:38px;border-radius:50%;background:var(--green);color:var(--paper);display:grid;place-items:center;font:18px Georgia,serif}.player-row small{display:block;color:var(--muted)}.ready-dot{color:var(--muted);font-size:12px;font-weight:800}.ready-dot.yes{color:#288557}.setting{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.setting span{display:grid;gap:4px}.setting small{color:var(--muted)}.setting select{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:9px}.switch-row{position:relative}.switch-row input{position:absolute;opacity:0}.switch-row i{width:48px;height:28px;border-radius:99px;background:#aaa;position:relative;transition:.2s}.switch-row i:after{content:"";position:absolute;width:22px;height:22px;background:white;border-radius:50%;left:3px;top:3px;transition:.2s;box-shadow:0 2px 5px #0004}.switch-row input:checked+i{background:var(--green2)}.switch-row input:checked+i:after{transform:translateX(20px)}.lobby-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.game-status{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:14px}.status-label,.pool-status span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);display:block}.game-status strong{font:22px Georgia,serif}.pool-status{text-align:right}.timer-wrap{text-align:center;font-variant-numeric:tabular-nums;font-weight:900}.timer-wrap i{display:block;width:150px;height:4px;background:var(--line);margin-top:5px;border-radius:9px;overflow:hidden}.timer-wrap b{display:block;height:100%;background:var(--gold);width:100%}.table-shell{position:relative}.board-scroll{height:min(58vh,620px);overflow:auto;border:10px solid #493b2e;border-radius:17px;background:#1c4d3e;box-shadow:inset 0 0 60px #061a1370,var(--shadow)}.board{position:relative;width:calc(36 * var(--cell));height:calc(24 * var(--cell));background-image:linear-gradient(#fff0 0),linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:auto,var(--cell) var(--cell),var(--cell) var(--cell)}.tile{width:46px;height:50px;border-radius:5px;background:#fff8e8;border:1px solid #d7cbb7;color:#111;display:grid;place-items:center;font:800 25px Georgia,serif;box-shadow:0 2px 4px #0004;user-select:none;touch-action:none;position:relative}.tile:after{content:"";position:absolute;inset:4px;border:1px solid currentColor;border-radius:3px;opacity:.16}.tile.red{color:#c73634}.tile.blue{color:#2365a8}.tile.black{color:#202423}.tile.orange{color:#df7c19}.tile.joker{font-size:0;color:#7b438c}.tile.joker:before{content:"★";font-size:23px}.board .tile{position:absolute;left:calc(var(--x) * var(--cell) + 4px);top:calc(var(--y) * var(--cell) + 2px);cursor:grab}.tile.selected{outline:4px solid #f3c155;z-index:3;transform:translateY(-3px)}.tile.drag-ghost{position:fixed!important;left:auto!important;top:auto!important;z-index:1000;pointer-events:none;opacity:.88;transform:translate(-50%,-50%) scale(1.08)}.spectator-hint{position:absolute;top:18px;left:50%;transform:translateX(-50%);background:#102c25e8;color:white;border-radius:999px;padding:9px 17px;font-size:12px;font-weight:800;pointer-events:none}.rack-shell{background:#584536;border-radius:12px 12px 26px 26px;padding:14px 16px 17px;box-shadow:inset 0 5px 10px #0004;margin:14px auto 0;max-width:1100px}.rack-heading{color:#f6ede1;display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:10px}.rack-heading b{margin-left:8px;color:#dab06c}.rack-heading .quiet{color:#f6ede1;padding:5px 10px}.rack{min-height:58px;display:flex;gap:5px;align-items:center;overflow-x:auto;padding:3px}.rack .tile{flex:0 0 46px;cursor:grab}.turn-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:15px}.turn-actions>span{margin-right:auto;color:var(--muted);font-size:13px}.centered{text-align:center}.finished{max-width:700px;margin:50px auto;text-align:center}.finished h2{font:42px Georgia,serif}.score-row{display:grid;grid-template-columns:1fr 100px 100px;text-align:left;padding:12px;border-top:1px solid var(--line)}.score-row.header{font-size:11px;text-transform:uppercase;color:var(--muted)}.score-row .positive{color:#288557}.score-row .negative{color:#bd413a}.finished .primary{margin-top:26px}dialog{max-width:820px;width:calc(100% - 32px);background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:36px;box-shadow:0 20px 90px #0007}dialog::backdrop{background:#07140fbf;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:17px;top:14px;border:0;background:none;color:var(--ink);font-size:28px}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.rule-grid section>b{font:italic 17px Georgia;color:var(--gold)}.rule-grid h3{margin:5px 0}.rule-grid p{color:var(--muted);line-height:1.55;font-size:14px}.official-link a{color:var(--green2);font-weight:800}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;background:var(--ink);color:var(--paper);border-radius:999px;padding:12px 20px;font-weight:700;transition:.25s;z-index:2000;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}button:disabled,input:disabled,select:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:850px){.topbar{padding:0 15px}.top-actions{gap:0}.quiet{padding:9px 10px}.welcome{grid-template-columns:1fr;padding:45px 18px}.hero-copy h1{font-size:47px}.mini-tiles{display:none}.lobby-grid{grid-template-columns:1fr}.room{padding:25px 12px}.room-heading h1{font-size:31px}.game-status{grid-template-columns:1fr 100px 1fr}.timer-wrap i{width:90px}.board-scroll{height:50vh}.turn-actions{display:grid;grid-template-columns:1fr 1fr}.turn-actions>span{grid-column:1/-1}.turn-actions .primary{grid-column:1/-1}.rule-grid{grid-template-columns:1fr}.top-actions #rulesBtn{display:none}}
.board-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0 4px 8px}.board-tools button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;min-width:36px;height:34px;padding:0 11px;font-weight:800}.board-tools span{min-width:45px;text-align:center;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.board{--board-columns:10;--board-rows:8;--board-zoom:1;width:calc(var(--board-columns) * var(--cell) * var(--board-zoom));height:calc(var(--board-rows) * var(--cell) * var(--board-zoom));background-size:auto,calc(var(--cell) * var(--board-zoom)) calc(var(--cell) * var(--board-zoom)),calc(var(--cell) * var(--board-zoom)) calc(var(--cell) * var(--board-zoom));transition:width .18s ease,height .18s ease}.board .tile{width:calc(46px * var(--board-zoom));height:calc(50px * var(--board-zoom));left:calc(var(--x) * var(--cell) * var(--board-zoom) + 4px * var(--board-zoom));top:calc(var(--y) * var(--cell) * var(--board-zoom) + 2px * var(--board-zoom));font-size:calc(25px * var(--board-zoom));border-radius:calc(5px * var(--board-zoom))}.board .tile:after{inset:calc(4px * var(--board-zoom));border-radius:calc(3px * var(--board-zoom))}.board .tile.joker:before{font-size:calc(23px * var(--board-zoom))}.board .tile.invalid{outline:4px solid #ef5047;z-index:4;animation:invalid-tile .65s ease 2}.rack{display:grid;grid-template-rows:repeat(2,50px);gap:5px;align-items:start;min-height:111px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.rack-row{display:flex;gap:5px;width:max-content;min-width:100%}.rack .tile{touch-action:pan-y}.rack-shell{overflow:hidden}.resume-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #d99a3970;background:#d99a3912;border-radius:16px;padding:14px;margin-bottom:18px}.resume-card div{display:grid;gap:3px}.resume-card small{color:var(--muted)}.danger{border:1px solid #bd413a55;background:#bd413a12;color:#bd413a;border-radius:999px;padding:9px 13px;font-weight:800}@keyframes invalid-tile{50%{filter:brightness(1.18);transform:translateY(-5px)}}
.time-input,.game-time-control input{width:76px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;padding:8px}.game-time-control{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;font-weight:800;margin-right:auto}.game-time-control input{height:34px;padding:5px 7px;background:var(--panel)}
@media(max-width:850px){.room-heading{align-items:flex-start;gap:10px}.room-heading-actions{flex-wrap:wrap;justify-content:flex-end}.room-heading-actions .phase-pill{order:-1;width:100%;text-align:center}.board-tools{justify-content:center;flex-wrap:wrap}.game-time-control{flex:1 0 100%;justify-content:center;margin:0}.board-tools button{height:32px;padding:0 9px}.board-scroll{height:52vh}}
.tile.joker:before{content:"🙂";font-family:system-ui,sans-serif;font-weight:400}.board .tile.joker{font-size:0}.rack .tile{touch-action:none}.turn-banner{margin:0 auto 12px;padding:12px 20px;border:2px solid #9b6515;border-radius:14px;background:#f3c155;color:#17211e;text-align:center;font-weight:1000;font-size:clamp(19px,4vw,28px);letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 0 5px #f3c15538,0 10px 30px #d99a3955;animation:turn-pulse 1.2s ease-in-out infinite}.game.your-turn .board-scroll{outline:4px solid #f3c155;outline-offset:3px}.game.your-turn .rack-shell{box-shadow:inset 0 5px 10px #0004,0 0 0 4px #f3c155,0 12px 36px #d99a3945}@keyframes turn-pulse{50%{transform:scale(1.015);box-shadow:0 0 0 9px #f3c15522,0 12px 36px #d99a3970}}@media(prefers-reduced-motion:reduce){.turn-banner{animation:none}}
.rack-heading small{display:block;margin-top:3px;color:#d9cbbb;font-size:10px;font-weight:600}
.tile-counts{display:flex;gap:7px;margin:-1px 0 9px;overflow-x:auto;scrollbar-width:none}.tile-counts::-webkit-scrollbar{display:none}.tile-count-chip{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:11px}.tile-count-chip span{font-weight:800}.tile-count-chip strong{color:var(--green2);font-size:11px}.tile-count-chip.self{border-color:#d99a3977}.tile-count-chip.current{box-shadow:inset 0 0 0 2px #f3c155}.tile-count-chip.offline{opacity:.5}
.turn-actions.spectator-actions{justify-content:flex-start}.turn-actions.spectator-actions button{display:none}.turn-actions.spectator-actions>span{font-weight:800;color:var(--green2)}
.tile{transition:transform .14s ease,opacity .14s ease,box-shadow .14s ease}.tile.drag-source{opacity:.28;transform:translateY(-4px) scale(.94);box-shadow:none}.tile.drag-ghost{left:0!important;top:0!important;will-change:transform;transition:none;filter:drop-shadow(0 12px 12px #0006)}.tile.drag-ghost.settling{opacity:.35;transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .18s ease}.tile-dragging,.tile-dragging *{cursor:grabbing!important}.drag-snap{position:absolute;z-index:2;pointer-events:none;width:calc(46px * var(--board-zoom));height:calc(50px * var(--board-zoom));left:calc(var(--x) * var(--cell) * var(--board-zoom) + 4px * var(--board-zoom));top:calc(var(--y) * var(--cell) * var(--board-zoom) + 2px * var(--board-zoom));border:2px solid #f3c155;border-radius:calc(5px * var(--board-zoom));background:#f3c15533;opacity:0;transform:scale(.75);transition:left .09s ease,top .09s ease,opacity .12s ease,transform .12s ease}.drag-snap.visible{opacity:1;transform:scale(1);animation:snap-pulse .75s ease-in-out infinite}.drag-snap.occupied{border-color:#ef5047;background:#ef504733}@keyframes snap-pulse{50%{box-shadow:0 0 0 5px #f3c15533}}
@media(prefers-reduced-motion:reduce){.tile,.tile.drag-ghost.settling,.drag-snap{transition:none}.drag-snap.visible{animation:none}}
.board{margin-left:auto;margin-right:auto}
.rack{display:flex;flex-direction:column;align-items:stretch;gap:calc(5px * var(--rack-scale,1));min-height:0;overflow:visible;padding:3px}.rack-row{display:flex;justify-content:center;gap:calc(5px * var(--rack-scale,1));width:100%;min-width:0;height:calc(50px * var(--rack-scale,1))}.rack .tile{width:calc(46px * var(--rack-scale,1));height:calc(50px * var(--rack-scale,1));flex:0 0 calc(46px * var(--rack-scale,1));font-size:calc(25px * var(--rack-scale,1));border-radius:calc(5px * var(--rack-scale,1))}.rack .tile:after{inset:calc(4px * var(--rack-scale,1));border-radius:calc(3px * var(--rack-scale,1))}.rack .tile.joker:before{font-size:calc(23px * var(--rack-scale,1))}
@media(max-width:850px){.topbar{height:52px}.brand{font-size:18px}.room{padding:10px 8px 36px}.room-heading{display:grid;grid-template-columns:minmax(105px,auto) minmax(0,1fr);align-items:center;gap:8px;margin-bottom:9px}.room-heading .eyebrow{font-size:9px;letter-spacing:.11em;margin:0 0 3px}.room-heading h1{font-size:27px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-heading-actions{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none}.room-heading-actions::-webkit-scrollbar{display:none}.room-heading-actions .phase-pill{display:none}.room-heading-actions button{flex:0 0 auto;padding:7px 9px;font-size:11px}.game-status{margin-bottom:7px}.game-status strong{font-size:19px}.status-label,.pool-status span{font-size:9px}.timer-wrap i{margin-top:2px}.turn-banner{margin:0 0 7px;padding:6px 12px;border-width:1px;border-radius:10px;font-size:16px;letter-spacing:.09em}.board-tools{flex-wrap:nowrap;justify-content:center;gap:4px;margin-bottom:6px;overflow-x:auto;scrollbar-width:none}.board-tools::-webkit-scrollbar{display:none}.game-time-control{flex:0 0 auto;margin:0}.game-time-control span{display:none}.game-time-control input{width:58px;height:32px}.board-tools button{min-width:32px;height:32px;padding:0 8px;font-size:12px}.board-tools #arrangeBtn{min-width:62px}.board-scroll{height:calc(100dvh - 285px);min-height:330px;max-height:620px}.spectator-hint{display:none!important}}
.tile.red{color:#c4143c;background:#fff0f3}.tile.blue{color:#005fbd;background:#edf6ff}.tile.black{color:#151719;background:#fff8e8}.tile.orange{color:#9a5100;background:#fff3dc}.tile:not(.joker):before{content:"";position:absolute;bottom:5px;width:34%;height:3px;border-radius:99px;background:currentColor;opacity:.9}.board .tile:not(.joker):before{bottom:calc(5px * var(--board-zoom));height:max(1px,calc(3px * var(--board-zoom)))}.rack .tile:not(.joker):before{bottom:calc(5px * var(--rack-scale,1));height:max(1px,calc(3px * var(--rack-scale,1)))}
.draw-reveal{position:fixed;inset:0;z-index:1800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#07140f00;opacity:0;pointer-events:none;transition:opacity .18s ease,background .18s ease}.draw-reveal.visible{opacity:1;background:#07140fa8;backdrop-filter:blur(3px)}.draw-reveal.departing{background:#07140f00}.draw-reveal>strong{color:#fff;font-size:18px;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 8px #000;transition:opacity .15s ease}.draw-reveal.departing>strong{opacity:0}.draw-reveal .drawn-tile{width:92px;height:100px;border-radius:10px;font-size:50px;box-shadow:0 22px 55px #0009;animation:draw-reveal-pop .38s cubic-bezier(.2,.9,.2,1)}.draw-reveal .drawn-tile:after{inset:8px;border-radius:6px}.draw-reveal .drawn-tile:not(.joker):before{bottom:10px;height:6px}.draw-reveal .drawn-tile.joker:before{font-size:46px}.rack .tile.just-drawn{z-index:4;animation:drawn-arrival .75s ease 2}@keyframes draw-reveal-pop{from{transform:scale(.35) rotate(-8deg);opacity:0}70%{transform:scale(1.08) rotate(2deg)}to{transform:scale(1) rotate(0)}}@keyframes drawn-arrival{50%{transform:translateY(-7px) scale(1.12);box-shadow:0 0 0 6px #f3c15577,0 8px 20px #0006}}@media(prefers-reduced-motion:reduce){.draw-reveal,.draw-reveal .drawn-tile,.rack .tile.just-drawn{animation:none;transition:none}}
.tile[aria-pressed="true"]{outline:4px solid #f3c155;outline-offset:2px;z-index:5;filter:brightness(1.08)}.board.tap-targeting{cursor:crosshair;box-shadow:inset 0 0 0 3px #f3c15588}.board.tap-targeting:after{content:"";position:absolute;inset:0;pointer-events:none;background:#f3c15508;animation:tap-target-ready 1.1s ease-in-out infinite}@keyframes tap-target-ready{50%{background:#f3c15516}}@media(prefers-reduced-motion:reduce){.board.tap-targeting:after{animation:none}}
.tile,.board .tile,.rack .tile{cursor:pointer;touch-action:manipulation}.rack-tools{display:flex;align-items:center;gap:2px}.rack-heading .rack-move{min-width:34px;padding:5px 8px;border:1px solid #f6ede144}
.commit-action{max-width:1100px;margin:14px auto 0;padding-bottom:13px;border-bottom:1px solid var(--line)}.commit-action .primary{width:100%;min-height:54px;font-size:18px}.turn-actions{margin-top:11px}.turn-actions #drawBtn{margin-left:18px}
.finished h2{font-size:clamp(30px,10vw,42px);overflow-wrap:anywhere}.score-row{gap:12px}.score-row>*{min-width:0}.score-row b{overflow-wrap:anywhere}.score-row span,.score-row strong{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:640px){.finished{padding:clamp(18px,5vw,28px)}.score-row.header{display:none}.score-row:not(.header){grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;align-items:center}.score-row:not(.header)>b{grid-row:1/3;font-size:clamp(16px,5vw,22px)}.score-row:not(.header)>span,.score-row:not(.header)>strong{white-space:nowrap}.score-row:not(.header)>span:before,.score-row:not(.header)>strong:before{content:attr(data-label) " ";color:var(--muted);font-size:.62em;font-weight:700;text-transform:uppercase;letter-spacing:.04em}}
.board-tools{position:relative;z-index:10;isolation:isolate}.board-scroll{position:relative;z-index:1}