@font-face{font-family:Figtree;font-weight:400;font-display:swap;src:url(../fonts/figtree-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Figtree;font-weight:500;font-display:swap;src:url(../fonts/figtree-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Figtree;font-weight:600 700;font-display:swap;src:url(../fonts/figtree-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-weight:600;font-display:swap;src:url(../fonts/geist-mono-latin-600-normal.woff2)format("woff2")}@font-face{font-family:TablerIcons;font-display:block;src:url(../fonts/tabler-icons-subset.woff2)format("woff2")}.icon{speak:never;font-family:TablerIcons;font-style:normal;font-weight:400;line-height:1}:root{--background:#fff;--dark:#3d4550;--silver:#c1c3c2;--red:#df6165;--cyan:#11a6c5;--lime:#baba1b;--green:#2eae60;--yellow:#f5c423;--purple:#a068c4;--muted:#3d45508c;--faint:#3d455059;--line:#c1c3c299;--card:#c1c3c22e;--panel:#3d4550;--raised-top:#4a525d;--raised-bottom:#343b45;--badge:#3d4550;--hover:#c1c3c24d;--field:#fff;--shadow:#3d455040;--dot-empty:#3d455033;--u:1px;--t:min(var(--u), 1.2px);--numbers:ui-monospace, "SF Mono", SFMono-Regular, "Geist Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--dark);font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%;font-family:Figtree,Avenir Next,system-ui,sans-serif}:root[data-theme=dark]{--background:#16191e;--dark:#e2e5e9;--muted:#e2e5e999;--faint:#e2e5e961;--line:#ffffff1f;--card:#ffffff0f;--panel:#2a2f37;--raised-top:#343a44;--raised-bottom:#262b33;--badge:#4a525d;--hover:#ffffff14;--field:#22262d;--shadow:#00000080;--dot-empty:#fff3;--line-strong:#ffffff2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23e2e5e9' stroke-opacity='.6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{background:var(--background);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{background:var(--background);padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);position:fixed;inset:0}.stage{width:100%;height:100%;position:relative;overflow:hidden}.screen{background:var(--background);position:absolute;inset:0;overflow:hidden}.screen[hidden]{display:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus{outline:none}:focus-visible,.buttons-mode :focus{outline:3px solid var(--cyan);outline-offset:2px}input,textarea{-webkit-user-select:text;user-select:text}.icon-button{top:calc(-4 * var(--u));width:max(44px, calc(52 * var(--u)));height:max(44px, calc(52 * var(--u)));color:var(--dark);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;left:0}.icon-button svg{width:calc(52 * var(--u));height:calc(52 * var(--u));display:block}.icon-button[hidden]{display:none}.icon-button:active{color:var(--faint)}.icon-button:focus-visible,.buttons-mode .icon-button:focus{color:var(--cyan);outline:none}.toolbar.titled .icon-close{left:auto;right:0}.toolbar{height:calc(44 * var(--u));flex:none;position:relative}.toolbar-title{left:calc(20 * var(--u));right:calc(56 * var(--u));top:calc(12 * var(--u));height:calc(24 * var(--u));font-size:calc(18 * var(--u));font-weight:600;line-height:calc(24 * var(--u));color:var(--dark);white-space:nowrap;text-overflow:ellipsis;margin:0;position:absolute;overflow:hidden}.menu{--menu-bar-height:calc(16 * var(--u) + max(44px, calc(44 * var(--u))));flex-direction:column;display:flex}.menu-bar{z-index:1;height:var(--menu-bar-height);justify-content:space-between;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(8 * var(--u)) calc(8 * var(--u)) calc(18 * var(--u));background:var(--background);display:flex;position:absolute;top:0;left:0;right:0}.stage.wide .menu-bar{padding-left:calc(24 * var(--u));padding-right:calc(14 * var(--u))}.menu-logo{width:calc(40 * var(--u));aspect-ratio:326/276;color:var(--dark)}.menu-logo svg{width:100%;height:100%;display:block}.menu-actions{gap:calc(2 * var(--u));display:flex}.menu-icon-button{width:max(44px, calc(44 * var(--u)));aspect-ratio:1;color:var(--dark);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .12s,color .12s;display:grid}.menu-icon-button svg{width:56%;height:56%;display:block}.menu-icon-button:active{background-color:var(--card)}.menu-icon-button:focus-visible,.buttons-mode .menu-icon-button:focus{color:var(--cyan);background-color:var(--hover);outline:none}@media (hover:hover){.menu-icon-button:hover{background-color:var(--card)}}.menu-scroller{overscroll-behavior:contain;scrollbar-width:none;min-height:0;padding:calc(var(--menu-bar-height) + 8 * var(--u)) calc(14 * var(--u)) calc(16 * var(--u) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;overflow:hidden auto}.menu-scroller::-webkit-scrollbar{display:none}.menu-modes{--gap:calc(12 * var(--u));gap:var(--gap);flex-direction:column;width:100%;display:flex}.menu-hero{gap:var(--gap);margin:-6px calc(-14 * var(--u)) calc(-16 * var(--u));padding:6px calc(14 * var(--u)) calc(16 * var(--u));scroll-padding-inline:calc(14 * var(--u));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow:auto hidden}.menu-hero::-webkit-scrollbar{display:none}.menu-hero:not(:has(>.mode-card:not([hidden]))){display:none}.menu-grid{gap:calc(10 * var(--u));grid-template-columns:minmax(0,1fr);display:grid}.menu-install{align-items:flex-start;gap:calc(12 * var(--u));width:100%;max-width:calc(600 * var(--u));margin:0 auto calc(14 * var(--u));padding:calc(14 * var(--u)) calc(44 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u));border-radius:calc(20 * var(--u));color:var(--dark);background:var(--card);display:flex;position:relative}.menu-install[hidden]{display:none}.menu-install-icon{width:calc(40 * var(--u));aspect-ratio:1;color:#fff;background:var(--cyan);border-radius:50%;flex:none;place-items:center;display:grid}.menu-install-icon svg{width:58%;height:58%}.menu-install-content{flex:1;min-width:0}.menu-install-title{margin:calc(2 * var(--u)) 0 calc(4 * var(--u));font-size:calc(17 * var(--u));font-weight:700}.menu-install-text,.menu-install-steps{font-size:calc(14 * var(--u));color:var(--muted);margin:0;line-height:1.35}.menu-install-steps{margin-top:calc(6 * var(--u));color:var(--dark)}.menu-install-glyph svg{vertical-align:-.25em;width:1.25em;height:1.25em;color:var(--cyan);display:inline-block}.menu-install-button{margin-top:calc(10 * var(--u));min-height:max(40px, calc(40 * var(--u)));padding:0 calc(20 * var(--u));font:inherit;font-size:calc(15 * var(--u));color:#fff;background:var(--cyan);border:0;border-radius:999px;font-weight:600}.menu-install-button:active{filter:brightness(.9)}.menu-install-button:focus-visible,.buttons-mode .menu-install-button:focus{outline:3px solid var(--dark);outline-offset:2px}.menu-install-close{top:calc(4 * var(--u));right:calc(4 * var(--u));position:absolute}.menu-install-close svg{width:44%;height:44%}.stage.wide .menu-modes{max-width:calc(600 * var(--u));margin:auto;padding:6px}.stage.wide .menu-hero{margin-inline:-6px;padding-inline:6px;scroll-padding-inline:6px}.stage.wide .menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-card{--card-top:var(--raised-top);--card-bottom:var(--raised-bottom);--ink:#fff;--go:#fff;--go-ink:#3d4550;border-radius:calc(20 * var(--u));min-width:0;padding:0 calc(12 * var(--u)) calc(12 * var(--u)) calc(14 * var(--u));text-align:left;color:var(--ink);background:radial-gradient(circle at 100% 0%, #fff3, transparent 55%), linear-gradient(160deg, var(--card-top), var(--card-bottom));box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) #3d455024;border:0;flex-direction:column;transition:filter 80ms,transform .12s;display:flex;position:relative;overflow:hidden;container-type:inline-size}.mode-standard{--card-top:#2cbedc;--card-bottom:#0a8aa6;--go-ink:var(--cyan)}.mode-advanced{--card-top:#fcd54c;--card-bottom:#eeb416;--ink:#3d4550;--go:#3d4550;--go-ink:var(--yellow)}.mode-daily{--card-top:#4ec67e;--card-bottom:#209250;--go-ink:var(--green)}.mode-card[hidden],.menu-icon-button[hidden]{display:none}.mode-multiplayer{--card-top:#ec7a7e;--card-bottom:#ca4a50;--go-ink:var(--red)}.mode-art{min-height:0;display:block}.mode-art svg{width:100%;height:100%;display:block;overflow:visible}.mode-name{font-size:min(calc(19 * var(--u)), 14cqi);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;overflow:hidden}.mode-description{margin-top:calc(4 * var(--u));font-size:calc(11.5 * var(--u));opacity:.8;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.mode-footer{justify-content:space-between;align-items:flex-end;gap:calc(8 * var(--u));margin-top:calc(8 * var(--u));display:flex}.mode-best{min-width:0;font-size:calc(11 * var(--u));letter-spacing:.02em;opacity:.7;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mode-go{width:calc(34 * var(--u));aspect-ratio:1;color:var(--go-ink);background:var(--go);border-radius:50%;flex:none;place-items:center;transition:transform .12s;display:grid}.mode-go svg{width:50%;height:50%;display:block}.mode-go-play svg{translate:-4.5%}.mode-card:active{filter:brightness(.92);transform:scale(.98)}.mode-card:focus-visible,.buttons-mode .mode-card:focus{outline:3px solid var(--cyan);outline-offset:3px}.mode-card:focus-visible .mode-go,.buttons-mode .mode-card:focus .mode-go{transform:scale(1.12)}@media (hover:hover){.mode-card:hover{filter:brightness(1.06)}.mode-card:hover .mode-go{transform:scale(1.08)}}.mode-card-hero{scroll-snap-align:start;min-height:calc(150 * var(--u));padding:calc(16 * var(--u)) calc(12 * var(--u)) calc(12 * var(--u)) calc(16 * var(--u));flex:0 0 100%}.menu-hero:has(>.mode-card:not([hidden])~.mode-card:not([hidden]))>.mode-card-hero{flex-basis:88%}.mode-card-hero .mode-art{top:calc(12 * var(--u));right:calc(12 * var(--u));bottom:calc(58 * var(--u));width:36%;position:absolute}.mode-card-hero .mode-name,.mode-card-hero .mode-description{margin-right:calc(36% + 10 * var(--u))}.mode-card-hero .mode-name{font-size:min(calc(21 * var(--u)), 6.2cqi);white-space:normal;-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.mode-card-hero .mode-description{font-size:calc(12.5 * var(--u));-webkit-line-clamp:3;line-clamp:3}.mode-card-hero .mode-footer{flex:1}.mode-card-tile{min-height:calc(92 * var(--u));padding:calc(12 * var(--u)) calc(64 * var(--u)) calc(12 * var(--u)) calc(88 * var(--u));justify-content:center}.mode-card-tile .mode-art{top:50%;left:calc(12 * var(--u));width:calc(64 * var(--u));height:calc(64 * var(--u));position:absolute;translate:0 -50%}.mode-card-tile .mode-name{font-size:min(calc(19 * var(--u)), 13cqi)}.mode-card-tile .mode-description{margin-top:calc(2 * var(--u));font-size:calc(13 * var(--u));-webkit-line-clamp:2;line-clamp:2}.mode-card-tile .mode-footer{display:contents}.mode-card-tile .mode-best{margin-top:calc(4 * var(--u))}.mode-card-tile .mode-best:empty{display:none}.mode-card-tile .mode-go{top:50%;right:calc(14 * var(--u));width:calc(40 * var(--u));margin-top:calc(-20 * var(--u));position:absolute}.stage.wide .mode-card-tile{min-height:0;padding:0 calc(12 * var(--u)) calc(12 * var(--u)) calc(14 * var(--u));justify-content:flex-start}.stage.wide .mode-card-tile .mode-art{width:auto;height:calc(96 * var(--u));margin:calc(12 * var(--u)) 0 calc(8 * var(--u));flex:none;position:static;translate:none}.stage.wide .mode-card-tile .mode-name{font-size:min(calc(19 * var(--u)), 11cqi)}.stage.wide .mode-card-tile .mode-description{margin-top:calc(4 * var(--u));font-size:calc(11.5 * var(--u))}.stage.wide .mode-card-tile .mode-footer{margin-top:calc(8 * var(--u));flex:1;display:flex}.stage.wide .mode-card-tile .mode-best{margin-top:0;display:block}.stage.wide .mode-card-tile .mode-go{width:calc(34 * var(--u));margin-top:0;position:static}.overlay{z-index:5;background:var(--panel);color:#fff;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.overlay.rounded{inset:calc(12 * var(--u));border-radius:calc(22 * var(--u));box-shadow:0 calc(10 * var(--u)) calc(30 * var(--u)) var(--shadow);overflow:hidden}.overlay.sheet{border-radius:calc(22 * var(--u)) calc(22 * var(--u)) 0 0;box-shadow:0 calc(-4 * var(--u)) calc(24 * var(--u)) var(--shadow)}.overlay.sheet .overlay-message{top:calc(24 * var(--u))}.overlay.sheet.wide .overlay-message,.overlay.sheet.wide .overlay-actions{left:max(calc(16 * var(--u)), calc(50% - 240 * var(--u)));right:max(calc(16 * var(--u)), calc(50% - 240 * var(--u)))}.overlay.sheet.wide .overlay-actions:not(:has(.icon-only)) .overlay-button{flex:1 1 0}.overlay.rounded .overlay-actions{bottom:calc(14 * var(--u))}.overlay.rounded .overlay-message{top:calc(28 * var(--u));left:calc(22 * var(--u));right:calc(22 * var(--u));bottom:calc(88 * var(--u))}.overlay-message{left:calc(16 * var(--u));right:calc(16 * var(--u));top:calc(16 * var(--u));bottom:calc(84 * var(--u));font-size:calc(20 * var(--u));overscroll-behavior:contain;scrollbar-width:none;--fade-top:0px;--fade-bottom:0px;-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent);font-weight:500;line-height:1.3;position:absolute;overflow:auto}.overlay-message::-webkit-scrollbar{display:none}.overlay-message.more-above{--fade-top:calc(36 * var(--u))}.overlay-message.more-below{--fade-bottom:calc(24 * var(--u))}.panel{text-align:center;flex-direction:column;align-items:center;min-height:100%;display:flex}.panel>:first-child{margin-top:auto}.panel>:last-child{margin-bottom:auto}.panel-label,.panel-footer{letter-spacing:.04em;opacity:.7;font-size:.7em;font-weight:600}.panel-label{text-transform:uppercase;margin-bottom:.35em}.panel-title{font-size:1.7em;font-weight:700;line-height:1.1}.panel-text{opacity:.9;max-width:18em;margin-top:.3em;font-size:.9em}.panel-label+.panel-text{margin-top:0}.panel-body{flex-direction:column;align-items:center;gap:1em;width:100%;margin-top:.8em;display:flex}.panel-label+.panel-body{margin-top:.4em}.panel>.panel-body:first-child{margin-top:auto}.panel-footer{margin-top:1.2em}.panel-footer.copyable{cursor:pointer}.panel-share{background:color-mix(in srgb, currentColor 14%, transparent);color:inherit;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.35em;margin-top:.9em;padding:.4em .95em;font-size:.75em;font-weight:600;display:inline-flex}.panel-share svg{width:1.2em;height:1.2em}.panel-challenge{max-width:20em;margin-top:.8em;font-size:.85em;font-weight:600}.panel-rank{max-width:20em;margin-top:.8em;font-size:.8em;font-weight:600}.panel-rank-hint{opacity:.8;max-width:20em;margin-top:.3em;font-size:.7em}.panel-speed{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4em;margin-top:1em;font-size:.75em;display:flex}.panel-speed-label{flex-basis:100%;font-weight:600}.panel-speed-option{color:inherit;font:inherit;cursor:pointer;background:#00000026;border:0;border-radius:999px;padding:.3em .8em;font-weight:600}.panel-speed-option.chosen{color:#fff;background:#000}.ready-input{flex-direction:column;align-items:stretch;gap:.5em;width:100%;max-width:17em;margin-top:1.6em;display:flex}.ready-input .panel-label{margin-bottom:0}.ready-input-row{border-radius:1.3em;align-items:center;gap:.3em;display:flex}.ready-input-arrow{width:2.2em;height:2.2em;color:inherit;cursor:pointer;background:#0000002e;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.ready-input-arrow svg{width:1em;height:1em}.ready-input-arrow[hidden],.ready-input-dots[hidden]{display:none}.ready-input-chip{box-sizing:border-box;text-align:left;background:#0000002e;border-radius:.9em;flex:auto;align-items:center;gap:.6em;min-width:0;min-height:3.2em;padding:.4em .6em .4em .7em;display:flex}.ready-input-icon svg{width:1.5em;height:1.5em;display:block}.ready-input-text{text-align:left;flex-direction:column;flex:auto;gap:.1em;min-width:0;display:flex}.ready-input-name,.ready-input-detail{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ready-input-name{font-size:.85em;font-weight:600}.ready-input-detail{opacity:.7;font-size:.65em}.ready-input-detail .icon{vertical-align:-.15em;font-size:1.2em;display:inline-block}.ready-input-keys{flex:none;grid-template-rows:repeat(3,.75em);grid-template-columns:repeat(3,.75em);gap:.05em;font-size:1em;display:grid}.ready-input-keys>span:not(:empty){color:var(--panel);background:#ffffffe6;border-radius:.2em;place-items:center;font-size:.5em;font-weight:700;display:grid}.ready-input-keys .icon{font-size:1.2em}.ready-input-dots{justify-content:center;gap:.3em;display:flex}.ready-input-dots span{opacity:.3;background:currentColor;border-radius:999px;width:.3em;height:.3em}.ready-input-dots span.current{opacity:.9}.ready-input-auto{cursor:pointer;border-radius:1.3em;align-items:center;gap:.6em;min-height:2.2em;margin-top:.3em;padding:0 .2em 0 .7em;display:flex;position:relative}.ready-input-switch{appearance:none;cursor:pointer;background:#0000004d;border-radius:999px;flex:none;width:2.55em;height:1.55em;margin:0;transition:background .15s ease-in-out;position:relative}.ready-input-switch:before{content:"";background:#fff;border-radius:50%;width:1.35em;height:1.35em;transition:translate .15s ease-in-out;position:absolute;top:.1em;left:.1em;box-shadow:0 1px 2px #00000040}.ready-input-switch:checked{background:var(--cyan)}.ready-input-switch:checked:before{translate:1em}.ready-input-arrow:focus-visible,.ready-input-switch:focus-visible,.buttons-mode .ready-input-row.selected,.buttons-mode .ready-input-auto.selected{outline-offset:3px;outline:3px solid #fff}.buttons-mode .overlay.message-selected .overlay-button.selected:not(:focus){outline:none}.overlay.message-selected .overlay-prompt{display:none}@media (prefers-reduced-motion:reduce){.ready-input-switch,.ready-input-switch:before{transition:none}}.overlay-actions{left:calc(16 * var(--u));right:calc(16 * var(--u));bottom:calc(16 * var(--u));gap:calc(10 * var(--u));display:flex;position:absolute}.overlay-button{text-overflow:ellipsis;min-width:0;height:calc(52 * var(--u));padding:0 calc(24 * var(--u));color:#fff;white-space:nowrap;font-size:calc(21 * var(--u));background:#000;border:0;border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:.4em;font-weight:600;display:flex;overflow:hidden}.overlay-prompt .icon{font-size:1.1em;display:block}.overlay-prompt[hidden]{display:none}.overlay-button:active,.overlay-button.flash{background:#2a2a2a}.overlay-button-second{background:#0006}.overlay-button-destructive{background:var(--red)}.overlay-button-destructive:active,.overlay-button-destructive.flash{background:#be484c}.overlay-actions:has(.overlay-button-second) .overlay-button{padding:0 calc(18 * var(--u));font-size:calc(18 * var(--u))}.overlay-actions:has(.overlay-button-second) .overlay-button.icon-only{flex:0 0 calc(96 * var(--u))}.overlay-actions:has(.overlay-button-second.icon-only) .overlay-button:not(.overlay-button-second){flex:auto}.overlay-actions.stacked{flex-direction:column}.overlay-actions.stacked .overlay-button{font-size:calc(21 * var(--u));flex:none}.overlay:has(.overlay-actions.stacked) .overlay-message{bottom:calc(146 * var(--u))}.overlay.rounded:has(.overlay-actions.stacked) .overlay-message{bottom:calc(150 * var(--u))}.overlay-button.icon-only .overlay-button-label{display:grid}.overlay-button.icon-only svg{width:calc(28 * var(--u));height:calc(28 * var(--u));display:block}.overlay-button:focus-visible,.buttons-mode .overlay-button.selected,.buttons-mode .overlay-button:focus{outline-offset:3px;outline:3px solid #fff}.overlay-button[hidden]{display:none}.calc{justify-items:end;gap:.7em;font-size:.7em;line-height:1.25;display:grid}.calc-columns{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:.7em 2em;display:flex}.calc-rows{grid-template-columns:auto 1.3em auto;align-content:end;align-items:baseline;display:grid}.calc-op,.calc-num{font-family:var(--numbers);font-weight:600}.calc-op{text-align:center}.calc-op:not(.calc-rule){opacity:.75}.calc-num{text-align:right;padding-left:.2em}.calc-note{text-align:right;opacity:.6;white-space:nowrap;padding-right:.5em;font-size:.78em}.calc-rule,.calc-name{margin-top:.2em;padding-top:.2em}.calc-rule{border-top:2px solid #fff}.calc-name{opacity:.85;font-weight:600}.calc-total{font-size:1.7em}.calc-total .calc-name{font-size:.5em}.calc-total .calc-rule{background:linear-gradient(#fff,#fff) 0 0/100% 2px no-repeat,linear-gradient(#fff,#fff) 0 4px/100% 2px no-repeat;border-top:0;padding-top:calc(.15em + 6px)}.calc-total .calc-name{padding-top:calc(.3em + 10px)}.calc-total .calc-num{font-weight:700}.standings{text-align:left;width:100%;max-width:16em;margin:0;padding:0;font-size:.8em;list-style:none}.standings li{align-items:center;gap:.45em;padding:.15em 0;display:flex}.standings .rank{opacity:.7;width:1.4em}.standings .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.standings .total{font-family:var(--numbers);font-weight:600}.standings .me .name{font-weight:600}.dot{background:var(--player,var(--dark));border-radius:50%;flex:none;width:.7em;height:.7em;box-shadow:0 0 0 1.5px #ffffffb3}.board{background:var(--background);touch-action:none;position:absolute;inset:0;overflow:hidden}.board>*{position:absolute}.board>.scene{pointer-events:none;inset:0}.scene>*{position:absolute}.board{transition:background-color .3s ease-out}.board.game-over{background:var(--red)}.board.finished{background:var(--green)}.board:is(.game-over,.finished) .icon-button,.board:is(.game-over,.finished) .board-score,.board:is(.game-over,.finished) .board-calculation,.board:is(.game-over,.finished) .switching,.board.game-over .mark-skull,.board.finished .mark{color:#fff}.board:is(.game-over,.finished) .board-time{color:#ffffffbf}.board:is(.game-over,.finished) .stripe{background:#fff}.board.finished .timer{--green:#fff}.board.finished .stripe{--window-empty:#ffffff59}.board .target-bar{transition:opacity .3s ease-out}.board:is(.game-over,.finished) .target-bar{opacity:0}.board .switching{transition:opacity .2s ease-out}.board.paused .switching,.board.paused .target-bar,.board.waiting .switching,.board.waiting .target-bar{opacity:0}.board-toolbar{height:calc(44 * var(--u));z-index:3;pointer-events:none;inset:0 0 auto}.board-toolbar>*{pointer-events:auto}.board-score{font-family:var(--numbers);right:calc(16 * var(--u));top:calc(12 * var(--u));height:calc(24 * var(--u));line-height:calc(24 * var(--u));font-size:calc(18 * var(--u));color:var(--faint);transform-origin:100%;align-items:center;gap:calc(4 * var(--u));font-weight:600;display:flex;position:absolute}.board-score-value{transform-origin:100%}.board-score-flag{width:calc(18 * var(--u));height:calc(18 * var(--u));color:var(--red);display:none}.board-score-flag svg{width:100%;height:100%;display:block}.board-score.void .board-score-flag{display:block}.board-calculation{font-family:var(--numbers);right:calc(16 * var(--u));top:calc(34 * var(--u));height:calc(20 * var(--u));line-height:calc(20 * var(--u));font-size:calc(13 * var(--u));color:var(--muted);white-space:nowrap;transform-origin:100%;pointer-events:none;font-weight:600;position:absolute}.board-calculation b{font-size:calc(17 * var(--u))}.board-player{left:calc(16 * var(--u));right:45%;top:calc(12 * var(--u));height:calc(24 * var(--u));align-items:center;gap:calc(7 * var(--u));font-size:calc(16 * var(--u));color:var(--player);white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:flex;position:absolute;overflow:hidden}.board-player:before{content:"";width:calc(10 * var(--u));height:calc(10 * var(--u));background:var(--player);border-radius:50%;flex:none}.board-time{font-family:var(--numbers);font-size:calc(13 * var(--u));font-weight:600;line-height:calc(18 * var(--u));color:var(--faint);pointer-events:none;transform:translate(-50%)}.timer{pointer-events:none}.stripe{background:var(--dark);--window-empty:#2eae6059;position:absolute}.celebration-ring,.confetti{z-index:4;pointer-events:none;position:absolute}.celebration-ring{box-sizing:border-box;border:solid var(--green);border-radius:50%}.celebration-ring,.confetti{will-change:transform, opacity}.float{font-family:var(--numbers);white-space:nowrap;pointer-events:none;font-weight:600;line-height:1}.switching{pointer-events:none;overflow:hidden}.switching-strip{width:200%;height:100%;display:flex;position:absolute;top:0;left:0}.switching-slot{width:50%;height:100%;padding:0 var(--margin);place-items:center;display:grid;position:relative}.switching-number{font-family:var(--numbers);color:var(--dark);white-space:nowrap;font-weight:600;line-height:1}.switching-text{color:var(--dark);white-space:nowrap;font-weight:500}.mark{left:calc(50% - var(--mark) / 2);top:calc(50% - var(--mark) / 2);width:var(--mark);height:var(--mark);position:absolute}.mark[hidden],.switching-text[hidden]{display:none}.mark svg{width:100%;height:100%;display:block;overflow:visible}.mark-check{color:var(--green)}.mark-skull{color:var(--red)}.target-bar{pointer-events:none;position:absolute}.target-bar>*{position:absolute}.target-track,.target-fill,.target-danger{border-radius:var(--bar-radius)}.target-track{background:#f5c42347}.target-fill{background:var(--yellow)}.target-fill.below{background:var(--red)}.target-danger{background:var(--red);opacity:.55}.target-bar.vertical .target-track{border-radius:var(--bar-radius) var(--bar-radius) 0 0}.target-bar.vertical .target-danger{border-radius:0 0 var(--bar-radius) var(--bar-radius)}.target-bar:not(.vertical) .target-track{border-radius:var(--bar-radius) 0 0 var(--bar-radius)}.target-bar:not(.vertical) .target-danger{border-radius:0 var(--bar-radius) var(--bar-radius) 0}.target-tick{background:var(--dark);border-radius:1px}.target-label{font-family:var(--numbers);font-size:calc(11 * var(--u));color:var(--muted);white-space:nowrap;justify-content:center;align-items:center;font-weight:600;display:flex}.target-bar.vertical .target-label{justify-content:flex-end}.target-label.target-end{color:var(--faint)}.target-badge{background:var(--badge);color:#fff;font-family:var(--numbers);font-size:calc(10 * var(--u));white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;font-weight:600;transition:background-color .15s;display:flex}.target-tick.hit,.target-badge.hit{background:var(--green)}.target-badge.penalty{background:var(--background);color:var(--red);box-shadow:inset 0 0 0 calc(1.5 * var(--u)) var(--red)}.target-badge.penalty.hit{background:var(--green);color:#fff;box-shadow:none}.target-tick.penalty{background:var(--red)}.target-badge.penalty.missed{background:var(--red);color:#fff}.target-label.penalty.missed{color:var(--red)}.target-area{border-radius:1px}.target-area.skull{background:var(--dark)}.target-area.skull.entered{background:var(--red)}.target-area.confuse{background:var(--purple)}.target-badge.target-area-badge{background:0 0}.target-badge.target-area-badge svg{height:100%}.target-area-badge.skull,.target-area-label.skull{color:var(--dark)}.target-area-badge.confuse,.target-area-label.confuse{color:var(--purple)}.target-area-label.flush-start{justify-content:flex-start}.target-area-label.flush-end{justify-content:flex-end}.board-controls{z-index:1}.pad{position:absolute;inset:0}.tile{touch-action:none;cursor:pointer;position:absolute}.pad.animate .tile{transition:left .3s ease-in-out,top .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out}.tile.disabled{cursor:default}.tile-face{border-radius:0;transition:border-radius .3s ease-in-out,filter 80ms;position:absolute;inset:0;overflow:hidden}.tile.round .tile-face{border-radius:50%}.tile.pressed .tile-face{filter:brightness(.88)}.tile-meter{background:#ffffff59;height:0;position:absolute;bottom:0;left:0;right:0}.tile-content{color:#fff;pointer-events:none;position:absolute;inset:0}.tile-label{font-family:var(--numbers);text-align:center;font-size:var(--font);font-weight:600;line-height:1;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.tile-bubble{width:var(--bubble);height:var(--bubble);color:#fff;pointer-events:none;z-index:1;background:#000;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.tile-bubble[hidden]{display:none}.pad.animate .tile-bubble{transition:transform .3s ease-in-out}.tile-bubble svg{width:calc(var(--bubble) * .46);height:calc(var(--bubble) * .46);display:block;overflow:visible}.tile-bubble .icon{font-size:calc(var(--bubble) * .62)}.tile:not(.round) .tile-bubble{background:0 0;box-shadow:inset 0 0 0 2px #fff}.hint-letter{font-size:calc(var(--bubble) * .52);font-weight:600;line-height:1;display:block}.page{flex-direction:column;display:flex}.page-scroll{overscroll-behavior:contain;min-height:0;padding-bottom:env(safe-area-inset-bottom);-webkit-user-select:text;user-select:text;flex:1;overflow-y:auto}.page-scroll[hidden]{display:none}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}.tutorial-content{max-width:calc(420 * var(--t));padding:calc(8 * var(--t)) calc(20 * var(--t)) calc(24 * var(--t));margin:0 auto}.tutorial-step{font-size:calc(13 * var(--t));letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600}.tutorial-title{margin:calc(4 * var(--t)) 0 calc(8 * var(--t));font-size:calc(24 * var(--t));font-weight:700;line-height:1.2}.tutorial-text{font-size:calc(16 * var(--t));margin:0;line-height:1.45}.tutorial-legend{gap:calc(10 * var(--t));margin:calc(16 * var(--t)) 0 0;padding:calc(14 * var(--t));border-radius:calc(14 * var(--t));background:var(--card);flex-direction:column;list-style:none;display:flex}.tutorial-legend-item{align-items:center;gap:calc(12 * var(--t));display:flex}.tutorial-legend-image{width:calc(64 * var(--t));flex:none;justify-content:center;display:flex}.tutorial-legend-text{font-size:calc(15 * var(--t));line-height:1.4}.tutorial-demo{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;align-items:center;gap:calc(8 * var(--t));margin-top:calc(16 * var(--t));padding:calc(14 * var(--t));border-radius:calc(14 * var(--t));background:var(--card);flex-direction:column;display:flex}.tutorial-legend[hidden],.tutorial-demo[hidden],.tutorial-targets[hidden],.tutorial-retry[hidden]{display:none}.tutorial-targets{justify-content:center;gap:calc(6 * var(--t));flex-wrap:wrap;display:flex}.tutorial-chip{height:calc(26 * var(--t));padding:0 calc(10 * var(--t));background:var(--badge);color:#fff;font-family:var(--numbers);font-size:calc(13 * var(--t));border-radius:999px;align-items:center;gap:.35em;transition:background-color .15s;display:inline-flex}.tutorial-chip svg{width:1.2em;height:1.2em}.tutorial-chip.penalty{background:var(--background);color:var(--red);box-shadow:inset 0 0 0 1.5px var(--red)}.tutorial-chip.hit{background:var(--green);color:#fff;box-shadow:none}.tutorial-chip.penalty.missed,.tutorial-chip.skull.entered{background:var(--red);color:#fff}.tutorial-chip.confuse{background:var(--purple)}.tutorial-number{font-family:var(--numbers);font-size:calc(56 * var(--t));font-weight:600;line-height:1.1;transition:color .15s}.tutorial-number.solved{color:var(--green)}.tutorial-number.failed{color:var(--red)}.tutorial-status{min-height:2.9em;font-size:calc(15 * var(--t));text-align:center;color:var(--muted);line-height:1.45}.tutorial-pad{width:min(100%, calc(320 * var(--t)));aspect-ratio:2;border-radius:calc(10 * var(--t));position:relative;overflow:hidden}.tutorial-pad.faces{width:min(100%, calc(200 * var(--t)));aspect-ratio:1;overflow:visible}.tutorial-retry,.tutorial-button{height:calc(44 * var(--t));padding:0 calc(20 * var(--t));color:#fff;font-size:calc(16 * var(--t));background:#000;border:0;border-radius:999px;font-weight:600}.tutorial-retry{background:var(--dark);color:var(--background)}.tutorial-nav{justify-content:space-between;align-items:center;gap:calc(12 * var(--t));width:100%;max-width:calc(420 * var(--t));padding:calc(10 * var(--t)) calc(20 * var(--t)) max(calc(14 * var(--t)), env(safe-area-inset-bottom));flex:none;margin:0 auto;display:flex}.tutorial-previous{background:var(--card);color:var(--dark)}.tutorial-button:disabled{visibility:hidden}.tutorial-dots{gap:calc(6 * var(--t));display:flex}.tutorial-dot{width:calc(8 * var(--t));height:calc(8 * var(--t));background:var(--dot-empty);border-radius:50%;transition:background-color .15s}.tutorial-dot.current{background:var(--dark)}.tutorial-scroll,.tutorial-nav{touch-action:pan-y}@media (pointer:coarse) and (width<=719px),(pointer:coarse) and (height<=500px){.tutorial-step,.tutorial-button{display:none}.tutorial-nav{justify-content:center}}.settings{max-width:40rem;padding:calc(4 * var(--t)) 0 calc(24 * var(--t));margin:0 auto}.settings-section{border:0;min-width:0;margin:0;padding:0}.settings-heading{padding:calc(18 * var(--t)) calc(32 * var(--t)) calc(6 * var(--t));font-size:calc(13 * var(--t));letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600}.settings-group{margin:0 calc(16 * var(--t));border-radius:calc(14 * var(--t));background:var(--card);overflow:hidden}.settings-row{justify-content:space-between;align-items:center;gap:calc(12 * var(--t));min-height:calc(54 * var(--t));padding:calc(6 * var(--t)) calc(16 * var(--t));font-size:calc(17 * var(--t));cursor:pointer;display:flex}.settings-row+.settings-row{border-top:1px solid var(--line)}.settings-row:has(:focus-visible){background:var(--hover)}.buttons-mode .settings-row:has(:focus){background:var(--hover)}.settings-label{min-width:0}.settings-note:empty{display:none}.settings-note{padding:calc(8 * var(--t)) calc(32 * var(--t)) 0;font-size:calc(14 * var(--t));color:var(--muted);margin:0;line-height:1.4}.settings-note.settings-error{color:var(--red)}.settings-section[hidden],.settings-row[hidden]{display:none}.settings-action{width:100%;font:inherit;font-size:calc(17 * var(--t));text-align:left;color:var(--cyan);background:0 0;border:0}.settings-action.settings-danger{color:var(--red)}.settings-link{padding-bottom:calc(14 * var(--t));cursor:default;flex-direction:column;justify-content:center}.settings-input:disabled{opacity:.5}.settings-input{width:10em;min-width:0;max-width:55%;padding:calc(7 * var(--t)) calc(12 * var(--t));border:1px solid var(--line-strong,var(--silver));border-radius:calc(9 * var(--t));background:var(--field);font-size:max(16px, calc(16 * var(--t)));color:var(--dark);flex:none}.select{appearance:none;min-width:8.5em;max-width:55%;padding:calc(7 * var(--t)) calc(30 * var(--t)) calc(7 * var(--t)) calc(12 * var(--t));border:1px solid var(--line-strong,var(--silver));border-radius:calc(9 * var(--t));background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%233d4550' stroke-opacity='.55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right calc(11 * var(--t)) center / calc(11 * var(--t)) no-repeat;font-size:calc(16 * var(--t));color:var(--dark);cursor:pointer;flex:none}.select:focus-visible,.buttons-mode .select:focus{outline-offset:0}.switch{accent-color:var(--cyan);cursor:pointer;font-size:calc(16 * var(--t));flex:none;margin:0}.no-native-switch .switch{appearance:none;width:calc(51 * var(--t));height:calc(31 * var(--t));background:var(--silver);border-radius:999px;transition:background .15s ease-in-out;position:relative}.no-native-switch .switch:before{content:"";top:calc(2 * var(--t));left:calc(2 * var(--t));width:calc(27 * var(--t));height:calc(27 * var(--t));background:#fff;border-radius:50%;transition:translate .15s ease-in-out;position:absolute;box-shadow:0 1px 2px #0003}.no-native-switch .switch:checked{background:var(--cyan)}.no-native-switch .switch:checked:before{translate:calc(20 * var(--t)) 0}.card{padding:calc(16 * var(--t));border-radius:calc(14 * var(--t));background:var(--card);min-width:0}.card-title{margin:0 0 calc(10 * var(--t));font-size:calc(13 * var(--t));letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600}.card-note{margin:calc(8 * var(--t)) 0;font-size:calc(14 * var(--t));color:var(--muted);line-height:1.4}.text-button{padding:calc(8 * var(--t)) 0;font-size:calc(16 * var(--t));color:var(--cyan);background:0 0;border:0;font-weight:600;display:inline-block}.leaderboard{max-width:40rem;padding:calc(8 * var(--t)) calc(16 * var(--t)) calc(24 * var(--t));margin:0 auto}.leaderboard-tabs{gap:calc(4 * var(--t));padding:calc(4 * var(--t));border-radius:calc(12 * var(--t));background:var(--card);display:flex;container-type:inline-size}.leaderboard-tabs[hidden]{display:none}.leaderboard-periods{margin-top:calc(8 * var(--t))}.leaderboard-periods .leaderboard-tab{font-size:calc(14 * var(--t))}.leaderboard-tab{min-width:0;padding:calc(8 * var(--t)) calc(6 * var(--t));border-radius:calc(9 * var(--t));font-size:max(11px, min(calc(14 * var(--t)), 3.6cqi));color:var(--muted);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:auto;font-weight:600;overflow:hidden}.leaderboard-tab[aria-pressed=true]{background:var(--field);color:var(--dark);box-shadow:0 1px calc(3 * var(--t)) #0000001f}:root[data-theme=dark] .leaderboard-tab[aria-pressed=true]{background:#ffffff24}.leaderboard-caption{margin:calc(12 * var(--t)) calc(4 * var(--t));font-size:calc(14 * var(--t));color:var(--muted);line-height:1.4}.leaderboard-list{border-radius:calc(14 * var(--t));background:var(--card);margin:0;padding:0;list-style:none;overflow:hidden}.leaderboard-row{align-items:baseline;gap:calc(12 * var(--t));padding:calc(12 * var(--t)) calc(16 * var(--t));font-size:calc(17 * var(--t));display:flex}.leaderboard-row+.leaderboard-row,.leaderboard-gap+.leaderboard-row{border-top:1px solid var(--line)}.leaderboard-row.me{background:#11a6c524;font-weight:600}.leaderboard-rank{text-align:right;min-width:2ch;color:var(--muted);flex:none;font-family:Geist Mono,monospace;font-weight:600}.top-1 .leaderboard-rank{color:var(--yellow)}.top-2 .leaderboard-rank{color:var(--silver)}.top-3 .leaderboard-rank{color:#cd7f32}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.leaderboard-score{flex-direction:column;flex:none;align-items:flex-end;font-family:Geist Mono,monospace;font-weight:600;display:flex}.leaderboard-rounds{font-family:Figtree,sans-serif;font-size:calc(12 * var(--t));color:var(--muted);font-weight:400}.leaderboard-gap{padding:calc(2 * var(--t)) 0;text-align:center;color:var(--muted);border-top:1px solid var(--line)}.leaderboard-message{padding:calc(24 * var(--t)) calc(16 * var(--t));text-align:center;color:var(--muted)}.leaderboard-note{margin:calc(12 * var(--t)) calc(4 * var(--t)) 0;font-size:calc(14 * var(--t));color:var(--muted)}.leaderboard-settings{margin:0 calc(4 * var(--t))}.text-button+.text-button{margin-left:calc(20 * var(--t))}.primary-button{border-radius:calc(12 * var(--t));padding:calc(13 * var(--t)) calc(30 * var(--t));background:linear-gradient(var(--raised-top), var(--raised-bottom));color:#fff;font-size:calc(18 * var(--t));border:0;font-weight:600}.primary-button:disabled{opacity:.35}.primary-button:not(:disabled):active{filter:brightness(.9)}.lobby-layout{gap:calc(14 * var(--t));max-width:62rem;padding:calc(8 * var(--t)) calc(16 * var(--t)) calc(16 * var(--t));margin:0 auto;display:grid}@media (width>=720px){.lobby-layout{grid-template-columns:3fr 2fr;align-items:start}}.player-list{margin:0;padding:0;list-style:none}.player,.player-empty{align-items:center;gap:calc(10 * var(--t));min-height:calc(48 * var(--t));border-bottom:1px solid var(--line);font-size:calc(17 * var(--t));display:flex}.player-empty{color:var(--muted)}.player .dot{width:calc(14 * var(--t));height:calc(14 * var(--t));box-shadow:none}.player-name{min-width:0;color:var(--dark);flex:1;font-weight:600}input.player-name{padding:calc(4 * var(--t)) 0;font-size:inherit;background:0 0;border:0;border-bottom:1px dashed #0000}input.player-name:hover,input.player-name:focus{border-bottom-color:var(--silver)}.player-device{font-size:calc(13 * var(--t));color:var(--muted);white-space:nowrap}.remove-button{width:calc(36 * var(--t));height:calc(36 * var(--t));font-size:calc(22 * var(--t));color:var(--muted);background:0 0;border:0;border-radius:50%;flex:none;line-height:1}.remove-button:hover{background:var(--card)}.lobby-join{text-align:center}.lobby-join.offline .lobby-status{color:var(--red)}.qr{width:min(calc(200 * var(--t)), 60vw);margin:calc(8 * var(--t)) auto;padding:calc(6 * var(--t));border-radius:calc(10 * var(--t));background:#fff}.qr svg{width:100%;height:auto;display:block}.room-code{justify-content:center;align-items:baseline;gap:calc(10 * var(--t));display:flex}.room-code .card-note{margin:0}.room-code strong{font-family:var(--numbers);font-size:calc(32 * var(--t));letter-spacing:.14em;-webkit-user-select:all;user-select:all;font-weight:600}.lobby-footer{align-items:center;gap:calc(16 * var(--t));padding:calc(10 * var(--t)) calc(16 * var(--t)) calc(10 * var(--t) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--background);flex-wrap:wrap;flex:none;display:flex}.lobby-rounds{flex:1;max-width:22rem}.lobby-rounds .settings-row{min-height:0;font-size:calc(16 * var(--t));border:0;padding:0}.lobby-footer .primary-button{margin-left:auto}.join-form,.join-waiting{max-width:26rem;margin:calc(16 * var(--t)) auto}.join-form{gap:calc(14 * var(--t));display:grid}.join-form[hidden],.join-waiting[hidden]{display:none}@media (width<=460px){.join-form,.join-waiting{margin:calc(16 * var(--t))}}.field{gap:calc(6 * var(--t));display:grid}.field-label{font-size:calc(13 * var(--t));letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600}.field-input{width:100%;padding:calc(10 * var(--t)) calc(12 * var(--t));border:1px solid var(--line-strong,var(--silver));border-radius:calc(10 * var(--t));background:var(--field);font-size:max(16px, calc(20 * var(--t)))}.code-input{letter-spacing:.3em;text-transform:uppercase;font-weight:600}.join-message:empty{display:none}.join-waiting .standings{font-size:calc(17 * var(--t))}.join-waiting .dot{box-shadow:none}.remote-board{flex:1;min-height:0;position:relative}.remote-board[hidden]{display:none}.match{--divider:3px;flex-direction:column;display:flex}.match-header{height:calc(40 * var(--u));border-bottom:var(--divider) solid var(--line);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.match-header .icon-button{top:calc(-6 * var(--u))}.match-round{font-size:calc(15 * var(--u));color:var(--muted);font-weight:600}.match-body{gap:var(--divider);background:var(--line);flex:1;min-height:0;display:flex}.match-grid{grid-template-columns:repeat(var(--columns,1), minmax(0, 1fr));grid-template-rows:repeat(var(--rows,1), minmax(0, 1fr));gap:var(--divider);background:var(--line);flex:1;min-width:0;display:grid}.match-filler{background:var(--background)}.match-grid>.board{min-width:0;min-height:0;position:relative;inset:auto}.remote-card{background:var(--background);min-width:0;min-height:0;font-size:calc(16 * var(--u));flex-direction:column;justify-content:center;align-items:center;gap:.3em;display:flex;position:relative;overflow:hidden}.remote-header{color:var(--player);align-items:center;gap:.45em;font-weight:600;display:flex;position:absolute;top:.75em;left:1em;right:1em}.remote-header .dot{box-shadow:none}.remote-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.remote-score{font-family:var(--numbers);color:var(--faint)}.remote-number{font-family:var(--numbers);font-size:4em;font-weight:600;line-height:1}.remote-state{color:var(--muted);text-align:center;padding:0 1em;font-weight:500}.remote-card[data-state=solved] .remote-state,.remote-card[data-state=winner] .remote-state{color:var(--green)}.remote-card[data-state=winner] .remote-state{font-weight:600}.remote-card[data-state=failed] .remote-state,.remote-card[data-state=left] .remote-state{color:var(--red)}.remote-line{justify-content:center;align-items:baseline;gap:.4em;display:flex}.remote-brief{display:none}.match-remotes{width:calc(92 * var(--t));background:var(--background);overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:none;display:flex;overflow-y:auto}.match-remotes::-webkit-scrollbar{display:none}.match-remotes[hidden]{display:none}.match-remotes .remote-card{border-bottom:var(--divider) solid var(--line);font-size:calc(12 * var(--t));flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:.4em;padding:.7em .8em .6em;display:grid}.match-remotes .remote-header,.match-remotes .remote-line{display:contents}.match-remotes .remote-header .dot,.match-remotes .remote-state,.match-remotes .remote-card.waiting:after{display:none}.match-remotes .remote-name{grid-area:1/1/auto/3;line-height:1.2}.match-remotes .remote-number,.match-remotes .remote-brief{min-width:0;font-family:var(--numbers);white-space:nowrap;grid-area:2/1;font-weight:600;line-height:1.3}.match-remotes .remote-number{font-size:1.6em}.match-remotes .remote-score{grid-area:2/2;font-size:.85em}.match-remotes .remote-card:not([data-state=""]) .remote-number{display:none}.match-remotes .remote-card:not([data-state=""]) .remote-brief{color:var(--muted);display:block}.match-remotes .remote-card[data-state=solved] .remote-brief,.match-remotes .remote-card[data-state=winner] .remote-brief{color:var(--green)}.match-remotes .remote-card[data-state=failed] .remote-brief,.match-remotes .remote-card[data-state=left] .remote-brief{color:var(--red)}.match-remotes .remote-card[data-state=left]{opacity:.6}.match-remotes .remote-card.waiting{animation:1.2s ease-in-out infinite pulse}.remote-card.waiting:after{content:"…";color:var(--faint);font-size:1.5em;animation:1.2s ease-in-out infinite pulse;position:absolute;bottom:.6em}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}