*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%}html.playing,html.playing body{overscroll-behavior:none;overflow:hidden}body{background:var(--color-bg) linear-gradient(180deg, var(--color-bg-top), var(--color-bg-bottom)) fixed;min-height:100%;color:var(--color-ink);font:16px/1.4 var(--font-body);-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.page{height:100vh;max-width:520px;height:100dvh;padding:max(28px, calc(env(safe-area-inset-top) + 16px)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;margin:0 auto;display:flex}.invite h1{font:400 clamp(2.2rem, 10vw, 3.1rem) / 1.02 var(--font-display);letter-spacing:-.01em;text-align:center;margin:0;padding:0 24px}.game{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;flex:1;min-height:0;position:relative}.game:focus-visible{outline-offset:-4px}.game canvas{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.text-btn{color:var(--color-ink);font:400 1.2rem/1 var(--font-display);cursor:pointer;touch-action:manipulation;text-decoration:underline;-webkit-text-decoration-color:var(--color-line);text-decoration-color:var(--color-line);text-underline-offset:5px;background:0 0;border:0;padding:6px 2px;text-decoration-thickness:1px}.text-btn:hover{text-decoration-color:currentColor}.text-btn:disabled{opacity:.6;cursor:default}.btn{border-radius:var(--radius-pill);min-height:54px;font:400 1.5rem/1 var(--font-display);justify-content:center;align-items:center;text-decoration:none;transition:transform .12s;display:flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-ink);color:var(--color-on-ink)}.icon-btn{width:44px;height:44px;color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.icon-btn svg{fill:currentColor;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.mute{opacity:.7;position:absolute;top:4px;right:8px}.mute .off,.mute.is-muted .on{display:none}.mute.is-muted .off{display:block}.game-start{text-align:center;pointer-events:none;position:absolute;top:9%;left:0;right:0}.game-start[hidden]{display:none}.start-title{font:italic 400 1.6rem/1 var(--font-display);margin:0;animation:2.4s ease-in-out infinite breathe}.start-sub{color:var(--color-ink-soft);font:400 1.05rem/1 var(--font-display);margin:10px 0 0}.start-sub:empty{display:none}@keyframes breathe{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.start-title{animation:none}}.board-open{color:var(--color-ink-soft);position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.game:not([data-phase=ready]) .board-open{display:none}.game-over{text-align:center;cursor:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text;touch-action:manipulation;isolation:isolate;flex-direction:column;gap:10px;transition:opacity .35s,transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:14px;left:20px;right:20px}.game-over:before{content:"";z-index:-1;background:linear-gradient(180deg, transparent, var(--color-bg-bottom) 90px);pointer-events:none;position:absolute;top:-90px;bottom:-14px;left:-20px;right:-20px}.game-over:focus{outline:none}.game-over.pre{opacity:0;pointer-events:none;transform:translateY(14px)}.game-over[hidden]{display:none}@media (prefers-reduced-motion:reduce){.game-over.pre{transform:none}}.over-meta{color:var(--color-ink-soft);font:italic 400 1.15rem/1 var(--font-display);margin:0}.over-meta:empty{display:none}.score-form{border-bottom:1px solid var(--color-line);align-items:center;gap:12px;display:flex}.score-form[hidden]{display:none}.score-form input{min-width:0;height:46px;color:var(--color-ink);font:400 16px var(--font-body);background:0 0;border:0;flex:1;padding:0 2px}.score-form input::placeholder{color:var(--color-ink-soft)}.score-form input:focus{outline:none}.score-form:focus-within{border-bottom-color:var(--color-ink)}.score-form .text-btn{text-decoration:none}.submit-status{min-height:1.2em;color:var(--color-ink-soft);margin:0;font-size:.9rem}.submit-status[data-tone=error]{color:var(--color-error)}.submit-status[data-tone=success]{color:var(--color-success)}.submit-status .text-btn{font-size:1rem}.over-actions{justify-content:center;gap:26px;display:flex}.sheet{background:var(--color-sheet);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:auto;touch-action:pan-y;-webkit-user-select:text;-moz-user-select:text;user-select:text;padding:8px 20px 20px;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.sheet[hidden]{display:none}.sheet:focus{outline:none}.sheet-head{justify-content:space-between;align-items:center;margin-right:-10px;display:flex}.sheet h2{font:400 2rem/1.1 var(--font-display);margin:0}.board-lock{color:var(--color-ink-soft);font-variant-numeric:tabular-nums;margin:4px 0 18px;font-size:.9rem}.winner{font:italic 400 1.4rem/1.2 var(--font-display);margin:0 0 16px}.board-list{margin:0;padding:0;list-style:none}.row{border-bottom:1px solid var(--color-line);font:400 1.3rem/1.1 var(--font-display);grid-template-columns:30px 1fr auto;align-items:baseline;gap:10px;padding:10px 0;display:grid}.row.you{font-style:italic}.rank{color:var(--color-ink-soft);font-variant-numeric:tabular-nums;font-size:1rem}.name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score{font-variant-numeric:tabular-nums}.empty{color:var(--color-ink-soft);font:italic 400 1.2rem var(--font-display);padding:16px 0}.board-you{font:italic 400 1.15rem var(--font-display);margin:14px 0 0}.board-status{color:var(--color-ink-soft);margin-top:10px;font-size:.92rem}.board-status:empty{display:none}