@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,:root[data-theme=light]{color-scheme:light;--bg: #f3eee4;--bg-glow: #fff8ec;--surface: #fffdf8;--surface-2: #f7f1e6;--surface-3: #efe7d8;--ink: #1e2230;--ink-soft: #565c6e;--ink-faint: #666b7b;--line: rgba(30, 34, 48, .1);--line-strong: rgba(30, 34, 48, .16);--field-line: rgba(30, 34, 48, .5);--accent: #4b5bd7;--accent-hover: #3f4ec4;--accent-ink: #ffffff;--accent-soft: rgba(75, 91, 215, .12);--accent-wash: rgba(75, 91, 215, .2);--gold: #e8a93a;--gold-soft: rgba(232, 169, 58, .18);--gold-ink: #8a6414;--good: #2e9e6b;--good-ink: #1f7a50;--good-soft: rgba(46, 158, 107, .12);--bad: #d64545;--bad-ink: #c23434;--bad-soft: rgba(214, 69, 69, .1);--danger-ink: #ffffff;--seat-1: #bc5037;--board-frame: #2b3445;--board-frame-hi: #3a4459;--cell: #efe6d5;--cell-line: #d9ccb4;--tw: #0f6b66;--dw: #9fd3c4;--tl: #7b3a74;--dl: #e0bddc;--tw-ink: #ffffff;--dw-ink: #0b3b37;--tl-ink: #ffffff;--dl-ink: #4a2146;--tile-top: #fff7e6;--tile-bottom: #f2ddb3;--tile-edge: #cfae74;--tile-ink: #2a2118;--tile-value: #5e4e36;--tile-blank-ink: #3f4cc0;--shadow-card: 0 1px 2px rgba(40, 30, 10, .04), 0 10px 30px -12px rgba(40, 30, 10, .16);--shadow-pop: 0 2px 6px rgba(20, 16, 8, .08), 0 24px 60px -18px rgba(20, 16, 8, .35);--shadow-board: 0 2px 0 rgba(255, 255, 255, .5), 0 34px 70px -28px rgba(30, 30, 50, .55), 0 12px 24px -12px rgba(30, 30, 50, .3);--scrim: rgba(24, 22, 30, .42);--weave: rgba(30, 34, 48, .022)}:root[data-theme=dark]{color-scheme:dark;--bg: #10131a;--bg-glow: #1b2030;--surface: #181c26;--surface-2: #1f2431;--surface-3: #262c3b;--ink: #eceef4;--ink-soft: #a9b0c2;--ink-faint: #8b92a6;--line: rgba(236, 238, 244, .08);--line-strong: rgba(236, 238, 244, .14);--field-line: rgba(236, 238, 244, .4);--accent: #8c98ff;--accent-hover: #a2acff;--accent-ink: #0e1020;--accent-soft: rgba(140, 152, 255, .14);--accent-wash: rgba(140, 152, 255, .26);--gold: #f2b955;--gold-soft: rgba(242, 185, 85, .16);--gold-ink: #f2b955;--good: #46c28a;--good-ink: #46c28a;--good-soft: rgba(70, 194, 138, .14);--bad: #ff6b6b;--bad-ink: #ff6b6b;--bad-soft: rgba(255, 107, 107, .12);--danger-ink: #1a0b0b;--seat-1: #b94e36;--board-frame: #0b0e14;--board-frame-hi: #151a24;--cell: #232a38;--cell-line: #161b25;--tw: #3aa396;--dw: #1d4d48;--tl: #9b5592;--dl: #4b2f4f;--tw-ink: #04201d;--dw-ink: #c4efe5;--tl-ink: #ffffff;--dl-ink: #f3dcf1;--tile-top: #f4e6c8;--tile-bottom: #ddc495;--tile-edge: #b8975e;--tile-ink: #2a2118;--tile-value: #5e4e36;--tile-blank-ink: #3f4cc0;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px -14px rgba(0, 0, 0, .6);--shadow-pop: 0 2px 6px rgba(0, 0, 0, .3), 0 28px 70px -20px rgba(0, 0, 0, .75);--shadow-board: 0 0 0 1px rgba(255, 255, 255, .04), 0 34px 70px -24px rgba(0, 0, 0, .8), 0 12px 24px -12px rgba(0, 0, 0, .6);--scrim: rgba(4, 6, 10, .62);--weave: rgba(236, 238, 244, .018)}:root{--font-ui: "Inter Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Fraunces Variable", ui-serif, Georgia, "Times New Roman", serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--r-panel: 16px;--r-button: 12px;--r-rack-tile: 10px;--r-pill: 999px;--tile-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 2px 0 var(--tile-edge), 0 6px 14px rgba(20, 16, 8, .18);--tile-shadow-lift: inset 0 1px 0 rgba(255, 255, 255, .6), 0 2px 0 var(--tile-edge), 0 12px 22px rgba(20, 16, 8, .24);--tile-shadow-drag: inset 0 1px 0 rgba(255, 255, 255, .6), 0 2px 0 var(--tile-edge), 0 22px 38px rgba(20, 16, 8, .34);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-med: .2s;--dur-slow: .4s;--focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{min-height:100dvh;background-color:var(--bg);background-image:radial-gradient(ellipse 80% 60% at 50% 30%,var(--bg-glow),transparent 70%),repeating-linear-gradient(90deg,var(--weave) 0 1px,transparent 1px 6px),repeating-linear-gradient(0deg,var(--weave) 0 1px,transparent 1px 6px);background-attachment:fixed;color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.5;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column;min-width:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}[hidden]{display:none!important}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}h1,h2,h3,h4{font-family:var(--font-display);font-variation-settings:"SOFT" 50,"opsz" 72;font-weight:650;line-height:1.15;margin:0;letter-spacing:-.01em}p{margin:0}a{color:var(--accent);text-underline-offset:3px}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main[tabindex="-1"]:focus-visible{outline:none}::selection{background:var(--accent-wash)}.tabular{font-variant-numeric:tabular-nums}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.btn{--btn-bg: var(--surface);--btn-ink: var(--ink);--btn-line: var(--line-strong);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-button);border:1px solid var(--btn-line);background:var(--btn-bg);color:var(--btn-ink);font-weight:600;font-size:14.5px;line-height:1;white-space:nowrap;text-decoration:none;box-shadow:0 1px #ffffff59 inset,0 1px 2px #1410080f;transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) ease,opacity var(--dur-fast) ease;user-select:none;-webkit-user-select:none;touch-action:manipulation}.btn svg{width:18px;height:18px;flex:none}.btn:hover{background:color-mix(in srgb,var(--btn-bg) 92%,var(--ink))}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn[aria-disabled=true],.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn[aria-disabled=true]:hover,.btn:disabled:hover{background:var(--btn-bg)}.btn--primary{--btn-bg: var(--accent);--btn-ink: var(--accent-ink);--btn-line: transparent;box-shadow:0 1px #ffffff38 inset,0 6px 16px -6px color-mix(in srgb,var(--accent) 70%,transparent)}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{--btn-bg: transparent;--btn-line: transparent;box-shadow:none}.btn--ghost:hover{background:var(--accent-soft)}.btn--danger{--btn-bg: var(--bad-ink);--btn-ink: var(--danger-ink);--btn-line: transparent}.btn--danger:hover{background:color-mix(in srgb,var(--bad-ink) 88%,black)}.btn--gold{--btn-bg: var(--gold);--btn-ink: #2a1c05;--btn-line: transparent}.btn--sm{min-height:36px;padding:0 12px;font-size:13.5px;border-radius:10px}.btn--icon{width:44px;padding:0}.btn--icon.btn--sm{width:36px}.btn--block{width:100%}.btn__spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}.field{display:grid;gap:6px;min-width:0}.field__label{font-size:13px;font-weight:600;color:var(--ink-soft)}.field__hint{font-size:12.5px;color:var(--ink-soft)}.field__error{font-size:13px;color:var(--bad-ink);font-weight:500}.input,.select{width:100%;min-width:0;min-height:44px;padding:0 14px;border-radius:var(--r-button);border:1px solid var(--field-line);background:var(--surface);color:var(--ink);font-size:16px;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.input::placeholder{color:var(--ink-faint)}.input:focus-visible,.select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.input[aria-invalid=true]{border-color:var(--bad)}.select{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23888' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--shadow-card);min-width:0}.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;border:1px solid var(--line-strong);border-bottom-width:2px;background:var(--surface-2);font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--ink-soft);line-height:1}.drag-ghost{position:fixed;left:0;top:0;z-index:1000;pointer-events:none;will-change:transform}.drag-ghost .tile--ghost{transition:transform 90ms var(--ease-out);box-shadow:var(--tile-shadow-drag)}html.is-dragging,html.is-dragging *{cursor:grabbing!important;user-select:none;-webkit-user-select:none}.app-footer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:16px 16px calc(16px + env(safe-area-inset-bottom));color:var(--ink-soft);font-size:12.5px}.screen-center{flex:1;display:grid;place-items:center;padding:24px 16px;min-width:0}.notice{width:min(460px,100%);padding:32px 28px;text-align:center;display:grid;gap:14px;justify-items:center}.notice__icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.notice__icon svg{width:28px;height:28px}.notice h1{font-size:26px}.notice p{color:var(--ink-soft)}.notice__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.spinner,.btn__spinner{animation-duration:1.6s!important;animation-iteration-count:infinite!important}}@media(max-width:759px){body{font-size:14.5px}.notice{padding:28px 20px}}.conn-banner{position:fixed;top:calc(8px + env(safe-area-inset-top));left:0;right:0;margin:0 auto;width:max-content;max-width:calc(100vw - 32px);z-index:950;display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:var(--r-pill);background:var(--ink);color:var(--bg);box-shadow:var(--shadow-pop);font-size:13.5px}.conn-banner svg{width:16px;height:16px;color:var(--gold)}.conn-banner__text{min-width:0}.conn-banner__hint{opacity:.75}.presence-banner{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 14px;border-radius:14px;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);color:var(--ink);min-width:0}.presence-banner__icon{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--surface);color:var(--gold-ink)}.presence-banner__icon svg{width:17px;height:17px}.presence-banner__text{flex:1;min-width:0;margin:0;font-size:13.5px;line-height:1.4}.presence-banner__count{color:var(--ink-soft)}.presence-banner__claim{flex:none}@media(max-width:1179px){.conn-banner{top:calc(var(--topbar-h, 66px) + 4px + env(safe-area-inset-top))}}@media(max-width:759px){.conn-banner{font-size:13px;padding:7px 14px}.presence-banner{padding:8px 10px;gap:10px}.presence-banner__icon{display:none}.presence-banner__text{font-size:12.5px}}.modal-root{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:24px 16px;overflow-y:auto}.modal-scrim{position:fixed;inset:0;background:var(--scrim);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modal{position:relative;width:min(480px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-pop);outline:none;min-width:0}.modal--sm{width:min(380px,100%)}.modal--lg{width:min(640px,100%)}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px 4px 22px}.modal__head--bare{position:absolute;top:0;right:0;padding:10px;z-index:2}.modal__title{margin:0;font-family:var(--font-display);font-size:21px;font-weight:650;line-height:1.25;letter-spacing:-.01em}.modal__close{position:relative;margin-left:auto;color:var(--ink-soft)}@media(pointer:coarse){.modal__close:after{content:"";position:absolute;inset:calc((100% - 44px)/2)}}.modal__desc{margin:0;padding:0 22px;color:var(--ink-soft);font-size:14px}.modal__body{padding:14px 22px 20px;overflow-y:auto;min-height:0;overscroll-behavior:contain}.modal__foot{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:14px 22px 20px;border-top:1px solid var(--line)}.modal-root--sheet{place-items:end center;padding:0}.modal--sheet{width:min(640px,100%);max-height:min(78dvh,640px);border-radius:22px 22px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}@media(max-width:759px){.modal-root{padding:16px 12px}.modal{max-height:calc(100dvh - 32px);border-radius:18px}.modal__head{padding:16px 12px 4px 18px}.modal__desc{padding:0 18px}.modal__body{padding:12px 18px 18px}.modal__foot{padding:12px 18px 16px}.modal-root--sheet{padding:0}.modal--sheet{border-radius:20px 20px 0 0;max-height:80dvh}}@media(max-height:559px){.modal--sheet{max-height:calc(100dvh - 16px)}}.howto{display:grid;gap:18px;font-size:14.5px;color:var(--ink-soft)}.howto__section h3{margin:0 0 6px;font-family:var(--font-display);font-size:17px;font-weight:650;color:var(--ink)}.howto__section p{margin:0}.howto__section ul{margin:0;padding-left:18px;display:grid;gap:6px}.howto__section strong{color:var(--ink);font-weight:650}.howto__star{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;background:var(--dw);color:var(--dw-ink);font-size:12px;vertical-align:-3px}.howto__legend.howto__legend{list-style:none;padding:0;margin-top:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 16px}.howto__legend li{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:13.5px;min-width:0}.howto__swatch{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;font-size:11px;font-weight:700;letter-spacing:.02em}.howto__swatch--tw{background:var(--tw);color:var(--tw-ink)}.howto__swatch--dw{background:var(--dw);color:var(--dw-ink)}.howto__swatch--tl{background:var(--tl);color:var(--tl-ink)}.howto__swatch--dl{background:var(--dl);color:var(--dl-ink)}.shortcuts{display:grid;gap:18px}.shortcuts__group h3{margin:0 0 8px}.shortcuts__list{margin:0;display:grid;gap:2px}.shortcuts__row{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}.shortcuts__row:last-child{border-bottom:0}.shortcuts__row dt{display:flex;flex-wrap:wrap;gap:6px}.shortcuts__row dd{margin:0;font-size:14px;color:var(--ink)}.shortcuts__combo{display:inline-flex;align-items:center;gap:3px}.shortcuts__dash{color:var(--ink-soft)}@media(max-width:759px){.shortcuts__row{grid-template-columns:minmax(0,1fr);gap:6px}}.tip-anchor{display:contents}.tooltip{position:fixed;z-index:1200;display:flex;align-items:center;gap:8px;max-width:min(280px,calc(100vw - 16px));padding:7px 10px;border-radius:9px;background:#1c2030;color:#f2f3f8;font-size:12.5px;font-weight:500;line-height:1.35;white-space:normal;box-shadow:0 8px 24px -8px #00000073;pointer-events:none;opacity:0;transform:translateY(2px) scale(.98);transition:opacity var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}:root[data-theme=dark] .tooltip{background:#f1f2f7;color:#151823}.tooltip--bottom{transform:translateY(-2px) scale(.98)}.tooltip.is-open{opacity:1;transform:none}.tooltip__text{min-width:0}.tooltip__keys{display:inline-flex;gap:3px;flex:none}.kbd--dark{height:19px;min-width:19px;padding:0 5px;font-size:10.5px;border-color:#ffffff38;background:#ffffff1a;color:inherit}:root[data-theme=dark] .kbd--dark{border-color:#0003;background:#0000000f}.segmented{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line)}.segmented__option{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:32px;padding:0 9px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink-soft);font-size:13px;font-weight:600;cursor:pointer;transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.segmented__option svg{width:16px;height:16px}.segmented__option:hover{color:var(--ink)}.segmented__option[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #1410081a,0 0 0 1px var(--line)}.segmented__option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.segmented--labels{display:flex;width:100%}.segmented--labels .tip-anchor{display:contents}.segmented--labels .segmented__option{flex:1}.sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--ink-soft);cursor:pointer;transition:color var(--dur-fast) ease,background-color var(--dur-fast) ease}.sound-toggle:hover{color:var(--ink)}.sound-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sound-toggle__icon svg{width:18px;height:18px}.sound-toggle[aria-checked=false] .sound-toggle__icon{opacity:.7}.sound-toggle--labelled{width:100%;height:44px;padding:0 12px;border-radius:var(--r-button);justify-content:flex-start;background:transparent;border-color:transparent;color:var(--ink);font-weight:600;font-size:14.5px}.sound-toggle--labelled:hover{background:var(--surface-2)}.sound-toggle__label{flex:1;text-align:left}.switch{position:relative;width:38px;height:22px;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--line-strong);transition:background-color var(--dur-med) ease}.switch__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #1410084d;transition:transform var(--dur-med) var(--ease-out)}.sound-toggle[aria-checked=true] .switch{background:var(--accent);border-color:transparent}.sound-toggle[aria-checked=true] .switch__thumb{transform:translate(16px)}@media(max-width:759px){.segmented__option{min-width:40px;height:34px}}@media(pointer:coarse){.segmented__option{position:relative;min-width:44px}.segmented__option:after{content:"";position:absolute;inset:-6px 0}.sound-toggle:not(.sound-toggle--labelled){position:relative}.sound-toggle:not(.sound-toggle--labelled):after{content:"";position:absolute;inset:-3px;border-radius:50%}}.version-pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface-2);color:var(--ink-soft);font-family:var(--font-mono);font-size:11px;letter-spacing:.01em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;user-select:all}@media(max-width:759px){.version-pill{font-size:10.5px}}.tile{container-type:size;position:relative;display:grid;place-items:center;border-radius:18%;background:radial-gradient(120% 70% at 50% 0%,rgba(255,255,255,.55),transparent 60%),linear-gradient(to bottom,var(--tile-top),var(--tile-bottom));box-shadow:var(--tile-shadow);color:var(--tile-ink);font-family:var(--font-display);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tile__letter{font-size:58cqi;font-weight:700;font-variation-settings:"SOFT" 50,"opsz" 36;line-height:1;transform:translateY(-3%);pointer-events:none}.tile__value{position:absolute;right:10cqi;bottom:7cqi;font-family:var(--font-ui);font-size:22cqi;font-weight:650;line-height:1;color:var(--tile-value);font-variant-numeric:tabular-nums;pointer-events:none}.tile__value[data-value="10"]{right:calc(10cqi - 1px);bottom:calc(7cqi - 1px);font-size:17.5cqi;letter-spacing:-.06em}.tile[data-blank]{--blank-ink: color-mix(in srgb, var(--tile-blank-ink) 72%, var(--tile-ink))}.tile[data-blank] .tile__letter{color:var(--blank-ink)}.tile[data-blank]:after{content:"";position:absolute;inset:10%;border-radius:14%;border:1.5px dotted color-mix(in srgb,var(--blank-ink) 70%,transparent);pointer-events:none}.tile--mini{width:34px;height:34px;border-radius:8px;flex:none;box-shadow:inset 0 1px #fff9,0 2px 0 var(--tile-edge),0 4px 10px #14100824}.tile--ghost{border-radius:18%}.wordmark{display:inline-flex;gap:6px;max-width:100%}.wordmark__slot{display:inline-block;animation:wordmark-in .62s var(--ease-spring) both,wordmark-bob 4.8s ease-in-out infinite;animation-delay:calc(var(--i) * 60ms),calc(.7s + var(--i) * .24s)}.wordmark__slot:nth-child(odd) .wordmark__tile{rotate:-2deg}.wordmark__slot:nth-child(2n) .wordmark__tile{rotate:1.5deg}.wordmark--lg .wordmark__tile.tile--mini{width:52px;height:52px;border-radius:11px}.wordmark--sm{gap:3px}.wordmark--sm .wordmark__tile.tile--mini{width:24px;height:24px;border-radius:6px}.wordmark--sm .wordmark__tile .tile__value{display:none}@keyframes wordmark-in{0%{opacity:0;transform:translateY(-18px) scale(.8)}to{opacity:1;transform:none}}@keyframes wordmark-bob{0%,to{translate:0 0}50%{translate:0 -4px}}@media(max-width:759px){.wordmark{gap:4px}.wordmark--lg .wordmark__tile.tile--mini{width:min(38px,calc((100vw - 60px)/8));height:min(38px,calc((100vw - 60px)/8));border-radius:8px}}.lobby{flex:1;display:flex;flex-direction:column;min-width:0}.lobby__main{flex:1;width:min(940px,100%);margin:0 auto;padding:56px 24px 24px;display:grid;align-content:start;gap:28px;min-width:0}.lobby__hero{display:grid;justify-items:center;gap:18px;text-align:center}.lobby__pitch{max-width:34ch;margin:0;color:var(--ink-soft);font-family:var(--font-display);font-size:20px;line-height:1.4}.lobby__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}.lobby-card{display:grid;align-content:start;gap:14px;padding:24px}.lobby-card__title{margin:0;font-family:var(--font-display);font-size:23px;font-weight:650;letter-spacing:-.01em}.lobby-card__lede{margin:-8px 0 2px;color:var(--ink-soft);font-size:14px}.lobby-card__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.lobby-card__cta{margin-top:4px;min-height:48px;font-size:15.5px}.lobby-card>:last-child{align-self:end}.input--code{font-family:var(--font-mono);font-size:20px;font-weight:650;letter-spacing:.32em;text-transform:uppercase}.input--code::placeholder{letter-spacing:.32em;color:var(--ink-faint)}.resume{display:grid;gap:10px;min-width:0}.resume__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none}.resume__item{position:relative;min-width:0}.resume__link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 44px 12px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:inherit;text-decoration:none;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.resume__link:hover{border-color:var(--accent-wash);box-shadow:var(--shadow-card)}.resume__link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.resume__avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.resume__avatar svg{width:18px;height:18px}.resume__text{display:grid;min-width:0}.resume__who{font-weight:620;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resume__meta{color:var(--ink-soft);font-size:13px}.resume__code{font-family:var(--font-mono);letter-spacing:.08em}.resume__go{color:var(--ink-faint)}.resume__go svg{width:18px;height:18px}.resume__forget{position:absolute;top:50%;right:8px;translate:0 -50%;color:var(--ink-faint)}.lobby__howto{padding:0;overflow:hidden}.lobby__howto summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding:18px 22px;cursor:pointer;list-style:none;font-family:var(--font-display);font-size:19px;font-weight:650}.lobby__howto summary::-webkit-details-marker{display:none}.lobby__howto summary:after{content:"";width:9px;height:9px;margin-left:auto;border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);rotate:45deg;translate:0 -3px;transition:rotate var(--dur-med) var(--ease-out);align-self:center}.lobby__howto[open] summary:after{rotate:225deg;translate:0 2px}.lobby__howto summary:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:var(--r-panel)}.lobby__howto-hint{color:var(--ink-soft);font-family:var(--font-ui);font-size:13.5px;font-weight:450}.lobby__howto .howto{padding:0 22px 22px}.lobby__footer{gap:14px}@media(max-width:759px){.lobby__main{padding:32px 16px 16px;gap:22px}.lobby__pitch{font-size:17px}.lobby__cards{grid-template-columns:minmax(0,1fr);gap:14px}.lobby-card{padding:18px}.lobby-card__title{font-size:21px}.lobby__howto summary{padding:16px 18px}.lobby__howto .howto{padding:0 18px 18px}}@media(max-width:400px){.lobby-card__pair{grid-template-columns:minmax(0,1fr)}}.confirm__body{color:var(--ink-soft);font-size:14.5px;display:grid;gap:8px}.confirm__body p{margin:0}.popover{position:fixed;z-index:950;width:min(300px,calc(100vw - 16px));padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-pop);display:grid;gap:8px}.popover:after{content:"";position:absolute;left:calc(var(--arrow-x, 50%) - 7px);bottom:-7px;width:14px;height:14px;background:var(--surface);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg);border-bottom-right-radius:3px}.popover--below:after{bottom:auto;top:-7px;transform:rotate(-135deg)}.popover__title{margin:0;font-family:var(--font-display);font-size:17px;font-weight:650}.popover__body{color:var(--ink-soft);font-size:13.5px;line-height:1.45}.popover__body p{margin:0}.popover__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.action-bar{container-type:inline-size;display:flex;align-items:center;gap:8px;min-width:0}.action-bar__spacer{flex:1;min-width:0}.action{min-width:0}.action--secondary{padding:0 14px}.action--play{min-width:132px;padding:0 20px;font-size:15.5px}.action__play-label{display:inline-flex;align-items:baseline;gap:6px}.action__dot{opacity:.7}.action__points{font-family:var(--font-display);font-weight:700;font-size:17px}.action--play.is-pending{cursor:progress}.action-bar__warning{color:var(--gold-ink);font-weight:600}.game--mobile .action-bar{gap:6px}@container (max-width: 620px){.action--secondary{width:44px;padding:0;flex:none}.action--secondary .action__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.action-bar__spacer{display:none}.action--play{flex:1;min-width:0;padding:0 12px}}@container (max-width: 340px){.action--play{padding:0 8px}.action--play>svg{display:none}}@container (max-width: 280px){.action--secondary{width:40px}.action--play .action__dot{display:none}.action--play{overflow:hidden}}@media(max-width:320px){.game--mobile .action-bar{gap:4px}}@media(orientation:portrait)and (max-aspect-ratio:11/20)and (min-width:350px){.game--mobile{--actions-h: 54px}.game--mobile .action{min-height:var(--actions-h)}@container (max-width: 620px){.game--mobile .action--secondary{width:50px;flex-direction:column;gap:3px;padding:0}.game--mobile .action--secondary svg{width:20px;height:20px}.game--mobile .action--secondary .action__label{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:10.5px;font-weight:600;line-height:1;letter-spacing:0}}}.bag{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--ink-soft);font-size:13.5px}.bag__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft)}.bag__icon svg{width:17px;height:17px}.bag__count{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink)}.bag.is-empty .bag__count{color:var(--ink-soft)}.bag--chip{gap:5px;padding:0 10px 0 4px;height:36px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line)}.bag--chip .bag__icon{width:28px;height:28px;border:0;background:transparent}.bag--chip .bag__count{font-size:16px}.bag--card{display:flex;gap:10px;padding:12px 16px;border-radius:var(--r-panel);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card)}.bag__label{color:var(--ink-soft)}.game--mobile .bag--chip{height:34px;padding:0 9px 0 2px}.cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;background:var(--cell);border-radius:11%;color:var(--ink-soft);outline:none}.cell--tw{background:var(--tw);color:var(--tw-ink)}.cell--dw{background:var(--dw);color:var(--dw-ink)}.cell--tl{background:var(--tl);color:var(--tl-ink)}.cell--dl{background:var(--dl);color:var(--dl-ink)}.cell:has(>.cell__tile:not(.is-draft)){background:var(--cell)}.cell[data-bad]{box-shadow:inset 0 0 0 2.5px var(--bad),inset 0 0 0 4px color-mix(in srgb,var(--surface) 75%,transparent);background-image:linear-gradient(var(--bad-soft),var(--bad-soft))}.cell__premium{font-family:var(--font-ui);font-size:calc(var(--cell-size) * .36);font-weight:700;letter-spacing:.02em;line-height:1;pointer-events:none;user-select:none}.cell--center .cell__premium{font-size:calc(var(--cell-size) * .62);line-height:1;transform:translateY(-2%)}.cell[data-hint]:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--accent-wash);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 45%,transparent);pointer-events:none;animation:fade-in var(--dur-med) ease-out}.cell[data-drop=ok]:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:inset 0 0 0 2px var(--accent),0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent);pointer-events:none;z-index:4}:root[data-keyboard] .board:focus-within .cell[data-cursor]:after{content:"";position:absolute;inset:-2px;border-radius:14%;box-shadow:0 0 0 2px var(--accent),0 0 0 4px var(--surface);pointer-events:none;z-index:5}:root[data-keyboard] .board:focus-within .cell[data-cursor] .cell__dir{display:grid}.cell__dir{display:none;position:absolute;z-index:6;width:calc(var(--cell-size) * .42);height:calc(var(--cell-size) * .42);min-width:12px;min-height:12px;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);pointer-events:none}.cell__dir svg{width:72%;height:72%;stroke-width:3}.cell[data-cursor=H] .cell__dir{right:calc(var(--cell-size) * -.2);top:50%;translate:0 -50%}.cell[data-cursor=V] .cell__dir{bottom:calc(var(--cell-size) * -.2);left:50%;translate:-50% 0}.cell[data-star-pulse] .cell__premium{animation:star-pulse 2.4s ease-in-out infinite}@keyframes star-pulse{0%,to{transform:translateY(-2%) scale(1);opacity:.85}50%{transform:translateY(-2%) scale(1.18);opacity:1}}.cell__tile{position:absolute;inset:3%;border-radius:16%;box-shadow:inset 0 1px #fff9,0 1.5px 0 var(--tile-edge),0 3px 6px #14100833;z-index:1}.cell__tile.is-draft{z-index:3;cursor:grab;touch-action:none;box-shadow:0 0 0 2px var(--accent),inset 0 1px #fff9,0 1.5px 0 var(--tile-edge),0 6px 12px #14100842}.cell__tile.is-last{box-shadow:0 0 0 2px var(--gold),0 0 12px 1px color-mix(in srgb,var(--gold) 55%,transparent),inset 0 1px #fff9,0 1.5px 0 var(--tile-edge);animation:last-glow .4s ease-out}.cell__tile.is-bad{box-shadow:0 0 0 2.5px var(--bad),0 0 12px 1px color-mix(in srgb,var(--bad) 45%,transparent),inset 0 1px #fff9,0 1.5px 0 var(--tile-edge)}.cell__tile.is-shaking{animation:shake .32s ease-in-out}.cell__tile.is-pending{animation:pending-pulse 1s ease-in-out infinite}.cell__tile.is-dragging{opacity:0}.cell__tile.is-dropping{animation:tile-drop .52s var(--ease-spring) both;animation-delay:var(--drop-delay, 0ms)}.cell__tile.is-settling{animation:tile-settle .42s var(--ease-spring)}@keyframes tile-drop{0%{opacity:0;transform:translateY(-45%) scale(1.3)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes tile-settle{0%{transform:scale(1.1)}to{transform:none}}@keyframes pending-pulse{0%,to{opacity:1}50%{opacity:.62}}@keyframes last-glow{0%{box-shadow:0 0 0 2px var(--gold),0 0 26px 6px color-mix(in srgb,var(--gold) 70%,transparent),inset 0 1px #fff9,0 1.5px 0 var(--tile-edge)}}@media(prefers-reduced-motion:reduce){.cell__tile.is-shaking,.cell__tile.is-dropping,.cell__tile.is-settling,.cell[data-star-pulse] .cell__premium{animation:none}}.game--mobile .cell__tile.is-draft,.game--mobile .cell__tile.is-last,.game--mobile .cell__tile.is-bad{box-shadow:0 0 0 1.5px var(--accent),inset 0 1px #fff9,0 1px 0 var(--tile-edge)}.game--mobile .cell__tile.is-last{box-shadow:0 0 0 1.5px var(--gold),0 0 8px 1px color-mix(in srgb,var(--gold) 55%,transparent),inset 0 1px #fff9,0 1px 0 var(--tile-edge)}.game--mobile .cell__tile.is-bad{box-shadow:0 0 0 2px var(--bad),inset 0 1px #fff9,0 1px 0 var(--tile-edge)}.board-frame{--bezel: 24px;--gap: 2px;position:relative;width:100%;padding:var(--bezel);border-radius:18px;background:radial-gradient(120% 90% at 50% 0%,var(--board-frame-hi),transparent 70%),var(--board-frame);box-shadow:var(--shadow-board);isolation:isolate}.board-frame:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000059;pointer-events:none}.board{container-type:inline-size;--cell-size: calc((100cqi - 14 * var(--gap)) / 15);display:grid;grid-template-rows:repeat(15,minmax(0,1fr));gap:var(--gap);width:100%;aspect-ratio:1;padding:var(--gap);border-radius:8px;background:var(--cell-line);touch-action:manipulation;outline:none}.board__row{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:var(--gap);min-width:0;min-height:0}.board-frame__cols,.board-frame__rows{position:absolute;display:grid;gap:var(--gap);font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:.04em;color:#ffffff94;pointer-events:none;user-select:none}.board-frame__cols{top:0;left:calc(var(--bezel) + var(--gap));right:calc(var(--bezel) + var(--gap));height:var(--bezel);grid-template-columns:repeat(15,minmax(0,1fr));place-items:center}.board-frame__rows{left:0;top:calc(var(--bezel) + var(--gap));bottom:calc(var(--bezel) + var(--gap));width:var(--bezel);grid-template-rows:repeat(15,minmax(0,1fr));place-items:center;font-variant-numeric:tabular-nums}.game--mobile .board{border-radius:6px}.celebration{position:fixed;inset:0;pointer-events:none;overflow:hidden}.celebration__confetti{position:absolute;inset:0;width:100%;height:100%}.score-float{position:fixed;translate:-50% -50%;padding:4px 12px;border-radius:var(--r-pill);background:var(--gold);color:#2a1d05;font-family:var(--font-display);font-size:22px;font-weight:750;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 10px 24px -8px color-mix(in srgb,var(--gold) 70%,transparent);will-change:transform,opacity}.score-float--big{font-size:26px}.sparks{position:fixed;width:0;height:0}.sparks__spark{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:2px;background:var(--gold);rotate:45deg;box-shadow:0 0 10px var(--gold)}.sparks__spark:nth-child(2n){width:6px;height:6px;left:-3px;top:-3px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.flourish{position:fixed;left:50%;top:42%;translate:-50% -50%;font-family:var(--font-display);font-size:clamp(44px,9vw,92px);font-weight:800;letter-spacing:-.03em;white-space:nowrap;color:var(--gold);-webkit-text-stroke:1px color-mix(in srgb,var(--gold-ink) 60%,transparent);text-shadow:0 2px 0 color-mix(in srgb,var(--gold-ink) 55%,transparent),0 18px 40px rgba(0,0,0,.28)}@media(max-width:759px){.score-float{font-size:19px;padding:3px 10px}.score-float--big{font-size:22px}.flourish{top:38%;font-size:clamp(40px,13vw,64px)}}.coach{position:fixed;z-index:800;width:min(280px,calc(100vw - 24px));padding:12px 14px;border-radius:14px;background:var(--ink);color:var(--surface);box-shadow:var(--shadow-pop);font-size:14px}.coach--measuring{top:0;left:0;visibility:hidden}.coach--yield{visibility:hidden}.coach:after{content:"";position:absolute;left:calc(var(--arrow-x, 50%) - 7px);width:14px;height:14px;background:inherit;border-radius:3px;rotate:45deg}.coach--above:after{bottom:-6px}.coach--below:after{top:-6px}.coach__head{display:flex;align-items:center;gap:8px;margin-right:-6px}.coach__step{padding:1px 7px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 16%,transparent);font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}.coach__title{flex:1;min-width:0;font-size:14px}.coach .btn--ghost{color:color-mix(in srgb,var(--surface) 80%,transparent)}.coach .btn--ghost:hover{background:color-mix(in srgb,var(--surface) 12%,transparent);color:var(--surface)}.coach__close svg{width:16px;height:16px}.coach__body{margin:6px 0 10px;line-height:1.45;color:color-mix(in srgb,var(--surface) 92%,transparent)}.coach__foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:6px}.coach__dots{display:flex;gap:5px;margin-right:auto}.coach__dots i{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--surface) 30%,transparent)}.coach__dots i.is-on{background:var(--gold)}.coach .btn--primary{background:var(--gold);color:#2a1d05;border-color:transparent}@media(max-width:759px){.coach{font-size:13.5px;padding:10px 12px}}.rack{container-type:inline-size;width:100%;min-width:0}.rack__tray{--rack-gap: 8px;--rack-pad: 10px;--rack-tile: min(56px, calc((100cqi - 2 * var(--rack-pad) - 6 * var(--rack-gap)) / 7));position:relative;display:flex;justify-content:center;align-items:center;gap:var(--rack-gap);min-height:calc(var(--rack-tile) + 2 * var(--rack-pad) + 6px);padding:var(--rack-pad);border-radius:18px;background:linear-gradient(to bottom,color-mix(in srgb,var(--surface-2) 70%,transparent),var(--surface-3)),var(--surface-2);border:1px solid var(--line);box-shadow:inset 0 2px 6px #14100814,inset 0 -1px #ffffff80,0 1px #fff6}:root[data-theme=dark] .rack__tray{box-shadow:inset 0 2px 8px #0006,inset 0 -1px #ffffff08}.rack__slot{position:relative;flex:none;width:var(--rack-tile);height:var(--rack-tile);padding:0;border-radius:var(--r-rack-tile);background:none;cursor:grab;touch-action:none;outline:none;-webkit-touch-callout:none}.rack__tile{width:100%;height:100%;border-radius:var(--r-rack-tile);transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) ease}@media(hover:hover){.rack__slot:hover .rack__tile{transform:translateY(-2px);box-shadow:var(--tile-shadow-lift)}}.rack__slot.is-selected .rack__tile{transform:translateY(-6px);box-shadow:0 0 0 2.5px var(--accent),var(--tile-shadow-lift)}.rack__slot:focus-visible .rack__tile{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent),var(--tile-shadow)}.rack__slot.is-dragging{visibility:hidden}.rack--locked .rack__slot{cursor:default}.rack__slot.has-caret:before,.rack__slot.has-caret-after:after{content:"";position:absolute;top:6%;bottom:6%;width:3px;border-radius:3px;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 60%,transparent);animation:fade-in var(--dur-fast) ease-out;pointer-events:none}.rack__slot.has-caret:before{left:calc(var(--rack-gap) / -2 - 1.5px)}.rack__slot.has-caret-after:after{right:calc(var(--rack-gap) / -2 - 1.5px)}.rack__empty{margin:0;color:var(--ink-soft);font-size:13.5px;text-align:center}.drag-ghost .rack__slot .rack__tile,.drag-ghost .cell__tile.cell__tile{box-shadow:var(--tile-shadow-drag);transform:none}.drag-ghost .cell__tile.cell__tile{position:relative;inset:auto;width:100%;height:100%}.rack__caption{margin:0 0 6px;color:var(--ink-soft);font-size:12.5px;font-weight:600;text-align:center}.rack.rack--final .rack__tray{--rack-tile: min(40px, calc((100cqi - 2 * var(--rack-pad) - 6 * var(--rack-gap)) / 7));margin:0;list-style:none}.rack--final .rack__slot{cursor:default;touch-action:auto}.game--mobile .rack__tray{--rack-gap: 4px;--rack-pad: 6px;--rack-tile: min(52px, calc((100cqi - 2 * var(--rack-pad) - 6 * var(--rack-gap)) / 7));border-radius:16px}@media(max-width:320px){.game--mobile .rack__tray{--rack-gap: 3px;--rack-pad: 4px;border-radius:12px}}.exchange{display:grid;gap:16px}.exchange__tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.exchange__slot{position:relative;display:block;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;border-radius:var(--r-rack-tile);transition:transform var(--dur-fast) var(--ease-out)}.exchange__slot:disabled{cursor:not-allowed;opacity:.6}.exchange__tile{width:100%;aspect-ratio:1;height:auto;border-radius:var(--r-rack-tile);transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) ease}.exchange__slot.is-selected .exchange__tile{transform:translateY(-6px);box-shadow:0 0 0 2.5px var(--accent),var(--tile-shadow-lift)}.exchange__slot.is-selected:after{content:"";display:block;width:6px;height:6px;margin:6px auto 0;border-radius:50%;background:var(--accent)}.exchange__slot:focus-visible{outline:none}.exchange__slot:focus-visible .exchange__tile{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent),var(--tile-shadow)}.exchange__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.exchange__bag{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-soft)}.exchange__bag svg{width:16px;height:16px}.exchange__tools{display:inline-flex;gap:6px}.exchange__note{margin:0;padding:10px 12px;border-radius:12px;background:var(--gold-soft);color:var(--ink);font-size:13.5px}@media(max-width:759px){.exchange__tiles{gap:5px;padding:10px 8px}}@media(pointer:coarse){.exchange__slot:before{content:"";position:absolute;inset:-4px}}@media(pointer:coarse)and (max-width:759px){.exchange__slot:before{inset:-2.5px}}@media(max-width:389px){.exchange__tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.game-menu{display:grid;gap:10px;padding:14px 16px}.menu{display:grid;gap:10px;min-width:0}.menu__row{display:flex;align-items:center;gap:10px;min-width:0}.menu__label{flex:1;min-width:0;color:var(--ink-soft);font-size:13px;font-weight:560}.menu__code{font-family:var(--font-mono);font-size:14px;font-weight:650;letter-spacing:.14em}.menu__copy svg,.menu__link svg{width:16px;height:16px}.menu__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding-top:8px;border-top:1px solid var(--line)}.menu__link{justify-content:flex-start;min-width:0}.menu__link--danger{color:var(--bad-ink)}.menu__link--danger:hover{background:var(--bad-soft)}.game-menu-sheet .menu{gap:14px}.game-menu-sheet .menu__row{flex-wrap:wrap}.game-menu-sheet .menu__row .segmented--labels{flex:1 1 100%}.game-menu-sheet .menu__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-menu-sheet .menu__link{min-height:44px;border:1px solid var(--line)}.game-menu-sheet .sound-toggle--labelled{padding:0 2px}.game-menu-sheet .sound-toggle--labelled:hover{background:transparent}@media(max-width:759px){.game-menu-sheet .menu__links{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(pointer:coarse){.menu__copy,.menu__link{min-height:44px}}@media(hover:none)and (pointer:coarse){.menu__link--keys{display:none}}.gameover{overflow:hidden}.gameover .modal__body{padding-top:26px}.gameover__hero{position:relative;display:grid;justify-items:center;gap:4px;margin-bottom:18px;text-align:center}.gameover__hero:before{content:"";position:absolute;top:-40px;left:50%;width:260px;height:180px;translate:-50% 0;background:radial-gradient(closest-side,var(--gold-soft),transparent);pointer-events:none}.gameover--draw .gameover__hero:before{background:radial-gradient(closest-side,var(--accent-soft),transparent)}.gameover__crown{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 26%,var(--surface)),var(--gold-soft));color:var(--gold-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 40%,transparent);animation:crown-in .7s var(--ease-spring) both}.gameover__crown svg{width:30px;height:30px}.gameover--draw .gameover__crown{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-wash)}@keyframes crown-in{0%{transform:translateY(8px) scale(.6) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}.gameover__title{position:relative;margin:8px 0 0;font-family:var(--font-display);font-size:34px;font-weight:680;line-height:1.1;letter-spacing:-.02em;overflow-wrap:anywhere}.gameover__reason{position:relative;margin:0;color:var(--ink-soft);font-size:15px}.gameover__scores{display:grid;gap:8px;margin:0 0 16px;padding:0;list-style:none}.gameover__row{--seat-color: var(--accent);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.gameover__row--seat1{--seat-color: var(--seat-1)}.gameover__row.is-winner{background:color-mix(in srgb,var(--gold) 10%,var(--surface));border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.gameover__avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--seat-color) 16%,var(--surface));color:var(--seat-color);font-family:var(--font-display);font-weight:700;font-size:18px}:root[data-theme=dark] .gameover__row--seat1 .gameover__avatar{color:#f1a58f}.gameover__who{display:grid;gap:3px;min-width:0}.gameover__name{display:flex;align-items:center;gap:6px;min-width:0;font-weight:620;line-height:1.3}.gameover__name-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;min-width:0;overflow:hidden;overflow-wrap:anywhere}.gameover__mini-crown{width:16px;height:16px;flex:none;color:var(--gold-ink)}.gameover__adj{color:var(--ink-soft);font-size:13px}.gameover__rack{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.gameover__tile.tile--mini{width:24px;height:24px;border-radius:6px}.gameover__out{color:var(--good-ink);font-size:13px;font-weight:560}.gameover__score{font-family:var(--font-display);font-size:30px;font-weight:680;letter-spacing:-.02em}.gameover__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.gameover__stats>div{display:grid;align-content:start;gap:2px;min-width:0;padding:10px 11px;border-radius:12px;border:1px solid var(--line)}.gameover__stats dt{color:var(--ink-faint);font-size:10.5px;font-weight:620;letter-spacing:.04em;white-space:nowrap;text-transform:uppercase}.gameover__stats dd{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 4px;margin:0;font-weight:620;font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere}.gameover__word{font-family:var(--font-display);letter-spacing:.04em}.gameover__by{display:block;color:var(--ink-soft);font-weight:450;font-size:13px}.gameover__spark{width:14px;height:14px;align-self:center;color:var(--gold-ink)}.gameover__note{margin:14px 0 0;padding:10px 12px;border-radius:12px;background:var(--surface-2);color:var(--ink-soft);font-size:14px;text-align:center}.gameover__note.is-invite{background:var(--gold-soft);color:var(--ink);font-weight:600;animation:invite-pulse 1.8s var(--ease-out) 2}@keyframes invite-pulse{50%{box-shadow:0 0 0 4px var(--gold-soft)}}.modal.gameover{width:min(540px,100%)}.gameover .modal__foot{justify-content:flex-end}.gameover__lobby{margin-right:auto}.gameover .modal__foot .btn--primary,.gameover .modal__foot .rematch--waiting{min-width:150px}.gameover-bar{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px 10px 16px;border-radius:var(--r-panel);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card)}.gameover-bar__text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;line-height:1.3}.gameover-bar__actions{display:flex;flex:none;align-items:center;gap:8px}.gameover-bar__actions .btn{min-height:44px}.gameover-bar__text strong{font-family:var(--font-display);font-size:18px}@media(max-width:759px){.gameover__title{font-size:28px}.gameover__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.gameover__score{font-size:26px}.gameover .modal__foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gameover__lobby{margin-right:0}.gameover .modal__foot .gameover__rematch{grid-column:1 / -1;grid-row:1}.gameover .modal__foot .btn{justify-content:center;min-width:0}.gameover__rematch-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.gameover-bar{flex-wrap:wrap;padding:10px 12px;gap:8px}.gameover-bar__text{flex-basis:100%}.gameover-bar__text strong{font-size:16px}.gameover-bar__actions{flex:1 1 100%}.gameover-bar__actions .btn{flex:1 1 0;min-width:0}}.picker{position:fixed;z-index:800;width:min(328px,calc(100vw - 16px));padding:12px;border-radius:16px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-pop);transform-origin:50% 0}.picker--above{transform-origin:50% 100%}.picker__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.picker__titles{display:grid;gap:1px;min-width:0}.picker__title{margin:0;font-family:var(--font-display);font-size:17px;font-weight:650}.picker__sub{font-size:12.5px;color:var(--ink-soft)}.picker__close{position:relative;flex:none;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:var(--ink-soft);cursor:pointer}.picker__close:hover{background:var(--surface-2);color:var(--ink)}.picker__close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.picker__close svg{width:16px;height:16px}.picker__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.picker__key{position:relative;aspect-ratio:1;min-width:0;min-height:36px;border:0;border-radius:8px;background:linear-gradient(180deg,var(--tile-top),var(--tile-bottom));box-shadow:inset 0 1px #fff9,0 2px 0 var(--tile-edge),0 3px 6px #1410081f;color:var(--tile-blank-ink);font-family:var(--font-display);font-size:18px;font-weight:700;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) ease}@media(hover:hover){.picker__key:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff9,0 2px 0 var(--tile-edge),0 8px 14px #1410082e}}.picker__key:active{transform:translateY(1px)}.picker__key:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent),0 2px 0 var(--tile-edge)}.picker__key.is-current{box-shadow:0 0 0 2px var(--accent),0 2px 0 var(--tile-edge)}.picker__foot{display:flex;align-items:center;justify-content:center;min-height:32px;margin-top:10px}.picker__hint{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-soft)}.picker__hint--touch{display:none}@media(pointer:coarse){.picker__hint--keys{display:none}.picker__hint--touch{display:inline-flex}}.picker__return.btn{width:100%}@media(max-width:759px){.picker{padding:10px}.picker__grid{gap:5px}.picker__key{font-size:17px}}@media(pointer:coarse){.picker__close:after{content:"";position:absolute;inset:-6px}.picker__key:after{content:"";position:absolute;inset:-3px}}@media(pointer:coarse)and (max-width:759px){.picker__key:after{inset:-2.5px}}@media(max-width:389px){.picker__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.history{display:flex;flex-direction:column;min-height:0;padding:16px 0 6px}.history__head{display:flex;align-items:baseline;justify-content:space-between;padding:0 18px 10px;border-bottom:1px solid var(--line)}.history__head h2{margin:0}.history__count{font-size:12.5px;color:var(--ink-soft)}.history__scroll{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 8px 8px}.history__empty{margin:0;padding:18px 10px;color:var(--ink-soft);font-size:13.5px;text-align:center}.history__star{color:var(--dw-ink);background:var(--dw);border-radius:5px;padding:0 4px}.history__list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.move{--seat-color: var(--accent);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who score" "body running";gap:4px 10px;padding:10px;border-radius:12px;min-width:0}.move:first-child{background:var(--surface-2)}.move--seat1{--seat-color: var(--seat-1)}.move__who{grid-area:who;display:flex;align-items:center;gap:7px;min-width:0;font-size:12.5px;font-weight:650;color:var(--ink-soft)}.move__dot{width:8px;height:8px;border-radius:50%;background:var(--seat-color);flex:none}.move__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.move__turn{font-weight:500;color:var(--ink-faint);font-variant-numeric:tabular-nums}.move__score{grid-area:score;justify-self:end;font-family:var(--font-display);font-weight:700;font-size:17px;line-height:1.1}.move--play .move__score{color:var(--ink)}.move:not(.move--play) .move__score{color:var(--ink-faint)}.move__body{grid-area:body;min-width:0}.move__running{grid-area:running;justify-self:end;align-self:end;font-size:11.5px;color:var(--ink-soft)}.move__words{display:flex;flex-wrap:wrap;gap:4px 10px;min-width:0}.move__word{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--font-display);font-weight:650;font-size:14.5px;letter-spacing:.04em;color:var(--ink-soft);overflow-wrap:anywhere}.move__word.is-main{color:var(--ink);font-size:15.5px}.move__word-pts{font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:0;color:var(--ink-soft)}.move__bingo{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border-radius:var(--r-pill);background:var(--gold-soft);color:var(--gold-ink);font-size:11.5px;font-weight:700}.move__bingo svg{width:12px;height:12px}.move__note{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft);font-size:13.5px}.move__note svg{width:14px;height:14px}@media(max-width:759px){.history__scroll{padding:4px 4px 8px}}.preview{padding:16px 18px 18px;display:grid;gap:12px}.preview__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:34px}.preview__head h2{margin:0}.preview__total{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--font-display);font-size:36px;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--ink);font-variation-settings:"SOFT" 50,"opsz" 72}.preview__total.is-invalid{color:var(--ink-faint);text-decoration:line-through;text-decoration-thickness:2px}.preview__pts{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--ink-soft);letter-spacing:0}.preview__empty{margin:0;color:var(--ink-soft);font-size:14px}.preview__star{color:var(--dw-ink);background:var(--dw);border-radius:5px;padding:0 4px}.preview__hint{margin:0;color:var(--ink-soft);font-size:13px}.preview__words{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.word-chip{min-width:0;max-width:100%}.word-chip__inner{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:5px 8px 5px 5px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);outline:none;cursor:default;animation:chip-in var(--dur-med) var(--ease-out)}.word-chip__inner:focus-visible{box-shadow:var(--focus-ring)}.word-chip--valid .word-chip__inner{border-color:color-mix(in srgb,var(--good) 40%,transparent);background:var(--good-soft)}.word-chip--invalid .word-chip__inner{border-color:color-mix(in srgb,var(--bad) 45%,transparent);background:var(--bad-soft)}.word-chip__tiles{display:inline-flex;flex-wrap:wrap;gap:2px;min-width:0}.word-chip__tile{width:22px;height:22px;border-radius:5px;box-shadow:inset 0 1px #fff9,0 1.5px 0 var(--tile-edge)}.word-chip__tile:not(.is-new){filter:saturate(.6) brightness(.96)}.word-chip__tile.is-new{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--accent) 70%,transparent),inset 0 1px #fff9,0 1.5px 0 var(--tile-edge)}.word-chip__score{font-weight:700;font-size:14px}.word-chip__status{display:inline-grid;place-items:center;width:18px;height:18px}.word-chip__status svg{width:16px;height:16px;stroke-width:2.6}.word-chip--valid .word-chip__status{color:var(--good-ink)}.word-chip--invalid .word-chip__status{color:var(--bad-ink)}.word-chip__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ink-faint);animation:dot-pulse 1s ease-in-out infinite}.preview__bingo{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin:0;padding:5px 12px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--gold),color-mix(in srgb,var(--gold) 70%,#ff8a3d));color:#2a1c05;font-weight:750;font-size:13.5px;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--gold) 80%,transparent)}.preview__bingo svg{width:16px;height:16px}.preview__reason{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border-radius:12px;background:var(--bad-soft);color:var(--bad-ink);font-size:13.5px;font-weight:550}.preview__reason svg{width:16px;height:16px;flex:none;margin-top:2px;stroke-width:2.6}.preview__reason--info{background:var(--accent-soft);color:var(--ink)}.preview-strip{display:flex;align-items:center;gap:8px;min-width:0;min-height:32px;margin:0;padding:6px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);font-size:13.5px;font-weight:550}.preview-strip svg{width:16px;height:16px;flex:none;stroke-width:2.6}.preview-strip__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-strip--valid{color:var(--ink);border-color:color-mix(in srgb,var(--good) 40%,transparent)}.preview-strip--valid svg{color:var(--good-ink)}.preview-strip--invalid{color:var(--bad-ink);border-color:color-mix(in srgb,var(--bad) 40%,transparent);background:var(--bad-soft)}.preview-strip__tail{flex:none;white-space:nowrap}.preview-strip--button{width:100%;font:inherit;font-size:13.5px;font-weight:550;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.preview-strip--button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.preview-strip--button:active{background:var(--surface-2)}.preview-strip--button svg.preview-strip__more{margin-left:auto;color:var(--ink-soft);stroke-width:2.2}.preview-strip--invalid .preview-strip__text{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.3}.preview-strip--info{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:var(--accent-soft)}.preview--detailed{padding:0 0 4px}.preview--detailed .preview__words{flex-direction:column;flex-wrap:nowrap;gap:10px}.word-chip--detailed{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.word-chip__why{color:var(--ink-soft);font-size:13.5px;font-weight:550}@keyframes chip-in{0%{opacity:0;transform:translateY(4px)}}@keyframes dot-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media(max-width:759px){.preview{padding:14px}.preview__total{font-size:30px}}.timer{--timer-color: var(--accent);display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:650;line-height:1;white-space:nowrap}.timer__ring{width:28px;height:28px;flex:none}.timer__track{fill:none;stroke:var(--line-strong);stroke-width:5}.timer__arc{fill:none;stroke:var(--timer-color);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke var(--dur-slow) ease}.timer__text{font-size:15px;min-width:3.1ch}.timer--warn{--timer-color: var(--gold);color:var(--gold-ink)}.timer--danger{--timer-color: var(--bad);color:var(--bad-ink)}.timer--danger .timer__ring{animation:timer-pulse 1s ease-in-out infinite}.timer--elapsed{color:var(--ink-soft);font-weight:550;font-size:13px}.timer--sm .timer__ring{width:20px;height:20px}.timer--sm .timer__text{font-size:13px}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.timer--danger .timer__ring{animation:none}}@property --glow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.player{--seat-color: var(--accent);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:10px;min-width:0;padding:14px 16px;border-radius:var(--r-panel);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);transition:opacity var(--dur-slow) ease,border-color var(--dur-slow) ease,box-shadow var(--dur-slow) ease}.player--seat1{--seat-color: var(--seat-1)}.player:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--glow-angle),color-mix(in srgb,var(--gold) 35%,transparent) 0deg,var(--gold) 90deg,color-mix(in srgb,var(--gold) 35%,transparent) 180deg,var(--gold) 270deg,color-mix(in srgb,var(--gold) 35%,transparent) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity var(--dur-slow) ease;pointer-events:none}.player.is-active{border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 30%,transparent),0 10px 30px -12px color-mix(in srgb,var(--gold) 60%,transparent),var(--shadow-card)}.player.is-active:before{opacity:1;animation:glow-spin 4s linear infinite}.player.is-idle{opacity:.78}@keyframes glow-spin{to{--glow-angle: 360deg}}.player__avatar{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--seat-color) 16%,var(--surface));color:var(--seat-color);font-family:var(--font-display);font-weight:700;font-size:20px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--seat-color) 28%,transparent)}:root[data-theme=dark] .player--seat1 .player__avatar{color:#f1a58f}.player__presence{position:absolute;right:-3px;bottom:-3px;width:13px;height:13px;border-radius:50%;border:2.5px solid var(--surface);background:var(--ink-faint)}.player__presence.is-online{background:var(--good)}.player__who{display:grid;gap:2px;min-width:0}.player__name{display:flex;align-items:center;gap:6px;min-width:0;font-weight:650;font-size:15px}.player__name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.player--card .player__name-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow-wrap:anywhere;line-height:1.25}.player__you{flex:none;padding:1px 6px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.player__meta{color:var(--ink-soft);font-size:12.5px}.player__away{color:var(--bad-ink);font-weight:600}.player__score{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1;letter-spacing:-.02em;font-variation-settings:"SOFT" 50,"opsz" 72}.player__turn{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;padding-top:10px;border-top:1px solid var(--line)}.player__turn>.timer:only-child{margin-left:auto}.player__thinking{display:inline-flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:12.5px;font-style:italic}.dots{display:inline-flex;gap:3px}.dots i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:dot-bounce 1.2s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.player--chip{grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:8px;padding:6px 10px 6px 6px;border-radius:14px;box-shadow:0 1px 2px #1410080d}.player--chip .player__avatar{width:30px;height:30px;border-radius:10px;font-size:15px}.player--chip .player__presence{width:11px;height:11px;border-width:2px;right:-3px;bottom:-3px}.player--chip .player__name{font-size:13.5px}.player--chip .player__you{display:inline-flex;align-items:center;padding:0 5px;border-radius:5px;font-size:10px;line-height:16px}.player--chip .player__score{font-size:21px}.player--chip .player__thinking{font-size:11px}.player--chip .dots i{width:4px;height:4px}.player__chip-timer{display:inline-flex;align-items:center;gap:8px}.player__chip-meta{font-size:11.5px;color:var(--ink-soft);white-space:nowrap}@media(prefers-reduced-motion:reduce){.player.is-active:before{animation:none}.dots i{animation:none;opacity:.8}}.game--mobile .player--chip{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:1px;column-gap:6px;min-height:52px;padding:5px 10px 5px 9px}.game--mobile .player--chip .player__avatar{grid-column:1;grid-row:1;width:8px;height:8px;border-radius:50%;background:none;box-shadow:none;font-size:0}.game--mobile .player--chip .player__presence{inset:0;width:8px;height:8px;border:0}.game--mobile .player--chip .player__who{display:contents}.game--mobile .player--chip .player__name{grid-column:2;grid-row:1;font-size:12.5px}.game--mobile .player--chip .player__you{display:none}.game--mobile .player--chip.is-you:after{content:"";position:absolute;top:7px;bottom:7px;left:0;width:3px;border-radius:0 3px 3px 0;background:var(--accent);pointer-events:none}.game--mobile .player--chip .player__score{grid-column:3;grid-row:1 / span 2;font-size:20px}.game--mobile .player--chip .player__chip-meta,.game--mobile .player--chip .player__chip-timer{grid-column:1 / 3;grid-row:2;min-width:0}.game--mobile .player--chip.is-active .player__chip-meta,.game--mobile .player--chip .player__thinking{display:none}.turn-banner-slot{position:absolute;top:30px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:30}.turn-banner{display:inline-flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:10px 18px;border-radius:var(--r-pill);background:var(--ink);color:var(--bg);box-shadow:var(--shadow-pop);font-size:14px}.turn-banner--turn{background:var(--gold);color:#2a1d05}.turn-banner svg{width:16px;height:16px;color:var(--gold)}.turn-banner__dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #2a1d0524;animation:turn-dot 1.4s ease-in-out infinite}.turn-banner__title{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.01em}.turn-banner__detail{opacity:.82;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.turn-banner__detail:before{content:"·";margin-right:10px;opacity:.6}@keyframes turn-dot{50%{transform:scale(.7)}}.game--mobile .turn-banner-slot{top:6px}.game--mobile .turn-banner{padding:8px 14px;font-size:13px}.game--mobile .turn-banner__title{font-size:15.5px}:root:has(.game--tablet){--topbar-h: 70px}:root:has(.game--mobile){--topbar-h: 60px}.game-main{flex:1;display:flex;flex-direction:column;min-width:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-main :is(.history,.preview,.preview-strip){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.game{--presence-h: 0px;--over-h: 0px;width:100%;min-width:0;margin:0 auto}.game--tablet:has(.presence-banner){--presence-h: 74px}.game--mobile:has(.presence-banner){--presence-h: 60px}.game--mobile:has(.gameover-bar){--over-h: 76px;--board-min: 200px}.game__centre{--board-w: min(100%, 760px);display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}.game__centre>*{width:var(--board-w);max-width:100%}.board-area{position:relative;min-width:0}.game__controls{display:grid;gap:12px;min-width:0}.game__right{display:flex;flex-direction:column;gap:14px;min-width:0;min-height:0}.game__right .history{flex:1;min-height:220px}.game--desktop{display:grid;grid-template-columns:272px minmax(0,1fr) 320px;gap:24px;max-width:1560px;height:100dvh;padding:20px 24px;align-items:start}.game--desktop .game__centre{--board-w: min(100%, 760px, calc(100dvh - 206px) )}.game__left{display:grid;gap:12px;align-content:start;min-width:0;max-height:calc(100dvh - 40px);overflow-y:auto;padding:2px;margin:-2px}.game__version{justify-self:center;margin-top:4px}.game__left .presence-banner{flex-wrap:wrap;align-items:flex-start}.game__left .presence-banner__text{flex-basis:170px}.game__left .presence-banner__claim{flex:1 1 100%}.game--desktop .game__right{height:calc(100dvh - 40px)}.game-topbar{display:flex;align-items:center;gap:10px;min-width:0}.game-topbar__players{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.game-topbar__tools{display:flex;align-items:center;gap:6px;flex:none}.game-topbar__btn{width:44px;height:44px}.game--tablet{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"top top" "centre right" "foot foot";gap:16px 20px;max-width:1180px;padding:16px 20px 0;align-items:start}.game--tablet .game-topbar{grid-area:top}.game--tablet .game__centre{grid-area:centre;--board-w: min(100%, 760px, calc(100dvh - 268px - var(--presence-h)))}.game--tablet .game__right{grid-area:right;align-self:stretch;contain:size;position:sticky;top:16px;max-height:calc(100dvh - 32px)}.game--tablet .game__footer{grid-area:foot}@media(orientation:portrait){.game--tablet{--tablet-board: min(100%, 760px, calc(100dvh - 246px - var(--presence-h)));grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "centre" "right" "foot"}.game--tablet .game__centre{--board-w: var(--tablet-board)}.game--tablet .game__right{position:static;align-self:auto;justify-self:center;width:var(--tablet-board);max-height:none;contain:none}}.game--mobile{--mobile-rack-h: calc(min(52px, (100vw - 16px - 12px - 24px) / 7) + 18px) ;--mobile-chrome: calc(8px + 52px + 3 * 6px + 34px + var(--mobile-rack-h) + 6px + var(--actions-h, 44px) + 4px + var(--presence-h) + var(--over-h));display:flex;flex-direction:column;gap:6px;min-height:100dvh;padding:8px 8px 0}.game--mobile .board-area{align-self:center;width:min(100%,max(var(--board-min, 260px),100dvh - var(--mobile-chrome)))}.game--mobile .game__controls{gap:6px;margin-top:auto}.game--mobile .board-frame{--bezel: 5px;--gap: 1.5px;border-radius:12px}.game--mobile .board-frame__cols,.game--mobile .board-frame__rows{display:none}.game--mobile .game-topbar,.game--mobile .game-topbar__players{gap:6px}.game--mobile .game-topbar__tools{gap:8px}.game--mobile .game-topbar__btn{position:relative;width:36px;height:36px;min-height:36px}.game--mobile .game-topbar__btn:after,.board-zoom:after{content:"";position:absolute;inset:calc((100% - 44px)/2)}.board-scroll{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:12px;overscroll-behavior:contain;scrollbar-width:none}.board-scroll::-webkit-scrollbar{display:none}.board-scroll.is-zoomed{overflow:auto;box-shadow:inset 0 0 0 1px var(--line);background:var(--board-frame)}.board-scroll__inner{width:100%}.board-scroll.is-zoomed .board-scroll__inner{width:170%}.board-strip{display:flex;align-items:stretch;gap:8px;min-width:0}.board-strip>.preview-strip{flex:1}.board-strip .btn.board-zoom{position:relative;flex:none;width:40px;height:auto;min-height:34px;margin-left:auto;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.history-sheet .modal__body{padding-top:6px}.game__footer{padding-top:8px}@media(max-width:420px){:root:has(.game--mobile){--topbar-h: 102px}.game--mobile{--mobile-chrome: calc(8px + 36px + 6px + 52px + 3 * 6px + 34px + var(--mobile-rack-h) + 6px + var(--actions-h, 44px) + 4px + var(--presence-h) + var(--over-h))}.game--mobile .game-topbar{flex-wrap:wrap;row-gap:6px}.game--mobile .game-topbar__players{flex:1 0 100%;order:2}.game--mobile .game-topbar__tools{flex:1}.game--mobile .game-topbar__tools>.bag{margin-right:auto}}@media(max-width:320px){.game--mobile{--mobile-rack-h: calc((100vw - 16px - 8px - 18px) / 7 + 14px)}}@media(orientation:landscape)and (max-height:559px){.game--mobile{--board-size: min( calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) , calc(100% - 292px) );display:grid;grid-template-columns:var(--board-size) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"board top" "board presence" "board strip" "board controls" "board foot";gap:8px 12px;align-items:start;padding:8px 8px 0}.game--mobile .game-topbar{grid-area:top}.game--mobile .presence-banner{grid-area:presence}.game--mobile .board-area{grid-area:board;align-self:center;width:auto}.game--mobile .board-strip{grid-area:strip}.game--mobile .game__controls{grid-area:controls}.game--mobile .game__footer{grid-area:foot;padding-top:0;padding-bottom:calc(8px + env(safe-area-inset-bottom))}}.join-screen{flex:1;display:flex;flex-direction:column;min-width:0}.join{width:min(420px,100%);display:grid;justify-items:center;gap:14px;padding:28px 28px 20px;text-align:center}.join__title{margin:6px 0 0;font-family:var(--font-display);font-size:25px;font-weight:650;line-height:1.2;letter-spacing:-.01em}.join__room{margin:-6px 0 4px;color:var(--ink-soft)}.join__host{overflow-wrap:anywhere}.join__settings{margin:-10px 0 4px;color:var(--ink-soft);font-size:13.5px;font-weight:550}.join__code{font-family:var(--font-mono);font-weight:650;letter-spacing:.14em;color:var(--ink)}.join__field{width:100%;text-align:left}.join__cta{min-height:48px}.join__back{color:var(--ink-soft)}@media(max-width:759px){.join{padding:22px 18px 14px}.join__title{font-size:22px}}.waiting-screen{flex:1;display:flex;flex-direction:column;min-width:0}.waiting{width:min(520px,100%);display:grid;justify-items:center;gap:18px;padding:30px 28px 20px;text-align:center}.waiting .eyebrow{margin:0 0 -8px}.waiting__code{display:flex;gap:8px;margin:0}.waiting__tile.tile--mini{width:58px;height:58px;border-radius:12px;font-family:var(--font-mono)}.waiting__share{display:grid;gap:10px;width:100%;min-width:0}.waiting__url{text-align:center;font-family:var(--font-mono);font-size:16px;color:var(--ink-soft);background:var(--surface-2)}.waiting__buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.waiting__loom{display:grid;justify-items:center;gap:4px;width:100%;padding:14px 12px 16px;border-radius:14px;background:var(--surface-2)}.loom{width:200px;max-width:100%;height:auto}.loom__beam{fill:color-mix(in srgb,var(--tile-edge) 70%,var(--surface))}.loom__warp{stroke:var(--line-strong);stroke-width:1.4}.loom__weft{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:loom-weave 4.8s var(--ease-out) infinite}.loom__weft:nth-of-type(2n){stroke:var(--accent)}.loom__shuttle{fill:var(--tile-edge);animation:loom-shuttle 2.4s ease-in-out infinite alternate}@keyframes loom-weave{0%{stroke-dashoffset:1;opacity:1}45%,85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes loom-shuttle{0%{transform:translate(22px,58px)}to{transform:translate(178px,58px)}}.waiting__status{margin:4px 0 0;font-family:var(--font-display);font-size:18px;font-weight:600}.waiting__ellipsis:after{content:"…";display:inline-block;animation:ellipsis-fade 1.4s ease-in-out infinite}@keyframes ellipsis-fade{50%{opacity:.25}}.waiting__hint{margin:0;color:var(--ink-soft);font-size:14px}.waiting__settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:0;text-align:left}.waiting__settings>div{min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.waiting__settings dt{color:var(--ink-faint);font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.waiting__settings dd{margin:2px 0 0;font-weight:600;overflow-wrap:anywhere}.waiting__leave{color:var(--ink-soft)}@media(prefers-reduced-motion:reduce){.loom__weft{stroke-dashoffset:0}.loom__shuttle{transform:translate(100px,58px)}}@media(max-width:759px){.waiting{padding:22px 16px 14px;gap:16px}.waiting__code{gap:6px}.waiting__tile.tile--mini{width:min(50px,calc((100vw - 96px)/5));height:min(50px,calc((100vw - 96px)/5))}.waiting__buttons .btn{flex:1 1 0;justify-content:center}}.toasts{position:fixed;top:calc(var(--topbar-h, 66px) + 12px + env(safe-area-inset-top));right:20px;bottom:auto;z-index:1100;display:flex;flex-direction:column;align-items:flex-end;gap:10px;width:min(300px,calc(100vw - 32px));pointer-events:none}@media(min-width:1180px){.toasts{top:calc(20px + env(safe-area-inset-top));right:24px;width:320px}}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 8px 8px 14px;border-radius:14px;background:var(--ink);color:var(--bg);box-shadow:var(--shadow-pop);font-size:14px;line-height:1.35}.toast__icon{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffff1f}:root[data-theme=dark] .toast__icon{background:#10131a1a}.toast__icon svg{width:15px;height:15px}.toast--success .toast__icon{background:var(--good);color:#fff}.toast--error .toast__icon{background:var(--bad);color:#fff}.toast--warning .toast__icon{background:var(--gold);color:#2a1d05}.toast__message{flex:1;min-width:0;font-weight:500;overflow-wrap:anywhere}.toast__action.btn{flex:none;min-height:34px}.toast__close{flex:none;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:inherit;opacity:.7;cursor:pointer}.toast__close:hover{opacity:1;background:#ffffff1a}:root[data-theme=dark] .toast__close:hover{background:#10131a14}.toast__close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.toast__close svg{width:16px;height:16px}@media(max-width:759px){.toasts{left:16px;right:16px;width:auto;align-items:stretch;top:calc(8px + env(safe-area-inset-top));bottom:auto}.toast{font-size:13.5px}}.app{min-height:100dvh;display:flex;flex-direction:column;min-width:0}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:8px 14px;border-radius:var(--r-button);background:var(--accent);color:var(--accent-ink);font-weight:600;text-decoration:none;transform:translateY(-150%);transition:transform var(--dur-fast) ease}.skip-link:focus-visible{transform:none;outline:none;box-shadow:var(--focus-ring)}.room-loading{display:inline-flex;align-items:center;gap:12px;color:var(--ink-soft);font-size:15px}