[hidden]{display:none!important}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}input{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}#app{grid-template:minmax(0,1fr)/minmax(0,1fr);height:100dvh;display:grid}.screen{min-height:0;padding:calc(env(safe-area-inset-top) + 20px) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 20px) calc(env(safe-area-inset-left) + 20px);overscroll-behavior:contain;grid-area:1/1;overflow-y:auto}.wake{opacity:.01;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;left:0}.btn{appearance:none;border-radius:var(--r-key);background:var(--ink);width:100%;height:58px;color:var(--plum-950);font:750 20px/1 var(--display);border:0;font-stretch:115%;transition:transform 80ms,opacity .15s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45}.sub{color:var(--ink-dim);margin:0;font-size:16px}.rules{color:var(--ink-dim);max-width:34ch;margin:10px 0 0;font-size:14px;line-height:1.45}.form-error{margin:0;font-size:15px;font-weight:600;line-height:1.35}.form-error:empty{display:none}.wait-note{text-align:center;color:var(--ink-dim);margin:0;font-size:15px;line-height:1.4}.wait-note:empty{display:none}.section-h{font:600 15px var(--ui);color:var(--ink-dim);margin:30px 0 6px}.pname{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:650 21px/1.2 var(--display);font-stretch:92%;overflow:hidden}.tag{color:var(--ink-dim);border:1px solid var(--plum-700);border-radius:999px;padding:4px 9px 5px;font-size:13px;line-height:1}.is-away{opacity:.45}.suf{letter-spacing:0;margin-left:.04em;font-size:.5em;font-weight:700}.dock{gap:12px;padding-top:14px;display:grid}.net{z-index:10;top:calc(env(safe-area-inset-top) + 8px);background:var(--plum-800);border:1px solid var(--plum-700);white-space:nowrap;pointer-events:none;border-radius:999px;padding:7px 14px;font-size:14px;position:fixed;left:50%;transform:translate(-50%)}.s-join{flex-direction:column;justify-self:center;width:min(100%,480px);display:flex}.wordmark{font:900 min(calc(17vw - 8px), 72px)/.84 var(--display);letter-spacing:-.015em;margin:12px 0 14px;font-stretch:140%}.lede{max-width:26ch;color:var(--ink-dim);margin:0 0 30px;font-size:16px;line-height:1.4}.join-form{gap:18px;display:grid}.field{gap:7px;display:grid}.field-label{color:var(--ink-dim);font-size:14px}.field input{background:var(--plum-900);border:1.5px solid var(--plum-700);border-radius:var(--r-key);width:100%;height:58px;color:var(--ink);font:650 22px var(--display);outline:none;padding:0 16px;font-stretch:100%;transition:border-color .15s}.field input:focus{border-color:var(--ink-dim)}.field .in-code{letter-spacing:.2em;text-transform:uppercase;font-size:30px;font-weight:800;font-stretch:135%}.join-form .btn{margin-top:4px}.about{gap:40px;margin-top:36px;padding-bottom:12px;display:grid}.host{gap:10px;display:grid}.host-q{color:var(--ink-dim);margin:0;font-size:14px}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--plum-700);text-align:center;background:0 0;place-items:center;font-size:17px;font-stretch:105%;text-decoration:none;display:grid}.host-note{color:var(--plum-500);max-width:36ch;margin:0;font-size:13px;line-height:1.4}.howto{-webkit-user-select:text;user-select:text}.howto-h{font:800 26px/1 var(--display);margin:0 0 16px;font-stretch:120%}.steps{gap:14px;margin:0 0 22px;padding:0;list-style:none;display:grid}.steps li{grid-template-columns:36px 1fr;align-items:start;gap:12px;display:grid}.steps p{color:var(--ink-dim);margin:6px 0 0;font-size:15px;line-height:1.45}.steps b{color:var(--ink);font-weight:600}.step-n{border:2px solid var(--plum-700);border-radius:var(--r-tile);width:36px;height:36px;font:800 18px/1 var(--display);place-items:center;font-stretch:120%;display:grid}.rules-list{color:var(--ink-dim);gap:10px;margin:0;padding:0 0 0 18px;font-size:15px;line-height:1.45;display:grid}.rules-list li::marker{color:var(--plum-500)}.chip{width:20px;height:20px;font:normal 800 11px/1 var(--display);vertical-align:-3px;border-radius:3px;place-items:center;display:inline-grid}.s-rejoin{color:var(--ink-dim);place-items:center;font-size:16px;display:grid}.s-rejoin b{color:var(--ink);font:800 16px var(--display);letter-spacing:.12em;font-stretch:125%}.s-lobby{grid-template-rows:auto auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.room-tag{color:var(--ink-dim);margin:0;font-size:15px}.room-tag b{color:var(--ink);font:800 16px var(--display);letter-spacing:.12em;margin-left:4px;font-stretch:125%}.display{font:900 min(calc(13vw - 2px), 68px)/.9 var(--display);letter-spacing:-.01em;margin:22px 0 8px;font-stretch:130%}.roster{overscroll-behavior:contain;align-self:start;max-height:100%;margin:22px 0 0;padding:0;list-style:none;overflow-y:auto}.player{border-top:1px solid var(--plum-800);justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.player:last-child{border-bottom:1px solid var(--plum-800)}.tags{flex:none;gap:6px;display:flex}.s-count{text-align:center;grid-template-rows:minmax(0,1fr) auto;place-items:center;display:grid;overflow:hidden}.count-num{font:900 min(62vw, 44dvh)/1 var(--display);font-variant-numeric:tabular-nums;will-change:font-stretch;font-stretch:150%}.count-num.is-word{font-size:min(17vw,16dvh)}.count-note{color:var(--ink-dim);margin:0 0 12px;font-size:16px;line-height:1.45}.s-play{overscroll-behavior:none;grid-template-rows:auto auto minmax(0,1fr) auto;padding:0;transition:background-color .3s;display:grid;overflow:hidden}.hud{padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 16px) 10px calc(env(safe-area-inset-left) + 16px);grid-template-columns:1fr auto 1fr;align-items:baseline;display:grid}.hud p{white-space:nowrap;margin:0}.hud-round{color:var(--ink-dim);font-size:14px}.hud-round b{color:var(--ink);font:800 24px/1 var(--display);margin:0 2px;font-stretch:110%}.hud-clock{font:600 19px/1 var(--display);text-align:center}.hud-rank{text-align:right;font:800 24px/1 var(--display);font-stretch:110%}.hud-rank .suf{font-size:.6em}.strip{height:5px;margin:0 calc(env(safe-area-inset-right) + 16px) 0 calc(env(safe-area-inset-left) + 16px);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.strip i{background:var(--plum-800);border-radius:3px;transition:background-color .3s}.strip i.done{background:var(--hit)}.strip i.now{background:var(--ink-dim)}.strip i.locked{background:var(--locked)}.stage{min-height:0;padding:12px calc(env(safe-area-inset-right) + 16px) 12px calc(env(safe-area-inset-left) + 16px);grid-area:3/1;place-items:center;display:grid;position:relative;container-type:size}.board{--gap:6px;--tile:min(calc((100cqh - 5 * var(--gap)) / 6), calc((100cqw - 4 * var(--gap)) / 5), 64px);gap:var(--gap);display:grid}.row{grid-template-columns:repeat(5, var(--tile));gap:var(--gap);perspective:500px;display:grid}.tile{width:var(--tile);height:var(--tile);border-radius:var(--r-tile);font:700 calc(var(--tile) * .54)/1 var(--display);backface-visibility:hidden;border-style:solid;border-width:2px;place-items:center;font-stretch:110%;display:grid}:where(.tile){border-color:var(--plum-700);color:var(--ink);background:0 0}.tile.is-typed{border-color:var(--ink-dim);background:var(--plum-800)}.tile.is-ghost{color:var(--hit);opacity:.5;border-style:dashed}.toast{z-index:2;opacity:0;background:var(--ink);color:var(--plum-950);font:600 15px/1 var(--ui);white-space:nowrap;pointer-events:none;border-radius:999px;padding:9px 15px;transition:opacity .15s,translate .15s;position:absolute;top:10px;left:50%;translate:-50% -6px}.toast.is-on{opacity:1;translate:-50%}.kb{padding:8px calc(env(safe-area-inset-right) + 5px) calc(env(safe-area-inset-bottom) + 8px) calc(env(safe-area-inset-left) + 5px);background:var(--plum-900);border-radius:var(--r-panel) var(--r-panel) 0 0;grid-area:4/1;gap:7px;display:grid}.kb-row{gap:5px;display:flex}.kb-spacer{flex:.5 1 0}.key{border-radius:var(--r-key);background:var(--plum-700);min-width:0;height:clamp(46px,7dvh,58px);color:var(--ink);font:650 19px/1 var(--display);border:0;flex:1 1 0;place-items:center;padding:0;font-stretch:100%;transition:background-color .2s,color .2s,transform 60ms;display:grid}.key-wide{font:600 14px/1 var(--ui);flex-grow:1.55}.key.is-down{filter:brightness(1.25);transform:scale(.94)}.key[data-c=g]{background:var(--hit);color:var(--tile-ink)}.key[data-c=y]{background:var(--near);color:var(--tile-ink)}.key[data-c=x]{color:var(--plum-500);box-shadow:inset 0 0 0 1px var(--plum-800);background:0 0}.s-play.is-locked{background:radial-gradient(130% 60% at 50% 0%, color-mix(in oklab, var(--locked) 20%, transparent), transparent 75%), var(--plum-950)}.s-play.is-locked .stage,.s-play.is-locked .kb{visibility:hidden}.lockout{text-align:center;min-height:0;padding:12px 24px calc(env(safe-area-inset-bottom) + 20px);flex-direction:column;grid-area:3/1/5;justify-content:center;align-items:center;display:flex}.lo-title{font:800 30px/1 var(--display);margin:0;font-stretch:120%}.lo-sub{color:var(--ink-dim);margin:10px 0 0;font-size:16px}.lo-num{color:var(--locked);font:900 min(38vw, 24dvh)/1 var(--display);margin:2px 0 14px;font-stretch:100%}.mini{gap:3px;display:grid}.mini-row{gap:3px;display:flex}.mini-tile{width:24px;height:24px;font:700 13px/1 var(--display);border-radius:3px;place-items:center;font-stretch:110%;display:grid}.lo-note{color:var(--ink-dim);margin:18px 0 0;font-size:14px}.place{font:900 clamp(104px, 36vw, 160px)/.88 var(--display);letter-spacing:-.02em;margin:2px 0 0;font-stretch:118%}.place .suf{margin-left:.05em;font-size:.38em;font-weight:750}.time{font:650 30px/1 var(--display);margin:10px 0 0}.time:empty{display:none}.grace{color:var(--ink-dim);margin:14px 0 0;font-size:16px}.grace:empty{display:none}.ranking{margin:0;padding:0;list-style:none}.rank-row{border-top:1px solid var(--plum-800);grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:14px;padding:12px 0;display:grid}.rank-row:last-child{border-bottom:1px solid var(--plum-800)}.rank-row .pname{font-size:20px}.who{align-items:center;gap:8px;min-width:0;display:flex}.rstat{font:750 17px/1 var(--display);font-stretch:110%}.rtime{min-width:3.2em;font:600 17px/1 var(--display);color:var(--ink-dim);text-align:right}.rtime:empty{display:none}.s-results{grid-template-rows:minmax(0,1fr) auto;padding-bottom:0;display:grid;overflow:hidden}.results-scroll{overscroll-behavior:contain;min-height:0;padding-bottom:8px;overflow-y:auto}.s-results .dock{padding-bottom:calc(env(safe-area-inset-bottom) + 20px);border-top:1px solid var(--plum-800)}.words{gap:7px;margin:4px 0 0;padding:0;list-style:none;display:grid}.wrow{align-items:center;gap:14px;display:flex}.wtiles{flex:none;gap:3px;display:flex}.wtile{width:28px;height:28px;font:700 15px/1 var(--display);border-radius:3px;place-items:center;font-stretch:110%;display:grid}.wmeta{color:var(--ink-dim);flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:14px;display:flex}.wsplit{min-width:3.2em;color:var(--ink);font:650 16px/1 var(--display)}.wfail{color:var(--locked)}