@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-italic-xAqemagA.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-italic-DFS986qL.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-italic-Bxi8ein9.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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-ext-500-normal-BtRyHRi6.woff2) format("woff2"),url(/assets/dm-mono-latin-ext-500-normal-Dw3M13d8.woff) format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2) format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff) format("woff");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{color-scheme:light dark;--bg: #f4efe4;--surface: #fbf8f1;--text: #1c1a16;--text-muted: #5d574c;--border: #8b8477;--border-faint: #d9d0bb;--border-strong: #1c1a16;--accent: #23794c;--accent-ink: #1e6b43;--on-accent: #ffffff;--accent-soft: #dcecdf;--highlight: #f1ead9;--wrong-text: #a8321f;--wrong-bg: #f7e4df;--cage-border: #5d574c;--conflict: #9a5b04;--hint-wash: #e9eef6;--hint-edge: #7d9ccb;--focus: #1450b8;--mirror-shared-bg: #e6efe4;--mirror-private-bg: #f6ecd2;--mirror-private-ink: #7a5d0c;--mirror-received-bg: #dcecf0;--mirror-received-ink: #0f6a7d;--tents-tree: #3f7a24;--tents-trunk: #6b4a2f;--tents-grass: #6f8f30;--edge: #d9d0bb;--chip: #ebe4d0;--paper-rule: rgba(28, 26, 22, .05);--seat-keep: 80%;--z-board-chrome: 1;--z-chat: 20;--z-banner: 30;--z-confetti: 40;--z-drag: 50;--z-coach: 60;--z-modal: 70}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #211f1b;--surface: #2a2722;--text: #f2ede0;--text-muted: #a9a292;--border: #8a8272;--border-faint: #4a453d;--border-strong: #d8cfb9;--accent: #3aa877;--accent-ink: #5ecf9a;--on-accent: #0c1f15;--accent-soft: #254634;--highlight: #34302a;--wrong-text: #ff8a7b;--wrong-bg: #3f2320;--cage-border: #a9a292;--conflict: #e8a94e;--hint-wash: #1b2536;--hint-edge: #6f8dbb;--focus: #8ab4ff;--mirror-shared-bg: #1e3329;--mirror-private-bg: #3a3113;--mirror-private-ink: #e5c35c;--mirror-received-bg: #12333b;--mirror-received-ink: #6fd3e8;--tents-tree: #7ac45a;--tents-trunk: #b08862;--tents-grass: #9ccf5a;--edge: #0f0e0c;--chip: #37332c;--paper-rule: rgba(242, 237, 224, .055);--seat-keep: 80%}}:root[data-theme=dark]{--bg: #211f1b;--surface: #2a2722;--text: #f2ede0;--text-muted: #a9a292;--border: #8a8272;--border-faint: #4a453d;--border-strong: #d8cfb9;--accent: #3aa877;--accent-ink: #5ecf9a;--on-accent: #0c1f15;--accent-soft: #254634;--highlight: #34302a;--wrong-text: #ff8a7b;--wrong-bg: #3f2320;--cage-border: #a9a292;--conflict: #e8a94e;--hint-wash: #1b2536;--hint-edge: #6f8dbb;--focus: #8ab4ff;--mirror-shared-bg: #1e3329;--mirror-private-bg: #3a3113;--mirror-private-ink: #e5c35c;--mirror-received-bg: #12333b;--mirror-received-ink: #6fd3e8;--tents-tree: #7ac45a;--tents-trunk: #b08862;--tents-grass: #9ccf5a;--edge: #0f0e0c;--chip: #37332c;--paper-rule: rgba(242, 237, 224, .055);--seat-keep: 80%}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}:root{--font-sans: "Bricolage Grotesque Variable", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-serif: "Newsreader Variable", "Iowan Old Style", Georgia, serif;--font-mono: "DM Mono", ui-monospace, Menlo, monospace;--paper-pitch: 30px;--paper-x: 0px;--paper-y: 0px}body{margin:0;background-color:var(--bg);background-image:linear-gradient(var(--paper-rule) 1px,transparent 1px),linear-gradient(90deg,var(--paper-rule) 1px,transparent 1px);background-size:var(--paper-pitch) var(--paper-pitch);background-position:var(--paper-x) var(--paper-y);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}#root{overflow-x:clip;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-row{flex:1;display:flex;justify-content:center;gap:1rem}.app-row>:first-child{flex:1;min-width:0}button{font:inherit;color:inherit;touch-action:manipulation}@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease,transform 80ms ease}}button:active:not(:disabled):not(.cell){transform:translateY(1px)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.game{flex:1;display:flex;flex-direction:column;align-items:center}.header{width:100%;max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;row-gap:.3rem;position:relative;border-bottom:2px solid var(--border-strong);padding:.9rem max(1.5rem,env(safe-area-inset-right)) .9rem max(1.5rem,env(safe-area-inset-left))}@media(max-width:620px){.header .header-title{display:none}}.game-main{display:flex;gap:1.5rem;justify-content:center;padding:1rem max(1rem,env(safe-area-inset-right)) 1rem max(1rem,env(safe-area-inset-left));width:100%;--board-w: min(88vw, 62vh, 540px);--side-w: var(--board-w)}.board-column,.board-stack,.side-stack{display:flex;flex-direction:column;align-items:center;gap:.9rem}@media(orientation:landscape)and (min-width:900px){.game-main{--board-w: min(78vh, calc(100vw - 28rem) , 800px);--side-w: 21rem;flex:1;align-items:center}.board-column{flex-direction:row;align-items:center;justify-content:center;gap:2rem;width:100%}}@media(orientation:landscape)and (min-width:1250px){.game-main{--board-w: min(78vh, calc(100vw - 49rem) , 800px)}.header{border-bottom:0}.header:after{content:"";position:absolute;bottom:0;left:-100vw;right:-100vw;border-bottom:2px solid var(--border-strong);pointer-events:none}}@media(max-width:1249.98px)and (orientation:portrait),(max-width:899.98px)and (orientation:landscape)and (min-height:561px){.game-main{padding-bottom:4.5rem}}@media(orientation:landscape)and (max-height:560px){.game-main{--board-w: min(72vh, 46vw, 540px);--side-w: min(44vw, 340px);padding:.4rem max(.75rem,env(safe-area-inset-right)) .4rem max(.75rem,env(safe-area-inset-left));gap:1rem}.board-column{flex-direction:row;align-items:center;justify-content:center;gap:1.25rem;width:100%}.board-stack,.side-stack{gap:.6rem}.header{padding:.3rem max(1rem,env(safe-area-inset-right)) .3rem max(1rem,env(safe-area-inset-left));row-gap:.15rem}}.header-title{font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1;color:var(--text);letter-spacing:-.01em}.header-tag{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.18em;color:var(--text);background:var(--chip);border-radius:6px;padding:.2rem .4rem .2rem .55rem}.header-sub{font-size:.8rem;font-weight:600;color:var(--text-muted)}.header-spacer{flex:1}.header-stat{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.85rem;font-weight:600}.header-stat.clock{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:800;line-height:1;color:var(--text);letter-spacing:-.01em}.header-keys{display:flex;gap:.6rem}.header-key{position:relative;width:36px;height:36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:10px;background:var(--surface);color:var(--text);box-shadow:0 2px 0 var(--edge),0 0 0 1px var(--border-faint);cursor:pointer}.header-key:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.header-key:hover{background:var(--highlight)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:1rem;background:color-mix(in srgb,var(--bg) 70%,transparent);z-index:var(--z-modal)}.overlay-card{background:var(--surface);border:1px solid var(--border-faint);border-radius:14px;padding:2rem 2.5rem;text-align:center;box-shadow:0 3px 0 var(--edge),0 12px 40px #0000002e;max-height:calc(100dvh - 2rem);overflow-y:auto}.overlay-card h2{margin:0 0 .5rem;font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:1.9rem;color:var(--text)}.overlay-card p{margin:0;color:var(--text-muted)}.overlay-card .overlay-section-title{margin:1.1rem 0 .2rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.contrib-count{min-width:2.5em;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted)}.overlay-card .record-line{margin-top:.9rem;font-size:.92rem}.overlay-card .record-line.best{color:var(--accent-ink);font-weight:600}.join,.lobby{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem;max-width:440px;margin:0 auto;width:100%}.join-form,.lobby-side,.lobby-settings{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.join-showcase{display:none}@media(min-width:900px){.join{max-width:1120px;flex-direction:row;align-items:stretch;gap:0;padding:2rem 2rem 3rem}.join-form{align-items:flex-start;justify-content:center;width:480px;flex:none;padding-right:3rem;border-right:2px solid var(--border-strong)}.join-showcase{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding-left:3rem}}.join-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.lobby{justify-content:flex-start;padding-top:2rem}@media(max-width:1249.98px){.lobby{padding-bottom:4.5rem}}@media(min-width:1000px){.lobby{max-width:940px;flex-direction:row;align-items:flex-start;gap:1.5rem}.lobby-side{width:340px;flex:none;align-items:stretch}.lobby-side .join-title{text-align:left}.lobby-settings{flex:1;align-items:stretch}}.join-title{margin:0;font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;letter-spacing:-.02em;color:var(--text)}.join-tagline{margin:0 0 .5rem;font-family:var(--font-serif);font-size:1.15rem;color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:.4rem;width:100%;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.field input{font:inherit;font-family:var(--font-sans);font-size:1.05rem;font-weight:600;letter-spacing:normal;text-transform:none;color:var(--text);background:var(--surface);border:1px solid var(--border-faint);border-radius:12px;padding:.7rem .9rem;outline:none}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.code-input{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.35em;font-variant-numeric:tabular-nums}button.primary{width:100%;min-height:56px;background:var(--accent);color:var(--on-accent);border:0;border-radius:14px;padding:.75rem;font-size:1.05rem;font-weight:800;cursor:pointer;box-shadow:0 5px color-mix(in srgb,var(--accent) 65%,#000),0 0 0 1px var(--accent)}button.primary:hover:not(:disabled){background:var(--accent-ink)}button.primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px color-mix(in srgb,var(--accent) 65%,#000),0 0 0 1px var(--accent)}button.primary:disabled{opacity:.45;cursor:default}button.secondary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--surface);color:var(--text);border:0;border-radius:12px;padding:.55rem 1rem;min-height:44px;font-weight:700;cursor:pointer;box-shadow:0 4px 0 var(--edge),0 0 0 1px var(--border-faint)}button.secondary:hover:not(:disabled){background:var(--highlight)}button.secondary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--edge),0 0 0 1px var(--border-faint)}button.secondary:disabled{opacity:.45;cursor:default}button.linklike{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 .4rem;background:none;border:0;color:var(--text-muted);font-weight:600;text-decoration:underline;text-underline-offset:.2em;cursor:pointer;font-size:.85rem}button.linklike:hover{color:var(--text)}.join-divider{width:100%;border-top:1px solid var(--border-faint);margin:.5rem 0}.join-status{color:var(--text-muted);font-size:.85rem}.sample-board{display:flex;flex-direction:column;align-items:center;gap:1.1rem}.board.sample{box-shadow:0 18px 40px #00000024}.board.sample .cell{cursor:default}.sample-roster{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem}.sample-seat{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:var(--text)}.sample-seat.open{color:var(--text-muted);font-weight:600}.sample-open-mark{width:14px;height:14px;border-radius:50%;border:2px dashed var(--text-muted)}.join-caption{margin:0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.daily-block{display:flex;flex-direction:column;gap:.5rem;width:100%}.daily-title{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.daily-blurb{margin:0;font-family:var(--font-serif);font-size:.95rem;color:var(--text-muted)}.daily-tracks{display:flex;flex-wrap:wrap;gap:.5rem}.daily-track{flex:1;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.5rem .4rem;background:var(--surface);color:var(--text);border:0;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 0 var(--edge),0 0 0 1px var(--border-faint)}.daily-track:hover:not(:disabled){background:var(--highlight)}button.daily-track:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--edge),0 0 0 1px var(--border-faint)}.daily-track:disabled{opacity:.6;cursor:default}.daily-track.done{box-shadow:0 4px 0 var(--edge),0 0 0 2px var(--accent)}.daily-track-name{font-weight:700}.daily-track-done,.daily-track-streak{font-size:.72rem;font-family:var(--font-mono);color:var(--accent-ink);font-variant-numeric:tabular-nums}.daily-track-streak{color:var(--text-muted)}.daily-lobby-banner{margin:0 0 .5rem;font-weight:700;color:var(--accent-ink);font-variant-numeric:tabular-nums}.daily-lobby-hint{margin:.15rem 0 .5rem;font-size:.8rem;color:var(--text-muted)}.lobby-code{display:flex;flex-direction:column;align-items:stretch;gap:.6rem;width:100%}.lobby-code-text{display:flex;gap:.4rem}.code-char{flex:1;height:68px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--surface);font-size:2rem;font-weight:800;color:var(--text);box-shadow:0 4px 0 var(--edge),0 0 0 1px var(--border-faint)}.lobby-copy{display:flex;gap:.5rem}.lobby-copy .secondary{flex:1}.lobby-section{width:100%;background:var(--surface);border-radius:14px;padding:.9rem 1.1rem .6rem;box-shadow:0 3px 0 var(--edge),0 0 0 1px var(--border-faint)}.lobby-section h2{margin:0 0 .4rem;padding-bottom:.35rem;border-bottom:2px solid var(--border-strong);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.player{display:flex;align-items:center;gap:.6rem;min-height:44px;font-weight:700;border-bottom:1px solid var(--border-faint)}.player:last-child{border-bottom:0}.player.offline .player-name{color:var(--text-muted)}.seat-mark{display:block;flex:none;overflow:visible}.seat-mark>*{stroke:var(--border-strong);stroke-width:1;vector-effect:non-scaling-stroke}.tents-mark{display:block;width:100%;height:100%;overflow:visible}.tents-mark>*{stroke:var(--border-strong);stroke-width:1;vector-effect:non-scaling-stroke}.tents-mark.tents-grass>*{stroke:var(--tents-grass);stroke-width:1.7;stroke-linecap:round}.tents-glyph{display:block;width:66%;height:66%;pointer-events:none}.tents-glyph.grass{width:44%;height:44%}.player-swatch{width:15px;height:15px}.player-badge{font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);border:1px solid var(--accent-ink);border-radius:999px;padding:.1rem .5rem}.player-offline-dot:after{content:"offline";font-size:.7rem;font-weight:600;color:var(--text-muted)}.kick-button{position:relative;flex:none;width:18px;height:18px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text-muted);font-size:.6rem;line-height:1;cursor:pointer}.kick-button:after{content:"";position:absolute;top:-13px;right:-13px;bottom:-13px;left:-13px;border-radius:50%}.kick-button:hover,.kick-button:focus-visible{color:var(--wrong-text);border-color:var(--wrong-text)}.kick-confirm{display:inline-flex;align-items:center;gap:.5rem}.kick-confirm-yes,.kick-cancel{position:relative;font-size:.8rem;cursor:pointer}.kick-confirm-yes:after,.kick-cancel:after{content:"";position:absolute;top:-11px;right:0;bottom:-11px;left:0}.kick-confirm-yes{padding:.15rem .6rem;border:1.5px solid var(--wrong-text);border-radius:999px;background:var(--wrong-bg);color:var(--wrong-text);font-weight:700}.kick-cancel{padding:.15rem .2rem;border:0;background:none;color:var(--text-muted);text-decoration:underline}.presence-chip .kick-button{margin-left:.15rem}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem 0;font-size:.9rem;font-weight:600;border-bottom:1px solid var(--border-faint)}.setting-row:last-child{border-bottom:0}.segmented{display:flex;padding:3px;border-radius:11px;background:var(--surface);box-shadow:0 2px 0 var(--edge),0 0 0 1px var(--border-faint)}.segmented button{border:0;border-radius:8px;background:transparent;color:var(--text);min-height:44px;padding:.3rem .75rem;cursor:pointer;font-size:.85rem;font-weight:700}.segmented button:hover:not(:disabled):not(.active){background:var(--highlight)}.segmented button.active{background:var(--accent);color:var(--on-accent)}.segmented button:disabled{cursor:default}.segmented button:disabled:not(.active){color:var(--text-muted)}.lobby-waiting{color:var(--text-muted);font-family:var(--font-serif);font-style:italic;font-size:1rem;margin:0;text-align:center}.header-players{display:flex;gap:.3rem}.presence-chip{display:inline-flex;align-items:center;gap:.15rem}.presence-chip .seat-mark{width:12px;height:12px}.presence-initial{font-size:.75rem;font-weight:600;color:var(--text);line-height:1}.presence-chip.offline .seat-mark>*{fill:none}.presence-chip.offline .presence-initial{color:var(--text-muted)}.banner{background:var(--accent-soft);color:var(--text);border:1px solid var(--accent);border-radius:10px;padding:.45rem 1rem;font-size:.85rem;font-weight:600}.toast{position:fixed;bottom:calc(1.2rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;background:var(--wrong-bg);color:var(--wrong-text);border-radius:12px;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 0 0 1px var(--wrong-text),0 6px 20px #00000026}.toast-close{background:none;border:none;padding:.1rem .3rem;margin-right:-.4rem;border-radius:6px;cursor:pointer;line-height:1}.cursor-tag{position:absolute;top:-.05rem;left:0;font-size:.55rem;line-height:1;color:#000;border-radius:0 0 4px;padding:.1rem .3rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.overlay-actions{margin-top:1.2rem;display:flex;flex-direction:column;gap:.6rem;align-items:center}.overlay-actions button{min-height:44px}.banner-fixed{position:fixed;top:.9rem;left:50%;transform:translate(-50%);z-index:var(--z-banner);box-shadow:0 6px 20px #00000026}.turn-chip{display:flex;align-items:center;gap:.7rem;width:var(--board-w, 100%);max-width:100%;padding:.55rem .8rem;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1.5px var(--turn-color, var(--border));font-size:.9rem;font-variant-numeric:tabular-nums}.turn-chip.mine{background:var(--accent-soft)}.turn-chip .seat-mark{width:18px;height:18px}.turn-who{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.turn-name{font-weight:800;font-size:.95rem}.turn-rule{font-size:.72rem;font-weight:600;color:var(--text-muted)}.turn-ring{position:relative;width:40px;height:40px;flex:none}.turn-ring svg{display:block;transform:rotate(-90deg)}.turn-ring-track{fill:none;stroke:var(--border-faint);stroke-width:4}.turn-ring-left{fill:none;stroke:var(--turn-color, var(--accent));stroke-width:4;stroke-linecap:round}@media(prefers-reduced-motion:no-preference){.turn-ring-left{transition:stroke-dashoffset .9s linear}}.turn-seconds{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.75rem;font-weight:500}.combos{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;max-width:var(--side-w, 92vw);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.combo-chip{border-radius:8px;padding:.2rem .5rem;background:var(--surface);color:var(--text);font-weight:700;letter-spacing:.14em;text-transform:none;font-variant-numeric:tabular-nums;box-shadow:0 2px 0 var(--edge),0 0 0 1px var(--border-faint)}.help-card{max-width:560px;max-height:85vh;overflow-y:auto;text-align:left}.help-body h3{margin:1.1rem 0 .3rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding-bottom:.2rem;border-bottom:1px solid var(--border-faint)}.help-body p,.help-body li{color:var(--text);font-size:.9rem;line-height:1.5;margin:.25rem 0}.help-body kbd{font-family:var(--font-mono);background:var(--surface);border-radius:5px;padding:0 .35rem;font-size:.8rem;box-shadow:0 2px 0 var(--edge),0 0 0 1px var(--border-faint)}.help-card .primary{margin-top:1.2rem}.settings-section{margin-top:1.2rem;padding-top:.4rem;border-top:1px solid var(--border-faint)}.settings-section .setting-row{flex-wrap:wrap}.settings-section .segmented button{min-height:44px;padding:.35rem 1rem}.volume-control{display:flex;align-items:center;gap:.6rem}.volume-control input[type=range]{accent-color:var(--accent);min-height:44px;width:140px}.volume-value{color:var(--text-muted);font-size:.85rem;font-variant-numeric:tabular-nums;min-width:3ch}.setting-note{color:var(--text-muted);font-size:.8rem;margin:.2rem 0 0}.help-footer{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}.coach{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-coach)}.coach-ring{position:fixed;border:3px solid var(--focus);border-radius:12px;box-shadow:0 0 0 4000px #00000073;pointer-events:none}.coach-card{position:fixed;background:var(--surface);border:1px solid var(--border-faint);border-radius:14px;padding:1rem 1.2rem;max-width:320px;box-shadow:0 3px 0 var(--edge),0 10px 34px #0000004d}.coach-card p{margin:0 0 .8rem;font-size:.92rem;line-height:1.45}.coach-actions{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.coach-next{width:auto;padding:.45rem 1rem;font-size:.88rem}.race-standings{display:flex;flex-direction:column;width:var(--board-w, 100%);margin:0 auto .4rem}.race-row{display:grid;grid-template-columns:1.2em auto 1fr auto;grid-template-areas:"place mark name time" "place bar bar bar";align-items:center;column-gap:.55rem;row-gap:.3rem;padding:.4rem 0;border-bottom:1px solid var(--border-faint);font-size:.85rem}.race-row:last-child{border-bottom:0}.race-place{grid-area:place;font-weight:800;color:var(--text-muted)}.race-row .player-swatch{grid-area:mark}.race-name{grid-area:name;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race-bar{grid-area:bar;height:6px;border-radius:3px;background:var(--chip);overflow:hidden}.race-bar-fill{display:block;height:100%;border-radius:999px;transition:width .3s ease-out}@media(prefers-reduced-motion:reduce){.race-bar-fill{transition:none}}.race-time{grid-area:time;min-width:4.5em;text-align:right;font-family:var(--font-mono);font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--text-muted)}.race-time.done{color:var(--accent-ink)}.overlay-card .race-standings{width:100%;margin:.6rem 0}.multi-chip{display:flex;align-items:center;gap:.5rem;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink);padding:.3rem .5rem .3rem .9rem;font-size:.85rem;font-weight:700;box-shadow:0 0 0 1.5px var(--accent)}.multi-chip-clear{position:relative;border:0;border-radius:50%;width:26px;height:26px;background:var(--accent);color:var(--on-accent);cursor:pointer;font-size:.8rem;line-height:1}.multi-chip-clear:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%}.cell.mirror-shared{background:var(--mirror-shared-bg)}.cell.mirror-private{background:var(--mirror-private-bg)}.cell.mirror-private:after{content:"";position:absolute;top:0;right:0;border-style:solid;border-width:0 8px 8px 0;border-color:transparent var(--mirror-private-ink) transparent transparent}.cell.mirror-received{background:var(--mirror-received-bg);animation:mirror-arrive .9s ease-out}.cell.mirror-received .cell-value{color:var(--mirror-received-ink)}.cell.mirror-sent .cell-value{text-decoration:underline dotted;text-underline-offset:3px}@keyframes mirror-arrive{0%{box-shadow:inset 0 0 0 3px var(--mirror-received-ink);transform:scale(1.12)}to{box-shadow:inset 0 0 0 0 transparent;transform:scale(1)}}.mirror-panel{width:var(--board-w, 100%);max-width:100%;display:flex;flex-direction:column;gap:.45rem;margin-bottom:.35rem}.mirror-status-row{display:flex;align-items:center;gap:.75rem;padding:.4rem .8rem;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--border-faint);font-size:.9rem}.mirror-status-row.mine{background:var(--accent-soft);box-shadow:0 0 0 1.5px var(--accent)}.mirror-token{flex:1;font-weight:800;color:var(--text-muted)}.mirror-token.mine{color:var(--text)}.mirror-budget{font-size:.72rem;font-weight:600;color:var(--text-muted)}.mirror-score{display:flex;gap:.5rem;font-variant-numeric:tabular-nums}.mirror-stat{flex:1;display:flex;flex-direction:column-reverse;align-items:center;gap:.1rem;padding:.35rem 0;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--border-faint)}.mirror-stat-value{font-size:1.3rem;font-weight:800;line-height:1}.mirror-stat-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.mirror-legend{display:flex;flex-wrap:wrap;gap:.3rem .9rem;padding:0 .2rem}.mirror-key{display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;color:var(--text-muted)}.mirror-key:before{content:"";width:16px;height:16px;border-radius:4px;box-shadow:0 0 0 1px var(--border)}.mirror-key.shared:before{background:var(--mirror-shared-bg)}.mirror-key.private:before{background:var(--mirror-private-bg)}.mirror-key.received:before{background:var(--mirror-received-bg)}.mirror-stuck{border-radius:10px;background:var(--mirror-private-bg);box-shadow:0 0 0 1.5px var(--mirror-private-ink);padding:.45rem .7rem;font-size:.85rem;font-weight:600}.mirror-actions{display:flex;gap:.5rem}.mirror-actions .mirror-send{flex:1;min-height:44px}.mirror-actions .secondary{min-height:44px}.mirror-send-reason{margin:0;font-size:.8rem;color:var(--text-muted)}.mirror-lobby-hint{margin:.25rem 0 .5rem;font-size:.85rem;color:var(--text-muted)}@media(prefers-reduced-motion:reduce){.cell.mirror-received{animation:none}}.multi-chip-sum{margin-left:.5rem;padding:.05rem .5rem;border-radius:6px;background:var(--surface);color:var(--text);font-weight:800;font-variant-numeric:tabular-nums}.board-zoom-area{display:flex;flex-direction:column;align-items:center}.board-viewport{position:relative;overflow:hidden;width:fit-content;margin:0 auto}.zoom-controls{display:flex;gap:.25rem;justify-content:flex-end;align-self:flex-end;margin-top:.35rem}.zoom-button{min-width:44px;min-height:44px;border:0;border-radius:10px;background:var(--surface);color:var(--text);font-size:1.1rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 3px 0 var(--edge),0 0 0 1px var(--border-faint)}.zoom-button:disabled{opacity:.4;cursor:default}.board-frame{position:relative;transform-origin:50% 50%;--legend-size: clamp( .42rem, min(calc(var(--board-w, 540px) / var(--n, 9) * .3), calc(var(--board-w, 540px) * .03)), .9rem );margin:calc(var(--legend-size) + .5rem) calc(var(--legend-size) * 1.35 + .35rem);--n: 9}.board-cols{position:absolute;bottom:100%;left:0;width:100%;display:grid;grid-template-columns:repeat(var(--n),1fr);padding:0 3px .25rem;user-select:none;-webkit-user-select:none}.board-cols.bottom{bottom:auto;top:100%;padding:.25rem 3px 0}.board-rows{position:absolute;right:100%;top:0;height:100%;display:flex;flex-direction:column;padding:3px .3rem 3px 0;user-select:none;-webkit-user-select:none}.board-rows.right{right:auto;left:100%;padding:3px 0 3px .3rem}.board-rows.right .legend{justify-content:flex-start}.board-rows .legend{flex:1;display:flex;align-items:center;justify-content:flex-end}.board-cols .legend{text-align:center}.legend{font-size:var(--legend-size, .72rem);line-height:1;font-family:var(--font-mono);font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums}.legend.count{font-size:clamp(.5rem,min(calc(var(--board-w, 540px) / var(--n, 9) * .34),calc(var(--board-w, 540px) * .036)),1.05rem);font-family:var(--font-sans);font-weight:800;color:var(--text)}.legend.count.met{color:var(--accent-ink);text-decoration:line-through;text-decoration-thickness:1px}.legend.count.line-active{background:var(--highlight);border-radius:5px}.legend.count.over{color:var(--wrong-text);text-decoration:underline solid;text-decoration-thickness:2px;text-underline-offset:.15em}.cell.tree{cursor:default}.cell.wrong .tents-glyph{border-bottom:2px solid currentColor}.legend.active{color:var(--accent-ink)}.board{display:flex;flex-direction:column;width:var(--board-w, min(88vw, 62vh, 540px));aspect-ratio:1;border:2px solid var(--border-strong);border-radius:0;overflow:hidden;background:var(--surface);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.board-row{display:grid;grid-template-columns:repeat(var(--n),1fr);flex:1;min-height:0}.cell{position:relative;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(.55rem,min(calc(var(--board-w, 540px) / var(--n, 9) * .72),calc(var(--board-w, 540px) * .061)),2.75rem);color:var(--text);font-family:var(--font-sans);font-weight:600;line-height:1;transition:background-color 60ms linear}.cell.placed .cell-value{color:color-mix(in srgb,var(--seat) var(--seat-keep),var(--text))}@media(prefers-reduced-motion:reduce){.cell{transition:none}}.cell:last-child{border-right:0}.board-row:last-child .cell{border-bottom:0}.cell.br3{border-right:2px solid var(--border-strong)}.cell.bb3{border-bottom:2px solid var(--border-strong)}.cell.given{color:var(--text);font-weight:700}.cell.peer{background:var(--highlight)}.cell.same-number{background:var(--accent-soft)}.cell.wrong{color:var(--wrong-text);background:var(--wrong-bg);animation:cell-shake .24s ease-out}.cell.wrong .cell-value{color:var(--wrong-text);text-decoration:underline solid;text-decoration-thickness:2px;text-underline-offset:.2em}@keyframes cell-shake{20%{transform:translate(-2px)}50%{transform:translate(2px)}80%{transform:translate(-1px)}}@media(prefers-reduced-motion:reduce){.cell.wrong{animation:none}}.cell.selected{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.cell.conflict{box-shadow:inset 0 0 0 2px var(--conflict)}.cell.conflict .cell-value{color:var(--conflict);text-decoration:underline dotted;text-decoration-thickness:2px;text-underline-offset:.2em}.cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:var(--z-board-chrome)}.cell-notes{position:absolute;top:2px;right:2px;bottom:2px;left:2px;display:grid;grid-template-columns:repeat(var(--note-cols, 3),1fr);grid-template-rows:repeat(var(--note-rows, 3),1fr)}.note{font-size:clamp(.28rem,min(calc(var(--board-w, 540px) / var(--n, 9) / var(--note-rows, 3) * .62),calc(var(--board-w, 540px) * .027)),1.05rem);line-height:1;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.note.auto{opacity:.55}.cage-overlay{position:absolute;top:2.5px;right:2.5px;bottom:2.5px;left:2.5px;pointer-events:none}.cage-t{border-top:1.5px dashed var(--cage-border)}.cage-r{border-right:1.5px dashed var(--cage-border)}.cage-b{border-bottom:1.5px dashed var(--cage-border)}.cage-l{border-left:1.5px dashed var(--cage-border)}.cage-corner{position:absolute;width:6.5px;height:6.5px;pointer-events:none;z-index:var(--z-board-chrome)}.cage-corner.c1{left:-2.5px;top:-2.5px;border-right:1.5px dashed var(--cage-border);border-bottom:1.5px dashed var(--cage-border)}.cage-corner.c2{right:-2.5px;top:-2.5px;border-left:1.5px dashed var(--cage-border);border-bottom:1.5px dashed var(--cage-border)}.cage-corner.c4{right:-2.5px;bottom:-2.5px;border-left:1.5px dashed var(--cage-border);border-top:1.5px dashed var(--cage-border)}.cage-corner.c8{left:-2.5px;bottom:-2.5px;border-right:1.5px dashed var(--cage-border);border-top:1.5px dashed var(--cage-border)}.cage-sum{position:absolute;top:max(9%,5px);left:max(11%,6px);font-size:clamp(.5rem,calc(var(--board-w, 540px) / var(--n, 9) * .18),.85rem);line-height:1;font-family:var(--font-mono);font-weight:500;color:var(--text-muted);pointer-events:none;z-index:var(--z-board-chrome)}.cell.has-sum .cell-notes{top:34%;right:2px;bottom:2px;left:2px}.blame-dot{position:absolute;bottom:2px;right:2px;width:clamp(9px,18%,12px);height:clamp(9px,18%,12px);opacity:.9;pointer-events:none}.select-mark{position:absolute;top:2px;right:2px;width:clamp(8px,16%,11px);height:clamp(8px,16%,11px);pointer-events:none}.select-mark>*{fill:none}.numpad-key{touch-action:none}.numpad-key.dragging{opacity:.4}.drag-ghost{position:fixed;transform:translate(-50%,-120%);font-size:1.6rem;font-weight:800;color:var(--text);background:var(--surface);border:1px solid var(--border-faint);border-radius:10px;padding:.15rem .55rem;pointer-events:none;z-index:var(--z-drag);box-shadow:0 6px 18px #00000040}.drag-ghost.touch{transform:translate(-50%,-50%);font-size:2rem;padding:.2rem .7rem;opacity:.92}.drag-ghost .tents-glyph{width:26px;height:26px}.drag-ghost.touch .tents-glyph{width:34px;height:34px}.cell.drop-target{background:var(--accent-soft);box-shadow:inset 0 0 0 3px var(--accent)!important}.cell.hint-cited{background:var(--hint-wash);animation:hint-pulse .42s ease-out}.cell.hint-cited:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed var(--hint-edge);pointer-events:none}.cell.wrong.hint-cited,.cell.conflict.hint-cited{background:inherit}.cell.wrong.hint-cited:after,.cell.conflict.hint-cited:after{border:0}@keyframes hint-pulse{0%{background:var(--hint-edge)}}@media(prefers-reduced-motion:reduce){.cell.hint-cited{animation:none}}.numpad{display:grid;grid-template-columns:repeat(var(--keys, 10),1fr);gap:.5rem;width:var(--side-w, min(92vw, 62vh, 540px))}.numpad-key,.control{position:relative;border:0;border-radius:12px;background:var(--surface);color:var(--text);font-weight:700;cursor:pointer;box-shadow:0 4px 0 var(--edge),0 0 0 1px var(--border-faint)}.numpad-key:hover:not(:disabled),.control:hover:not(:disabled){background:var(--highlight)}button.numpad-key:active:not(:disabled),button.control:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--edge),0 0 0 1px var(--border-faint)}.numpad-key{aspect-ratio:1;min-height:44px;font-size:1.15rem;container-type:inline-size;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.numpad.palette{grid-template-columns:repeat(3,1fr);width:min(var(--side-w, 92vw),62vh,360px)}.numpad.palette .numpad-key{aspect-ratio:auto;min-height:56px}.palette-key{aspect-ratio:auto;min-height:56px;display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--text)}.palette-glyph{width:30px;height:30px}.palette-glyph.grass{width:22px;height:22px}.numpad-erase{color:var(--text-muted);gap:3px}.numpad-erase-label{font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.controls{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.control{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem 1rem;font-size:.9rem;min-height:44px}.numpad-key.exhausted{opacity:.4}.control.active,.numpad-key.armed{background:var(--accent);color:var(--on-accent);box-shadow:0 4px color-mix(in srgb,var(--accent) 65%,#000),0 0 0 1px var(--accent);opacity:1}.control.active:hover:not(:disabled),.numpad-key.armed:hover:not(:disabled){background:var(--accent)}button.control.active:active:not(:disabled),button.numpad-key.armed:active:not(:disabled){box-shadow:0 1px color-mix(in srgb,var(--accent) 65%,#000),0 0 0 1px var(--accent)}@media(max-width:480px){.numpad{grid-template-columns:repeat(5,1fr)}.numpad-key{aspect-ratio:auto;min-height:52px}}@media(orientation:landscape)and (min-width:900px),(orientation:landscape)and (max-height:560px){.numpad{grid-template-columns:repeat(5,1fr)}}@media(orientation:landscape)and (max-height:560px){.numpad-key{aspect-ratio:auto;min-height:48px}}.control:disabled,.numpad-key:disabled{opacity:.45;cursor:default}.numpad-key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.numpad-digit{font-size:clamp(1.1rem,42cqw,1.8rem);font-weight:800;line-height:1}.numpad-remaining{position:absolute;top:4px;right:5px;min-width:1.4em;padding:.1em .35em;border-radius:999px;background:var(--chip);font-family:var(--font-mono);font-size:.6rem;font-weight:500;line-height:1.2;color:var(--text-muted)}.numpad-key.armed .numpad-remaining{background:color-mix(in srgb,var(--on-accent) 22%,transparent);color:var(--on-accent)}.palette-key{color:var(--text)}.palette-word{font-size:.9rem;font-weight:800}.palette-key{padding-left:6px;padding-right:6px}.chat-fab{position:fixed;right:calc(1.2rem + env(safe-area-inset-right));bottom:calc(1.2rem + env(safe-area-inset-bottom));background:var(--accent);color:var(--on-accent);border:0;border-radius:14px;padding:.65rem 1.2rem;font-size:.95rem;font-weight:800;cursor:pointer;box-shadow:0 4px color-mix(in srgb,var(--accent) 65%,#000),0 10px 24px #0000002e;display:flex;align-items:center;gap:.5rem}.chat-fab.blink{animation:chat-blink 1s ease-in-out infinite}@keyframes chat-blink{50%{box-shadow:0 4px color-mix(in srgb,var(--accent) 65%,#000),0 0 0 6px color-mix(in srgb,var(--accent) 35%,transparent)}}@media(prefers-reduced-motion:reduce){.chat-fab.blink{animation:none}}.chat-badge{background:var(--surface);color:var(--accent-ink);border-radius:999px;font-family:var(--font-mono);font-size:.75rem;font-weight:500;min-width:1.3em;padding:.1rem .3rem}.chat-panel{position:fixed;right:calc(1.2rem + env(safe-area-inset-right));bottom:calc(1.2rem + env(safe-area-inset-bottom));width:min(320px,calc(100vw - 2.4rem));height:min(440px,70vh);background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;box-shadow:0 14px 34px #0000002e;display:flex;flex-direction:column;padding:0 1rem;overflow:hidden;z-index:var(--z-chat)}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0 .4rem;border-bottom:2px solid var(--border-strong);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.chat-head .linklike{min-height:0;padding:0;font-size:.75rem;letter-spacing:.08em;text-transform:none}.chat-list{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}.chat-msg{display:flex;flex-direction:column;gap:.15rem;padding:.5rem 0;border-bottom:1px solid var(--border-faint);font-size:.88rem;line-height:1.35}.chat-byline{display:flex;align-items:center;gap:.35rem}.chat-author{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.chat-seat{width:11px;height:11px;display:inline-block}.chat-msg.system{flex-direction:row;align-items:baseline;justify-content:space-between;gap:.5rem}.chat-msg.system .chat-text{color:var(--text-muted);font-style:italic;font-size:.9rem}.chat-text{font-family:var(--font-serif);font-size:1.02rem;color:var(--text);overflow-wrap:anywhere}.chat-time{color:var(--text-muted);font-family:var(--font-mono);font-size:.65rem;margin-left:auto}.emote-strip{display:flex;gap:.25rem;padding:.4rem 0 0}.emote-key{flex:1;min-height:44px;border:1px solid transparent;border-radius:10px;background:none;font-size:1.15rem;line-height:1;cursor:pointer}.emote-key:hover,.emote-key:focus-visible{border-color:var(--border-faint);background:var(--highlight)}.chat-text.big-emoji{font-size:1.9rem;line-height:1.1}.chat-input-row{display:flex;align-items:center;gap:.5rem;padding:.6rem 0 .75rem;border-top:1px solid var(--border-strong)}.chat-input-row input{flex:1;min-width:0;font:inherit;font-family:var(--font-serif);font-size:1rem;color:var(--text);background:none;border:1px solid transparent;border-radius:10px;padding:.5rem .7rem .5rem 0;outline:none}.chat-input-row input::placeholder{font-style:italic;color:var(--text-muted)}.chat-input-row input:focus{border-color:var(--accent)}.chat-send{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--text);color:var(--bg);cursor:pointer;box-shadow:0 3px color-mix(in srgb,var(--text) 55%,var(--bg))}.chat-send:active{box-shadow:0 1px color-mix(in srgb,var(--text) 55%,var(--bg))}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-confetti)}.chat-dock{display:flex;align-items:flex-start;margin-top:4rem;padding-top:1.5rem;border-left:1px solid var(--border-strong);padding-right:.5rem}.app-row-lobby .chat-dock{margin-top:2rem;padding-top:.6rem}.app-row-lobby .chat-panel.docked{top:2.6rem;height:calc(100vh - 4.1rem)}.chat-panel.docked{position:sticky;top:5.5rem;width:300px;height:calc(100vh - 7rem);background:none;border:0;border-radius:0;box-shadow:none;padding:0 .75rem 0 2rem;overflow:visible}.chat-panel.docked .chat-head{padding:0 0 .4rem}.chat-panel.docked .chat-input-row{padding:.6rem 0 0}