@font-face{font-family:Recursive;src:url(/fonts/recursive-casl.woff2)format("woff2-variations");font-weight:300 1000;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212}:root{--font:"Recursive", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--cloth:#dce4f2;--stitch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cg stroke='%2316214a' stroke-opacity='.11' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M15 6v5M15 19v5M6 15h5M19 15h5'/%3E%3C/g%3E%3C/svg%3E");--tray:#1b2659;--tray-edge:#0e1640;--tile:#f8f9fd;--tile-2:#eceff8;--tile-hi:#fffffff2;--tile-lo:#16214a21;--ink:#16214a;--text:#16214a;--text-soft:#4e5985;--text-faint:#7c86ad;--surface:#f8f9fd;--surface-2:#e6ebf6;--line:#16214a21;--key-edge:#c3cbe2;--shadow:0 18px 40px -22px #0e16408c;--error:#d3263a;--error-tint:#d3263a29;--primary-top:#2c3d8f;--primary-bottom:#1b2659;--primary-edge:#0e1640;--primary-text:#f8f9fd;--backdrop:#0a102c6b;--p0:#0f8a6a;--p1:#b56a00;--p2:#1f63c6;--p3:#8a3fc0;--p4:#b02fb8;--p5:#0b8499;--p6:#5b8612;--p7:#c4521a;--me:var(--p0);--on-ink:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--cloth:#0f1736;--stitch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cg stroke='%23b4c3ff' stroke-opacity='.075' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M15 6v5M15 19v5M6 15h5M19 15h5'/%3E%3C/g%3E%3C/svg%3E");--tray:#070c22;--tray-edge:#03061a;--tile:#232e5c;--tile-2:#1d2752;--tile-hi:#ffffff13;--tile-lo:#00000052;--ink:#eef1f9;--text:#eef1f9;--text-soft:#a7b1d6;--text-faint:#7680a8;--surface:#1d2752;--surface-2:#283468;--line:#eef1f91f;--key-edge:#0c1335;--shadow:0 18px 40px -20px #000c;--error:#ff5d6e;--error-tint:#ff5d6e33;--primary-top:#f8f9fd;--primary-bottom:#dde3f2;--primary-edge:#8d99c4;--primary-text:#16214a;--backdrop:#02041099;--p0:#4fd6ad;--p1:#ffb547;--p2:#78adff;--p3:#c592ff;--p4:#ee8cff;--p5:#4fd9ee;--p6:#a9db4f;--p7:#ff9b5e;--on-ink:#10183a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--cloth:#0f1736;--stitch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cg stroke='%23b4c3ff' stroke-opacity='.075' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M15 6v5M15 19v5M6 15h5M19 15h5'/%3E%3C/g%3E%3C/svg%3E");--tray:#070c22;--tray-edge:#03061a;--tile:#232e5c;--tile-2:#1d2752;--tile-hi:#ffffff13;--tile-lo:#00000052;--ink:#eef1f9;--text:#eef1f9;--text-soft:#a7b1d6;--text-faint:#7680a8;--surface:#1d2752;--surface-2:#283468;--line:#eef1f91f;--key-edge:#0c1335;--shadow:0 18px 40px -20px #000c;--error:#ff5d6e;--error-tint:#ff5d6e33;--primary-top:#f8f9fd;--primary-bottom:#dde3f2;--primary-edge:#8d99c4;--primary-text:#16214a;--backdrop:#02041099;--p0:#4fd6ad;--p1:#ffb547;--p2:#78adff;--p3:#c592ff;--p4:#ee8cff;--p5:#4fd9ee;--p6:#a9db4f;--p7:#ff9b5e;--on-ink:#10183a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--cloth);background-image:var(--stitch);min-height:100dvh;color:var(--text);font-family:var(--font);font-variation-settings:"CASL" 0;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:16px;line-height:1.45}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0}:focus-visible{outline:3px solid var(--me);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}svg.i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.btn{font-variation-settings:"CASL" 0, "wght" 680;border-radius:16px;justify-content:center;align-items:center;gap:10px;height:54px;padding:0 22px;font-size:17px;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn.primary{background:linear-gradient(var(--primary-top), var(--primary-bottom));color:var(--primary-text);box-shadow:0 3px 0 var(--primary-edge), var(--shadow)}.btn.secondary{background:var(--surface-2);color:var(--text);box-shadow:0 3px 0 var(--key-edge)}.btn:active,.btn.pressed{transform:translateY(3px);box-shadow:0 0 #0000}.btn.wide{width:100%}.btn:disabled{opacity:.45;cursor:default}.icon-btn{width:42px;height:42px;color:var(--text);border-radius:14px;place-items:center;transition:background .12s;display:grid}.icon-btn:active{background:var(--line)}.home{max-width:520px;padding:calc(env(safe-area-inset-top) + 28px) 18px calc(env(safe-area-inset-bottom) + 28px);flex-direction:column;gap:26px;margin:0 auto;display:flex}.hero{justify-items:start;gap:6px;display:grid}.demo{--bs:168px;background:var(--tray);width:168px;height:168px;box-shadow:0 2px 0 var(--tray-edge), var(--shadow);border-radius:18px;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:14px;padding:7px;display:grid;position:relative;transform:rotate(-4deg)}.demo .cell{border-radius:8px}.demo .cell .v{font-size:34px}.demo .cursor{--cs:48.7px}.wordmark{letter-spacing:-.035em;font-variation-settings:"CASL" 1, "wght" 900;color:var(--text);margin:0;font-size:clamp(54px,15vw,76px);line-height:.95}.lede{max-width:30ch;color:var(--text-soft);font-variation-settings:"CASL" .4, "wght" 480;margin:4px 0 0;font-size:19px;line-height:1.4}.panel{background:var(--surface);box-shadow:0 2px 0 var(--key-edge), var(--shadow);border-radius:24px;gap:22px;padding:22px 18px 20px;display:grid}.field{gap:8px;display:grid}.field-label{font-variation-settings:"CASL" 0, "wght" 640;color:var(--text-soft);font-size:15px}.input{background:var(--surface-2);height:52px;box-shadow:inset 0 2px 0 var(--tile-lo);font-variation-settings:"CASL" 1, "wght" 580;border:0;border-radius:14px;outline:none;width:100%;padding:0 16px;font-size:18px;transition:box-shadow .15s}.input:focus{box-shadow:inset 0 2px 0 var(--tile-lo), 0 0 0 3px var(--me)}.input::placeholder{color:var(--text-faint)}.levels{border:0;grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;display:grid}.levels legend{margin-bottom:8px;padding:0}.level{background:var(--surface-2);box-shadow:0 2px 0 var(--key-edge);text-align:left;border-radius:16px;gap:8px;padding:14px 14px 12px;transition:transform 80ms,box-shadow .12s,background .12s;display:grid;position:relative}.level:active{transform:translateY(2px);box-shadow:0 0 #0000}.level[aria-checked=true]{background:var(--surface);box-shadow:0 0 0 2.5px var(--text), 0 2px 0 var(--key-edge)}.level-name{font-variation-settings:"CASL" 0, "wght" 700;font-size:17px}.pips{gap:4px;display:flex}.pips i{background:var(--line);border-radius:3.5px;width:12px;height:12px}.pips i.on{background:var(--text)}.build-tag{text-align:center;color:var(--text-faint);font-variant-numeric:tabular-nums;margin:22px 0 0;font-size:12px}.rules{color:var(--text-soft);margin:-6px 0 0;font-size:14px;line-height:1.45}.recent h2,.section-title{font-variation-settings:"CASL" 0, "wght" 640;color:var(--text-soft);margin:0 0 10px;font-size:15px}.recent-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.recent-item{background:var(--surface);width:100%;box-shadow:0 2px 0 var(--key-edge);text-align:left;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.recent-item:active{box-shadow:none;transform:translateY(2px)}.progress-ring{width:38px;height:38px}.recent-title{font-variation-settings:"CASL" 0, "wght" 650}.recent-meta{color:var(--text-soft);font-size:14px}.home-foot{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{background:var(--surface);height:40px;box-shadow:0 2px 0 var(--key-edge);font-variation-settings:"CASL" 0, "wght" 600;color:var(--text-soft);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;display:inline-flex}.chip-btn svg.i{width:18px;height:18px}.game{max-width:560px;height:100dvh;padding:env(safe-area-inset-top) max(10px, env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 10px) max(10px, env(safe-area-inset-left));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template:"bar""status""board"minmax(0,1fr)"tools""pad"/minmax(0,1fr);margin:0 auto;display:grid}.bar{grid-area:bar;align-items:center;gap:4px;height:56px;display:flex}.bar .brand{letter-spacing:-.02em;font-variation-settings:"CASL" 1, "wght" 860;margin-left:2px;font-size:22px}.bar .spacer{flex:1}@media (max-width:419px){.bar .brand{display:none}}.link-dot{background:var(--p0);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in oklab, var(--p0) 25%, transparent);border-radius:50%;margin:0 6px 0 8px;transition:background .3s,box-shadow .3s}.link-dot[data-link=connecting]{background:var(--p1);box-shadow:0 0 0 3px color-mix(in oklab, var(--p1) 25%, transparent);animation:1.2s ease-in-out infinite pulse}.link-dot[data-link=offline]{background:var(--error);box-shadow:0 0 0 3px color-mix(in oklab, var(--error) 25%, transparent)}@keyframes pulse{50%{opacity:.35}}.scores{scrollbar-width:none;border-radius:14px;flex:1;align-items:center;gap:5px;min-width:0;height:46px;padding:0 4px;display:flex;overflow-x:auto}.scores.overflowing{-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.scores::-webkit-scrollbar{display:none}.score-chip{background:var(--surface);height:30px;box-shadow:0 2px 0 var(--key-edge);border-radius:15px;flex:none;align-items:center;gap:5px;padding:0 9px 0 2px;transition:opacity .3s;display:inline-flex;position:relative}.score-chip .avatar{width:26px;height:26px;box-shadow:none;margin:0;font-size:11px}.score-chip b{font-variant-numeric:tabular-nums;font-variation-settings:"CASL" 1, "wght" 800;min-width:1ch;color:var(--c);font-size:15px}.score-chip.me{box-shadow:0 0 0 2px var(--c), 0 2px 0 var(--key-edge)}.score-chip.lead:before{content:"";clip-path:polygon(0 100%,0 20%,25% 60%,50% 0,75% 60%,100% 20%,100% 100%);background:#f2b21b;width:14px;height:9px;position:absolute;top:-7px;left:9px}.score-chip.away{opacity:.55}.score-chip.out{opacity:.45}.score-chip.out b{color:var(--text-faint);text-decoration:line-through}.avatar{background:var(--c);width:30px;height:30px;color:var(--on-ink);font-variation-settings:"CASL" 0, "wght" 760;box-shadow:0 0 0 2.5px var(--cloth);border-radius:50%;place-items:center;margin-left:-8px;font-size:12px;transition:opacity .3s,transform .3s;display:grid}.avatar.away{opacity:.35;filter:grayscale(.6)}.avatar.more{background:var(--surface-2);color:var(--text-soft)}.invite{background:linear-gradient(var(--primary-top), var(--primary-bottom));height:40px;color:var(--primary-text);box-shadow:0 2px 0 var(--primary-edge);font-variation-settings:"CASL" 0, "wght" 680;border-radius:14px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:15px;display:inline-flex}.invite:active{box-shadow:none;transform:translateY(2px)}.invite svg.i{width:18px;height:18px}.status{height:40px;color:var(--text-soft);font-variation-settings:"CASL" 0, "wght" 600;grid-area:status;grid-template-columns:1fr auto 1fr auto;align-items:center;column-gap:12px;padding:0 4px;font-size:15px;display:grid}.status .timer{font-variant-numeric:tabular-nums;font-variation-settings:"CASL" 0, "wght" 650;justify-self:end}.my-score{white-space:nowrap;justify-self:end}@media (max-width:399px){.status{grid-template-columns:auto 1fr auto}.status .level-label{display:none}}.my-score b{font-variant-numeric:tabular-nums;font-variation-settings:"CASL" 1, "wght" 850;color:var(--me);margin-right:4px;font-size:19px;display:inline-block}.my-score.negative b{color:var(--error)}.is-out .key,.is-out .tool:not(.keep){opacity:.3;pointer-events:none;filter:grayscale(.7)}.out-banner{z-index:1;text-align:center;pointer-events:none;color:var(--text-soft);place-content:center;justify-items:center;gap:2px;font-size:15px;display:none;position:absolute;inset:0}.out-banner b{color:var(--error);font-variation-settings:"CASL" 1, "wght" 850;font-size:19px}.is-out .out-banner{display:grid}.mistakes{align-items:center;gap:6px;display:flex}.mistakes .label{margin-right:4px}.mistakes i{background:var(--tile);width:18px;height:18px;box-shadow:inset 0 -1.5px 0 var(--tile-lo), 0 0 0 1px var(--line);border-radius:5px;transition:background .2s;position:relative}.mistakes i.used{background:var(--error);box-shadow:inset 0 -1.5px #0003}.mistakes i.used:before,.mistakes i.used:after{content:"";background:#fff;border-radius:1px;height:2px;position:absolute;top:8px;left:4px;right:4px;transform:rotate(45deg)}.mistakes i.used:after{transform:rotate(-45deg)}.board-wrap{grid-area:board;place-items:center;min-height:0;padding:4px 0 8px;display:grid;position:relative}.board{--bs:340px;--gap:max(1.5px, calc(var(--bs) * .0045));--box-gap:max(3px, calc(var(--bs) * .012));--cs:calc((var(--bs) - 4 * var(--box-gap) - 6 * var(--gap)) / 9);width:var(--bs);height:var(--bs);padding:var(--box-gap);gap:var(--box-gap);background:var(--tray);border-radius:calc(var(--bs) * .035);box-shadow:0 3px 0 var(--tray-edge), var(--shadow);touch-action:manipulation;contain:layout style;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.box{gap:var(--gap);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;min-height:0;display:grid}.cell{--tint:transparent;--cell-ink:var(--ink);border-radius:calc(var(--bs) * .012);background-image:linear-gradient(var(--tint), var(--tint)), linear-gradient(var(--tile), var(--tile-2));min-width:0;min-height:0;box-shadow:inset 0 1px 0 var(--tile-hi), inset 0 -1.5px 0 var(--tile-lo);place-items:center;display:grid;position:relative;overflow:hidden}.cell.peer{--tint:color-mix(in oklab, var(--me) 12%, transparent)}.cell.same{--tint:color-mix(in oklab, var(--me) 24%, transparent)}.cell.sel{--tint:color-mix(in oklab, var(--me) 30%, transparent)}.cell.wrong{--tint:var(--error-tint);--cell-ink:var(--error)}.cell .v{font-size:calc(var(--bs) * .074);color:var(--cell-ink);font-variation-settings:"CASL" 1, "wght" 640;pointer-events:none;line-height:1;position:relative}.cell.given .v{font-variation-settings:"CASL" 0, "wght" 690;color:var(--ink)}.cell.wrong .v{text-decoration:line-through;text-decoration-thickness:2px;-webkit-text-decoration-color:color-mix(in oklab, var(--error) 55%, transparent);text-decoration-color:color-mix(in oklab, var(--error) 55%, transparent)}.cell .n{pointer-events:none;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;display:grid;position:absolute;inset:5%}.cell .n span{font-size:calc(var(--bs) * .029);color:var(--text-soft);font-variation-settings:"CASL" .6, "wght" 620;opacity:0;line-height:1}.cell .n span.on{opacity:1}.cell .n span.hl{color:var(--me);font-variation-settings:"CASL" .6, "wght" 850}.cell .g{opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffffbf 48%,#0000 66%);position:absolute;inset:0}.overlay{pointer-events:none;position:absolute;inset:0}.cursor{width:var(--cs);height:var(--cs);border-radius:calc(var(--bs) * .014);box-shadow:inset 0 0 0 2.5px var(--c), 0 0 0 1px color-mix(in oklab, var(--c) 30%, transparent);will-change:transform;transition:transform .16s cubic-bezier(.3,.8,.3,1),opacity .2s;position:absolute;top:0;left:0}.cursor.me{box-shadow:inset 0 0 0 3px var(--c), 0 0 0 1.5px color-mix(in oklab, var(--c) 35%, transparent);transition-duration:.11s}.cursor.hidden{opacity:0}.cursor b{max-width:calc(var(--cs) * 2.6);background:var(--c);color:var(--on-ink);white-space:nowrap;text-overflow:ellipsis;font-variation-settings:"CASL" 0, "wght" 720;transform:translateY(calc(var(--stack,0) * -15px));border-radius:7px 7px 7px 2px;padding:2px 6px;font-size:11px;line-height:1.15;position:absolute;bottom:calc(100% - 3px);left:-1px;overflow:hidden}.cursor.below b{transform:translateY(calc(var(--stack,0) * 15px));border-radius:2px 7px 7px;top:calc(100% - 3px);bottom:auto}.float{width:var(--cs);height:var(--cs);font-size:calc(var(--bs) * .05);font-variation-settings:"CASL" 1, "wght" 900;text-shadow:0 1px 0 var(--tile), 0 0 10px var(--tile);pointer-events:none;opacity:0;z-index:2;place-items:center;display:grid;position:absolute;top:0;left:0}.ripple{width:var(--cs);height:var(--cs);border:2px solid var(--c);pointer-events:none;opacity:0;border-radius:50%;position:absolute;top:0;left:0}.tools{grid-area:tools;grid-template-columns:repeat(4,1fr);gap:6px;padding:2px 0 8px;display:grid}.tool{color:var(--text);font-variation-settings:"CASL" 0, "wght" 600;border-radius:14px;justify-items:center;gap:3px;padding:7px 0 6px;font-size:12.5px;transition:background .12s,transform 80ms;display:grid;position:relative}.tool svg.i{width:24px;height:24px}.tool:active,.tool.pressed{background:var(--line);transform:scale(.96)}.tool .state{background:var(--surface-2);color:var(--text-soft);font-variation-settings:"CASL" 0, "wght" 760;border-radius:999px;padding:1px 6px;font-size:10px;transition:background .15s,color .15s;position:absolute;top:2px;left:calc(50% + 8px)}.tool[aria-pressed=true] .state{background:var(--me);color:var(--on-ink)}.tool[aria-pressed=true]{color:var(--me)}.pad{grid-area:pad;grid-template-columns:repeat(9,1fr);gap:5px;display:grid;position:relative}.key{background:linear-gradient(var(--tile), var(--tile-2));min-width:0;height:clamp(56px,9.2dvh,80px);box-shadow:inset 0 1px 0 var(--tile-hi), 0 3px 0 var(--key-edge), 0 10px 16px -12px #0e164080;border-radius:13px;transition:transform 70ms,box-shadow 70ms,opacity .25s;position:relative}.key .d{color:var(--text);font-variation-settings:"CASL" 1, "wght" 640;font-size:clamp(26px,7.6vw,34px);line-height:1;transition:transform .18s cubic-bezier(.3,.8,.3,1),color .18s;display:block}.key .left{color:var(--text-faint);font-variation-settings:"CASL" 0, "wght" 650;font-size:10.5px;position:absolute;bottom:5px;left:0;right:0}.key.pressed{box-shadow:inset 0 1px 0 var(--tile-hi), 0 0 0 var(--key-edge);transform:translateY(3px)}.notes-mode .key .d{transform:translate(var(--nx), var(--ny)) scale(.52);color:var(--me)}.notes-mode .key .left{opacity:0}.key.done{opacity:.28;pointer-events:none}.key.done .left{opacity:0}.key.active .d{color:var(--me)}.backdrop{z-index:50;background:var(--backdrop);-webkit-backdrop-filter:blur(5px)saturate(1.1);backdrop-filter:blur(5px)saturate(1.1);align-items:end;animation:.2s both fade-in;display:grid;position:fixed;inset:0}.sheet:focus{outline:none}.sheet-close{z-index:1;background:var(--surface-2);width:36px;height:36px;color:var(--text-soft);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.sheet-close svg.i{stroke-width:2.4px;width:18px;height:18px}.sheet-close:active{transform:scale(.92)}.sheet{width:100%;max-width:520px;max-height:92dvh;padding:10px 20px calc(env(safe-area-inset-bottom) + 20px);background:var(--surface);box-shadow:0 -2px 0 var(--line), var(--shadow);border-radius:26px 26px 0 0;margin:0 auto;animation:.34s cubic-bezier(.2,.9,.25,1) both sheet-up;position:relative;overflow:auto}.sheet:before{content:"";background:var(--line);border-radius:3px;width:40px;height:5px;margin:0 auto 14px;display:block}@media (min-width:640px) and (min-height:560px){.backdrop{align-items:center}.sheet{border-radius:26px;padding-bottom:24px}.sheet:before{display:none}}.sheet h2{letter-spacing:-.02em;font-variation-settings:"CASL" 1, "wght" 850;margin:6px 0;font-size:30px;line-height:1.1}.sheet p{color:var(--text-soft);max-width:40ch;margin:0 0 18px}.sheet .actions{gap:10px;margin-top:20px;display:grid}.sheet-section+.sheet-section{margin-top:22px}.player-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.player-row{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.player-row .avatar{width:34px;height:34px;box-shadow:none;margin:0}.player-row .who{font-variation-settings:"CASL" 0, "wght" 650}.player-row .meta{color:var(--text-soft);font-size:14px}.player-row .place{font-variation-settings:"CASL" 1, "wght" 800;width:22px;color:var(--text-soft)}ol.player-list .player-row{grid-template-columns:auto auto 1fr auto}.player-row.out .who,.player-row.out .count{opacity:.55}.player-row.winner .place{color:#e0a210}.winner-badge{background:var(--c);width:64px;height:64px;color:var(--on-ink);font-variation-settings:"CASL" 1, "wght" 850;box-shadow:0 0 0 6px color-mix(in oklab, var(--c) 25%, transparent), var(--shadow);border-radius:50%;place-items:center;margin:4px 0 10px;font-size:24px;animation:.6s cubic-bezier(.2,1.5,.4,1) .15s both pop;display:grid}@keyframes pop{0%{opacity:0;transform:scale(.3)rotate(-20deg)}}.player-row .count{font-variant-numeric:tabular-nums;font-variation-settings:"CASL" 1, "wght" 760;color:var(--c);font-size:20px}.bars{background:var(--surface-2);border-radius:7px;height:14px;margin:18px 0 6px;display:flex;overflow:hidden}.bars i{background:var(--c);transform-origin:0;animation:.9s cubic-bezier(.2,.9,.25,1) .25s both grow}.big-time{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-variation-settings:"CASL" 1, "wght" 880;font-size:54px;line-height:1}.settings-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.settings-row:last-child{border-bottom:0}.switch{background:var(--surface-2);width:52px;height:32px;box-shadow:inset 0 2px 0 var(--tile-lo);border-radius:16px;flex:none;transition:background .18s;position:relative}.switch:after{content:"";background:var(--tile);border-radius:50%;width:26px;height:26px;transition:transform .2s cubic-bezier(.3,.8,.3,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #00000040}.switch[aria-checked=true]{background:var(--me)}.switch[aria-checked=true]:after{transform:translate(20px)}.segmented{background:var(--surface-2);border-radius:12px;padding:3px;display:inline-flex}.segmented button{font-variation-settings:"CASL" 0, "wght" 620;height:34px;color:var(--text-soft);border-radius:9px;padding:0 12px;font-size:14px}.segmented button[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 0 var(--key-edge), 0 2px 6px -2px #0003}.toast-host{left:0;right:0;top:calc(env(safe-area-inset-top) + 64px);z-index:60;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed}.toast{background:var(--text);max-width:calc(100vw - 32px);color:var(--cloth);font-variation-settings:"CASL" 0, "wght" 600;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:10px;padding:10px 16px;font-size:15px;animation:.3s cubic-bezier(.2,.9,.25,1) both toast-in;display:inline-flex}.toast .dot{background:var(--c,var(--p0));border-radius:50%;flex:none;width:10px;height:10px}.toast.out{animation:.25s both toast-out}.confetti{z-index:70;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.center-note{text-align:center;align-content:center;place-items:center;gap:16px;min-height:100dvh;padding:24px;display:grid}.center-note h1{font-variation-settings:"CASL" 1, "wght" 850;margin:0;font-size:34px}.center-note p{max-width:34ch;color:var(--text-soft);margin:0}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}@keyframes grow{0%{transform:scaleX(0)}}@media (min-width:760px) and (min-aspect-ratio:5/4){.game{grid-template:"bar bar""board status""board pad""board tools""board."minmax(0,1fr)/minmax(0,1fr) 340px;column-gap:28px;max-width:1120px;padding-bottom:20px}.board-wrap{padding:0}.status{height:56px}.pad{grid-template-columns:repeat(3,1fr);gap:10px}.key{border-radius:18px;height:92px}.key .d{font-size:42px}.key .left{font-size:12px;bottom:8px}.tools{padding-top:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}