.ttt-match{width:min(100%,420px,100svh - 220px);min-width:260px;margin:auto}.ttt-score{grid-template-columns:1fr 1fr;gap:6px;margin:6px 0 8px;display:grid}.ttt-player{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:8px;min-width:0;min-height:38px;padding:4px 10px;transition:background .15s,box-shadow .15s;display:flex}.ttt-player.active{background:#eef4dc;box-shadow:inset 0 0 0 1px #cfe0a2}.ttt-player strong{overflow-wrap:anywhere;flex:1;min-width:0;font-size:12px;font-weight:600}.ttt-symbol{text-align:center;width:18px;font-size:15px;font-weight:800}.ttt-symbol.mark-0{color:#3f7a57}.ttt-symbol.mark-1{color:#c26a3d}.ttt-points{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.ttt-board{aspect-ratio:1;background:#354b3d;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;transition:box-shadow .15s;display:grid}.ttt-board.your-turn-board{box-shadow:0 0 0 3px var(--lime)}.ttt-cell{aspect-ratio:1;touch-action:manipulation;background:#f2f1e3;border:0;border-radius:6px;place-items:center;min-width:0;padding:0;transition:background .15s;display:grid;position:relative}.ttt-cell[aria-disabled=true]{cursor:default}.ttt-cell.open:hover{background:#e9efd2}.ttt-cell:focus-visible{outline:3px solid var(--lime);outline-offset:-3px}.ttt-cell.winning{background:#d9ed99;animation:.5s ease-out ttt-win}.ttt-ghost{color:#26372c18;opacity:0;font-size:clamp(28px,8vw,56px);font-weight:800;transition:opacity .12s}.ttt-cell.open:hover .ttt-ghost,.ttt-cell.open:focus-visible .ttt-ghost{opacity:1}.ttt-glyph{fill:none;stroke-width:11px;stroke-linecap:round;width:72%;height:72%}.ttt-glyph.x{stroke:#3f7a57}.ttt-glyph.o{stroke:#c26a3d}.ttt-glyph path,.ttt-glyph circle{stroke-dasharray:180;stroke-dashoffset:180px;animation:.28s ease-out forwards ttt-draw}.ttt-glyph.x path+path{animation-delay:.12s}@keyframes ttt-draw{to{stroke-dashoffset:0}}@keyframes ttt-win{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.ttt-match .arena-bottom{margin-top:10px}@media (max-width:700px){.ttt-match{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.ttt-glyph path,.ttt-glyph circle{stroke-dashoffset:0;animation:none}.ttt-cell.winning{animation:none}}
.dom-match{width:min(100%,540px);margin:auto}.dom-teams{align-items:center;gap:6px;margin:6px 0 4px;display:flex}.dom-team{border:1px solid var(--line);background:#fff;border-radius:6px;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:34px;padding:3px 10px;font-size:12px;transition:background .15s,box-shadow .15s;display:flex}.dom-team span{overflow-wrap:anywhere;min-width:0}.dom-team.active{background:#eef4dc;box-shadow:inset 0 0 0 1px #cfe0a2}.dom-team strong{font-variant-numeric:tabular-nums;font-size:18px}.dom-goal{color:var(--muted);white-space:nowrap;font-size:11px}.dom-players{grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:6px;margin:6px 0 8px;padding:0;list-style:none;display:grid}.dom-players.seats-3{--cols:3}.dom-players.seats-4{--cols:4}.dom-player{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 6px;min-height:44px;padding:5px 8px;transition:background .15s,box-shadow .15s,opacity .15s;display:grid;position:relative}.dom-player.active{background:#eef4dc;box-shadow:inset 0 0 0 1px #cfe0a2}.dom-player.out{opacity:.5}.dom-player.out strong{text-decoration:line-through}.dom-player strong{overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:600;line-height:1.25}.dom-seat-dot{background:var(--seat);border-radius:50%;flex-shrink:0;width:9px;height:9px}.dom-score{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.dom-backs{min-height:14px;color:var(--muted);grid-column:1/-1;align-items:center;gap:2px;font-size:10px;display:flex}.dom-backs i{background:#3e5a48;border-radius:2px;width:6px;height:12px;box-shadow:inset 0 0 0 1px #5b7a63}.dom-backs b{font-variant-numeric:tabular-nums;margin-left:4px;font-weight:600}.dom-bubble{color:#8a4d2a;background:#f4e3d4;border-radius:9px;padding:1px 6px;font-size:10px;font-weight:600;animation:.35s ease-out dom-pop;position:absolute;bottom:5px;right:6px}.dom-bubble.draw{color:#365a74;background:#e1e9ec}.dom-bubble.away{color:var(--muted);background:#eee;animation:none}.dom-felt{background:radial-gradient(at 50% 40%,#43604d,#354b3d 75%);border-radius:10px;padding:6px 4px 20px;transition:box-shadow .15s;position:relative}.dom-felt.your-turn-board{box-shadow:0 0 0 3px var(--lime)}.dom-table{width:100%;max-height:min(44vh,380px);display:block}.dom-face{fill:#fbf8ee;stroke:#d7d0b6;stroke-width:.03px}.dom-table .dom-face{filter:drop-shadow(0 .05px .06px #0005)}.dom-divider{stroke:#c8c0a2;stroke-width:.035px;stroke-linecap:round}.dom-pip{fill:#26372c}.dom-placed{transform-box:fill-box;transform-origin:50%;animation:.38s cubic-bezier(.2,.8,.3,1.2) dom-drop}.dom-placed .dom-face{fill:#fffbe6;stroke:#d9ed99;stroke-width:.06px}.dom-slot{cursor:pointer}.dom-slot rect{fill:#d9ed9944;stroke:#d9ed99;stroke-width:.06px;stroke-dasharray:.16 .1;animation:1s ease-in-out infinite dom-pulse}.dom-empty{fill:#e4ebdc;font-size:.62px;font-weight:500}.dom-stock{color:#dfe7d7;font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:11px;display:flex;position:absolute;bottom:4px;left:10px}.dom-stock i{background:#26372c;border-radius:2px;width:7px;height:12px;box-shadow:2px -2px #2e4636,inset 0 0 0 1px #5b7a63}.dom-actions{min-height:44px;color:var(--muted);justify-content:center;align-items:center;margin:8px 0 2px;font-size:12px;display:flex}.dom-choice{color:var(--ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;display:flex}.dom-choice>span{text-align:center;width:100%;font-weight:600}.dom-draw{min-width:160px}.dom-passing{color:#8a4d2a;font-weight:500}.dom-hand{flex-wrap:wrap;justify-content:center;gap:6px;padding:6px 0 10px;display:flex}.dom-hand-tile{aspect-ratio:1/2;touch-action:manipulation;background:0 0;border:0;border-radius:7px;width:40px;padding:0;transition:transform .15s,opacity .15s,filter .15s;animation:.32s ease-out backwards dom-deal}.dom-hand-tile svg{width:100%;height:100%;display:block;overflow:visible}.dom-hand-tile .dom-face{stroke-width:.04px;filter:drop-shadow(0 .03px .05px #0004)}.dom-hand-tile[aria-disabled=true]{cursor:default}.dom-hand-tile.playable{transform:translateY(-6px)}.dom-hand-tile.playable .dom-face{stroke:#9fbf4c;stroke-width:.07px}.dom-hand-tile.playable:hover{transform:translateY(-9px)}.dom-hand-tile.blocked{opacity:.5}.dom-hand-tile.selected{transform:translateY(-12px)}.dom-hand-tile.selected .dom-face{fill:#f3f9dc;stroke:#6c8c2c}.dom-hand-tile:focus-visible{outline-offset:2px;outline:3px solid #718b43}.dom-result{background:#f4f8e8;border:1px solid #cfe0a2;border-radius:8px;margin:8px 0 4px;padding:10px 12px;animation:.3s ease-out dom-pop}.dom-result p{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:6px;font-size:13px;display:flex}.dom-result p span{color:#3c5222;font-weight:600}.dom-result ul{margin:0;padding:0;list-style:none}.dom-result li{border-top:1px solid #e2ead0;align-items:center;gap:7px;min-height:30px;font-size:12px;display:flex}.dom-result li.won .dom-result-name{font-weight:700}.dom-result-name{overflow-wrap:anywhere;flex-shrink:0;width:78px}.dom-result-tiles{flex-wrap:wrap;flex:1;gap:3px;min-width:0;display:flex}.dom-result-tiles em{color:#5d7837;font-size:11px}.dom-result li b{font-variant-numeric:tabular-nums;text-align:right;min-width:22px}.dom-mini{width:38px;height:19px;display:block}.dom-match .arena-bottom{margin-top:8px}@keyframes dom-drop{0%{opacity:0;transform:scale(1.5)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes dom-deal{0%{opacity:0;transform:translateY(18px)}}@keyframes dom-pop{0%{opacity:0;transform:scale(.85)}}@keyframes dom-pulse{50%{fill:#d9ed9988}}@media (max-width:700px){.dom-players.seats-4{--cols:2}.dom-felt{padding:4px 2px 18px}.dom-hand{gap:5px}.dom-hand-tile{width:38px}.dom-result-name{width:60px}}@media (prefers-reduced-motion:reduce){.dom-placed,.dom-hand-tile,.dom-bubble,.dom-result,.dom-slot rect{animation:none}.dom-hand-tile{transition:none}}
.draw-match{--pad:min(100%,calc(100svh - 430px));width:min(100%,500px);margin:auto}.draw-timer{background:var(--line);border-radius:2px;height:4px;margin:0 0 8px;overflow:hidden}.draw-timer span{transform-origin:0;background:#8fb04f;height:100%;transition:transform .25s linear,background .3s;display:block}.draw-timer.low span{background:#d0743f}.draw-progress{flex-wrap:wrap;gap:4px 6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.draw-person{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:5px;min-width:0;padding:2px 9px 2px 2px;font-size:11px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.draw-person span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.draw-person i{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:10px;font-style:normal;font-weight:700;display:grid}.draw-person.sent{color:var(--ink);background:#eef4dc;border-color:#cfe0a2}.draw-person.sent i{animation:.32s ease-out draw-pop}.draw-person.gone{opacity:.5;text-decoration:line-through}.draw-person small,.draw-ranking small{color:var(--muted);font-weight:400}.draw-stage{min-height:200px;position:relative}.draw-prompt{width:var(--pad);color:#f6f8ee;overflow-wrap:anywhere;background:#354b3d;border-radius:10px;flex-direction:column;gap:2px;min-width:240px;margin:0 auto 10px;padding:10px 14px;font-size:18px;font-weight:600;line-height:1.3;animation:.35s ease-out draw-rise;display:flex}.draw-prompt span{color:#c8d6b6;text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:500}.draw-reference{width:var(--pad);min-width:240px;color:var(--muted);grid-template-columns:96px 1fr;align-items:center;gap:10px;margin:0 auto 10px;font-size:12px;display:grid}.draw-reference span{grid-area:1/2}.draw-reference .draw-frame{width:96px;min-width:0}.draw-frame{width:var(--pad);min-width:240px;margin:0 auto;position:relative}.draw-canvas{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;display:block;box-shadow:0 1px #e3e8da}.draw-canvas.editable{touch-action:none;-webkit-user-select:none;user-select:none;transition:box-shadow .15s}.draw-canvas.editable.active{cursor:crosshair;box-shadow:0 0 0 3px var(--lime)}.draw-loading{color:var(--muted);pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.draw-tools{width:var(--pad);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;min-width:240px;margin:10px auto 0;display:flex}.draw-swatches,.draw-buttons{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.draw-swatch{background:var(--swatch);touch-action:manipulation;border:2px solid #fff;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 1px #d5dccb}.draw-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink);transform:scale(1.1)}.draw-tool{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);touch-action:manipulation;background:#fff;border-radius:8px;place-items:center;padding:0;display:grid}.draw-tool[aria-pressed=true]{background:var(--lime);border-color:#bdd672}.draw-tool:hover:not(:disabled){background:#f1f4eb}.draw-tool[aria-pressed=true]:hover:not(:disabled){background:#cee489}.draw-tool svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.draw-size{background:var(--ink);border-radius:50%;display:block}.draw-confirm{gap:2px;display:inline-flex}.draw-limit{width:var(--pad);color:#8a6a1c;min-width:240px;margin:8px auto 0;font-size:12px}.draw-limit.full{color:#a35e4d;font-weight:500}.draw-submit,.draw-write-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.draw-submit{width:var(--pad);min-width:240px;margin:10px auto 0}.draw-submit .primary{min-width:150px}.draw-sent{color:#3c5222;margin-right:auto;font-size:13px;font-weight:600;animation:.3s ease-out draw-pop}.draw-write{width:var(--pad);min-width:240px;margin:10px auto 0}.draw-write input{min-height:44px;font-size:16px}.draw-write input:not(:disabled){border-color:#bdd672;box-shadow:0 0 0 3px #d9ed9988}.draw-write-actions{margin-top:8px}.draw-write-actions .primary{min-width:110px}.draw-count{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:auto;font-size:11px}.draw-write-actions .draw-sent{margin-right:auto}.draw-watch{text-align:center;background:#fff;border:1px dashed #cdd6c2;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:220px;padding:16px;display:flex}.draw-watch strong{font-variant-numeric:tabular-nums;font-size:34px;line-height:1.1}.draw-watch span{color:var(--muted);font-size:13px}.draw-intro{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3;text-align:center;background:#fafbf7f5;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;animation:.2s ease-out draw-fade;display:flex;position:absolute;inset:-4px}.draw-intro span{color:var(--muted);font-size:13px}.draw-intro strong{color:#354b3d;font-size:56px;font-weight:800;line-height:1;animation:.5s ease-out draw-count}.draw-dots{gap:4px;margin:2px 0 10px;display:flex}.draw-dots i{background:var(--line);border-radius:2px;flex:1;height:4px;transition:background .3s}.draw-dots i.on{background:#8fb04f}.draw-chain{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.draw-entry{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}.draw-entry.newest{border-color:#cfe0a2;animation:.45s cubic-bezier(.2,.8,.3,1.2) draw-rise;box-shadow:0 2px 10px #26372c0d}.draw-entry-head{color:var(--muted);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.draw-entry-head i{border-radius:50%;flex-shrink:0;width:10px;height:10px}.draw-entry-head strong{color:var(--ink);font-weight:600}.draw-entry .draw-frame{width:min(100%,180px);min-width:0;transition:width .3s ease-out}.draw-entry.newest .draw-frame{width:min(100%,290px)}.draw-bubble{overflow-wrap:anywhere;padding:2px 2px 0;font-size:19px;font-weight:600;line-height:1.3}.draw-entry.text:first-child .draw-bubble{color:#354b3d}.draw-entry-foot{justify-content:flex-end;margin-top:6px;display:flex}.draw-like{border:1px solid var(--line);min-height:34px;color:var(--muted);touch-action:manipulation;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;display:inline-flex}.draw-like>span{color:#c4627e;font-size:14px;line-height:1}.draw-like b{font-variant-numeric:tabular-nums;color:var(--ink)}.draw-like:hover:not(:disabled){color:var(--ink);background:#fbeff2;border-color:#ecc7d2}.draw-like.liked{color:#8f3c55;opacity:1;background:#fbeff2;border-color:#ecc7d2}.draw-like.liked>span{animation:.45s ease-out draw-heart}.draw-like.static{background:0 0;border-color:#0000}.draw-reveal-controls{justify-content:flex-end;align-items:center;min-height:48px;margin-top:10px;display:flex}.draw-next{min-width:180px;min-height:44px;font-size:14px}.draw-subtitle{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin:10px 0 6px;font-size:12px;font-weight:600}.draw-top .draw-entry .draw-frame{width:min(100%,220px)}.draw-chain:not(.draw-top) .draw-entry:not(.newest){padding-top:8px;padding-bottom:8px}.draw-ranking{flex-direction:column;gap:4px;margin:12px 0 4px;padding:0;list-style:none;display:flex}.draw-ranking li{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:4px 10px;font-size:13px;display:flex}.draw-ranking li.winner{background:#eef4dc;border-color:#cfe0a2}.draw-ranking i{border-radius:50%;flex-shrink:0;width:10px;height:10px}.draw-ranking strong{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.draw-place{width:22px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.draw-total{color:#8f3c55;font-variant-numeric:tabular-nums;font-weight:600}.draw-match .arena-bottom{margin-top:12px}@keyframes draw-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes draw-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes draw-fade{0%{opacity:0}to{opacity:1}}@keyframes draw-count{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes draw-heart{0%{transform:scale(1)}40%{transform:scale(1.5)}to{transform:scale(1)}}@media (min-width:701px){.draw-section .draw-chain:not(.draw-top){overscroll-behavior:contain;max-height:calc(100svh - 330px);padding-right:2px;overflow-y:auto}}@media (max-width:700px){.draw-match{--pad:100%}.draw-entry .draw-frame{width:62%}.draw-entry.newest .draw-frame,.draw-top .draw-entry .draw-frame{width:100%}.draw-frame,.draw-tools,.draw-submit,.draw-write,.draw-prompt,.draw-reference,.draw-limit{min-width:0}.draw-swatch{width:30px;height:30px}.draw-tool{width:38px;height:38px}.draw-tools{gap:8px}.draw-swatches{gap:6px}.draw-prompt{font-size:17px}.draw-intro strong{font-size:48px}}@media (prefers-reduced-motion:reduce){.draw-person.sent i,.draw-prompt,.draw-sent,.draw-intro,.draw-intro strong,.draw-entry.newest,.draw-like.liked>span{animation:none}.draw-entry .draw-frame,.draw-timer span{transition:none}}
.spy-match{width:min(100%,540px);margin:auto}.spy-bar{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#fff;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:6px 0 8px;padding:6px 10px 9px;font-size:12px;display:flex;position:relative;overflow:hidden}.spy-bar b{color:var(--ink)}.spy-topic{color:#3c5222;background:#eef2e3;border-radius:10px;padding:1px 8px;font-weight:600}.spy-clock{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin-left:auto;font-size:18px;font-weight:700;display:inline-flex}.spy-clock svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:15px;height:15px}.spy-clock.stopped{color:var(--muted)}.spy-clock.late{color:#b2543a;animation:1s steps(2,end) infinite spy-tick}.spy-progress{height:3px;width:var(--left);background:#b9d36c;transition:width .25s linear;position:absolute;bottom:0;left:0}.spy-card{perspective:900px;text-align:left;touch-action:manipulation;background:0 0;border:0;border-radius:12px;width:100%;margin:0 0 8px;padding:0;display:block}.spy-card:focus-visible{outline-offset:2px;outline:3px solid #718b43}.spy-card-inner{transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.7,.3,1.15);display:grid}.spy-card.shown .spy-card-inner{transform:rotateY(180deg)}.spy-face{backface-visibility:hidden;border-radius:12px;flex-direction:column;grid-area:1/1;gap:4px;min-height:118px;padding:14px 16px;display:flex}.spy-front{text-align:center;color:#e9efe2;background:repeating-linear-gradient(135deg,#354b3d 0 10px,#3a5243 10px 20px);justify-content:center;align-items:center;box-shadow:inset 0 0 0 3px #4d6a55}.spy-front strong{font-size:15px}.spy-front>span:last-child{color:#bfd0b5;font-size:11px}.spy-seal{background:var(--lime);color:#26372c;border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;font-weight:800;display:grid}.spy-back{background:#fffdf3;border:1px solid #e4dcb8;transform:rotateY(180deg);box-shadow:0 3px 12px #26372c14}.spy-back.spy{color:#eef3e6;background:#2c3a33;border-color:#2c3a33}.spy-eyebrow{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:11px}.spy-back.spy .spy-eyebrow,.spy-back.spy .spy-category{color:#b9c8b0}.spy-word,.spy-role{overflow-wrap:anywhere;font-size:26px;font-weight:700;line-height:1.15}.spy-role{color:var(--lime);text-transform:uppercase;letter-spacing:2px}.spy-category{color:var(--muted);font-size:12px}.spy-candidates{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.spy-candidates span{color:#e4ebdc;background:#3c4f45;border-radius:9px;padding:2px 7px;font-size:11px}.spy-hide{color:var(--muted);text-align:right;margin-top:auto;padding-top:6px;font-size:10px}.spy-back.spy .spy-hide{color:#9fb196}.spy-panel{border:1px solid var(--line);background:#fff;border-radius:8px;margin:0 0 8px;padding:10px 12px;font-size:13px;animation:.3s ease-out spy-in}.spy-panel p+p,.spy-panel .small-copy{margin-top:4px}.spy-accusation{background:#fcf3ec;border-color:#e6c2ad}.spy-confirm{background:#f4f8e8;border-color:#cfe0a2}.spy-buttons{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:8px;display:flex}.spy-buttons .small-copy{margin:0}.spy-note{color:#8a4d2a;margin-top:6px;font-weight:500}.spy-reveal{border-width:2px}.spy-reveal.citizens{background:#f4f8e8;border-color:#cfe0a2}.spy-reveal.spies{background:#f6f1f9;border-color:#c9b6d6}.spy-outcome{margin-bottom:4px;font-size:17px;font-weight:700}.spy-truth{flex-wrap:wrap;gap:4px 16px;display:flex}.spy-truth b{font-size:15px}.spy-words{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.spy-words button{border:1px solid var(--line);background:#fff;border-radius:17px;min-height:34px;padding:5px 10px;font-size:12px}.spy-words button[aria-pressed=true]{background:var(--lime);border-color:#a9c45b;font-weight:600}.spy-people{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 8px;padding:0;list-style:none;display:grid}.spy-people li>*{border:1px solid var(--line);text-align:left;background:#fff;border-radius:7px;align-items:center;gap:7px;width:100%;min-height:46px;padding:6px 8px;transition:background .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.spy-people li.turn>*{background:#eef4dc;box-shadow:inset 0 0 0 1px #cfe0a2}.spy-people li.out>*{opacity:.45}.spy-people li.chosen>*{box-shadow:0 0 0 2px var(--lime);border-color:#6c8c2c}.spy-people button{touch-action:manipulation;border-style:dashed;border-color:#b8cc86}.spy-people button:hover{background:#f2f7e4}.spy-people.accuse button{border-color:#d9a68b}.spy-people.accuse button:hover{background:#fbefe7}.spy-skip{opacity:.55}.spy-avatar{background:var(--seat);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:grid}.spy-person{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.spy-person strong{overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.25}.spy-tags{flex-wrap:wrap;gap:3px;display:flex}.spy-tags em{color:#5c6a55;background:#eef1e8;border-radius:4px;padding:0 5px;font-size:10px;font-style:normal;line-height:1.6}.spy-tags .turn{background:var(--lime);color:#1d2e14;font-weight:600}.spy-tags .accused,.spy-tags .no{color:#8a4d2a;background:#f6dccd;font-weight:600}.spy-tags .yes,.spy-tags .ready{color:#3c5222;background:#e6f0c8}.spy-tags .spy{color:var(--lime);background:#2c3a33;font-weight:600}.spy-tags .points{color:#3c5222;background:#e6f0c8;font-weight:700}.spy-tags .wait{color:var(--muted)}.spy-score{font-variant-numeric:tabular-nums;font-size:15px}.spy-verb{background:var(--lime);color:#1d2e14;border-radius:8px;padding:0 6px;font-size:10px;font-weight:600;position:absolute;top:-8px;right:6px}.spy-people.accuse .spy-verb{color:#6d351a;background:#f2c9b1}.spy-actions{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 8px;font-size:12px;display:flex}.spy-reveal-button{border-color:#2c3a33;margin-left:auto}.spy-standings{margin:0 0 8px;padding:0;list-style:none}.spy-standings li{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:34px;font-size:13px;display:flex}.spy-standings li span:nth-child(2){flex:1}.spy-standings li.won{font-weight:700}.spy-standings li.won b:after{content:" ★";color:#809c51}.spy-history{color:var(--muted);margin:0 0 6px}.spy-history summary{padding:5px 0}.spy-history ol{margin:2px 0 6px;padding-left:20px;font-size:12px;line-height:1.7}.spy-history b{color:var(--ink)}.spy-match .arena-bottom{margin-top:4px}@keyframes spy-in{0%{opacity:0;transform:translateY(6px)}}@keyframes spy-tick{50%{opacity:.6}}@media (max-width:700px){.spy-people{grid-template-columns:repeat(2,minmax(0,1fr))}.spy-word,.spy-role{font-size:22px}.spy-clock{font-size:16px}}@media (prefers-reduced-motion:reduce){.spy-card-inner{transition:none}.spy-panel,.spy-clock.late{animation:none}.spy-progress{transition:none}}
.pk-stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#354b3d;border-radius:10px;width:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 22px #26372c1c,0 1px 2px #26372c26}.pk-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pk-stage:focus-visible{outline-offset:2px;outline:3px solid #a9c45e}.pk-overlay{pointer-events:none;text-align:center;place-items:center;display:grid;position:absolute;inset:0}.pk-count{color:#fff;font-variant-numeric:tabular-nums;background:#1f30258c;border-radius:50%;place-items:center;width:84px;height:84px;font-size:46px;font-weight:800;animation:1s ease-out infinite pk-tick;display:grid}.pk-banner{color:#1f3026;background:#fafbf7f0;border-radius:999px;padding:8px 18px;font-size:clamp(15px,4vw,22px);font-weight:700;animation:.45s cubic-bezier(.2,1.5,.4,1) pk-pop;box-shadow:0 6px 20px #1f302533}.pk-banner small{color:var(--muted);font-size:11px;font-weight:500;display:block}@keyframes pk-tick{0%{opacity:.6;transform:scale(1.18)}25%{opacity:1;transform:scale(1)}}@keyframes pk-pop{0%{opacity:0;transform:scale(.6)}}.pk-touch{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;margin:12px 4px 8px;display:flex}@media (hover:hover) and (pointer:fine) and (min-width:701px){.pk-touch{display:none}}.pk-stick{border:1px solid var(--line);touch-action:none;background:radial-gradient(circle,#f3f5ed 0 56%,#e9eddf 57% 100%);border-radius:50%;flex-shrink:0;width:128px;height:128px;position:relative;box-shadow:inset 0 2px 6px #26372c14}.pk-stick[aria-disabled=true]{opacity:.5}.pk-knob{width:54px;height:54px;transform:translate(calc(var(--kx) * 38px),calc(var(--ky) * 38px));pointer-events:none;background:#354b3d;border:3px solid #4b6553;border-radius:50%;margin:-27px 0 0 -27px;transition:transform .12s ease-out;position:absolute;top:50%;left:50%;box-shadow:0 4px 10px #26372c40}.pk-stick.active .pk-knob{background:#2b3e32;transition:none}.pk-action{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;width:96px;height:96px;min-height:0;padding:0;font-size:14px;font-weight:700;position:relative;box-shadow:0 4px #b6cd6e,0 6px 14px #26372c26}.pk-action:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #b6cd6e,0 3px 8px #26372c26}.pk-action svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.pk-ring{fill:none;stroke:#354b3dbb;stroke-width:6px;stroke-linecap:round;stroke-dasharray:289;animation:linear forwards pk-recharge}@keyframes pk-recharge{to{stroke-dashoffset:289px}}.pk-keys{color:var(--muted);font-size:11px}@media (hover:none),(pointer:coarse),(max-width:700px){.pk-keys{display:none}}@media (prefers-reduced-motion:reduce){.pk-count,.pk-banner{animation:none}.pk-knob{transition:none}}
.fb-match{width:100%;min-width:0;margin:auto}.fb-score{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:6px 0 8px;display:grid}.fb-team{align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:600;display:flex}.fb-team.team-1{justify-content:flex-end}.fb-team i,.fb-roster i{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 0 1px #26372c33}.team-0 i{background:#3f7a57}.team-1 i{background:#ce7747}.fb-team strong{font-variant-numeric:tabular-nums;text-align:center;min-width:22px;font-size:24px;line-height:1}.fb-clock{color:#f3f6ea;font-variant-numeric:tabular-nums;letter-spacing:.5px;background:#26372c;border-radius:6px;padding:3px 10px;font-size:15px;font-weight:700}.fb-clock.ending{background:#a35e4d}.fb-stage{width:min(100%,175svh - 577.5px);min-width:260px}.fb-goal.team-0{color:#2b5a3f}.fb-goal.team-1{color:#a65a30}.fb-rosters{grid-template-columns:1fr 1fr;gap:4px 12px;margin:10px 0 6px;display:grid}.fb-roster{min-width:0;margin:0;padding:0;font-size:12px;list-style:none}.fb-roster.team-1{text-align:right}.fb-roster li{overflow-wrap:anywhere;align-items:center;gap:6px;min-height:24px;display:flex}.fb-roster.team-1 li{flex-direction:row-reverse}.fb-roster small{color:var(--muted);font-size:10px}.fb-roster li.out{opacity:.5;text-decoration:line-through}.fb-roster li.away{opacity:.6}.fb-match .arena-bottom{margin-top:4px}@media (max-width:700px){.fb-stage{width:100%;min-width:0}.fb-team strong{font-size:22px}}
.curve-match{width:min(100%,100svh - 290px);min-width:260px;margin:auto}.curve-score{flex-wrap:wrap;gap:5px;margin:6px 0 8px;padding:0;list-style:none;display:flex}.curve-chip{--seat:#4b8b65;border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:6px;min-width:0;min-height:30px;padding:3px 9px;font-size:12px;transition:opacity .2s,background .2s;display:inline-flex}.curve-chip i{background:var(--seat);width:10px;height:10px;box-shadow:0 0 0 2px color-mix(in srgb,var(--seat) 22%,transparent);border-radius:50%;flex-shrink:0}.curve-chip.dead{opacity:.48}.curve-chip.dead i{box-shadow:none}.curve-chip.out .curve-name{text-decoration:line-through}.curve-chip.winner{background:#eef4dc;border-color:#cfe0a2}.curve-name{overflow-wrap:anywhere;font-weight:600}.curve-points{font-variant-numeric:tabular-nums;text-align:right;min-width:14px;font-size:15px;animation:.35s ease-out curve-bump}.curve-board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#f4f3e6;border:4px solid #354b3d;border-radius:9px;position:relative;overflow:hidden}.curve-board canvas{outline:none;width:100%;height:100%;display:block}.curve-board:has(canvas:focus-visible){box-shadow:0 0 0 3px var(--lime)}.curve-board[data-phase=running][data-status=playing]{cursor:crosshair}.curve-overlay{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.curve-count{background:#2537291c}.curve-count span{color:#26372c;text-shadow:0 2px #fafbf7;font-size:72px;font-weight:800;animation:.5s ease-out curve-pop}.curve-banner{border:1px solid var(--line);text-align:center;background:#fafbf7ee;border-radius:8px;flex-direction:column;align-items:center;gap:3px;max-width:84%;padding:10px 16px;font-size:15px;font-weight:700;animation:.3s ease-out curve-pop;display:flex;box-shadow:0 6px 20px #26372c1a}.curve-banner small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.curve-pads{touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 2px;display:none}.curve-pad{border:1px solid var(--line);min-height:68px;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#f0f3e8;border-radius:10px;font-size:30px;transition:background .1s}.curve-pad.held{background:var(--lime);border-color:#bdd672}.curve-match .arena-bottom{margin-top:8px}@keyframes curve-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes curve-bump{0%{color:#5d7837;transform:scale(1.5)}to{transform:scale(1)}}@media (max-width:700px),(pointer:coarse){.curve-pads{display:grid}}@media (max-width:700px){.curve-match{width:100%;min-width:0}.curve-board{border-width:3px}.curve-count span{font-size:56px}}@media (prefers-reduced-motion:reduce){.curve-points,.curve-count span,.curve-banner{animation:none}}
.tanks-match{width:min(100%,133.333svh - 386.667px);min-width:260px;margin:auto}.tanks-score{flex-wrap:wrap;gap:5px;margin:6px 0 8px;padding:0;list-style:none;display:flex}.tanks-chip{--seat:#4b8b65;border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:6px;min-width:0;min-height:30px;padding:3px 9px;font-size:12px;transition:opacity .2s,background .2s;display:inline-flex}.tanks-chip i{background:var(--seat);border-radius:3px;flex-shrink:0;width:10px;height:10px}.tanks-chip.dead{opacity:.48}.tanks-chip.out .tanks-name{text-decoration:line-through}.tanks-chip.winner{background:#eef4dc;border-color:#cfe0a2}.tanks-name{overflow-wrap:anywhere;font-weight:600}.tanks-ammo{gap:2px;display:inline-flex}.tanks-ammo b{background:#dfe3d6;border-radius:2px;width:4px;height:9px}.tanks-ammo b.full{background:#26372c}.tanks-split{color:#5d7837;font-size:13px;line-height:1;animation:.35s ease-out tanks-bump}.tanks-points{font-variant-numeric:tabular-nums;text-align:right;min-width:12px;font-size:15px;animation:.35s ease-out tanks-bump}.tanks-board{aspect-ratio:4/3;touch-action:none;-webkit-user-select:none;user-select:none;background:#f4f3e6;border:4px solid #354b3d;border-radius:9px;position:relative;overflow:hidden}.tanks-board canvas{outline:none;width:100%;height:100%;display:block}.tanks-board:has(canvas:focus-visible){box-shadow:0 0 0 3px var(--lime)}.tanks-overlay{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.tanks-count{background:#2537291c}.tanks-count span{color:#26372c;text-shadow:0 2px #fafbf7;font-size:72px;font-weight:800;animation:.5s ease-out tanks-pop}.tanks-banner{border:1px solid var(--line);text-align:center;background:#fafbf7ee;border-radius:8px;flex-direction:column;align-items:center;gap:3px;max-width:84%;padding:10px 16px;font-size:15px;font-weight:700;animation:.3s ease-out tanks-pop;display:flex;box-shadow:0 6px 20px #26372c1a}.tanks-banner small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.tanks-controls{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;margin:10px 4px 4px;display:none}.tanks-stick{border:1px solid var(--line);touch-action:none;background:radial-gradient(circle,#f6f8f0 0 38%,#eef1e6 39%);border-radius:50%;flex-shrink:0;place-items:center;width:124px;height:124px;display:grid;position:relative;box-shadow:inset 0 2px 6px #26372c10}.tanks-stick:before{content:"";border:1px dashed #cfd6c4;border-radius:50%;position:absolute;inset:14px}.tanks-knob{pointer-events:none;background:#354b3d;border-radius:50%;width:52px;height:52px;transition:transform .12s ease-out;box-shadow:0 3px #1f2e24,inset 0 2px #4f6857}.tanks-stick.held .tanks-knob{background:#3f5a48;transition:none}.tanks-fire{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#ce7747;border:0;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;width:96px;height:96px;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px #9f5a33}.tanks-fire small{opacity:.85;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.tanks-fire:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #9f5a33}.tanks-match .arena-bottom{margin-top:8px}@keyframes tanks-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes tanks-bump{0%{color:#5d7837;transform:scale(1.5)}to{transform:scale(1)}}@media (max-width:700px),(pointer:coarse){.tanks-controls{display:flex}}@media (max-width:700px){.tanks-match{width:100%;min-width:0}.tanks-board{border-width:3px}.tanks-count span{font-size:56px}}@media (prefers-reduced-motion:reduce){.tanks-split,.tanks-points,.tanks-count span,.tanks-banner{animation:none}.tanks-knob{transition:none}}
.cyc-match{width:100%;min-width:0}.cyc-score{flex-wrap:wrap;gap:4px 6px;margin:2px 0 8px;padding:0;list-style:none;display:flex}.cyc-score li{--rider:#4b8b65;border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:6px;min-width:0;min-height:28px;padding:3px 8px;font-size:11px;transition:opacity .2s;display:flex}.cyc-score li>i{background:var(--rider);width:10px;height:10px;box-shadow:0 0 0 2px color-mix(in srgb,var(--rider) 25%,transparent);border-radius:3px;flex-shrink:0}.cyc-score li.out{opacity:.5}.cyc-score li.out .cyc-name{-webkit-text-decoration:line-through #76807188;text-decoration:line-through #76807188}.cyc-score li.gone{opacity:.35}.cyc-name{overflow-wrap:anywhere;font-weight:600}.cyc-name small{color:var(--muted);font-size:10px;font-weight:400}.cyc-pips{gap:3px;display:inline-flex}.cyc-pips b{background:#e2e7dc;border-radius:50%;width:6px;height:6px}.cyc-pips b.won{background:var(--rider)}.cyc-field{width:min(100%,calc((100svh - 330px) * var(--cyc-w) / var(--cyc-h)));min-width:min(100%,260px);aspect-ratio:var(--cyc-ratio);touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:3px;background:#1c2921;border:4px solid #354b3d;border-radius:8px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 24px #1c29211f}.cyc-field:focus-visible{outline:2px solid #718b43}.cyc-field canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cyc-countdown{color:#f3f8e4;text-shadow:0 0 18px #d9ed9988;pointer-events:none;place-items:center;font-size:clamp(44px,12vw,72px);font-weight:800;animation:.9s ease-out both cyc-count;display:grid;position:absolute;inset:0}.cyc-overlay{text-align:center;color:#f3f8e4;pointer-events:none;background:#141f1890;place-content:center;justify-items:center;gap:6px;padding:12px;animation:.25s ease-out both cyc-fade;display:grid;position:absolute;inset:0}.cyc-overlay strong{font-size:clamp(16px,4.5vw,22px)}.cyc-overlay span{color:#cfd9c2;font-variant-numeric:tabular-nums;font-size:12px}.cyc-controls{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;margin:10px 0 8px;display:flex}.cyc-controls .small-copy{text-align:right;max-width:220px;margin:0}.cyc-match .arena-bottom{margin-top:6px}@keyframes cyc-count{0%{opacity:0;transform:scale(1.35)}30%{opacity:1}to{opacity:.92;transform:scale(1)}}@keyframes cyc-fade{0%{opacity:0}}@media (max-width:700px){.cyc-field{border-width:3px;border-radius:7px;width:100%}.cyc-controls{flex-direction:column;justify-content:center;gap:6px;margin:10px 0 6px}.cyc-controls .small-copy{text-align:center;max-width:none}.cyc-controls .direction-pad{grid-template-rows:repeat(2,52px);grid-template-columns:repeat(3,56px);gap:6px}}@media (prefers-reduced-motion:reduce){.cyc-countdown,.cyc-overlay{animation:none}}
.hk-match{width:100%;min-width:0}.hk-table{width:min(100%,62.7907svh - 226.047px);min-width:250px;margin:0 auto}.hk-stage{width:100%}.hk-bar{border-radius:6px;align-items:center;gap:8px;min-height:38px;padding:4px 8px;font-size:12px;transition:background .2s;display:flex}.hk-bar i{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 0 1px #26372c33}.hk-bar strong{overflow-wrap:anywhere;min-width:0;font-weight:600}.hk-bar small{color:var(--muted);font-size:10px}.hk-bar .you{font-size:10px}.hk-bar.won{background:#eef4dc;box-shadow:inset 0 0 0 1px #cfe0a2}.hk-points{font-variant-numeric:tabular-nums;margin-left:auto;font-size:24px;font-weight:700;line-height:1}.hk-match .arena-bottom{margin-top:6px}@media (max-width:700px){.hk-table{width:100%;min-width:0}}
.sm-match{width:100%;min-width:0}.sm-board{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 8px;margin:6px 0 8px;padding:0;list-style:none;display:grid}.sm-board li{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:7px;min-width:0;min-height:28px;padding:2px 8px;font-size:12px;transition:opacity .2s,background .2s;display:flex}.sm-board li.out{opacity:.45}.sm-board li.gone .sm-name{text-decoration:line-through}.sm-board li.champion{background:#eef4dc;border-color:#cfe0a2}.sm-board i{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:11px;height:11px;box-shadow:0 0 0 1px #26372c33}.sm-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.sm-name .you{font-weight:400}.sm-pips{flex-shrink:0;gap:3px;display:flex}.sm-pips span{border:1.5px solid #c2c9b6;border-radius:50%;width:9px;height:9px}.sm-pips span.won{background:#c4a23a;border-color:#a88a2a}.sm-stage{width:min(100%,100svh - 360px);min-width:260px}.sm-match .arena-bottom{margin-top:6px}@media (max-width:700px){.sm-stage{width:100%;min-width:0}.sm-board{grid-template-columns:1fr 1fr}}
.mg-match{width:min(100%,500px);margin:auto}.mg-card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;min-height:min(410px,100svh - 300px);padding:12px 14px 14px;animation:.28s ease-out mg-enter;display:flex;position:relative;overflow:hidden}.mg-card.phase-countdown,.mg-card.phase-intro{color:#f4f7ec;background:#354b3d;border-color:#354b3d}.mg-card.phase-final{background:linear-gradient(#f3f8e4,#fff 70%)}.mg-card.good{animation:.55s ease-out mg-good}.mg-card.bad{animation:.4s ease-out mg-shake}.mg-countdown,.mg-intro{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.mg-countdown span{color:#c8d6b6;font-size:13px}.mg-countdown strong{color:var(--lime);font-variant-numeric:tabular-nums;font-size:96px;font-weight:800;line-height:1;animation:.5s cubic-bezier(.2,.8,.3,1.3) mg-pop}.mg-countdown p,.mg-intro p{color:#dfe8d3;max-width:300px;font-size:14px}.mg-round{color:#d9ed99;font-variant-numeric:tabular-nums;background:#4a6352;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.mg-intro strong{font-size:34px;font-weight:800;line-height:1.15;animation:.45s cubic-bezier(.2,.8,.3,1.3) mg-pop}.mg-intro p{font-size:16px;line-height:1.4;animation:.4s .1s both mg-fade}.mg-intro-bar{background:var(--lime);transform-origin:0;border-radius:2px;width:140px;height:4px;margin-top:12px;animation:linear forwards mg-drain;display:block}.mg-top{align-items:baseline;gap:8px;min-height:20px;margin-bottom:6px;display:flex}.mg-top strong{white-space:nowrap;font-size:14px}.mg-top span{color:var(--muted);font-size:12px;line-height:1.3}.mg-timer{background:#edf0e7;border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden}.mg-timer span{transform-origin:0;background:#8fb04f;height:100%;transition:transform .1s linear,background .3s;display:block}.mg-timer.low span{background:#d0743f}.mg-board{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.mg-board>*{width:100%}.mg-stack{flex-direction:column;align-items:center;gap:12px;display:flex}.mg-note{color:var(--muted);text-align:center;min-height:17px;font-size:12px}.mg-options{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.mg-option,.mg-cell,.mg-glyph,.mg-side,.mg-dir,.mg-memory-pad{color:var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#f6f8f0;border:1px solid #d9e0cf;border-radius:10px;place-items:center;transition:background .12s,transform 80ms,box-shadow .12s,border-color .12s;display:grid;position:relative}.mg-option{font-variant-numeric:tabular-nums;min-height:64px;font-size:24px;font-weight:700}@media (hover:hover){.mg-option:hover:not(:disabled),.mg-cell:hover:not(:disabled),.mg-glyph:hover:not(:disabled),.mg-side:hover:not(:disabled),.mg-dir:hover:not(:disabled){background:#eef4dc;border-color:#c5d89a}}.mg-option:active:not(:disabled),.mg-cell:active:not(:disabled),.mg-glyph:active:not(:disabled),.mg-side:active:not(:disabled),.mg-dir:active:not(:disabled){transform:scale(.96)}.mg-board button:disabled{opacity:1;cursor:default}.mg-option kbd{color:#9aa391;font:600 10px system-ui,sans-serif;position:absolute;top:5px;left:7px}.mg-right{box-shadow:0 0 0 2px #c6e070;background:#d9ed99!important;border-color:#a9c65c!important}.mg-wrong{background:#f6dcd5!important;border-color:#e2a898!important}.mg-picked{box-shadow:inset 0 0 0 2px #354b3d;border-color:#354b3d!important}.mg-big{letter-spacing:-1px;font-variant-numeric:tabular-nums;text-align:center;font-size:46px;font-weight:800;line-height:1.1}.mg-big span{color:#a7b19c;font-weight:600}.mg-word{letter-spacing:1px;text-shadow:0 1px #0000000d;font-size:44px}.mg-swatch{border-radius:50%;width:36px;height:36px;box-shadow:inset 0 0 0 2px #ffffff80}.mg-field{aspect-ratio:1;border:1px solid var(--line);background:#f6f8f0;border-radius:10px;width:min(100%,210px)}.mg-field circle{fill:#354b3d}.mg-grid{gap:8px;width:100%;display:grid}.mg-grid.three{grid-template-columns:repeat(3,1fr)}.mg-grid.two{grid-template-columns:repeat(2,1fr);max-width:340px;margin:auto}.mg-cell{font-variant-numeric:tabular-nums;min-height:92px;font-weight:800}.mg-cell.size-0{font-size:20px}.mg-cell.size-1{font-size:32px}.mg-cell.size-2{font-size:46px}.mg-grid.two .mg-cell{min-height:96px;font-size:34px}.mg-badge{color:#fff;background:#354b3d;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid;position:absolute;top:6px;right:8px}.mg-badge.hint{color:#1c2d14;background:#a9c65c}.mg-grid.odd{grid-template-columns:repeat(var(--size),1fr);gap:5px;max-width:330px;margin:auto}.mg-glyph{aspect-ratio:1;border-radius:8px;font-size:26px;font-weight:600}.mg-glyph:focus-visible,.mg-option:focus-visible,.mg-cell:focus-visible{outline-offset:1px;outline:3px solid #718b43}.mg-reflex{color:#55644e;touch-action:manipulation;background:#e7ebe0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:270px;transition:background 80ms;display:flex}.mg-reflex strong{font-size:40px;font-weight:800}.mg-reflex span{font-size:13px}.mg-reflex.go{color:#1c2d14;background:#9fd043}.mg-reflex.go strong{animation:.25s ease-out mg-pop}.mg-reflex.early{color:#8a3b2b;background:#f3d4cc}.mg-reflex.done{color:#1c2d14;background:#d9ed99}.mg-arrows{flex-direction:column;align-items:center;gap:12px;display:flex}.mg-arrow-row{gap:10px;display:flex}.mg-arrow{color:#2f6b46;background:#e3eedb;border-radius:12px;place-items:center;width:62px;height:62px;font-size:38px;font-weight:800;display:grid}.mg-arrow.red{color:#cf3b3b;background:#f8dcdc}.mg-slots{justify-content:center;gap:8px;display:flex}.mg-slot{background:var(--pad,transparent);border:2px dashed #cfd7c4;border-radius:9px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid}.mg-slot.mg-filled{border-style:solid;border-color:#354b3d}.mg-pad{grid-template-rows:repeat(2,58px);grid-template-columns:repeat(3,58px);gap:6px;display:grid}.mg-dir{font-size:26px;font-weight:700}.mg-dir.dir-0{grid-column:2}.mg-dir.dir-3{grid-area:2/1}.mg-dir.dir-2{grid-area:2/2}.mg-dir.dir-1{grid-area:2/3}.mg-pads{grid-template-columns:repeat(2,96px);gap:10px;display:grid}.mg-memory-pad{background:var(--pad);border:0;height:96px;transition:opacity .12s,transform .12s}.mg-board .mg-memory-pad:disabled{opacity:.28}.mg-board .mg-memory-pad:not(:disabled){opacity:.88}.mg-board .mg-memory-pad:not(:disabled):active{opacity:1;transform:scale(.95)}.mg-board .mg-memory-pad.lit:disabled{opacity:1;box-shadow:0 0 0 4px #fffc,0 0 18px var(--pad);transform:scale(1.07)}.phase-result .mg-board .mg-memory-pad:disabled{opacity:.5}.mg-memory-pad kbd{color:#fffc;font:600 11px system-ui,sans-serif;position:absolute;top:6px;left:8px}.mg-slots .mg-slot[style]{border-style:solid;border-color:#0000}.mg-slot.solved{color:var(--ink);border-style:solid;border-color:#cfd7c4}.mg-slot.solved.hit{border-color:#8fb04f;box-shadow:0 0 0 2px #d9ed99}.mg-slot.solved.miss{border-color:#d98f7c;box-shadow:0 0 0 2px #f6dcd5}.mg-slot.solved:not([style]){background:#f6f8f0}.mg-hold{color:#f4f7ec;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#354b3d;border:0;border-radius:50%;place-items:center;width:170px;height:170px;font-size:20px;font-weight:700;transition:transform .1s,box-shadow .1s,background .15s;display:grid;box-shadow:0 6px #22342a}.mg-hold.down{background:#4b6b52;animation:1s ease-out infinite mg-ring;transform:translateY(4px);box-shadow:0 2px #22342a}.mg-track{border:1px solid var(--line);touch-action:manipulation;cursor:pointer;background:#f0f3ea;border-radius:12px;width:100%;height:64px;position:relative;overflow:hidden}.mg-zone{background:#d9ed99;border-left:2px solid #a9c65c;border-right:2px solid #a9c65c;position:absolute;top:0;bottom:0}.mg-marker{background:#26372c;border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:6px;bottom:6px;left:0;box-shadow:0 0 0 2px #fff}.mg-fire{min-width:180px;min-height:52px;font-size:16px;font-weight:600}.mg-sides{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.mg-side{min-height:180px;padding:10px}.mg-side .mg-field{background:0 0;border:0;width:100%}.mg-side b{font-size:16px;position:absolute;bottom:8px}.mg-result{color:var(--muted);background:#f3f6ec;border-radius:10px;align-items:center;gap:12px;margin-top:12px;padding:8px 12px;font-size:12px;animation:.3s ease-out mg-fade;display:flex}.mg-points{color:var(--ink);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.mg-points.good{color:#4c7a1f}.mg-points.bad{color:#b0533d}.mg-float{pointer-events:none;font-size:42px;font-weight:800;animation:1s ease-out forwards mg-float;position:absolute;top:44%;left:50%;transform:translate(-50%)}.mg-float.good{color:#5b8f22}.mg-float.bad{color:#c25a42}.mg-scores{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.mg-scores li{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:3px 10px 3px 4px;font-size:12px;transition:opacity .2s,border-color .2s;display:inline-flex;position:relative}.mg-scores li.me{background:#f4f9e6;border-color:#bdd672}.mg-scores li.gone{opacity:.5}.mg-scores li.gone span{text-decoration:line-through}.mg-scores i{color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-style:normal;font-weight:700;display:grid}.mg-scores li.answered i{animation:.3s ease-out mg-pop}.mg-scores span{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.mg-score{font-variant-numeric:tabular-nums}.mg-scores em{border-radius:6px;padding:0 5px;font-size:10px;font-style:normal;font-weight:700;animation:.35s ease-out mg-pop;position:absolute;top:-9px;right:-4px}.mg-scores em.up{color:#2f4a12;background:#d9ed99}.mg-scores em.down{color:#8a3b2b;background:#f6dcd5}.mg-final{flex-direction:column;flex:1;justify-content:space-between;gap:14px;display:flex}.mg-final-title{text-align:center;flex-direction:column;align-items:center;gap:2px;padding-top:6px;animation:.4s ease-out mg-fade;display:flex}.mg-final-title strong{letter-spacing:-.5px;font-size:26px;font-weight:800}.mg-final-title span{color:var(--muted);font-size:13px}.mg-rest{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px 10px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.mg-rest li{align-items:center;gap:6px;min-width:0;display:flex}.mg-rest li.me strong{text-decoration:underline;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);text-decoration-thickness:3px}.mg-rest span{width:22px;color:var(--muted);font-variant-numeric:tabular-nums}.mg-rest i{border-radius:50%;flex-shrink:0;width:9px;height:9px}.mg-rest strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.mg-rest b{font-variant-numeric:tabular-nums}.mg-podium{justify-content:center;align-items:flex-end;gap:10px;display:flex}.mg-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;max-width:140px;animation:.6s cubic-bezier(.2,.8,.3,1.1) both mg-rise;display:flex}.mg-step.rank-1{animation-delay:.25s}.mg-step.rank-3{animation-delay:.1s}.mg-avatar{background:var(--seat);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid;box-shadow:0 0 0 3px #fff}.mg-step.rank-1 .mg-avatar{width:56px;height:56px;box-shadow:0 0 0 3px var(--lime);font-size:22px}.mg-step strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.mg-step.me strong:after{content:" · você";color:var(--muted);font-size:11px;font-weight:400}.mg-step-score{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.mg-block{color:#26372c;background:#cfdcc0;border-radius:10px 10px 0 0;place-items:start center;width:100%;height:70px;padding-top:8px;display:grid}.mg-block b{font-size:22px}.mg-step.rank-1 .mg-block{height:120px;color:var(--lime);background:#354b3d}.mg-step.rank-2 .mg-block{color:#fff;background:#8fa883;height:90px}.mg-final .small-copy{text-align:center}.mg-match .arena-bottom{margin-top:10px}@media (pointer:coarse){.mg-keys,.mg-option kbd,.mg-memory-pad kbd{display:none}}@keyframes mg-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes mg-pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes mg-fade{0%{opacity:0}to{opacity:1}}@keyframes mg-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes mg-good{0%{box-shadow:0 0 #c6e070}40%{box-shadow:0 0 0 6px #c6e070}to{box-shadow:0 0 #c6e07000}}@keyframes mg-shake{0%,to{transform:none}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes mg-float{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}20%{opacity:1;transform:translate(-50%)scale(1.05)}to{opacity:0;transform:translate(-50%,-50px)scale(1)}}@keyframes mg-ring{0%{box-shadow:0 2px #22342a,0 0 #d9ed99aa}to{box-shadow:0 2px #22342a,0 0 0 18px #d9ed9900}}@keyframes mg-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@media (max-width:700px){.mg-match{width:100%}.mg-card{min-height:400px;padding:10px 12px 12px}.mg-big{font-size:40px}.mg-word{font-size:38px}.mg-cell{min-height:84px}.mg-pads{grid-template-columns:repeat(2,88px)}.mg-memory-pad{height:88px}.mg-pad{grid-template-rows:repeat(2,60px);grid-template-columns:repeat(3,60px)}.mg-arrow{width:56px;height:56px;font-size:34px}.mg-top{flex-wrap:wrap;row-gap:0}}@media (prefers-reduced-motion:reduce){.mg-card,.mg-card.good,.mg-card.bad,.mg-countdown strong,.mg-intro strong,.mg-intro p,.mg-reflex.go strong,.mg-float,.mg-scores li.answered i,.mg-scores em,.mg-step,.mg-result,.mg-hold.down{animation:none}.mg-intro-bar{animation:none;transform:none}.mg-float{opacity:0}}
.hnt-match{width:100%;min-width:0}.hnt-score{flex-wrap:wrap;gap:4px 6px;margin:2px 0 6px;padding:0;list-style:none;display:flex}.hnt-score li{--seat:#4b8b65;border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:6px;min-width:0;min-height:28px;padding:3px 8px;font-size:11px;display:flex}.hnt-score li>i{background:var(--seat);border-radius:50%;flex-shrink:0;width:10px;height:10px}.hnt-score li.is-fox{background:#fbf3ea;border-color:#e6c09c}.hnt-score li.is-fox>i{box-shadow:0 0 0 2px var(--seat);background:#dd8240}.hnt-score li.lead{background:#f2f8df;border-color:#bdd672}.hnt-score li.gone{opacity:.4}.hnt-score li b{font-variant-numeric:tabular-nums;font-size:12px}.hnt-name{overflow-wrap:anywhere;font-weight:600}.hnt-name small{color:var(--muted);font-size:10px;font-weight:400}.hnt-role{color:var(--muted);font-size:10px}.hnt-hud{min-height:24px;color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-bottom:6px;font-size:11px;display:flex}.hnt-fireflies{color:var(--ink);align-items:center;gap:5px;display:inline-flex}.hnt-fireflies i{background:#d6ea78;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2px #eef6c9,0 0 6px #b8d24a}.hnt-dazzle{color:#5a5f86;font-weight:600}.hnt-time{color:var(--ink);margin-left:auto;font-weight:600}.hnt-field{width:min(100%,calc((100svh - 360px) * var(--hnt-w) / var(--hnt-h)));min-width:min(100%,260px);aspect-ratio:var(--hnt-w) / var(--hnt-h);touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:3px;background:#1b2820;border:4px solid #354b3d;border-radius:8px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 24px #1c29211f}.hnt-field:focus-visible{outline:2px solid #718b43}.hnt-field canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hnt-countdown{color:#f6f9ec;text-shadow:0 0 18px #d9ed9966;pointer-events:none;place-items:center;font-size:clamp(44px,12vw,72px);font-weight:800;animation:.9s ease-out both hnt-count;display:grid;position:absolute;inset:0}.hnt-overlay{text-align:center;color:#f6f9ec;pointer-events:none;background:#0f1913b0;place-content:center;justify-items:center;gap:6px;padding:12px;animation:.25s ease-out both hnt-fade;display:grid;position:absolute;inset:0}.hnt-overlay strong{font-size:clamp(16px,4.5vw,22px)}.hnt-overlay span{color:#d3dcc6;font-variant-numeric:tabular-nums;font-size:12px}.hnt-controls{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;margin:10px 0 8px;display:flex}.hnt-controls .small-copy{text-align:right;max-width:240px;margin:0}.hnt-match .arena-bottom{margin-top:6px}@keyframes hnt-count{0%{opacity:0;transform:scale(1.35)}30%{opacity:1}to{opacity:.92;transform:scale(1)}}@keyframes hnt-fade{0%{opacity:0}}@media (max-width:700px){.hnt-field{border-width:3px;border-radius:7px;width:100%}.hnt-controls{flex-direction:column;justify-content:center;gap:6px;margin:10px 0 6px}.hnt-controls .small-copy{text-align:center;max-width:none}.hnt-controls .direction-pad{grid-template-rows:repeat(2,52px);grid-template-columns:repeat(3,56px);gap:6px}}@media (prefers-reduced-motion:reduce){.hnt-countdown,.hnt-overlay{animation:none}}
.lasers-match{width:min(100%,100svh - 290px);min-width:260px;margin:auto}.lasers-score{flex-wrap:wrap;gap:5px;margin:6px 0 8px;padding:0;list-style:none;display:flex}.lasers-chip{--seat:#4b8b65;border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:6px;min-width:0;min-height:30px;padding:3px 9px;font-size:12px;transition:opacity .2s,background .2s;display:inline-flex}.lasers-chip i{background:var(--seat);border-radius:50%;flex-shrink:0;width:10px;height:10px}.lasers-chip.dead{opacity:.45}.lasers-chip.out .lasers-name{text-decoration:line-through}.lasers-chip.winner{background:#eef4dc;border-color:#cfe0a2}.lasers-name{overflow-wrap:anywhere;font-weight:600}.lasers-lives{gap:2px;display:inline-flex}.lasers-lives b{background:#e2e6da;border-radius:1px;width:7px;height:7px;transition:background .2s;transform:rotate(45deg)}.lasers-lives b.full{background:var(--seat)}.lasers-mirrors{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.lasers-mirrors:before{content:"╱ ";color:#8a9a9d}.lasers-board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#f4f3e6;border:4px solid #354b3d;border-radius:9px;position:relative;overflow:hidden}.lasers-board canvas{outline:none;width:100%;height:100%;display:block}.lasers-board:has(canvas:focus-visible){box-shadow:0 0 0 3px var(--lime)}.lasers-overlay{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.lasers-count{background:#2537291a}.lasers-count span{color:#26372c;text-shadow:0 2px #fafbf7;font-size:72px;font-weight:800;animation:.5s ease-out lasers-pop}.lasers-banner{border:1px solid var(--line);text-align:center;background:#fafbf7ee;border-radius:8px;flex-direction:column;align-items:center;gap:3px;max-width:84%;padding:10px 16px;font-size:15px;font-weight:700;animation:.3s ease-out lasers-pop;display:flex;box-shadow:0 6px 20px #26372c1a}.lasers-banner small{color:var(--muted);font-size:11px;font-weight:500}.lasers-controls{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 4px;display:none}.lasers-pad{grid-template-rows:repeat(2,48px);grid-template-columns:repeat(3,48px)}.lasers-pad button{touch-action:none;-webkit-touch-callout:none}.lasers-pad button.held{background:var(--lime)}.lasers-actions{grid-template-rows:48px 48px;grid-template-columns:48px 48px;gap:6px;display:grid}.lasers-mirror{border:1px solid var(--line);color:#5d6d70;touch-action:none;-webkit-user-select:none;user-select:none;background:#f0f3e8;border-radius:8px;font-size:24px;line-height:1}.lasers-mirror:active:not(:disabled){background:var(--lime)}.lasers-fire{color:#f4f8e4;letter-spacing:.3px;touch-action:none;-webkit-user-select:none;user-select:none;background:#354b3d;border:0;border-radius:10px;grid-column:1/3;font-size:15px;font-weight:700;transition:box-shadow .2s;box-shadow:0 3px #1f2e24,0 0 #d9ed99}.lasers-fire:not(:disabled){box-shadow:0 3px #1f2e24,0 0 0 3px #d9ed99}.lasers-fire:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #1f2e24,0 0 0 3px #d9ed99}.lasers-match .arena-bottom{margin-top:8px}@keyframes lasers-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (max-width:700px),(pointer:coarse){.lasers-controls{display:flex}}@media (max-width:700px){.lasers-match{width:100%;min-width:0}.lasers-board{border-width:3px}.lasers-count span{font-size:56px}}@media (prefers-reduced-motion:reduce){.lasers-count span,.lasers-banner{animation:none}}
.flr-match{width:100%;min-width:0}.flr-score{flex-wrap:wrap;gap:4px 6px;margin:2px 0 8px;padding:0;list-style:none;display:flex}.flr-score li{--piece:#4b8b65;border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:6px;min-width:0;min-height:28px;padding:3px 8px;font-size:11px;transition:opacity .2s;display:flex}.flr-score li>i{background:var(--piece);border-radius:50%;flex-shrink:0;width:10px;height:10px}.flr-score li.out{opacity:.5}.flr-score li.out .flr-name{-webkit-text-decoration:line-through #76807188;text-decoration:line-through #76807188}.flr-score li.gone{opacity:.35}.flr-name{overflow-wrap:anywhere;font-weight:600}.flr-name small{color:var(--muted);font-size:10px;font-weight:400}.flr-pips{gap:3px;display:inline-flex}.flr-pips b{background:#e2e7dc;border-radius:50%;width:6px;height:6px}.flr-pips b.won{background:var(--piece)}.flr-board{grid-template-columns:repeat(var(--flr-w),minmax(0,1fr));width:min(100%,calc((100svh - 390px) * var(--flr-w) / var(--flr-h)));touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:3px;background:radial-gradient(at 50% 35%,#2b3e32,#121c16 78%);border:4px solid #354b3d;border-radius:10px;gap:3px;min-width:min(100%,260px);margin:0 auto;padding:6px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #1c29211f}.flr-board:focus-visible{outline:2px solid #718b43}.flr-tile{aspect-ratio:1;min-width:0;position:relative}.flr-block{background:linear-gradient(#f2f0e2,#e3dfc9);border-radius:16%;transition:background .2s;position:absolute;inset:0;box-shadow:inset 0 -3px #c9c4a9,inset 0 1px #fffef7,0 3px #070d0a70}.flr-tile.reach .flr-block{background:linear-gradient(#f4f8e6,#e3ecc4)}.flr-tile.cracking .flr-block{animation:flr-strain .7s linear var(--crack-delay,0s) forwards}.flr-tile.cracking .flr-block:before,.flr-tile.cracking .flr-block:after{content:"";opacity:0;background:50%/100% 100% no-repeat;position:absolute;inset:0}.flr-tile.cracking .flr-block:before{animation:flr-crack-a .7s linear var(--crack-delay,0s) forwards;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23857f60' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21 14 13l1-6M20 21l7-5 6 1M20 21l-2 7 4 6'/%3E%3C/svg%3E")}.flr-tile.cracking .flr-block:after{animation:flr-crack-b .7s linear var(--crack-delay,0s) forwards;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%235d5841' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21 8 19l-5 3M20 21l6 6 8 3M14 13 8 9M27 16l3-9M18 28l-7 4M33 17l4-4M15 7l-3-4'/%3E%3C/svg%3E")}.flr-tile.hole .flr-block{opacity:0}.flr-tile.hole:before{content:"";opacity:.35;filter:blur(3px);background:#070d0a;border-radius:30%;position:absolute;inset:14%}.flr-tile.drop .flr-block{opacity:1;animation:.55s cubic-bezier(.55,0,.9,.6) forwards flr-drop}.flr-layer{pointer-events:none;position:absolute;inset:6px}.flr-piece{--piece:#4b8b65;--lift:0;--strain:0;will-change:transform;z-index:1;place-items:center;display:grid;position:absolute;top:0;left:0}.flr-piece.airborne{z-index:3}.flr-piece.is-me{z-index:2}.flr-shadow{height:22%;opacity:calc(.38 - var(--lift) * .22);transform:scale(calc(1 - var(--lift) * .4));background:#060c09;border-radius:50%;position:absolute;bottom:10%;left:20%;right:20%}.flr-strain{background:conic-gradient(#d98a43 calc(var(--strain) * 360deg),#d98a4322 0);width:86%;height:86%;opacity:calc(var(--strain) * 3);border-radius:50%;position:absolute;-webkit-mask:radial-gradient(circle,#0000 60%,#000 62%);mask:radial-gradient(circle,#0000 60%,#000 62%)}.flr-body{background:var(--piece);color:#fff;width:62%;height:62%;transform:translateY(calc(var(--lift) * -42%)) scale(calc(1 + var(--lift) * .32));border:2px solid #ffffffc0;border-radius:50%;place-items:center;font-size:clamp(9px,2.2vw,15px);font-weight:700;line-height:1;display:grid;position:relative;box-shadow:0 2px #00000035}.flr-piece.is-me .flr-body{box-shadow:0 0 0 3px #d9ed99,0 2px #00000035}.flr-piece.fallen .flr-body{animation:.65s ease-in forwards flr-fall}.flr-piece.fallen .flr-shadow,.flr-piece.fallen .flr-strain{display:none}.flr-countdown{color:#fbfdf2;text-shadow:0 2px 14px #0008;pointer-events:none;z-index:4;place-items:center;font-size:clamp(44px,12vw,72px);font-weight:800;animation:.9s ease-out both flr-count;display:grid;position:absolute;inset:0}.flr-overlay{text-align:center;color:#f6f9ec;pointer-events:none;z-index:4;background:#121c16a8;place-content:center;justify-items:center;gap:6px;padding:12px;animation:.25s ease-out both flr-fade;display:grid;position:absolute;inset:0}.flr-overlay strong{font-size:clamp(16px,4.5vw,22px)}.flr-overlay span{color:#d3dcc6;font-variant-numeric:tabular-nums;font-size:12px}.flr-board.collapsing{border-color:#7a5a3a;transition:border-color .4s}.flr-controls{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 8px;display:flex}.flr-jump{touch-action:none;flex-direction:column;gap:0;min-width:104px;min-height:54px;position:relative;overflow:hidden}.flr-jump small{color:#4d6230;min-height:13px;font-size:10px;font-weight:400}.flr-jump-ring{height:3px;width:calc((1 - var(--cool,0)) * 100%);background:#6f8d3c;transition:width .2s linear;position:absolute;bottom:0;left:0}.flr-jump.ready .flr-jump-ring{width:100%}.flr-match .arena-bottom{margin-top:6px}@keyframes flr-crack-a{0%{opacity:0}18%{opacity:1}to{opacity:1}}@keyframes flr-crack-b{0%,42%{opacity:0}60%,to{opacity:1}}@keyframes flr-strain{0%,72%{filter:none;transform:none}78%{transform:translate(.6px,-.4px)}84%{transform:translate(-.6px,.5px)}90%{transform:translate(.5px,.4px)}to{filter:brightness(.86);transform:translate(-.4px)}}@keyframes flr-drop{0%{opacity:1;transform:none}to{opacity:0;filter:brightness(.4);transform:translateY(24%)scale(.45)rotate(7deg)}}@keyframes flr-fall{0%{opacity:1;transform:none}25%{transform:translateY(-8%)scale(1.05)}to{opacity:0;transform:translateY(35%)scale(.15)}}@keyframes flr-count{0%{opacity:0;transform:scale(1.35)}30%{opacity:1}to{opacity:.92;transform:scale(1)}}@keyframes flr-fade{0%{opacity:0}}@media (max-width:700px){.flr-board{border-width:3px;width:100%;padding:6px}.flr-controls{margin:10px 0 6px}.flr-controls .direction-pad{grid-template-rows:repeat(2,52px);grid-template-columns:repeat(3,56px);gap:6px}.flr-jump{min-width:112px;min-height:64px}.flr-body{border-width:1.5px}}@media (prefers-reduced-motion:reduce){.flr-tile.cracking .flr-block,.flr-tile.drop .flr-block,.flr-countdown,.flr-overlay{animation:none}.flr-tile.drop .flr-block{opacity:0}.flr-piece.fallen .flr-body{opacity:0;animation:none}}