:root,:root[data-theme=dark]{--bg: #211e18;--panel: #2b2820;--panel-2: #1a1813;--text: #ece2cf;--muted: #a89d86;--accent: #7ba6df;--accent-press: #6491ce;--correct: #6cba84;--present: #d2a648;--absent: #4a4538;--bad: #e2715f;--good: #6cba84;--border: #423b2d;--tile-filled: #6e6450;--key-hover: #34312a;--typing: #4a4534;--grid: rgba(236, 226, 207, .05);--ink-line: #5a5240;--paper-edge: rgba(0, 0, 0, .5);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-hand: "Caveat", "Segoe Print", "Comic Sans MS", cursive;--font-mono: "Space Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;--radius: 10px;--radius-lg: 16px;--r-sketch: 255px 14px 225px 15px / 15px 225px 18px 255px;--r-sketch-alt: 15px 225px 18px 255px / 255px 14px 225px 15px;--shadow-card: 0 1px 0 rgba(0, 0, 0, .35), 0 16px 34px rgba(0, 0, 0, .46);--shadow-board: 0 12px 32px rgba(0, 0, 0, .46);color-scheme:dark}:root[data-theme=light]{--bg: #efe6d2;--panel: #faf6ec;--panel-2: #e7ddc5;--text: #2c2620;--muted: #756a57;--accent: #2f5fd0;--accent-press: #2249ac;--correct: #2f8b54;--present: #b9892a;--absent: #b6ab92;--bad: #c43d32;--good: #2f8b54;--border: #d9ccad;--tile-filled: #c7ba9b;--key-hover: #ded2b6;--typing: #ccbe9d;--grid: rgba(74, 58, 30, .09);--ink-line: #b29c6f;--paper-edge: rgba(74, 58, 25, .12);--shadow-card: 0 1px 0 rgba(74, 58, 25, .06), 0 14px 30px rgba(74, 58, 25, .14);--shadow-board: 0 12px 30px rgba(74, 58, 25, .2);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}html{font-size:18px}body{position:relative;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(var(--grid) 1.4px,transparent 1.5px);background-size:26px 26px;background-position:-13px -13px;background-attachment:fixed;color:var(--text);font-family:var(--font-body);line-height:1.5;transition:background-color .25s ease,color .25s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}main{max-width:720px;margin:0 auto;padding:58px 16px 16px}main:has(.create-mode){max-width:940px}h1{font-family:var(--font-display);font-size:2.1rem;font-weight:600;letter-spacing:-.01em;margin:.2em 0 .4em}h2{font-family:var(--font-display);font-size:1.3rem;font-weight:600;margin:1.2em 0 .5em}h3{font-size:.9rem;font-weight:700;color:var(--muted);margin:0 0 .5em;text-transform:uppercase;letter-spacing:.08em}button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:9px 16px;font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .12s ease,transform .08s ease,box-shadow .08s ease,opacity .12s ease}button:hover:not(:disabled){background:var(--accent-press)}button:disabled{opacity:.42;cursor:not-allowed}button.primary{font-size:1.05rem;font-weight:700;padding:12px 22px;border:1.5px solid color-mix(in srgb,var(--accent) 64%,#000);border-radius:var(--r-sketch);box-shadow:0 2.5px color-mix(in srgb,var(--accent) 52%,#000)}button.primary:active:not(:disabled){transform:translateY(2.5px);box-shadow:0 0 color-mix(in srgb,var(--accent) 52%,#000)}button.primary:disabled{box-shadow:none}button:focus-visible,select:focus-visible,input:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}input{background:var(--panel);border:1.5px solid var(--ink-line);color:var(--text);border-radius:var(--radius);padding:10px 13px;font-family:var(--font-body);font-size:1rem;width:100%}input::placeholder{color:var(--muted);opacity:.7}input:focus{outline:2.5px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.inline{display:flex;gap:8px}.inline input{flex:1}.field{display:block;margin:12px 0}.field>span{display:block;color:var(--muted);font-size:.85rem;margin-bottom:4px}.status{color:var(--muted);font-size:.85rem;margin-top:-.4em}.note{color:var(--muted);font-size:.9rem}.note.bad{color:var(--bad)}.note.good{color:var(--good)}.menu{max-width:560px;margin:0 auto}.menu-hero{text-align:center;margin:8px 0 26px}.wordmark{font-family:var(--font-hand);font-weight:700;font-size:clamp(3.2rem,12vw,4.8rem);line-height:.86;margin:0}.wordmark-rule{display:block;width:min(280px,72%);height:12px;margin:0 auto;color:var(--accent)}.menu-doodles{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin-top:18px}.name-field{max-width:440px;margin:0 auto 22px}.action-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--panel);color:var(--text);border:1.5px solid var(--ink-line);border-radius:var(--r-sketch);box-shadow:var(--shadow-card);padding:16px 18px;margin-bottom:14px;transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease}.action-card:nth-of-type(2n){border-radius:var(--r-sketch-alt)}.action-card:hover:not(:disabled){transform:translateY(-3px);border-color:var(--mark-color);box-shadow:0 16px 30px var(--paper-edge)}.action-card:active:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-card)}.action-mark{flex:0 0 auto;display:grid;place-items:center;width:52px;height:52px;border-radius:50% 48% 52% 50%/50% 52% 48% 50%;background:color-mix(in srgb,var(--mark-color) 16%,var(--panel));border:1.5px solid color-mix(in srgb,var(--mark-color) 46%,var(--ink-line));color:var(--mark-color)}.action-mark svg{width:28px;height:28px}.action-text{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}.action-text strong{font-family:var(--font-display);font-weight:600;font-size:1.16rem}.action-text small{color:var(--muted);font-size:.9rem}.action-go{flex:0 0 auto;font-family:var(--font-hand);font-size:1.6rem;font-weight:700;color:var(--mark-color);padding-right:4px}.action-quick{--mark-color: var(--good)}.action-create{--mark-color: var(--accent)}.action-join{--mark-color: var(--present);align-items:flex-start}.menu-actions-row{display:flex;gap:14px;align-items:stretch}.menu-actions-row .action-card{margin-bottom:0;flex:1 1 0;flex-direction:column;align-items:flex-start;gap:11px}.join-inline{display:flex;gap:8px;margin-top:9px;width:100%}.join-inline input{flex:1 1 auto;min-width:0;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.join-inline button{flex:0 0 auto}@media(max-width:560px){.menu-actions-row{flex-direction:column}}.code-box{display:flex;align-items:center;gap:12px;background:var(--panel);border:1.5px solid var(--ink-line);border-radius:var(--r-sketch);box-shadow:var(--shadow-card);padding:14px 18px}.code{font-family:var(--font-mono);font-size:2rem;font-weight:700;letter-spacing:.28em;color:var(--accent);flex:1}.players ul{list-style:none;padding:0;margin:0}.players li{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;margin-bottom:8px}.players li.disconnected{opacity:.5}.badge{font-size:.7rem;background:var(--panel-2);color:var(--muted);padding:2px 8px;border-radius:999px;margin-left:8px}.badge.you{color:var(--accent)}.actions{display:flex;gap:10px;align-items:center;margin-top:16px}.game-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:clamp(6px,1.4vh,14px)}.game-bar-right{display:flex;align-items:center;gap:10px}main:has(.game-screen){max-width:920px;padding-top:12px}.word-duel{display:flex;flex-wrap:wrap;gap:36px;align-items:flex-start;justify-content:center}.play-area{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vh,20px);flex:0 1 auto}.grid{display:flex;flex-direction:column;gap:6px}.row{display:flex;gap:6px;justify-content:center}.tile{width:min(56px,8vh,15vw);height:min(56px,8vh,15vw);display:grid;place-items:center;font-size:min(1.7rem,4.4vh);font-weight:700;text-transform:uppercase;background:var(--panel);border:2px solid var(--border);border-radius:5px;-webkit-user-select:none;user-select:none}.tile .ch{display:inline-block;line-height:1}.tile.filled{border-color:var(--tile-filled)}.tile.filled .ch{animation:pop .12s ease-out}.tile.cursor{border-color:var(--accent)}.tile.correct{background:var(--correct);border-color:var(--correct);color:#fff}.tile.present{background:var(--present);border-color:var(--present);color:#fff}.tile.absent{background:var(--absent);border-color:var(--absent);color:#fff}.tile.correct,.tile.present,.tile.absent{animation:reveal .3s ease both}.active-row.shake{animation:shake .4s}@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes reveal{0%{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.keyboard-area{display:flex;align-items:stretch;justify-content:center;gap:clamp(10px,2.6vw,22px);width:100%;max-width:580px}.keyboard{display:flex;flex-direction:column;gap:clamp(5px,1vh,8px);flex:1 1 auto;min-width:0;max-width:480px}.kb-row{display:flex;gap:clamp(4px,.8vw,6px);justify-content:center}.key{flex:1 1 0;min-width:0;max-width:46px;height:min(54px,7vh);padding:0 4px;background:var(--panel);color:var(--text);border:1.5px solid var(--ink-line);border-radius:7px;box-shadow:0 2px 0 var(--ink-line);font-family:var(--font-body);font-size:min(1.1rem,2.7vh);font-weight:700;text-transform:uppercase;transition:background .12s ease,transform .05s ease,box-shadow .05s ease}.key:hover:not(:disabled){background:var(--key-hover)}.key:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 0 var(--ink-line)}.key.correct{background:var(--correct);color:#fff}.key.present{background:var(--present);color:#fff}.key.absent{background:var(--absent);color:#fff}.kb-actions{display:flex;flex-direction:column;gap:clamp(6px,1.4vh,10px);flex:0 0 auto;width:clamp(64px,17vw,92px)}.kb-actions .key{flex:1 1 0;max-width:none;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.kb-action-icon{font-size:min(1.55rem,3.8vh);line-height:1}.kb-action-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.key.key-enter{background:var(--accent);color:#fff}.key.key-enter:hover:not(:disabled){background:var(--accent-press)}.key.key-back{background:var(--panel-2);color:var(--text)}.keyboard-area.disabled{opacity:.55;pointer-events:none}.opponents{flex:0 0 210px}.opponents h3{margin-bottom:10px}.opponent-list{display:flex;flex-direction:column;gap:14px;max-height:680px;overflow-y:auto;padding-right:4px}.opponent{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.opponent-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.85rem;color:var(--muted);margin-bottom:10px}.opponent-head strong{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-progress{flex:0 0 auto}.opp-progress .solved{color:var(--good)}.grid.mini,.grid.mini .row{gap:3px}.tile.mini{width:15px;height:15px;border-width:1px;border-radius:3px;animation:none}.tile.mini.typing{background:var(--typing);border-color:var(--tile-filled)}@media(max-width:720px){.word-duel{gap:16px}.tile{width:min(46px,6.6vh,16vw);height:min(46px,6.6vh,16vw);font-size:min(1.5rem,3.8vh)}.keyboard .key{height:min(46px,6.2vh)}.kb-actions{width:clamp(56px,18vw,78px)}.kb-action-label{font-size:.64rem}.opponents{flex:1 1 100%}.opponents h3{margin-bottom:4px;font-size:.85rem}.opponent-list{flex-direction:row;flex-wrap:wrap;gap:10px;max-height:none;overflow:visible}.opponent{flex:0 0 auto;padding:8px 10px}.opponent-head{margin-bottom:6px}.grid.mini,.grid.mini .row{gap:2px}.tile.mini{width:10px;height:10px}}.scoreboard{display:flex;flex-direction:column;align-items:center;gap:clamp(3px,.9vh,8px)}.round-label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.round-timer{background:var(--panel-2);border-radius:999px;padding:3px 12px;font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.round-timer.urgent{background:color-mix(in srgb,var(--bad) 24%,var(--panel-2));color:var(--bad);animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.round-timer.urgent{animation:none}}.give-up{color:var(--muted)}.give-up:hover:not(:disabled){color:var(--bad)}.gave-up-tag{color:var(--bad);font-weight:600}.wd-reveal{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.5vh,22px);width:100%}.wd-reveal-head{display:flex;flex-direction:column;gap:4px;text-align:center}.wd-reveal-winner{font-size:1.3rem;font-weight:800}.wd-answer-label{margin:0;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.wd-answer{margin:0;font-size:clamp(1.8rem,6vw,2.8rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--correct)}.wd-boards{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;width:100%}.wd-board-card{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px}.wd-board-card.you{border-color:var(--accent)}.wd-board-card.solved{border-color:var(--good)}.wd-board-name{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.9rem}.wd-board-name .wd-name{display:flex;align-items:baseline;gap:6px;max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.wd-board-status{flex:0 0 auto;color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.wd-board-status .solved{color:var(--good)}.wd-ready-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1.4;white-space:nowrap;background:color-mix(in srgb,var(--muted) 18%,transparent);color:var(--muted)}.wd-ready-tag.is-ready{background:color-mix(in srgb,var(--good) 20%,transparent);color:var(--good)}.reveal-grid,.reveal-grid .row{gap:4px}.reveal-tile{width:min(34px,7vw);height:min(34px,7vw);border-width:1px;font-size:min(1.1rem,3.4vw);animation:none}.wd-noguess{margin:0;color:var(--muted);text-align:center}.wd-reveal-controls{display:flex;flex-direction:column;align-items:center;gap:8px}.scores{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.score{background:var(--panel-2);border-radius:999px;padding:4px 12px;font-size:.9rem;color:var(--muted)}.score strong{color:var(--text);margin-left:4px}.score.you{background:var(--accent);color:#fff}.score.you strong{color:#fff}.round-over{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.final-scores{list-style:none;padding:0;margin:16px 0 4px;text-align:left}.final-scores li{display:flex;justify-content:space-between;padding:6px 10px;border-radius:8px;background:var(--panel-2);margin-bottom:6px}.lobby-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 0}.lobby-options{color:var(--muted);font-size:.95rem}.ghost.small{padding:6px 14px;font-size:.85rem}.players li{display:flex;align-items:center;justify-content:space-between;gap:8px}.member-right{display:flex;align-items:center;gap:10px}.ready-state{font-size:.9rem;font-weight:600;color:var(--muted)}.ready-state.ready{color:var(--good)}.kick{background:transparent;color:var(--muted);padding:2px 8px;font-size:.9rem;border-radius:6px}.kick:hover:not(:disabled){background:var(--bad);color:#fff}button.ghost{background:var(--panel);color:var(--text);border:1.5px solid var(--ink-line)}button.ghost:hover:not(:disabled){background:var(--key-hover)}.create{text-align:center}.link-back{background:transparent;color:var(--muted);padding:4px 0;font-size:.95rem;margin-bottom:4px}.link-back:hover:not(:disabled){background:transparent;color:var(--text)}.create-card{background:var(--panel);border:1.5px solid var(--ink-line);border-radius:var(--r-sketch);box-shadow:var(--shadow-card);padding:24px;margin:16px auto 0;max-width:460px;display:flex;flex-direction:column;gap:22px;text-align:left}.opt-group{display:flex;flex-direction:column;gap:8px}.opt-label{font-size:.9rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.opt-hint{font-size:.85rem;color:var(--muted)}.create-confirm{margin-top:4px}.create-mode-toggle{max-width:380px;margin:18px auto 6px}.hand-eyebrow{font-family:var(--font-hand);font-size:1.55rem;font-weight:700;color:var(--muted);text-align:center;margin:16px 0 2px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:14px;margin-top:8px}.game-tile{display:flex;flex-direction:column;align-items:center;gap:9px;background:var(--panel);color:var(--text);border:1.5px solid var(--ink-line);border-radius:var(--r-sketch);box-shadow:var(--shadow-card);padding:18px 12px 15px;text-align:center;transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease}.game-tile:nth-child(2n){border-radius:var(--r-sketch-alt)}.game-tile:hover:not(:disabled){transform:translateY(-4px) rotate(-.7deg);border-color:var(--tile-accent);box-shadow:0 16px 30px var(--paper-edge)}.game-tile:active:not(:disabled){transform:translateY(-1px) rotate(-.3deg);box-shadow:var(--shadow-card)}.game-tile-badge{display:grid;place-items:center;width:64px;height:64px;border-radius:50% 48% 52% 50%/50% 52% 48% 50%;background:color-mix(in srgb,var(--tile-accent) 15%,var(--panel));border:1.5px solid color-mix(in srgb,var(--tile-accent) 48%,var(--ink-line))}.game-tile-name{font-family:var(--font-display);font-weight:600;font-size:1.02rem;line-height:1.15}.game-tile-players{color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.tournament-mode-card{text-align:center;margin-top:18px}.tournament-blurb{margin:0}.segmented{display:flex;gap:6px}.segmented.wrap{flex-wrap:wrap}.segmented button{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel);color:var(--text);border:1.5px solid var(--ink-line);padding:9px 14px;font-size:1rem;font-weight:600}.segmented button:hover:not(:disabled){background:var(--key-hover)}.segmented button small{font-size:.7rem;font-weight:500;opacity:.65}.segmented button.active{background:var(--accent);color:#fff;border-color:color-mix(in srgb,var(--accent) 64%,#000)}.segmented button.active:hover:not(:disabled){background:var(--accent-press)}.segmented.wrap button{flex:0 0 auto;min-width:46px}.app-top{position:fixed;inset:0 0 auto 0;height:52px;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;z-index:50;pointer-events:none}.settings-bar{display:flex;align-items:center;gap:8px;pointer-events:auto}.icon-btn{background:var(--panel);color:var(--text);border:1.5px solid var(--ink-line);width:40px;height:40px;padding:0;border-radius:50% 47% 53% 50%/50% 53% 47% 50%;font-size:1.15rem;line-height:1}.icon-btn:hover:not(:disabled){background:var(--key-hover)}.lang-select{background:var(--panel);color:var(--text);border:1.5px solid var(--ink-line);border-radius:999px;padding:8px 12px;font-family:var(--font-body);font-size:.85rem;font-weight:700;cursor:pointer}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 40%,rgba(20,14,4,.7));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:16px}.result-card{background:var(--panel);border:1.5px solid var(--ink-line);border-radius:var(--r-sketch);box-shadow:var(--shadow-card);padding:28px 32px;text-align:center;max-width:360px}.result-card h2{margin-top:0;font-size:1.7rem}.result-showcase{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;overflow-y:auto;padding:32px 20px;background:radial-gradient(120% 80% at 50% -10%,color-mix(in srgb,var(--accent) 18%,var(--bg)),var(--bg) 60%);animation:rs-enter .4s ease-out both}@keyframes rs-enter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.rs-inner{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,3vh,28px);text-align:center}.rs-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);animation:rs-rise .45s ease-out .05s both}.rs-headline{margin:0;font-size:clamp(2.4rem,8vw,4rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;animation:rs-rise .5s ease-out .12s both}.rs-headline.win{color:var(--good)}.rs-headline.draw{color:var(--muted)}.rs-standings{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:8px}.rs-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px 18px;font-size:1.15rem;animation:rs-rise .45s ease-out both;animation-delay:calc(.2s + var(--i) * .08s)}.rs-rank{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--panel-2);color:var(--muted);font-weight:800;font-size:1rem;font-variant-numeric:tabular-nums}.rs-name{display:flex;align-items:baseline;gap:8px;text-align:left;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-you{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-weight:700}.rs-score{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.rs-row.winner{border-color:var(--good);background:color-mix(in srgb,var(--good) 16%,var(--panel));box-shadow:0 0 0 1px var(--good)}.rs-row.winner .rs-rank{background:transparent;font-size:1.3rem}.rs-row.me:not(.winner){border-color:var(--accent)}.rs-winner{margin:0;font-size:1.2rem}.rs-back{animation:rs-rise .45s ease-out .3s both}.rs-timer{position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--panel-2)}.rs-timer-fill{display:block;height:100%;background:var(--accent);transform-origin:left center;animation:rs-drain var(--rs-dur, 8s) linear forwards}@keyframes rs-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes rs-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.result-showcase,.rs-eyebrow,.rs-headline,.rs-row,.rs-back{animation:none}}.modal-card{background:var(--panel);border:1.5px solid var(--ink-line);border-radius:var(--r-sketch);box-shadow:var(--shadow-card);padding:24px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:20px}.modal-card h2{margin:0;font-size:1.4rem}.segmented button:disabled{cursor:default;opacity:.7}.segmented button.active:disabled{opacity:1}.toast{position:fixed;top:64px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:min(90vw,420px);padding:11px 14px;background:var(--panel);color:var(--text);border:2px solid var(--bad);border-radius:var(--r-sketch);box-shadow:var(--shadow-card);font-family:var(--font-body);font-size:.95rem;line-height:1.35;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:60;animation:toast-in .18s ease-out}.toast-icon{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--bad);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.9rem}.toast-msg{flex:1 1 auto}.toast-close{flex:0 0 auto;margin-left:2px;font-size:1.35rem;line-height:1;color:var(--muted);transition:color .15s ease}.toast:hover .toast-close,.toast:active .toast-close{color:var(--bad)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.game-card-info{display:flex;flex-direction:column}.game-card-info small{color:var(--muted);font-size:.8rem}.game-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-top:12px;display:flex;flex-direction:column;gap:10px}.game-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.game-panel-head h2{margin:0;font-size:1.05rem}.current-game{font-weight:700;color:var(--accent)}.game-switcher button{font-size:.92rem}.settings-form{display:flex;flex-direction:column;gap:18px}.final-scores li.winner{background:color-mix(in srgb,var(--good) 22%,var(--panel-2));font-weight:700}.tic-tac-toe{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);width:100%}.ttt-players{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:680px}.ttt-chip{display:inline-flex;align-items:center;gap:7px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px 4px 9px;font-size:.9rem;color:var(--muted);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.ttt-chip .chip-sym{font-size:1.05rem;font-weight:800;color:var(--mark);line-height:1}.ttt-chip .chip-name{color:var(--text);max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ttt-chip.you .chip-name{font-weight:700}.ttt-chip .chip-marks{font-variant-numeric:tabular-nums;font-weight:700;color:var(--muted);background:var(--bg);border-radius:999px;padding:0 7px;font-size:.78rem}.ttt-chip .chip-score{font-variant-numeric:tabular-nums;font-weight:800;color:var(--mark);background:color-mix(in srgb,var(--mark) 16%,var(--bg));border-radius:999px;padding:0 8px;font-size:.82rem}.ttt-chip.turn{border-color:var(--mark);background:color-mix(in srgb,var(--mark) 14%,var(--panel-2));box-shadow:0 0 0 1px var(--mark)}.ttt-chip.winner{border-color:var(--mark);box-shadow:0 0 0 2px var(--mark)}.ttt-status{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:600;color:var(--turn-color);min-height:1.6em;text-align:center}.ttt-status .turn-dot{width:12px;height:12px;border-radius:50%;background:var(--turn-color);animation:ttt-pulse 1.4s ease-in-out infinite}.ttt-status .turn-sym{font-size:1.2rem;font-weight:800;color:var(--turn-color);line-height:1}.ttt-clock{font-variant-numeric:tabular-nums;font-weight:700;font-size:.9rem;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:1px 9px}.ttt-clock.low{color:#fff;background:var(--danger, #ef4444);border-color:transparent}@keyframes ttt-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--turn-color) 30%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--turn-color) 8%,transparent)}}.ttt-board{--board-px: min(94vw, 60vh, 580px);display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--cols),1fr);width:var(--board-px);height:var(--board-px);gap:1px;padding:1px;background:var(--border);border-radius:10px;overflow:hidden;box-shadow:0 0 0 2px var(--turn-color),var(--shadow-board);transition:box-shadow .25s ease;touch-action:manipulation}.cell{background:var(--panel-2);border:none;border-radius:0;padding:0;display:grid;place-items:center;font-size:calc(var(--board-px) / var(--cols) * .62);line-height:1;color:var(--mark);cursor:default;min-width:0;transition:background .1s ease;position:relative}.cell.filled{background:color-mix(in srgb,var(--mark) 18%,var(--panel-2))}.cell.filled .mark{color:var(--mark);font-weight:800;text-shadow:0 1px 1px color-mix(in srgb,var(--mark) 45%,#000);animation:pop .14s ease-out}.ttt-board.your-turn .cell.empty{cursor:pointer}.ttt-board.your-turn .cell.empty:hover{background:color-mix(in srgb,var(--my-color) 18%,var(--panel-2))}.ttt-board.your-turn .cell.empty:hover:after{content:var(--my-sym);color:var(--my-color);opacity:.42;font-weight:700}.cell.last{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--mark) 75%,transparent)}.cell.win{background:color-mix(in srgb,var(--mark) 32%,var(--panel-2));box-shadow:inset 0 0 0 2px var(--mark)}.cell .gain{position:absolute;top:0;left:50%;z-index:2;transform:translate(-50%,-50%);font-size:clamp(.62rem,calc(var(--board-px) / var(--cols) * .42),1rem);font-weight:800;color:var(--mark);text-shadow:0 1px 2px var(--bg);pointer-events:none;animation:ttt-gain .9s ease-out forwards}@keyframes ttt-gain{0%{opacity:0;transform:translate(-50%,10%) scale(.7)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-120%) scale(1)}}.ttt-info{margin:0}@media(max-width:720px){.ttt-status{font-size:.95rem}.ttt-chip{font-size:.82rem;padding:3px 10px 3px 8px}}@media(prefers-reduced-motion:reduce){.ttt-status .turn-dot,.cell.filled .mark{animation:none}.cell .gain{animation:ttt-gain-static .9s ease-out forwards}}@keyframes ttt-gain-static{0%,80%{opacity:1;transform:translate(-50%,-120%)}to{opacity:0;transform:translate(-50%,-120%)}}.connect4{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);width:100%}.c4-players{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:680px}.c4-chip{display:inline-flex;align-items:center;gap:7px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px 4px 9px;font-size:.9rem;color:var(--muted);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.c4-chip .chip-sym{font-size:1.05rem;font-weight:800;color:var(--mark);line-height:1}.c4-chip .chip-disc{width:14px;height:14px;border-radius:50%;flex:0 0 auto;background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--mark) 72%,#fff) 0%,var(--mark) 60%);border:1.5px solid color-mix(in srgb,var(--mark) 62%,#000)}.c4-chip .chip-name{color:var(--text);max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c4-chip.you .chip-name{font-weight:700}.c4-chip .chip-marks{font-variant-numeric:tabular-nums;font-weight:700;color:var(--muted);background:var(--bg);border-radius:999px;padding:0 7px;font-size:.78rem}.c4-chip .chip-score{font-variant-numeric:tabular-nums;font-weight:800;color:var(--mark);background:color-mix(in srgb,var(--mark) 16%,var(--bg));border-radius:999px;padding:0 8px;font-size:.82rem}.c4-chip.turn{border-color:var(--mark);background:color-mix(in srgb,var(--mark) 14%,var(--panel-2));box-shadow:0 0 0 1px var(--mark)}.c4-chip.winner{border-color:var(--mark);box-shadow:0 0 0 2px var(--mark)}.c4-status{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:600;color:var(--turn-color);min-height:1.6em;text-align:center}.c4-status .turn-dot{width:12px;height:12px;border-radius:50%;background:var(--turn-color);animation:ttt-pulse 1.4s ease-in-out infinite}.c4-status .turn-sym{font-size:1.2rem;font-weight:800;color:var(--turn-color);line-height:1}.c4-clock{font-variant-numeric:tabular-nums;font-weight:700;font-size:.9rem;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:1px 9px}.c4-clock.low{color:#fff;background:var(--danger, #ef4444);border-color:transparent}.c4-board{--slab: var(--panel-2);--hole: color-mix(in srgb, var(--panel-2) 84%, #000);display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);aspect-ratio:var(--cols) / var(--rows);width:min(94vw,calc((60vh) * var(--cols) / var(--rows)),620px);gap:clamp(3px,.7vw,8px);padding:clamp(7px,1.3vw,14px);background:linear-gradient(180deg,color-mix(in srgb,var(--slab) 90%,#fff),var(--slab));border:1.5px solid var(--ink-line);border-radius:16px;box-shadow:0 0 0 2px var(--turn-color),var(--shadow-board);transition:box-shadow .25s ease;touch-action:manipulation}.c4-cell{background:transparent;border:none;padding:0;display:grid;place-items:center;aspect-ratio:1;min-width:0;cursor:default;position:relative;border-radius:50%}.c4-cell:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;background:var(--hole);box-shadow:inset 0 2px 5px #00000038,inset 0 -1px color-mix(in srgb,var(--slab) 70%,#fff)}.c4-board.your-turn .c4-cell:not(:disabled){cursor:pointer}.c4-board.your-turn .c4-cell.col-hover:before{background:color-mix(in srgb,var(--my-color) 22%,var(--hole))}.c4-cell .disc{position:relative;z-index:1;width:88%;height:88%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--mark) 72%,#fff) 0%,var(--mark) 48%,color-mix(in srgb,var(--mark) 86%,#000) 100%);border:1.6px solid color-mix(in srgb,var(--mark) 62%,#000);box-shadow:inset 0 -3px 6px color-mix(in srgb,var(--mark) 60%,#000),inset 0 3px 5px color-mix(in srgb,var(--mark) 40%,#fff),0 2px 3px var(--paper-edge);animation:c4-drop .22s cubic-bezier(.3,1.3,.6,1)}.c4-cell .disc .mark{font-size:.84em;font-weight:800;line-height:1;color:#fff;text-shadow:0 1px 1px color-mix(in srgb,var(--mark) 55%,#000)}.c4-cell .disc.ghost{background:none;border:2px dashed color-mix(in srgb,var(--my-color) 70%,transparent);box-shadow:none;animation:none;opacity:.7}.c4-cell .disc.ghost .mark{color:var(--my-color);opacity:.75}.c4-cell.last .disc{box-shadow:0 0 0 2px #ffffffbf}.c4-cell.win .disc{box-shadow:0 0 0 3px #fff}.c4-cell .gain{position:absolute;top:0;left:50%;z-index:2;transform:translate(-50%,-50%);font-size:clamp(.62rem,2.2vw,1rem);font-weight:800;color:var(--mark);text-shadow:0 1px 2px var(--bg);pointer-events:none;animation:ttt-gain .9s ease-out forwards}.c4-info{margin:0}@keyframes c4-drop{0%{transform:translateY(-180%);opacity:.4}to{transform:translateY(0);opacity:1}}@media(max-width:720px){.c4-status{font-size:.95rem}.c4-chip{font-size:.82rem;padding:3px 10px 3px 8px}}@media(prefers-reduced-motion:reduce){.c4-status .turn-dot,.c4-cell .disc{animation:none}.c4-cell .gain{animation:ttt-gain-static .9s ease-out forwards}}.boxes{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);width:100%}.bx-players{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:680px}.bx-chip{display:inline-flex;align-items:center;gap:7px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px 4px 9px;font-size:.9rem;color:var(--muted);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.bx-chip .chip-sym{font-size:1.05rem;font-weight:800;color:var(--mark);line-height:1}.bx-chip .chip-name{color:var(--text);max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx-chip.you .chip-name{font-weight:700}.bx-chip .chip-boxes{font-variant-numeric:tabular-nums;font-weight:800;color:var(--mark);background:color-mix(in srgb,var(--mark) 16%,var(--bg));border-radius:999px;padding:0 8px;font-size:.82rem}.bx-chip.turn{border-color:var(--mark);background:color-mix(in srgb,var(--mark) 14%,var(--panel-2));box-shadow:0 0 0 1px var(--mark)}.bx-chip.winner{border-color:var(--mark);box-shadow:0 0 0 2px var(--mark)}.bx-status{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:600;color:var(--turn-color);min-height:1.6em;text-align:center}.bx-status .turn-dot{width:12px;height:12px;border-radius:50%;background:var(--turn-color);animation:ttt-pulse 1.4s ease-in-out infinite}.bx-status .turn-sym{font-size:1.2rem;font-weight:800;color:var(--turn-color);line-height:1}.bx-clock{font-variant-numeric:tabular-nums;font-weight:700;font-size:.9rem;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:1px 9px}.bx-clock.low{color:#fff;background:var(--danger, #ef4444);border-color:transparent}.bx-board{--board-px: min(94vw, 60vh, 560px);--dot: clamp(5px, calc(var(--board-px) / var(--n) * .14), 11px);display:grid;grid-template-columns:repeat(var(--n),var(--dot) 1fr) var(--dot);grid-template-rows:repeat(var(--n),var(--dot) 1fr) var(--dot);width:var(--board-px);height:var(--board-px);padding:clamp(8px,2.4vw,18px);background:var(--panel-2);border-radius:14px;border:1px solid var(--border);box-shadow:0 0 0 2px var(--turn-color),var(--shadow-board);transition:box-shadow .25s ease;touch-action:manipulation}.bx-dot{width:var(--dot);height:var(--dot);border-radius:50%;background:var(--text);align-self:center;justify-self:center}.bx-box{display:grid;place-items:center;margin:1px;border-radius:4px;background:color-mix(in srgb,var(--mark) 42%,var(--panel-2));border:1.5px solid color-mix(in srgb,var(--mark) 55%,var(--ink-line));animation:bx-claim .3s ease-out}.bx-box.claimed{animation:bx-claim .45s cubic-bezier(.3,1.3,.6,1)}.bx-box .box-sym{font-size:calc(var(--board-px) / var(--n) * .42);font-weight:800;line-height:1;color:var(--mark);text-shadow:0 1px 1px color-mix(in srgb,var(--mark) 45%,#000);opacity:1}@keyframes bx-claim{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.bx-edge{background:transparent;border:none;padding:0;display:grid;place-items:center;align-self:center;justify-self:center;width:100%;height:100%;cursor:default;position:relative}.bx-edge .line{background:color-mix(in srgb,var(--muted) 26%,transparent);border-radius:999px;transition:background .12s ease,transform .08s ease}.bx-edge.h .line{width:86%;height:clamp(4px,calc(var(--board-px) / var(--n) * .12),8px)}.bx-edge.v .line{height:86%;width:clamp(4px,calc(var(--board-px) / var(--n) * .12),8px)}.bx-edge.drawn .line{background:var(--mark)}.bx-edge.last .line{box-shadow:0 0 0 2px color-mix(in srgb,var(--mark) 45%,transparent)}.bx-board.your-turn .bx-edge:not(.drawn){cursor:pointer}.bx-board.your-turn .bx-edge:not(.drawn):hover .line{background:color-mix(in srgb,var(--my-color) 70%,var(--muted));transform:scale(1.04)}.bx-info{margin:0}@media(max-width:720px){.bx-status{font-size:.95rem}.bx-chip{font-size:.82rem;padding:3px 10px 3px 8px}}@media(prefers-reduced-motion:reduce){.bx-status .turn-dot,.bx-box,.bx-box.claimed{animation:none}}.snake-game{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);width:100%}.snake-players{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:680px}.snake-chip{display:inline-flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px 4px 10px;font-size:.9rem;color:var(--text)}.snake-chip .chip-dot{width:12px;height:12px;border-radius:3px;background:var(--c);flex:0 0 auto}.snake-chip .chip-name{max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snake-chip.you .chip-name{font-weight:700}.snake-chip .chip-len{font-variant-numeric:tabular-nums;font-weight:700;color:var(--c)}.snake-chip .chip-target{color:var(--muted);font-weight:600}.snake-chip.winner{border-color:var(--c);box-shadow:0 0 0 2px var(--c)}.snake-stage{position:relative;--board-px: min(94vw, 58vh, 560px);--cell: calc(var(--board-px) / var(--cols));width:var(--board-px);height:var(--board-px)}.snake-board{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden;background-color:var(--panel-2);background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:var(--cell) var(--cell);box-shadow:0 0 0 2px var(--me-color),var(--shadow-board);touch-action:none}@property --bump{syntax: "<number>"; inherits: false; initial-value: 0;}.snake-piece{position:absolute;top:0;left:0;width:var(--cell);height:var(--cell);transform:translate(calc((var(--x) + var(--dx, 0) * var(--bump, 0) * .34) * var(--cell)),calc((var(--y) + var(--dy, 0) * var(--bump, 0) * .34) * var(--cell)))}.snake-piece.body{background:var(--c);border-radius:2px;transition:transform var(--slide-ms, .23s) linear;will-change:transform}.snake-piece.head{box-shadow:inset 0 0 0 2px #ffffffd9;filter:brightness(1.12);z-index:2}.snake-piece.head.mine{box-shadow:inset 0 0 0 2px #fffffff2,0 0 0 2px #fff,0 0 10px 3px var(--c);z-index:4}.snake-you-marker{position:absolute;top:0;left:0;width:var(--cell);height:var(--cell);transform:translate(calc(var(--x) * var(--cell)),calc(var(--y) * var(--cell)));transition:transform var(--slide-ms, .23s) linear;will-change:transform;pointer-events:none;z-index:5}.snake-you-marker .you-arrow,.snake-you-marker .you-label{position:absolute;left:50%;transform:translate(-50%);animation:snake-you-bob 1.1s ease-in-out infinite}.snake-you-marker .you-arrow{bottom:100%;color:var(--c);font-size:clamp(11px,calc(var(--cell) * .9),18px);line-height:1;text-shadow:0 0 2px rgba(0,0,0,.55)}.snake-you-marker .you-label{bottom:calc(100% + .55em);background:var(--c);color:#fff;font-size:clamp(9px,calc(var(--cell) * .62),12px);font-weight:700;line-height:1;padding:2px 6px;border-radius:999px;white-space:nowrap;box-shadow:0 1px 4px #00000059}@keyframes snake-you-bob{0%,to{translate:0 0}50%{translate:0 -3px}}.snake-piece.head.stuck{z-index:3;animation:snake-bump var(--step-ms, .2s) ease-in-out infinite}@keyframes snake-bump{0%,to{--bump: 0}45%{--bump: 1}}.snake-piece.wall{background:var(--tile-filled);box-shadow:inset 0 0 0 1px #00000040}.snake-piece.fruit{display:grid;place-items:center;font-size:calc(var(--cell) * .82);line-height:1;z-index:1;animation:snake-fruit-pop .18s ease-out}@keyframes snake-fruit-pop{0%{transform:translate(calc(var(--x) * var(--cell)),calc(var(--y) * var(--cell))) scale(.4)}to{transform:translate(calc(var(--x) * var(--cell)),calc(var(--y) * var(--cell))) scale(1)}}@media(prefers-reduced-motion:reduce){.snake-piece.body,.snake-you-marker{transition:none}.snake-piece.fruit,.snake-piece.head.stuck,.snake-you-marker .you-arrow,.snake-you-marker .you-label{animation:none}}.snake-clock{font-size:1.4rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:.02em}.snake-clock.low{color:var(--bad);animation:snake-clock-flash 1s steps(2,start) infinite}@keyframes snake-clock-flash{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.snake-clock.low{animation:none}}.snake-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073;border-radius:10px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.snake-status{font-size:1rem;color:var(--muted);min-height:1.4em;text-align:center}.snake-status .snake-stuck{color:var(--bad);font-weight:600}.snake-pad{display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,54px);gap:6px;justify-content:center}.snake-pad .pad{background:var(--panel-2);color:var(--text);font-size:1.3rem;padding:0;border-radius:12px}.snake-pad .pad:active{background:var(--accent);color:#fff}.snake-pad .pad.up{grid-area:1 / 2}.snake-pad .pad.left{grid-area:2 / 1}.snake-pad .pad.down{grid-area:2 / 2}.snake-pad .pad.right{grid-area:2 / 3}@media(hover:hover)and (pointer:fine){.snake-pad{display:none}}.pong-game{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);width:100%}.pong-players{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:680px}.pong-chip{display:inline-flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px 4px 10px;font-size:.9rem;color:var(--text)}.pong-chip .chip-dot{width:12px;height:12px;border-radius:3px;background:var(--c);flex:0 0 auto}.pong-chip .chip-name{max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pong-chip.you .chip-name{font-weight:700}.pong-chip .chip-score{font-variant-numeric:tabular-nums;font-weight:700;color:var(--c)}.pong-chip .chip-target{color:var(--muted);font-weight:600}.pong-chip.winner{border-color:var(--c);box-shadow:0 0 0 2px var(--c)}.pong-stage{position:relative;--board-px: min(94vw, 58vh, 560px);width:var(--board-px);height:var(--board-px)}.pong-board{display:block;width:100%;height:100%;border-radius:10px;background-color:var(--panel-2);box-shadow:0 0 0 2px var(--me-color),var(--shadow-board);touch-action:none}.pong-clock{font-size:1.4rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:.02em}.pong-clock.low{color:var(--bad);animation:snake-clock-flash 1s steps(2,start) infinite}@media(prefers-reduced-motion:reduce){.pong-clock.low{animation:none}}.pong-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073;border-radius:10px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.pong-status{font-size:1rem;color:var(--muted);min-height:1.4em;text-align:center}.pong-pad{display:flex;gap:10px;justify-content:center}.pong-pad.vertical{flex-direction:column}.pong-pad .pad{background:var(--panel-2);color:var(--text);font-size:1.3rem;width:88px;height:54px;padding:0;border-radius:12px}.pong-pad .pad:active{background:var(--accent);color:#fff}@media(hover:hover)and (pointer:fine){.pong-pad{display:none}}.road-game{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);width:100%}.road-players{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:680px}.road-chip{display:inline-flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px 4px 10px;font-size:.9rem;color:var(--text)}.road-chip .chip-dot{width:12px;height:12px;border-radius:3px;background:var(--c);flex:0 0 auto}.road-chip .chip-name{max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.road-chip.you .chip-name{font-weight:700}.road-chip.out{opacity:.5}.road-chip.out .chip-name{text-decoration:line-through}.road-chip.winner{border-color:var(--c);box-shadow:0 0 0 2px var(--c)}.road-meta{display:flex;align-items:center;gap:14px}.road-clock{font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:.02em}.road-clock.low{color:var(--bad);animation:snake-clock-flash 1s steps(2,start) infinite}.road-alive{font-size:.95rem;color:var(--muted);font-weight:600}@media(prefers-reduced-motion:reduce){.road-clock.low{animation:none}}.road-stage{position:relative;--board-px: min(94vw, 58vh, 560px);width:var(--board-px);height:var(--board-px)}.road-board{display:block;width:100%;height:100%;border-radius:10px;background-color:var(--panel-2);box-shadow:0 0 0 2px var(--me-color),var(--shadow-board);touch-action:none}.road-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;place-items:center;background:#00000073;border-radius:10px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.road-status{font-size:1rem;color:var(--muted);min-height:1.4em;text-align:center}.road-crashed{color:var(--bad);font-weight:700}.cowboy-game{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);width:100%}.cowboy-players{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:680px}.cowboy-chip{display:inline-flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px 4px 10px;font-size:.9rem;color:var(--text)}.cowboy-chip .chip-dot{width:12px;height:12px;border-radius:3px;background:var(--c);flex:0 0 auto}.cowboy-chip .chip-name{max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cowboy-chip.you .chip-name{font-weight:700}.cowboy-chip .chip-hp{display:inline-flex;gap:3px}.cowboy-chip .hp-pip{width:7px;height:7px;border-radius:2px;background:#ffffff2e}.cowboy-chip .hp-pip.full{background:var(--c)}.cowboy-chip.out{opacity:.5}.cowboy-chip.out .chip-name{text-decoration:line-through}.cowboy-chip.winner{border-color:var(--c);box-shadow:0 0 0 2px var(--c)}.cowboy-meta{display:flex;align-items:center;gap:14px}.cowboy-clock{font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:.02em}.cowboy-clock.low{color:var(--bad);animation:snake-clock-flash 1s steps(2,start) infinite}.cowboy-alive{font-size:.95rem;color:var(--muted);font-weight:600}@media(prefers-reduced-motion:reduce){.cowboy-clock.low{animation:none}}.cowboy-stage{position:relative;--board-px: min(94vw, 58vh, 560px);width:var(--board-px);height:var(--board-px)}.cowboy-board{display:block;width:100%;height:100%;border-radius:10px;background-color:var(--panel-2);box-shadow:0 0 0 2px var(--me-color),var(--shadow-board);touch-action:none}.cowboy-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;place-items:center;background:#00000073;border-radius:10px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.cowboy-status{font-size:1rem;color:var(--muted);min-height:1.4em;text-align:center}.cowboy-fell{color:var(--bad);font-weight:700}.sumo-game{position:relative;--joy-z: 1;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);width:100%}.sumo-players{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:680px}.sumo-chip{display:inline-flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px 4px 10px;font-size:.9rem;color:var(--text)}.sumo-chip .chip-dot{width:12px;height:12px;border-radius:50%;background:var(--c);flex:0 0 auto}.sumo-chip .chip-name{max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sumo-chip.you .chip-name{font-weight:700}.sumo-chip.out{opacity:.5}.sumo-chip.out .chip-name{text-decoration:line-through}.sumo-chip.winner{border-color:var(--c);box-shadow:0 0 0 2px var(--c)}.sumo-meta{display:flex;align-items:center;gap:14px}.sumo-clock{font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:.02em}.sumo-clock.low{color:var(--bad);animation:snake-clock-flash 1s steps(2,start) infinite}.sumo-alive{font-size:.95rem;color:var(--muted);font-weight:600}@media(prefers-reduced-motion:reduce){.sumo-clock.low{animation:none}}.sumo-stage{position:relative;z-index:2;--board-px: min(94vw, 58vh, 560px);width:var(--board-px);height:var(--board-px)}.sumo-board{display:block;width:100%;height:100%;border-radius:10px;background-color:var(--panel-2);box-shadow:0 0 0 2px var(--me-color),var(--shadow-board);touch-action:none}.sumo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;place-items:center;background:#00000073;border-radius:10px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.sumo-status{font-size:1rem;color:var(--muted);min-height:1.4em;text-align:center}.sumo-fell{color:var(--bad);font-weight:700}.quick-match-card{box-shadow:inset 3px 0 0 var(--good)}.mm-searching{align-items:center;text-align:center;gap:16px}.mm-searching h2,.mm-prefs-recap{margin:0}.mm-spinner{width:46px;height:46px;border-radius:50%;border:4px solid var(--panel-2);border-top-color:var(--accent);animation:mm-spin .8s linear infinite}@keyframes mm-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mm-spinner{animation-duration:2s}}.tournament-card,.create-lobby-card{box-shadow:inset 3px 0 0 var(--accent)}.mode-switch{margin-top:14px}.mode-segmented button{font-size:.95rem;padding:12px 14px}.trn-vote-head{display:flex;flex-direction:column;gap:4px;text-align:center}.trn-vote-head h2{margin:0}.trn-eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:700}.trn-timer{height:6px;background:var(--panel-2);border-radius:999px;overflow:hidden}.trn-timer-fill{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left center;animation-name:trn-drain;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes trn-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.trn-candidates{display:flex;flex-direction:column;gap:10px}.trn-candidate{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel-2);color:var(--text);padding:14px 16px;border-radius:var(--radius);border:2px solid transparent;font-size:1.05rem;font-weight:700}.trn-candidate:hover:not(:disabled){background:var(--key-hover)}.trn-candidate.mine{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--panel-2))}.trn-candidate-votes{font-size:.82rem;font-weight:600;color:var(--muted);background:var(--bg);border-radius:999px;padding:2px 10px}.trn-candidate.mine .trn-candidate-votes{color:var(--accent)}.trn-vote-foot{text-align:center;margin:0}.trn-trophy{font-size:3rem;line-height:1}.game-host{position:relative;width:100%}.game-prep-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#00000073;border-radius:10px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.chip-wins{display:inline-flex;gap:3px;margin-left:2px}.chip-wins .win-pip{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--border)}.chip-wins .win-pip.full{background:#f5c451;box-shadow:0 0 5px #f5c451a6}.countdown{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.countdown-round{font-family:var(--font-hand);font-size:1.05rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f5c451}.countdown-note{font-family:var(--font-hand);font-size:1.15rem;color:#f4ece0;opacity:.92}.countdown-label{font-family:var(--font-hand);font-size:1.7rem;color:#f4ece0;font-weight:700}.countdown-num{font-family:var(--font-display);font-size:clamp(5rem,22vh,11rem);font-weight:900;line-height:1;color:var(--accent);animation:countdown-pop 1s ease-out}@keyframes countdown-pop{0%{transform:scale(.4);opacity:0}30%{opacity:1}60%{transform:scale(1.12)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.countdown-num{animation:none}}.joy-surface.svelte-cw4ibq{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--joy-z, 3);touch-action:none}.joy-base.svelte-cw4ibq{position:absolute;width:clamp(108px,30vw,148px);height:clamp(108px,30vw,148px);border-radius:50%;background:transparent;border:2px solid var(--me-color, var(--accent));display:grid;place-items:center;transform:translate(-50%,-50%);opacity:0;visibility:hidden;pointer-events:none;touch-action:none}.joy-base.visible.svelte-cw4ibq{opacity:1;visibility:visible}.joy-knob.svelte-cw4ibq{width:42%;height:42%;border-radius:50%;background:color-mix(in srgb,var(--me-color, var(--accent)) 45%,transparent);border:1px solid var(--me-color, var(--accent));box-shadow:0 1px 6px #00000040;pointer-events:none;will-change:transform}@media(hover:hover)and (pointer:fine){.joy-surface.svelte-cw4ibq{display:none}}.reversi.svelte-14po3qi{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);width:100%}.rv-status.svelte-14po3qi{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:600;color:var(--turn-color);min-height:1.6em;text-align:center}.rv-dot.svelte-14po3qi{width:12px;height:12px;border-radius:50%;background:var(--turn-color);animation:svelte-14po3qi-rv-pulse 1.4s ease-in-out infinite}.rv-puck.svelte-14po3qi{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 -2px 3px #00000059,0 1px 2px #00000040}.rv-clock.svelte-14po3qi{font-variant-numeric:tabular-nums;font-weight:700;font-size:.9rem;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:1px 9px}.rv-clock.low.svelte-14po3qi{color:#fff;background:var(--danger, #ef4444);border-color:transparent}.rv-layout.svelte-14po3qi{display:flex;align-items:flex-start;gap:clamp(10px,2vw,22px);flex-wrap:wrap;justify-content:center}.rv-board.svelte-14po3qi{display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);aspect-ratio:1;width:min(92vw,60vh,560px);gap:1px;padding:1px;background:var(--border);border-radius:10px;overflow:hidden;box-shadow:0 0 0 2px var(--turn-color),var(--shadow-board);transition:box-shadow .25s ease;touch-action:manipulation}.rv-cell.svelte-14po3qi{position:relative;background:var(--panel-2);border:0;padding:0;display:grid;place-items:center;min-width:0;cursor:default;transition:background .1s ease}.rv-cell.svelte-14po3qi:disabled{opacity:1;cursor:default}.rv-board.your-turn.svelte-14po3qi .rv-cell.legal:where(.svelte-14po3qi){cursor:pointer}.rv-board.your-turn.svelte-14po3qi .rv-cell.legal:where(.svelte-14po3qi):hover{background:color-mix(in srgb,var(--my-color) 16%,var(--panel-2))}.rv-cell.svelte-14po3qi .disc:where(.svelte-14po3qi){width:76%;height:76%;border-radius:50%;background:var(--disc)}.rv-cell.flip.svelte-14po3qi .disc:where(.svelte-14po3qi){animation:svelte-14po3qi-rv-flip .42s cubic-bezier(.4,0,.2,1)}.rv-cell.last.svelte-14po3qi .disc:where(.svelte-14po3qi){box-shadow:0 0 0 2px var(--text)}.rv-cell.svelte-14po3qi .hint:where(.svelte-14po3qi){width:26%;height:26%;border-radius:50%;background:color-mix(in srgb,var(--my-color) 45%,transparent);animation:svelte-14po3qi-rv-pulse 1.6s ease-in-out infinite}.rv-cell.svelte-14po3qi .disc.ghost:where(.svelte-14po3qi){background:none;border:2px dashed color-mix(in srgb,var(--my-color) 60%,transparent);opacity:.7}.rv-side.svelte-14po3qi{display:flex;flex-direction:column;gap:8px;min-width:168px}.rv-tally.svelte-14po3qi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.rv-row.svelte-14po3qi{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:6px 10px;transition:border-color .15s ease,box-shadow .15s ease}.rv-row.turn.svelte-14po3qi{border-color:var(--disc);box-shadow:0 0 0 1px var(--disc)}.rv-row.winner.svelte-14po3qi{border-color:var(--disc);box-shadow:0 0 0 2px var(--disc)}.rv-swatch.svelte-14po3qi{width:16px;height:16px;border-radius:50%;flex:none;background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--disc) 55%,#fff) 0%,var(--disc) 58%);box-shadow:inset 0 -1px 2px #0000004d}.rv-name.svelte-14po3qi{flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.rv-row.you.svelte-14po3qi .rv-name:where(.svelte-14po3qi){font-weight:700}.rv-count.svelte-14po3qi{font-variant-numeric:tabular-nums;font-weight:800;color:var(--disc);background:color-mix(in srgb,var(--disc) 16%,var(--bg));border-radius:999px;padding:0 9px;font-size:.85rem}.rv-info.svelte-14po3qi{margin:0;text-align:center}@keyframes svelte-14po3qi-rv-flip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(.86)}to{transform:rotateY(0) scale(1)}}@keyframes svelte-14po3qi-rv-pulse{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.rv-cell.flip.svelte-14po3qi .disc:where(.svelte-14po3qi),.rv-cell.svelte-14po3qi .hint:where(.svelte-14po3qi),.rv-dot.svelte-14po3qi{animation:none}}@media(max-width:720px){.rv-status.svelte-14po3qi{font-size:.95rem}.rv-layout.svelte-14po3qi{gap:10px}.rv-side.svelte-14po3qi{min-width:0;width:min(92vw,560px)}.rv-tally.svelte-14po3qi{flex-direction:row;flex-wrap:wrap;justify-content:center}.rv-row.svelte-14po3qi{padding:4px 8px}.rv-name.svelte-14po3qi{max-width:8ch}}.lc-game.svelte-1f0c0mf{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);width:100%}.lc-players.svelte-1f0c0mf{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:680px}.lc-chip.svelte-1f0c0mf{display:inline-flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px 4px 10px;font-size:.9rem;color:var(--text)}.lc-chip.svelte-1f0c0mf .chip-dot:where(.svelte-1f0c0mf){width:12px;height:12px;border-radius:3px;background:var(--c);box-shadow:0 0 6px var(--c);flex:0 0 auto}.lc-chip.svelte-1f0c0mf .chip-name:where(.svelte-1f0c0mf){max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-chip.you.svelte-1f0c0mf .chip-name:where(.svelte-1f0c0mf){font-weight:700}.lc-chip.out.svelte-1f0c0mf{opacity:.5}.lc-chip.out.svelte-1f0c0mf .chip-name:where(.svelte-1f0c0mf){text-decoration:line-through}.lc-chip.winner.svelte-1f0c0mf{border-color:var(--c);box-shadow:0 0 0 2px var(--c)}.lc-meta.svelte-1f0c0mf{display:flex;align-items:center;gap:14px;min-height:1.4em}.lc-clock.svelte-1f0c0mf{font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:.02em}.lc-clock.low.svelte-1f0c0mf{color:var(--bad);animation:svelte-1f0c0mf-lc-clock-flash 1s steps(2,start) infinite}@keyframes svelte-1f0c0mf-lc-clock-flash{50%{opacity:.45}}.lc-alive.svelte-1f0c0mf{font-size:.95rem;font-weight:700;color:var(--muted)}.lc-stage.svelte-1f0c0mf{position:relative;width:min(94vw,58vh,560px);aspect-ratio:1}.lc-board.svelte-1f0c0mf{width:100%;height:100%;border-radius:10px;background:var(--panel-2);box-shadow:0 0 0 2px var(--me-color),0 10px 34px #00000047;touch-action:none}.lc-overlay.svelte-1f0c0mf{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073;border-radius:10px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.lc-status.svelte-1f0c0mf{font-size:1rem;color:var(--muted);min-height:1.4em;text-align:center}.lc-status.svelte-1f0c0mf .lc-crashed:where(.svelte-1f0c0mf){color:var(--bad);font-weight:600}.lc-status.svelte-1f0c0mf .lc-stuck:where(.svelte-1f0c0mf){color:var(--bad);font-weight:700;animation:svelte-1f0c0mf-lc-clock-flash 1s steps(2,start) infinite}.lc-pad.svelte-1f0c0mf{display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,54px);gap:6px;justify-content:center}.lc-pad.svelte-1f0c0mf .pad:where(.svelte-1f0c0mf){background:var(--panel-2);color:var(--text);font-size:1.3rem;padding:0;border-radius:12px}.lc-pad.svelte-1f0c0mf .pad:where(.svelte-1f0c0mf):active{background:var(--accent);color:#fff}.lc-pad.svelte-1f0c0mf .pad.up:where(.svelte-1f0c0mf){grid-area:1 / 2}.lc-pad.svelte-1f0c0mf .pad.left:where(.svelte-1f0c0mf){grid-area:2 / 1}.lc-pad.svelte-1f0c0mf .pad.down:where(.svelte-1f0c0mf){grid-area:2 / 2}.lc-pad.svelte-1f0c0mf .pad.right:where(.svelte-1f0c0mf){grid-area:2 / 3}@media(hover:hover)and (pointer:fine){.lc-pad.svelte-1f0c0mf{display:none}}@media(prefers-reduced-motion:reduce){.lc-clock.low.svelte-1f0c0mf,.lc-status.svelte-1f0c0mf .lc-stuck:where(.svelte-1f0c0mf){animation:none}}.game-icon.svelte-z2c9ns{display:inline-grid;place-items:center;flex:0 0 auto}.game-icon.svelte-z2c9ns svg:where(.svelte-z2c9ns){overflow:visible}.invite-link.svelte-sff6no{width:100%;margin-top:10px;background:var(--panel);color:var(--text);border:1.5px dashed var(--ink-line)}.invite-link.svelte-sff6no:hover:not(:disabled){background:var(--key-hover)}.who.svelte-sff6no{display:inline-flex;align-items:center;gap:8px}.swatch.svelte-sff6no{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ink-line);flex:none}.profile.svelte-6tquq3{max-width:620px;margin:0 auto;padding:1rem 1.25rem 3rem;display:flex;flex-direction:column;gap:1.25rem}.profile-head.svelte-6tquq3{display:flex;align-items:center;gap:1rem}.profile-head.svelte-6tquq3 h1:where(.svelte-6tquq3){margin:0;font-family:var(--font-display, inherit)}.back.svelte-6tquq3{background:none;border:none;cursor:pointer;font:inherit;color:inherit;opacity:.75}.back.svelte-6tquq3:hover{opacity:1}.note.svelte-6tquq3{text-align:center;opacity:.7;padding:2rem 0}.card.svelte-6tquq3{border:1.5px solid currentColor;border-radius:12px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.75rem}.card.svelte-6tquq3 h2:where(.svelte-6tquq3){margin:0;font-size:1.05rem;font-family:var(--font-display, inherit)}.overall.svelte-6tquq3{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.winrate.svelte-6tquq3{display:flex;flex-direction:column;line-height:1.1}.winrate.svelte-6tquq3 .big:where(.svelte-6tquq3){font-size:1.9rem;font-weight:700}.winrate.svelte-6tquq3 .lbl:where(.svelte-6tquq3){font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.65}.counts.svelte-6tquq3{display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-size:.9rem}.champ.svelte-6tquq3{font-size:.95rem}.crown.svelte-6tquq3{margin-right:.25rem}.muted.svelte-6tquq3{opacity:.6}.pg.svelte-6tquq3{width:100%;border-collapse:collapse;font-size:.88rem}.pg.svelte-6tquq3 th:where(.svelte-6tquq3),.pg.svelte-6tquq3 td:where(.svelte-6tquq3){padding:.35rem .4rem;text-align:center}.pg.svelte-6tquq3 th.g:where(.svelte-6tquq3),.pg.svelte-6tquq3 td.g:where(.svelte-6tquq3){text-align:left;white-space:nowrap}.pg.svelte-6tquq3 td.g:where(.svelte-6tquq3){display:flex;align-items:center;gap:.4rem}.pg.svelte-6tquq3 thead:where(.svelte-6tquq3) th:where(.svelte-6tquq3){border-bottom:1.5px solid currentColor;font-weight:600;opacity:.8}.pg.svelte-6tquq3 tbody:where(.svelte-6tquq3) tr:where(.svelte-6tquq3)+tr:where(.svelte-6tquq3) td:where(.svelte-6tquq3){border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}