@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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.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{--font-display:"Bricolage Grotesque",ui-sans-serif,sans-serif;--font-body:"Geist",ui-sans-serif,sans-serif;--font-cjk:"Noto Serif SC",serif;--color-paper:oklch(97% .014 80);--color-paper-2:oklch(94% .018 80);--color-surface:oklch(99% .006 80);--color-rule:oklch(86% .018 75);--color-mute:oklch(48% .02 70);--color-ink:oklch(22% .015 60);--color-brand:oklch(48% .1 162);--color-brand-deep:oklch(38% .09 162);--color-primary:oklch(56% .17 33);--color-primary-deep:oklch(45% .15 33);--color-on-strong:oklch(98.5% .008 80);--color-gold:oklch(83% .155 82);--color-gold-deep:oklch(66% .14 75);--color-ok:oklch(50% .13 150);--color-bad:oklch(53% .19 28);--color-info:oklch(50% .13 250);--color-focus:oklch(55% .16 250);--color-felt:oklch(47% .085 165);--color-felt-deep:oklch(36% .07 165);--color-wood:oklch(52% .09 55);--color-wood-deep:oklch(40% .08 50);--color-scrim:oklch(22% .015 60 / .45);--color-shadow:oklch(30% .03 60 / .16);--color-backdrop:oklch(30% .01 60);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-s:10px;--radius-m:14px;--radius-l:20px;--radius-pill:999px;--text-xs:12px;--text-s:13px;--text-m:15px;--text-l:17px;--text-xl:20px;--text-2xl:26px;--text-3xl:34px;--ease:cubic-bezier(.2,.7,.2,1);--ease-pop:cubic-bezier(.34,1.56,.64,1)}[data-mode=dark]{--color-paper:oklch(17% .014 70);--color-paper-2:oklch(21.5% .016 70);--color-surface:oklch(24% .017 70);--color-rule:oklch(33% .018 70);--color-mute:oklch(74% .02 75);--color-ink:oklch(94% .01 80);--color-brand:oklch(72% .11 162);--color-brand-deep:oklch(58% .1 162);--color-primary:oklch(68% .15 33);--color-primary-deep:oklch(55% .14 33);--color-on-strong:oklch(20% .015 60);--color-gold:oklch(84% .15 82);--color-gold-deep:oklch(68% .13 75);--color-ok:oklch(72% .13 150);--color-bad:oklch(70% .16 28);--color-info:oklch(72% .11 250);--color-focus:oklch(75% .13 250);--color-felt:oklch(36% .06 165);--color-felt-deep:oklch(28% .05 165);--color-wood:oklch(38% .06 55);--color-wood-deep:oklch(30% .05 50);--color-shadow:oklch(5% .01 60 / .5)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root{--bg: var(--color-paper);--felt: var(--color-felt);--felt2: color-mix(in oklch, var(--color-felt) 82%, white);--card: var(--color-surface);--card2: var(--color-paper-2);--line: var(--color-rule);--ink: var(--color-ink);--muted: var(--color-mute);--accent: var(--color-primary);--accent-ink: var(--color-on-strong);--good: var(--color-ok);--bad: var(--color-bad);--teal: var(--color-brand);--gold: var(--color-gold);--fg: var(--color-ink);--text: var(--color-ink);--radius: var(--radius-m);--tile-w: calc(min(100vw, 520px) / 15.2);--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:light}[data-mode=dark]{color-scheme:dark}.table-wrap{--ink: oklch(97% .01 80);--muted: oklch(85% .02 120);--card: color-mix(in oklch, var(--color-felt-deep) 70%, black);--card2: color-mix(in oklch, var(--color-felt-deep) 85%, black);--line: color-mix(in oklch, var(--color-felt) 60%, white 10%);--accent: var(--color-gold);--accent-ink: oklch(22% .015 60);color:var(--ink)}.table-wrap .overlay,.table-wrap .sheet,.table-wrap .chat-sheet{--ink: var(--color-ink);--muted: var(--color-mute);--card: var(--color-surface);--card2: var(--color-paper-2);--line: var(--color-rule);--accent: var(--color-primary);--accent-ink: var(--color-on-strong)}.table-wrap .sheet{color:var(--color-ink)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font:var(--text-m)/1.45 var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit}input{font:inherit;color:var(--ink);background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:8px 10px}a{color:var(--accent)}.app{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.screen{flex:1;padding-bottom:calc(68px + var(--safe-b))}.app.full .screen{padding-bottom:0}.page{padding:16px;display:flex;flex-direction:column;gap:12px}h1{font:700 var(--text-2xl)/1.15 var(--font-display);letter-spacing:-.015em;margin:4px 0}h3,.card-t,.sheet-title,.brand{font-family:var(--font-display);letter-spacing:-.01em}h2{font:700 var(--text-l)/1.2 var(--font-display);margin:8px 0 2px}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:ui-monospace,monospace;word-break:break-all}.center-text{text-align:center}.center-col{align-items:center;text-align:center;padding-top:60px}.big-emoji{font-size:56px}.error{color:var(--bad)}.pos{color:var(--good)}.neg{color:var(--bad)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;display:flex;background:var(--color-paper-2);border-top:1px solid var(--line);padding-bottom:var(--safe-b);z-index:20}.tab{flex:1;background:none;border:0;padding:8px 0 6px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted)}.tab.on{color:var(--accent)}.ti{font-size:20px;line-height:1}.tl{font-size:11px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;text-align:left;display:flex;flex-direction:column;gap:8px}button.card{cursor:pointer}button.card:active{transform:scale(.99)}.card-t{font-weight:700;font-size:16px}.card.cta{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-deep));border-color:var(--color-brand-deep)}.card.daily{background:linear-gradient(135deg,color-mix(in oklch,var(--color-gold) 30%,var(--color-surface)),color-mix(in oklch,var(--color-gold) 18%,var(--color-surface)));border-color:var(--color-gold-deep)}.ghost-card{background:transparent}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat .big{font-size:22px;font-weight:800}.btn{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:10px 14px;cursor:pointer;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:disabled{opacity:.45}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.btn.ghost{background:transparent}.btn.wide{width:100%;padding:13px}.btn.icon{padding:6px 10px;border-radius:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.seg{display:flex;gap:6px}.seg.col{flex-direction:column}.seg button{flex:1;background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer;display:flex;align-items:center;gap:10px;justify-content:center}.seg button.on{border-color:var(--accent);background:color-mix(in oklch,var(--color-primary) 10%,var(--color-surface))}.seg.small button{padding:6px 12px}.preview-tiles{display:inline-flex;gap:2px}.preview-tiles img{width:22px}.hero{text-align:center;padding:18px 0 6px}.hero-tiles{display:flex;justify-content:center;gap:4px}.brand{font-size:34px;letter-spacing:-.5px;margin:8px 0 0}.beta{font-size:11px;vertical-align:super;color:var(--accent);margin-left:4px;text-transform:uppercase}.tile{display:inline-block;flex:none;user-select:none;-webkit-user-drag:none;transition:transform .08s}.tile.hand{width:var(--tile-w)}.tile.pond{width:calc(var(--tile-w) * .62)}.tile.small{width:22px}.tile.meld{width:calc(var(--tile-w) * .8)}.tile.rot{transform:rotate(-90deg);margin:0 calc(var(--tile-w) * .11)}.tile.small.rot{margin:0 4px}.tile.pond.rot{margin:0 calc(var(--tile-w) * .07)}.tile.dim{opacity:.4}.tile.sel{transform:translateY(-10px)}.tile.hl{filter:drop-shadow(0 0 4px var(--accent))}.tile.click{cursor:pointer}.tile-row{display:flex;flex-wrap:wrap;gap:2px;align-items:flex-end}.hand-row{justify-content:center;padding:14px 0 4px}.table-wrap{height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,var(--felt2),var(--felt) 70%,var(--color-felt-deep));overflow:hidden}.topbar{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0003}.round-info{flex:1;font-size:14px}.dora{display:flex;align-items:center;gap:2px}.timer-wrap{display:flex;align-items:center;gap:6px}.timer{font-weight:800;min-width:26px;text-align:center;color:var(--accent)}.timer.low{color:var(--bad)}.board{position:relative;flex:1;min-height:0}.center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:46%;aspect-ratio:1;background:#00000040;border-radius:12px}.seat-label{position:absolute;display:flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap}.seat-label .wind{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:#040e09b3;font-weight:800}.seat-label .wind.dealer{background:var(--accent);color:var(--accent-ink)}.seat-label.active .pts{color:var(--accent)}.seat-label .pts{font-weight:700}.seat-label .nm{color:var(--muted);max-width:70px;overflow:hidden;text-overflow:ellipsis}.seat-label.seat-0{bottom:6px;left:50%;transform:translate(-50%)}.seat-label.seat-2{top:6px;left:50%;transform:translate(-50%)}.seat-label.seat-1{top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:right center;right:22px}.seat-label.seat-3{top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:left center;left:22px}.seat-label.seat-1,.seat-label.seat-3{flex-direction:row}.riichi-stick{width:22px;height:4px;background:var(--color-on-strong);border-radius:2px;position:relative}.riichi-stick:after{content:"";position:absolute;left:9px;top:0;width:4px;height:4px;background:var(--bad);border-radius:50%}.opp{position:absolute}.opp-2{top:4px;right:8px}.opp-1{right:2px;bottom:6px}.opp-3{left:2px;top:30px}.opp-melds{display:flex;flex-direction:column;gap:3px}.meld{display:inline-flex;align-items:flex-end;gap:1px;margin-right:6px}.kakan-stack{position:relative;display:inline-block}.kakan-top{position:absolute;left:0;bottom:100%}.me{padding:6px 4px calc(8px + var(--safe-b));background:linear-gradient(to top,rgba(0,0,0,.35),transparent)}.status-row{display:flex;justify-content:space-between;align-items:center;padding:0 8px;min-height:26px;font-size:13px}.status{color:var(--muted)}.shanten-pill{background:#0000004d;border-radius:99px;padding:2px 8px;display:inline-flex;align-items:center;gap:3px}.actions{display:flex;justify-content:flex-end;gap:8px;padding:4px 8px;min-height:48px;flex-wrap:wrap}.btn.act{padding:10px 16px;font-weight:800;border-radius:12px;background:#071a13b3}.btn.act.win{background:var(--bad);border-color:var(--bad);color:var(--color-on-strong)}.btn.act.riichi{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.act.call{background:var(--color-info);border-color:var(--color-info);color:var(--color-on-strong)}.my-melds{display:flex;justify-content:flex-end;padding:0 6px;min-height:0}.hand{display:flex;justify-content:center;align-items:flex-end;padding:12px 2px 4px}.hand-slot{position:relative;display:inline-flex}.hand-slot.up .tile{transform:translateY(-12px)}.drawn-gap{width:8px}.hint-dot{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:10px;padding:0 4px;border-radius:6px}.hint-dot.good{background:var(--good);color:var(--color-on-strong)}.hint-dot.bad{background:var(--bad);color:var(--color-on-strong)}.overlay{position:fixed;inset:0;background:var(--color-scrim);display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{background:var(--card);width:100%;max-width:520px;max-height:92dvh;overflow:auto;border-radius:18px 18px 0 0;padding:18px 16px calc(16px + var(--safe-b));display:flex;flex-direction:column;gap:10px}.sheet-title{font-weight:800;font-size:18px;text-align:center}.win-block{background:var(--card2);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px}.win-hand{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1px}.yaku-list{list-style:none;margin:0;padding:0}.yaku-list li{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px dashed var(--line)}.win-total{text-align:right;font-size:18px}.limit{color:var(--accent)}.tenpai-row{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}.tenpai-row .tp{color:var(--good)}.tenpai-row .nt{color:var(--muted)}.deltas{display:flex;flex-direction:column;gap:2px}.delta-row{display:grid;grid-template-columns:1fr 80px 70px;gap:6px;text-align:right}.delta-row span:first-child{text-align:left}.final-row{display:grid;grid-template-columns:34px 1fr 70px 60px;align-items:center;padding:8px;border-radius:10px;text-align:right}.final-row .nm{text-align:left}.medal{font-size:22px;text-align:center}.unit h2{margin-top:12px}.lesson-row{width:100%;display:flex;gap:10px;align-items:center;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;margin-top:6px;cursor:pointer}.lesson-row.done{border-color:var(--color-ok)}.lesson-row .check{color:var(--good);width:18px}.lesson-row .lt{flex:1;display:flex;flex-direction:column}.lesson-top{display:flex;align-items:center;gap:10px}.progress{flex:1;height:8px;background:var(--card2);border-radius:99px;overflow:hidden}.progress div{height:100%;background:var(--good);transition:width .2s}.step{display:flex;flex-direction:column;gap:10px}.rich p{margin:0 0 8px}.choices{display:flex;flex-direction:column;gap:8px}.choice{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:left;cursor:pointer}.choice.ok{border-color:var(--good);background:color-mix(in oklch,var(--color-ok) 14%,var(--color-surface))}.choice.bad{border-color:var(--bad);background:color-mix(in oklch,var(--color-bad) 12%,var(--color-surface))}.feedback{border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}.feedback.ok{background:color-mix(in oklch,var(--color-ok) 12%,var(--color-surface));border:1px solid var(--color-ok)}.feedback.bad{background:color-mix(in oklch,var(--color-bad) 12%,var(--color-surface));border:1px solid var(--color-bad)}.sticky-cta{position:sticky;bottom:calc(76px + var(--safe-b))}.kind-picker{display:flex;flex-direction:column;gap:4px}.kind-picker .tile.small{width:30px}.context{background:var(--color-paper-2);border-radius:10px;padding:8px}.yaku-card{cursor:pointer}.gloss-row{padding:8px 0;border-bottom:1px solid var(--line)}.search{width:100%}.prompt{font-weight:700;font-size:16px}.pz-info{display:flex;align-items:center;gap:4px;flex-wrap:wrap}table.rank{width:100%;border-collapse:collapse;font-size:13px}table.rank th,table.rank td{padding:3px 4px;border-bottom:1px solid var(--line);text-align:center}.code{font-family:ui-monospace,monospace;color:var(--accent);letter-spacing:2px}.code-input{flex:1;text-transform:uppercase;letter-spacing:4px;font-family:ui-monospace,monospace;font-size:20px;text-align:center}.hist-row{display:grid;grid-template-columns:28px 1fr 60px 80px;gap:6px;align-items:center;padding:4px 0;border-bottom:1px solid var(--line)}@media (min-width: 521px){.app{border-left:1px solid var(--line);border-right:1px solid var(--line)}}.tile img{display:block;width:100%;height:auto;pointer-events:none}.tile.big{width:48px}.tile.pond{width:var(--pond-w)}.tile.pond.rot{margin:0 calc(var(--pond-w) * .12)}:root{--pond-w: calc(min(100vw, 520px) / 19)}.board-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.board{position:relative;width:min(100vw,520px,calc(100dvh - 300px));aspect-ratio:1;flex:none}.side{position:absolute;inset:0;pointer-events:none}.side-1{transform:rotate(-90deg)}.side-2{transform:rotate(180deg)}.side-3{transform:rotate(90deg)}:root{--pond-w: calc(min(100vw, 520px, calc(100dvh - 300px) ) / 13.5)}.side .river{position:absolute;left:50%;top:66%;transform:translate(-50%);width:calc(var(--pond-w) * 6 + 5px);display:flex;flex-wrap:wrap;gap:1px;align-content:flex-start;grid-template-columns:none}.side .tile.pond{width:var(--pond-w)}.side .tile.pond.rot{margin:0 calc(var(--pond-w) * .14)}.center-box{position:absolute;left:32%;top:32%;width:36%;height:36%;background:#0000004d;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.cb-round{font-size:13px;font-weight:700}.cb-left{font-size:20px;font-weight:800;color:var(--accent)}.side .seat-label{position:absolute;inset:58.5% auto auto 50%;transform:translate(-50%);font-size:11px}.side .seat-label .nm{max-width:60px}.side .riichi-stick{position:absolute;left:50%;top:63.5%;transform:translate(-50%);width:40px}.side-melds{position:absolute;right:2px;bottom:2px;display:flex;flex-direction:row-reverse;gap:4px}.side-melds .tile.small{width:calc(var(--pond-w) * .85)}.hero-tiles{margin-bottom:4px}.hero .tile.pond{width:36px}:root{--pond-w: calc(min(100vw, 520px, calc(100dvh - 300px) ) / 15)}.center-box{left:33%;top:33%;width:34%;height:34%}.side .seat-label{top:59.5%}.side .river{top:68.5%}.side .riichi-stick{top:65.2%}.hist-row{background:none;border:0;border-bottom:1px solid var(--line);width:100%;text-align:left;cursor:pointer}.review-counts{display:flex;flex-direction:column;gap:2px;font-size:12px;text-align:right}.rc .ri,.badge{display:inline-block;min-width:22px;text-align:center;border-radius:6px;padding:0 4px;font-weight:800}.best .ri,.badge.best{background:var(--color-ok)}.good .ri,.badge.good{background:color-mix(in oklch,var(--color-ok) 60%,var(--color-surface))}.inacc .ri,.badge.inacc{background:var(--color-gold);color:var(--color-ink)}.mistake .ri,.badge.mistake{background:var(--color-primary)}.blunder .ri,.badge.blunder{background:var(--color-bad)}.review-row{cursor:pointer}.big{font-size:28px;font-weight:800}.profile-head h1{cursor:pointer;margin-bottom:2px}.sync-line{margin-bottom:12px}.link{background:none;border:0;color:var(--accent);text-decoration:underline;padding:0;font:inherit;cursor:pointer}.input{flex:1;min-width:0;background:var(--color-paper-2);border:1px solid var(--line);color:var(--fg, var(--color-ink));border-radius:10px;padding:10px 12px;font:inherit;font-size:16px}.row.gap{gap:8px}.notice{border-left:4px solid var(--accent)}.gsi-btn{min-height:44px;margin-top:8px}.plink{color:var(--accent, var(--color-brand));text-decoration:underline;text-underline-offset:2px;margin-right:8px}.profile-head{display:flex;gap:14px;align-items:center}.profile-head .avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:700;background:var(--accent);color:var(--accent-ink)}.pp-name{font-size:20px;font-weight:700}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.grid3 .big{font-size:20px}.hist-row.static{cursor:default}.rules-card .rule-row,.settings-form .rule-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--line)}.rules-card .rule-row:first-of-type,.settings-form .rule-row:first-of-type{border-top:0}.rules-card .rule-row span:last-child{text-align:right}.settings-form .seg.small{margin:0;flex-wrap:nowrap}.settings-form .seg.small button{padding:6px 9px;font-size:13px}.away-banner{position:fixed;top:60px;left:8px;right:8px;z-index:30;background:var(--color-gold);color:#201914;font-size:12px;padding:6px 10px;border-radius:10px;text-align:center;pointer-events:none}.table-wrap.t3d .board-area{perspective:900px}.table-wrap.t3d .board{transform:rotateX(24deg) translateY(-3%);transform-origin:50% 60%}.variant-seg button{flex-direction:column;gap:2px;padding:10px 8px}.variant-seg button b{font-size:15px}.variant-seg button small{font-size:11px;color:var(--muted)}.side-flowers{position:absolute;left:50%;top:58.5%;transform:translate(calc(-50% - 82px));display:flex;gap:1px}.side-flowers .tile.small{width:calc(var(--pond-w) * .62)}.my-flowers{display:inline-flex;gap:1px;margin-left:auto;margin-right:6px}.my-flowers .tile.small{width:18px}.claim-tile{display:inline-flex;align-items:center;margin-right:2px}.table-wrap.hk .river{width:calc(var(--pond-w) * 7 + 6px)}.cjk{font-family:"Noto Serif SC","Noto Serif JP",serif}.arrange-banner{position:fixed;left:50%;top:calc(54px + var(--safe-t, 0px));transform:translate(-50%);z-index:40;background:var(--color-surface);border:1px solid var(--accent);border-radius:12px;padding:8px 12px;display:flex;gap:10px;align-items:center;font-size:13px;box-shadow:0 4px 18px var(--color-shadow);white-space:nowrap}.btn.small{padding:5px 10px;font-size:12px}.tap-draw{position:relative;background:none;border:0;padding:0;cursor:pointer;animation:tapPulse 1.2s ease-in-out infinite}.tap-draw-l{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);font-size:10px;color:var(--accent);font-weight:700}@keyframes tapPulse{50%{transform:translateY(-4px)}}.actions .claim-tile .tile{outline:2px solid var(--accent);border-radius:4px}.fan-points{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;font-size:12px;text-align:center}.fan-points span{background:var(--card2);border-radius:8px;padding:6px 2px;display:flex;flex-direction:column}.fan-table .fan-v{white-space:nowrap;color:var(--gold, var(--color-gold))}.hand-row.fit14{flex-wrap:nowrap;gap:1px}.hand-row.fit14 .tile.hand{width:min(var(--tile-w),calc((100vw - 40px) / 14.2))}.chat-fab{position:fixed;right:12px;bottom:calc(var(--hand-h, 150px) + 18px);z-index:30;width:44px;height:44px;border-radius:50%;border:0;background:#00000073;color:var(--color-on-strong);font-size:20px;box-shadow:0 2px 8px var(--color-shadow)}.chat-fab.in-lobby{bottom:calc(76px + env(safe-area-inset-bottom));background:var(--accent, var(--color-brand))}.chat-fab .badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--color-bad);font-size:11px;line-height:18px;font-weight:700}.chat-bubbles{position:fixed;inset:0;pointer-events:none;z-index:25}.bubble{position:absolute;max-width:62vw;padding:6px 10px;border-radius:14px;background:var(--color-on-strong);color:var(--color-ink);font-size:13px;line-height:1.25;box-shadow:0 3px 10px var(--color-shadow);animation:bubble-in .18s ease-out,bubble-out .4s ease-in 4.1s forwards;overflow-wrap:anywhere}.bubble .who{display:block;font-size:10px;color:var(--color-brand)}.bubble.sticker{background:transparent;box-shadow:none;font-size:40px;padding:0}.bubble.b-0{bottom:calc(var(--hand-h, 150px) + 70px);left:50%;transform:translate(-50%)}.bubble.b-1{right:10px;top:42%}.bubble.b-2{top:64px;left:50%;transform:translate(-50%)}.bubble.b-3{left:10px;top:42%}@keyframes bubble-in{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes bubble-out{to{opacity:0}}.chat-sheet{max-height:80dvh;display:flex;flex-direction:column;gap:10px}.chat-log{overflow-y:auto;max-height:30dvh;min-height:60px;display:flex;flex-direction:column;gap:4px;padding:4px 2px}.chat-line{font-size:14px;overflow-wrap:anywhere}.chat-line.mine{text-align:right;color:var(--muted, var(--color-mute))}.chat-line .big{font-size:26px}.sticker-row{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.sticker-btn{font-size:26px;background:var(--line);border:0;border-radius:10px;padding:6px 0}.phrase-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn.phrase{font-size:13px;padding:8px 6px}.chat-input input{flex:1;min-width:0}.lobby-chat{cursor:pointer}.keeper .keeper-head{display:flex;justify-content:space-between;align-items:baseline;margin:4px 2px 10px}.keeper-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.keeper-p{padding:12px;margin:0}.keeper-p.dealer{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.kp-name{font-weight:600;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kp-score{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.kp-delta{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.pos{color:var(--color-ok)}.neg{color:var(--color-bad)}.wind-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:var(--card2);border:1px solid var(--line);font-weight:700}.keeper-p.dealer .wind-badge{background:var(--accent);color:var(--color-on-strong)}.btn.big{padding:16px;font-size:17px;margin-bottom:12px}.keeper-hist summary{cursor:pointer;font-weight:600}.kh-row{padding:8px 0;border-top:1px solid var(--line)}.kh-d{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:2px;font-variant-numeric:tabular-nums}.keeper-sheet{max-height:88dvh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.chip-grid,.seat-pick{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--card2);border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:14px;color:inherit;cursor:pointer}.chip.on{border-color:var(--accent);background:color-mix(in oklch,var(--color-primary) 10%,var(--color-surface))}.chip:disabled{opacity:.35}.keeper-preview{background:color-mix(in oklch,var(--color-ok) 12%,var(--color-surface));border:1px solid var(--color-ok);border-radius:10px;padding:8px 10px;font-size:14px;font-weight:600}.keeper-preview.bad{background:color-mix(in oklch,var(--color-bad) 12%,var(--color-surface));border-color:var(--color-bad)}.fan-stepper{display:flex;align-items:center;gap:16px;justify-content:center}.fan-stepper .btn{width:52px;font-size:22px}.fan-stepper b{font-size:26px;min-width:90px;text-align:center}.keeper-names{display:flex;flex-direction:column;gap:8px}.keeper-names input{flex:1;min-width:0}.keeper .row.gap{gap:8px}.card.inner{background:var(--card2);margin:0}.kf-row{padding:8px 0}.note{background:color-mix(in oklch,var(--color-gold) 18%,var(--color-surface));border:1px solid var(--color-gold-deep);border-radius:10px;padding:8px 10px}.sheet-title.bar{display:flex;justify-content:space-between;align-items:center;text-align:left}.push-toggle{padding:6px 0}.push-toggle.compact{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin:10px 0}.push-toggle p{margin:4px 0 0}.invite-row{padding:6px 0;border-top:1px solid var(--line)}.invite-row:first-of-type{border-top:0}.btn.small{padding:6px 12px;font-size:13px}.table-wrap.anim.dealing .hand .hand-slot{animation:deal-in .32s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(var(--i, 0) * 45ms)}.table-wrap.anim.dealing .river,.table-wrap.anim.dealing .seat-label{animation:fade-in .4s ease-out both}.table-wrap.anim:not(.dealing) .hand .hand-slot.drawn-in{animation:draw-in .22s ease-out both}.table-wrap.anim .river .tile:last-child{animation:discard-in .2s cubic-bezier(.2,.9,.3,1.3) both}.table-wrap.anim .river .tile.hl{animation:discard-in .2s cubic-bezier(.2,.9,.3,1.3) both,hl-pulse 1.4s ease-in-out .2s 2}.table-wrap.anim .meld:last-child,.table-wrap.anim .side-melds .meld:last-child{animation:meld-in .28s ease-out both}.table-wrap.anim .hand-slot .tile{transition:transform .12s ease-out,filter .12s}.table-wrap.anim .actions button{animation:pop-in .18s ease-out both}@keyframes deal-in{0%{opacity:0;transform:translateY(-60px) scale(.7) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes draw-in{0%{opacity:0;transform:translate(28px) translateY(-14px)}to{opacity:1;transform:none}}@keyframes discard-in{0%{opacity:0;transform:translateY(26px) scale(1.25)}to{opacity:1;transform:none}}@keyframes meld-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes hl-pulse{50%{filter:brightness(1.25) drop-shadow(0 0 6px rgba(233,185,73,.9))}}.table-wrap.anim .board-area{background:radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.05),transparent 65%)}@media (prefers-reduced-motion: reduce){.table-wrap.anim *,.table-wrap.anim *:before{animation:none!important;transition:none!important}.bubble{animation:none!important}}.pill{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--card2, var(--color-paper-2));font-size:12px;vertical-align:middle}.pill.up{background:var(--color-ok);color:var(--color-on-strong)}.pill.down{background:var(--color-bad);color:var(--color-on-strong)}.ranked-card .seg{margin:6px 0}.rank-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.rank-badge{font-weight:700}.queue-line{font-weight:600;margin:6px 0 2px}.room-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line, var(--line))}.room-row:first-of-type{border-top:0}.card-t.sub{margin-top:12px}.watch-bar{position:fixed;top:calc(env(safe-area-inset-top) + 44px);left:50%;transform:translate(-50%);z-index:30;background:#1b150fe0;color:var(--color-on-strong);padding:4px 12px;border-radius:999px;font-size:12px;pointer-events:none;white-space:nowrap}.points-banner{margin:8px 0;padding:10px 12px;border-radius:12px;background:var(--card2, var(--color-paper-2));display:grid;gap:4px}.points-banner .pos,.board-row .pos{color:var(--color-ok)}.points-banner .neg{color:var(--color-bad)}.board-list{padding:4px 8px}.board-row{display:grid;grid-template-columns:34px 1fr auto auto;gap:8px;align-items:center;padding:9px 4px;border-top:1px solid var(--line, var(--line));color:inherit;text-decoration:none}.board-row:first-child{border-top:0}.board-row.me{background:color-mix(in oklch,var(--color-ok) 12%,var(--color-surface));border-radius:8px}.board-row .bp{text-align:center;font-weight:700}.board-row .bn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-row .bv{min-width:48px;text-align:right}.me-card .row{font-weight:600}.how summary{cursor:pointer;font-weight:600}.how ul{margin:8px 0 0;padding-left:18px;display:grid;gap:4px}.rank-cards{margin-bottom:0}.rank-card .rank-name{font-size:18px;font-weight:700;margin:4px 0}.rank-card .bar{height:6px;border-radius:3px;background:var(--color-paper-2);overflow:hidden;margin:6px 0}.rank-card .bar span{display:block;height:100%;background:linear-gradient(90deg,var(--color-ok),var(--color-gold-deep))}.badges{display:flex;flex-wrap:wrap;gap:6px}.season-badge{padding:4px 10px;border-radius:999px;background:var(--card2, var(--color-paper-2));font-size:13px}.chat-name{background:none;border:0;padding:0 4px 0 0;color:inherit;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline dotted}.report-sheet textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;resize:vertical}.report-reasons button{text-align:left}.mod-actions{justify-content:center}.mod-actions .btn{flex:1}.dup .dup-big{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin:6px 0}.dup .dup-num{font-size:1.35rem;font-weight:700}.dup .pos,.points-banner b.pos{color:var(--color-ok)}.dup .neg,.points-banner b.neg{color:var(--color-bad)}.score-pz .win-hand{flex-wrap:nowrap;gap:1px}.score-pz .win-hand .tile.hand{width:min(var(--tile-w),calc((100vw - 48px) / 14.8))}.score-pz .win-melds{justify-content:center;gap:8px;align-items:center}.score-pz .win-melds .meld{display:inline-flex;gap:1px}.score-steps{display:flex;gap:6px;justify-content:center;margin:10px 0 4px;flex-wrap:wrap}.sstep{padding:4px 10px;border-radius:999px;background:var(--line);font-size:13px;color:var(--muted, var(--color-mute))}.sstep.on{background:color-mix(in oklch,var(--color-gold) 25%,var(--color-surface));color:var(--color-gold-deep);font-weight:700}.sstep.ok{background:color-mix(in oklch,var(--color-ok) 12%,var(--color-surface));color:var(--color-ok)}.sstep.bad{background:color-mix(in oklch,var(--color-bad) 12%,var(--color-surface));color:var(--color-bad)}.small-prompt{font-size:15px;text-align:center;margin:6px 0}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn.choice{min-height:52px;font-size:15px;font-weight:600;line-height:1.25;white-space:normal}.fu-list li span:first-child{display:inline-flex;align-items:center;gap:4px}.yaku-list li.total{border-top:1px solid var(--line);font-weight:700;padding-top:4px}.table-wrap.replay .board{width:min(100vw,520px,calc(100dvh - 330px))}.table-wrap.replay{--pond-w: calc(min(100vw, 520px, calc(100dvh - 330px) ) / 13.5)}.replay-panel{padding:6px 8px calc(8px + env(safe-area-inset-bottom));background:#00000040;display:flex;flex-direction:column;gap:6px}.replay-step{min-height:30px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;flex-wrap:wrap;text-align:center}.replay-step.end{flex-direction:column;gap:2px}.replay-step .riichi-txt{color:var(--color-gold-deep)}.replay-hands{display:flex;flex-direction:column;gap:3px}.rh-row{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:4px;opacity:.78}.rh-row.acting{opacity:1}.rh-row.acting .rh-name{color:var(--color-gold-deep);font-weight:700}.rh-name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rh-tiles{display:flex;align-items:center;gap:1px;flex-wrap:nowrap;overflow:hidden}.rh-tiles .tile.small{width:min(23px,calc((100vw - 100px)/(max(var(--n),14) + 1)));flex:none}.rh-tiles .meld .tile.small.rot{width:min(23px,calc((100vw - 100px)/(max(var(--n),14) + 1)))}.rh-tiles .meld{display:inline-flex;gap:0}.rh-gap{width:5px;flex:none}.rh-flowers{display:inline-flex;margin-left:4px;opacity:.85}.replay-slider{width:100%;accent-color:var(--color-gold-deep)}.replay-ctrl{display:flex;justify-content:center;align-items:center;gap:8px}.replay-ctrl .play{width:52px}.replay-pos{min-width:56px;text-align:right}.replay-btn{margin-bottom:8px}.voice-fabs{position:fixed;right:12px;bottom:calc(var(--hand-h, 150px) + 70px);z-index:30;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.voice-fabs.in-lobby{bottom:calc(76px + env(safe-area-inset-bottom));right:64px;flex-direction:row-reverse;align-items:center}.voice-fab{position:relative;width:44px;height:44px;border-radius:50%;border:0;background:#00000073;color:var(--color-on-strong);font-size:20px;box-shadow:0 2px 8px var(--color-shadow)}.voice-fab.small{width:36px;height:36px;font-size:16px}.voice-fab.on{background:var(--accent, var(--color-brand))}.voice-fab.talking{box-shadow:0 0 0 3px var(--color-ok),0 2px 8px var(--color-shadow)}.voice-fab .badge{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:var(--color-info);font-size:10px;line-height:16px;font-weight:700}.voice-toast{position:fixed;left:50%;transform:translate(-50%);top:calc(10px + env(safe-area-inset-top));z-index:40;background:#1b150fe6;color:var(--color-on-strong);padding:8px 12px;border-radius:10px;font-size:13px;max-width:90vw}.voice-sheet{display:flex;flex-direction:column;gap:10px}.voice-list{display:flex;flex-direction:column;gap:8px}.voice-row{display:flex;align-items:center;gap:8px}.voice-row .grow{flex:1;min-width:0;overflow-wrap:anywhere}.voice-row .dot{width:10px;height:10px;border-radius:50%;background:var(--color-rule);flex:none}.voice-row .dot.talking{background:var(--color-ok);box-shadow:0 0 6px var(--color-ok)}.bot-levels{display:flex;flex-direction:column;gap:6px;margin-top:4px}.bot-level-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.bot-level-row .bl-name{font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-level-row .seg.small{margin:0;flex:none}.bot-level-select{background:var(--card2);color:inherit;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font:inherit;font-size:13px;min-height:36px}.bot-level-select:focus-visible,.bot-level-row button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{background:var(--color-backdrop)}.app{background:var(--color-paper)}@media (min-width: 521px){.app{border:0;box-shadow:0 0 0 1px var(--color-rule)}}svg.lucide{width:20px;height:20px;stroke-width:2.1;flex:none}:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.page{padding:var(--space-4);gap:var(--space-3)}.muted{color:var(--color-mute)}.table-wrap .muted{color:var(--muted)}a{color:var(--color-brand)}.table-wrap a{color:var(--accent)}.card{background:var(--card);border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4);gap:var(--space-2)}button.card{min-height:64px;transition:transform .12s var(--ease)}button.card:active{transform:scale(.985)}.card-t{font:700 var(--text-m)/1.25 var(--font-display);display:flex;align-items:center;gap:var(--space-2)}.card-t svg.lucide{color:var(--color-brand)}.card.cta{background:var(--color-brand);color:var(--color-on-strong);box-shadow:0 4px 0 var(--color-brand-deep)}.card.cta .card-t svg.lucide,.card.cta .muted{color:inherit;opacity:.9}.card.daily{background:color-mix(in oklch,var(--color-gold) 22%,var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-gold) 60%,var(--color-surface))}.card.daily .card-t svg.lucide{color:var(--color-gold-deep)}.card.ghost-card{background:transparent;box-shadow:inset 0 0 0 1px var(--line);flex-direction:row;align-items:center;gap:var(--space-2);font-weight:600}.card.inner{background:var(--card2);box-shadow:none}.btn{min-height:44px;border:0;border-radius:var(--radius-s);padding:0 var(--space-4);font-weight:700;background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line),0 3px 0 var(--line);transition:transform .12s var(--ease),box-shadow .12s var(--ease)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 1.5px var(--line),0 1px 0 var(--line)}.btn.primary{background:var(--color-primary);color:var(--color-on-strong);box-shadow:0 4px 0 var(--color-primary-deep)}.btn.primary:active:not(:disabled){box-shadow:0 1px 0 var(--color-primary-deep)}.btn.wide{min-height:52px;padding:0 var(--space-4);font-size:var(--text-m)}.btn.big{min-height:58px;font-size:var(--text-l)}.btn.ghost{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line)}.btn.icon{min-height:40px;min-width:40px;padding:0 var(--space-2)}.btn.small{min-height:36px;padding:0 var(--space-3);font-size:var(--text-s)}.btn:disabled{opacity:.5;box-shadow:none}.link{color:var(--color-brand);font-weight:600}.seg{background:var(--card2);border-radius:var(--radius-m);padding:var(--space-1);gap:var(--space-1)}.seg button{min-height:40px;border:0;background:transparent;border-radius:var(--radius-s);font-weight:600;color:var(--muted);padding:var(--space-2) var(--space-3)}.seg button.on{background:var(--card);color:var(--ink);border:0;box-shadow:0 1px 3px var(--color-shadow),inset 0 0 0 2px var(--color-primary)}.seg.col{background:transparent;padding:0;gap:var(--space-2)}.seg.col button{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);justify-content:flex-start;text-align:left;color:var(--ink);min-height:52px}.seg.col button.on{box-shadow:inset 0 0 0 2px var(--color-primary);background:color-mix(in oklch,var(--color-primary) 6%,var(--card))}.seg.small button{min-height:36px;padding:0 var(--space-3);font-size:var(--text-s)}.variant-seg button{min-height:64px}.variant-seg button b{font:700 var(--text-m) var(--font-display);color:var(--ink)}.variant-seg button small{color:var(--muted)}.chip{min-height:36px;border:0;background:var(--card2)}.chip.on{background:color-mix(in oklch,var(--color-primary) 12%,var(--card));box-shadow:inset 0 0 0 2px var(--color-primary)}.pill{background:var(--card2);color:var(--ink)}input,.input,select,textarea{background:var(--color-surface);color:var(--color-ink);border:0;box-shadow:inset 0 0 0 1.5px var(--color-rule);border-radius:var(--radius-s);min-height:44px;font:500 var(--text-m) var(--font-body)}input[type=checkbox]{min-height:0;width:22px;height:22px;accent-color:var(--color-brand);box-shadow:none}input[type=range]{accent-color:var(--color-brand);box-shadow:none;min-height:0}.code-input{font-family:var(--font-display);font-weight:800;letter-spacing:.3em}.code{color:var(--color-brand);font-family:var(--font-display);font-weight:800;letter-spacing:.12em}.tabbar{background:var(--color-surface);border-top:1px solid var(--color-rule);box-shadow:0 -4px 16px var(--color-shadow)}.tab{min-height:56px;color:var(--color-mute);font-weight:600}.tab.on{color:var(--color-brand)}.tab .ti svg{width:22px;height:22px}.tl{font-size:var(--text-xs)}.hero.d{text-align:left;background:var(--color-brand);color:var(--color-on-strong);border-radius:var(--radius-l);padding:var(--space-5);position:relative;overflow:hidden}.hero.d .hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.hero.d .brand{font:800 var(--text-l) var(--font-display);margin:0}.hero.d .beta{color:var(--color-gold)}.hero.d h2{font:800 var(--text-3xl)/1.02 var(--font-display);letter-spacing:-.02em;max-width:11ch;margin:0}.hero.d p{margin:var(--space-2) 0 var(--space-4);max-width:30ch;opacity:.92;line-height:1.45}.hero.d .hero-tiles{display:flex;justify-content:flex-end;transform:rotate(-6deg);margin:0 -4px var(--space-2) 0}.hero.d .hero-tiles .tile{width:30px;margin-left:-6px;filter:drop-shadow(0 3px 0 var(--color-brand-deep))}.hero.d .acts2{display:flex;gap:var(--space-2)}.hero.d .acts2 .btn{flex:1;min-height:52px}.hero.d .acts2 .btn.on-brand{background:var(--color-surface);color:var(--color-brand-deep);box-shadow:0 4px 0 var(--color-brand-deep)}.sec-h{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-mute);margin:var(--space-3) 2px 0}.item-ic{width:44px;height:44px;border-radius:var(--radius-s);display:grid;place-items:center;flex:none;background:var(--color-paper-2);color:var(--color-brand)}.item-ic.p{background:color-mix(in oklch,var(--color-primary) 14%,var(--color-surface));color:var(--color-primary)}.item-ic.g{background:color-mix(in oklch,var(--color-gold) 28%,var(--color-surface));color:var(--color-gold-deep)}.item-ic.i{background:color-mix(in oklch,var(--color-info) 12%,var(--color-surface));color:var(--color-info)}button.card.item{flex-direction:row;align-items:center;gap:var(--space-3)}button.card.item>div:not(.item-ic){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}button.card.item .chev{color:var(--color-mute)}.grid2>button.card.item{flex-direction:column;align-items:flex-start}.overlay{background:var(--color-scrim)}.sheet{background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-l) var(--radius-l) 0 0;box-shadow:0 -8px 30px var(--color-shadow)}.sheet:before{content:"";display:block;width:40px;height:5px;border-radius:9px;background:var(--color-rule);margin:0 auto var(--space-1)}.sheet-title{font:700 var(--text-xl) var(--font-display)}.win-block{background:var(--color-paper-2)}.final-row.me{background:color-mix(in oklch,var(--color-gold) 25%,var(--color-surface))}.table-wrap{background:radial-gradient(ellipse at 50% 42%,color-mix(in oklch,var(--color-felt) 88%,white),var(--color-felt) 55%,var(--color-felt-deep));box-shadow:inset 0 0 0 6px var(--color-wood-deep)}.topbar{background:#040e0959}.timer,.cb-left{color:var(--color-gold);font-family:var(--font-display);font-variant-numeric:tabular-nums}.timer.low{color:oklch(78% .15 30)}.center-box{background:#0108044d;border-radius:var(--radius-l)}.cb-round{font-family:var(--font-display)}.seat-label .wind{background:#040e09b3;font-family:var(--font-cjk);font-weight:900}.seat-label .wind.dealer{background:var(--color-primary);color:#fdfaf4}.seat-label.active{background:var(--color-gold);color:#201914;border-radius:var(--radius-pill);padding:2px 8px 2px 2px;box-shadow:0 0 0 3px color-mix(in oklch,var(--color-gold) 40%,transparent)}.seat-label.active .nm,.seat-label.active .pts{color:#201914}.me{background:var(--color-paper);color:var(--color-ink);border-radius:var(--radius-l) var(--radius-l) 0 0;box-shadow:0 -6px 18px var(--color-shadow);padding-top:var(--space-2);--ink: var(--color-ink);--muted: var(--color-mute);--card: var(--color-surface);--card2: var(--color-paper-2);--line: var(--color-rule);--accent: var(--color-primary);--accent-ink: var(--color-on-strong)}.status-row{margin:0 var(--space-2) var(--space-1);padding:var(--space-2) var(--space-3);min-height:44px;border-radius:var(--radius-m);background:var(--color-paper-2);font:700 var(--text-m) var(--font-display)}.status-row.mine{background:var(--color-gold);color:#201914}.status-row .status{color:inherit}.shanten-pill{background:var(--color-surface);color:var(--color-ink);font:600 var(--text-xs) var(--font-body)}.btn.act{min-height:52px;min-width:64px;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-strong);border:0;font:800 var(--text-m) var(--font-display);box-shadow:0 4px 0 var(--color-primary-deep)}.btn.act.win{background:var(--color-gold);color:#201914;box-shadow:0 4px 0 var(--color-gold-deep)}.btn.act.riichi{background:var(--color-brand);color:var(--color-on-strong);box-shadow:0 4px 0 var(--color-brand-deep)}.btn.act.call{background:var(--color-primary);color:var(--color-on-strong);box-shadow:0 4px 0 var(--color-primary-deep)}.btn.act:not(.win):not(.riichi):not(.call){background:var(--color-surface);color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-rule),0 3px 0 var(--color-rule)}.hand-slot.up .tile,.tile.sel{filter:drop-shadow(0 0 0 var(--color-gold)) drop-shadow(0 -2px 0 var(--color-gold))}.hint-dot.good{background:var(--color-ok);color:var(--color-on-strong)}.arrange-banner{background:var(--color-surface);color:var(--color-ink);border:0;box-shadow:0 8px 24px var(--color-shadow)}.away-banner{color:#201914}.chat-fab,.voice-fab{background:var(--color-surface);color:var(--color-ink);box-shadow:0 2px 10px var(--color-shadow),inset 0 0 0 1px var(--color-rule)}.chat-fab.in-lobby,.voice-fab.on{background:var(--color-brand);color:var(--color-on-strong)}.bubble{background:var(--color-surface);color:var(--color-ink);box-shadow:0 3px 10px var(--color-shadow)}.bubble .who{color:var(--color-brand)}.sticker-btn{background:var(--color-paper-2)}.replay-panel{background:var(--color-paper);color:var(--color-ink)}.feedback.ok{background:color-mix(in oklch,var(--color-ok) 12%,var(--color-surface));border-color:var(--color-ok)}.feedback.bad{background:color-mix(in oklch,var(--color-bad) 10%,var(--color-surface));border-color:var(--color-bad)}.choice{background:var(--color-surface);box-shadow:inset 0 0 0 1.5px var(--color-rule);border:0;min-height:52px}.progress div{background:var(--color-brand)}.rank-card .bar span{background:linear-gradient(90deg,var(--color-brand),var(--color-gold))}.lesson-row{background:var(--color-surface);border:0;box-shadow:inset 0 0 0 1px var(--color-rule);min-height:56px}.lesson-row.done{box-shadow:inset 0 0 0 1.5px var(--color-ok)}.board-row.me{background:color-mix(in oklch,var(--color-gold) 22%,var(--color-surface))}.profile-head .avatar{background:var(--color-brand);color:var(--color-on-strong);font-family:var(--font-display)}.badge.best,.best .ri{color:var(--color-on-strong)}@media (prefers-reduced-motion: reduce){.btn,button.card,.seg button{transition:none!important}}.ic-inline{width:1.1em;height:1.1em;vertical-align:-.18em;margin-right:2px}.card-t .ic-inline,h2 .ic-inline,h1 .ic-inline{color:var(--color-brand)}.big-emoji svg{width:56px;height:56px;color:var(--color-gold-deep)}.lead-tag{font-size:var(--text-xs);font-weight:700;color:var(--color-gold-deep)}.medal{font:800 var(--text-l) var(--font-display)}.row>.btn.primary{flex:none}.row .code-input{min-width:0}.hand,.hand-row{padding-top:var(--space-4)}.table-wrap .topbar{color:#f9f4ee}.side .seat-label{background:#040e098c;border-radius:var(--radius-pill);padding:2px 8px 2px 2px}.side .seat-label.active{background:var(--color-gold)}.code-input{width:0;flex:1}.hk-tbl{position:fixed;inset:0;display:flex;flex-direction:column;height:100dvh;background:var(--color-paper);overflow:hidden;color:var(--color-ink)}.hk-tbl .felt{position:relative;flex:1;min-height:0;background:var(--tbl-rim);overflow:hidden}.hk-tbl .tb{position:absolute;top:calc(10px + env(safe-area-inset-top));left:10px;right:10px;display:flex;gap:6px;align-items:center;z-index:6}.hk-tbl .ib{width:40px;height:40px;border-radius:var(--radius-pill);border:0;display:grid;place-items:center;background:color-mix(in oklch,var(--color-surface) 92%,transparent);color:var(--color-ink);font:700 var(--text-s) var(--font-display);cursor:pointer;flex:none}.hk-tbl .ib svg{width:20px;height:20px}.hk-tbl .wallc{background:color-mix(in oklch,var(--color-surface) 92%,transparent);border-radius:var(--radius-pill);padding:0 var(--space-3);height:40px;display:flex;align-items:center;gap:6px;font:700 var(--text-m) var(--font-display)}.hk-tbl .wallc svg{width:16px;height:16px}.hk-tbl .wallc small{font:500 var(--text-xs) var(--font-body);color:var(--color-mute)}.hk-tbl .stage{position:absolute;inset:56px 0 0;perspective:900px;perspective-origin:50% 0%}.hk-tbl .board{position:absolute;left:50%;top:0;width:min(350px,92vw);height:calc(100% - 8px);max-height:430px;aspect-ratio:auto;transform:translate(-50%) rotateX(32deg);transform-origin:50% 0;transform-style:preserve-3d;border-radius:var(--radius-l);background:radial-gradient(ellipse at 50% 45%,color-mix(in oklch,var(--tbl-felt) 85%,white),var(--tbl-felt) 55%,var(--tbl-felt-deep));box-shadow:inset 0 0 0 10px var(--tbl-rim),inset 0 0 40px #05030259}.hk-tbl.mode2d .stage{perspective:none}.hk-tbl.mode2d .board{transform:translate(-50%);box-shadow:inset 0 0 0 6px var(--tbl-rim)}.hk-tbl .wall{position:absolute;display:flex;gap:1px}.hk-tbl .wall .tile.small{width:14px}.hk-tbl .wall .tile{filter:drop-shadow(0 3px 0 var(--tbl-back-deep))}.hk-tbl .w-top{top:14px;left:50%;transform:translate(-50%)}.hk-tbl .w-bottom{bottom:14px;left:50%;transform:translate(-50%)}.hk-tbl .w-left{left:14px;top:50%;transform:translate(-50%,-50%) rotate(90deg) translateY(-50%)}.hk-tbl .w-right{right:14px;top:50%;transform:translate(50%,-50%) rotate(-90deg) translateY(-50%)}.hk-tbl .hpond{position:absolute;display:grid;grid-template-columns:repeat(6,var(--pw));gap:2px;z-index:3}.hk-tbl .hpond .tile.pond{width:var(--pw);margin:0}.hk-tbl .hpond .tile.pond.rot{margin:0}.hk-tbl .hpond .tile.last{outline:3px solid var(--color-gold);outline-offset:1px;border-radius:3px}.hk-tbl.anim .hpond .tile:last-child{animation:discard-in .2s cubic-bezier(.2,.9,.3,1.3) both}.hk-tbl .hpond-0{top:calc(50% + 56px);left:50%;transform:translate(-50%)}.hk-tbl .hpond-2{bottom:calc(50% + 56px);left:50%;transform:translate(-50%) rotate(180deg)}.hk-tbl .hpond-1{left:calc(50% + 56px);top:50%;transform-origin:0 0;transform:rotate(-90deg) translate(-50%)}.hk-tbl .hpond-3{right:calc(50% + 56px);top:50%;transform-origin:100% 0;transform:rotate(90deg) translate(50%)}.hk-tbl .center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:var(--radius-l);background:#05030238;color:#fdfaf4;display:grid;place-items:center;text-align:center;z-index:2}.hk-tbl .center b{font:900 30px var(--font-cjk);display:block;line-height:1}.hk-tbl .center small{font-size:var(--text-xs);opacity:.9;display:block;padding:0 4px;line-height:1.25;margin-top:2px}.hk-tbl .seat-wrap{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;gap:4px}.hk-tbl .tag-0{bottom:10px;left:50%;transform:translate(-50%)}.hk-tbl .tag-2{top:58px;left:50%;transform:translate(-50%)}.hk-tbl .tag-1{right:6px;top:22%;align-items:flex-end}.hk-tbl .tag-3{left:6px;top:22%;align-items:flex-start}.hk-tbl .tag-1 .tag,.hk-tbl .tag-3 .tag{height:auto;min-height:44px;flex-wrap:wrap;max-width:104px;padding:4px var(--space-2);row-gap:0;border-radius:var(--radius-m);justify-content:center}.hk-tbl .tag-1 .tag .nm,.hk-tbl .tag-3 .tag .nm{flex-basis:100%;text-align:center;max-width:none}.hk-tbl .tag{position:static;background:color-mix(in oklch,var(--color-ink) 72%,transparent);color:var(--color-paper);border-radius:var(--radius-pill);height:30px;padding:0 var(--space-3);display:flex;align-items:center;gap:6px;font-size:var(--text-s);font-weight:600;white-space:nowrap;transition:background-color .2s var(--ease),box-shadow .2s var(--ease);max-width:46vw}.hk-tbl .tag .nm{overflow:hidden;text-overflow:ellipsis;max-width:90px}[data-mode=dark] .hk-tbl .tag{background:#0e0a07cc;color:#efebe4}.hk-tbl .tag.turn{background:var(--color-gold);color:#201914;box-shadow:0 0 0 4px color-mix(in oklch,var(--color-gold) 40%,transparent)}.hk-tbl .tag .d{background:var(--color-primary);color:#fdfaf4;border-radius:6px;padding:0 4px;font-size:11px;line-height:18px}.hk-tbl .tag .s{opacity:.85}.hk-tbl .tag .wnd{font-size:12px}.hk-tbl .tag .cnt{opacity:.8;display:inline-flex;align-items:center;gap:2px}.hk-tbl .tag .cnt svg{width:13px;height:13px}.hk-tbl .omelds{display:flex;gap:3px;position:static;background:#05030240;padding:2px 3px;border-radius:6px}.hk-tbl .omelds .tile.small{width:15px}.hk-tbl .omelds .tile.small.rot{margin:0 3px}.lv{display:inline-flex;align-items:flex-end;gap:2px;height:12px;flex:none}.lv i{width:3px;border-radius:2px;background:currentColor;opacity:.3}.lv i:nth-child(1){height:5px}.lv i:nth-child(2){height:8px}.lv i:nth-child(3){height:12px}.lv.l1 i:nth-child(1),.lv.l2 i:nth-child(-n+2),.lv.l3 i{opacity:1}.lvchip{display:inline-flex;align-items:center;gap:6px}.hk-tbl .panel{position:relative;flex:none;margin-top:-16px;background:var(--color-paper);border-radius:var(--radius-l) var(--radius-l) 0 0;box-shadow:0 -6px 18px var(--color-shadow);padding:var(--space-3) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));z-index:5;display:block}.hk-tbl .status-row{display:block;margin:0;padding:0;background:none}.hk-tbl .status{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-m);background:var(--color-paper-2);min-height:48px;color:var(--color-ink)}.hk-tbl .status b{font:700 var(--text-m) var(--font-display);flex:1;min-width:0}.hk-tbl .status small{display:block;font:400 var(--text-xs) var(--font-body);color:var(--color-mute);margin-top:1px}.hk-tbl .status.me{background:var(--color-gold);color:#201914}.hk-tbl .status.me small{color:#362c24}.hk-tbl .status .tm{font:800 var(--text-l) var(--font-display);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--color-surface);color:var(--color-ink);flex:none}.hk-tbl .acts{display:flex;align-items:center;justify-content:center;gap:var(--space-2);height:62px;margin-bottom:var(--space-2);padding:0;flex-wrap:nowrap}.hk-tbl .claimtile{background:var(--color-surface);box-shadow:inset 0 0 0 3px var(--color-gold);border-radius:var(--radius-s);padding:5px 6px 3px;text-align:center;font-size:10px;font-weight:700;flex:none;max-width:76px;line-height:1.15}.hk-tbl .claimtile .tile.small{width:28px}.hk-tbl .rb{width:60px;height:60px;border-radius:50%;border:0;display:grid;place-items:center;color:var(--color-on-strong);font:800 var(--text-m) var(--font-display);box-shadow:0 4px 0 var(--color-primary-deep);position:relative;flex:none;cursor:pointer}.hk-tbl .rb.hu{background:var(--color-gold);color:#201914;box-shadow:0 4px 0 var(--color-gold-deep)}.hk-tbl .rb.r{background:var(--color-primary)}.hk-tbl .rb.off{background:var(--color-paper-2);color:var(--color-mute);box-shadow:none}.hk-tbl .rb.pass{background:var(--color-surface);color:var(--color-ink);width:auto;min-width:76px;padding:0 var(--space-3);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 2px var(--color-rule),0 3px 0 var(--color-rule)}.hk-tbl .rb .cd{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;background:var(--color-ink);color:var(--color-paper);font:700 11px var(--font-body);display:grid;place-items:center}.hk-tbl .btn.discard{flex:1;max-width:200px;min-height:52px;margin:0}.hk-tbl .btn.discard.off{background:var(--color-paper-2);color:var(--color-mute);box-shadow:none}.hk-tbl .chi-opt{display:flex;gap:1px;padding:6px;border:0;border-radius:var(--radius-s);background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-primary);cursor:pointer}.hk-tbl .chi-opt .tile.small{width:22px}.hk-tbl .melds{display:flex;gap:6px;justify-content:center;margin-bottom:6px;flex-wrap:wrap}.hk-tbl .melds .tile.small{width:22px}.hk-tbl .my-flowers{display:flex;gap:1px;margin-left:4px}.hk-tbl .hand{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;padding:0;justify-content:flex-start}.hk-tbl .hand .r{display:flex;gap:5px;align-items:flex-end}.hk-tbl .hand.one .r{gap:2px}.hk-tbl .hand .tile.hand{width:var(--hw)}.hk-tbl .hand .hand-slot{position:relative;display:inline-block}.hk-tbl .hand .hand-slot.drawn{margin-left:6px}.hk-tbl .hand-slot.up .tile{transform:translateY(-10px);outline:3px solid var(--color-gold);outline-offset:1px;border-radius:4px}.hk-tbl .hand-slot.can .tile{outline:3px solid var(--color-primary);outline-offset:1px;border-radius:4px}.hk-tbl .hint-dot{position:absolute;top:-8px;left:50%;transform:translate(-50%);z-index:2}.hk-tbl .hk-card{flex:1;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-rule);border-radius:var(--radius-m);padding:var(--space-2) var(--space-3);text-align:center;margin:0 0 var(--space-2);font:700 var(--text-m) var(--font-display)}.hk-tbl .hk-card small{display:block;font:400 var(--text-xs) var(--font-body);color:var(--color-mute);margin-top:2px}.hk-tbl .bar{height:6px;background:var(--color-paper-2);border-radius:var(--radius-pill);overflow:hidden;margin-top:var(--space-2)}.hk-tbl .bar i{display:block;height:100%;background:var(--color-brand);transition:width .5s linear}.hk-tbl .toast{position:absolute;left:50%;top:38%;transform:translate(-50%);background:var(--color-ink);color:var(--color-paper);padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);font-weight:600;font-size:var(--text-s);z-index:60;max-width:calc(100% - 32px);width:max-content;text-align:center;box-shadow:0 8px 24px var(--color-shadow);animation:toast-in .2s ease-out both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) scale(.85)}to{opacity:1;transform:translate(-50%)}}.hk-tbl .sheet-h{display:flex;align-items:center;justify-content:space-between;font:800 var(--text-xl) var(--font-display);margin:0 0 var(--space-3)}.hk-tbl .sheet .ib.x{background:var(--color-paper-2)}.set{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px dashed var(--color-rule);font-weight:600}.set.col{flex-direction:column;align-items:stretch}.seg{display:inline-flex;background:var(--color-paper-2);border-radius:var(--radius-pill);padding:3px;gap:2px}.seg button{border:0;background:none;padding:0 var(--space-3);height:36px;border-radius:var(--radius-pill);font:600 var(--text-s) var(--font-body);color:var(--color-mute);cursor:pointer}.seg button.on{background:var(--color-surface);color:var(--color-ink);box-shadow:0 1px 3px var(--color-shadow)}.themes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-2)}.themes button{height:48px;border:0;border-radius:var(--radius-m);background:radial-gradient(ellipse at 50% 40%,var(--felt),color-mix(in oklch,var(--felt) 70%,black));box-shadow:inset 0 0 0 4px var(--rim);color:#fdfaf4;font-weight:600;font-size:var(--text-s);cursor:pointer}.themes button.on{outline:3px solid var(--color-gold);outline-offset:2px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.grid2>button{min-height:52px;border:0;border-radius:var(--radius-m);background:var(--color-surface);box-shadow:inset 0 0 0 1.5px var(--color-rule);font-weight:600;font-size:var(--text-s);display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);color:var(--color-ink);cursor:pointer}.grid2>button svg{width:18px;height:18px}.menu-grid{margin:var(--space-4) 0}.box.soft{background:var(--color-paper-2);border-radius:var(--radius-m);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.kv{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:6px 0;font-size:var(--text-s)}.fan-list{max-height:55vh;overflow:auto}.fan-list .kv{border-bottom:1px dashed var(--color-rule);padding:var(--space-2) 2px}.center-t{text-align:center;margin-bottom:var(--space-3)}.btn.danger-ghost{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:none;color:var(--color-bad);box-shadow:inset 0 0 0 1.5px var(--color-rule)}.btn.danger-ghost svg{width:18px;height:18px}.hk-tbl .hand.hidden .tile img{visibility:visible}.res-screen{position:fixed;inset:0;z-index:55;background:var(--color-felt-deep);overflow:auto;padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) 0;display:flex;flex-direction:column}.res{background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-l);padding:var(--space-5) var(--space-4);margin:24px 0 0}.res h2{text-align:center;font:800 var(--text-3xl) var(--font-display);margin:0}.res .s{text-align:center;color:var(--color-mute);font-size:var(--text-s);margin-top:var(--space-1)}.burst{display:flex;justify-content:center;margin-bottom:var(--space-2)}.burst span{background:var(--color-gold);color:#201914;font:800 var(--text-s) var(--font-display);height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:6px}.burst svg{width:16px;height:16px}.res .wh{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;align-items:flex-end;margin:var(--space-4) 0}.res .wh .tile.small{width:21px}.res .wh .gap{width:6px}.res .wh .tile.last{outline:3px solid var(--color-gold);outline-offset:1px;border-radius:3px}.fl>div{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 2px;border-bottom:1px dashed var(--color-rule);font-size:var(--text-m)}.fl>div:last-child{border:0}.fl small{display:block;color:var(--color-mute);font-size:var(--text-xs)}.fl b{font-family:var(--font-display);font-variant-numeric:tabular-nums}.fl b.plain{font-family:var(--font-body)}.sc{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:var(--space-3)}.sc>div{background:var(--color-paper-2);border-radius:var(--radius-s);padding:var(--space-2) var(--space-3);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-s);font-weight:600;min-height:44px}.sc>div.me{box-shadow:inset 0 0 0 2px var(--color-gold)}.sc>div small{display:block;font-weight:400;color:var(--color-mute);font-size:var(--text-xs)}.sc b{font:800 var(--text-l) var(--font-display);font-variant-numeric:tabular-nums}.plus{color:var(--color-ok)}.minus{color:var(--color-bad)}.res-foot{margin-top:auto;padding:var(--space-4) 0 calc(var(--space-4) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-2)}.res-foot .row2{display:flex;gap:var(--space-2)}.res-foot .row2>*{flex:1}.res-foot .row2 .btn.primary{flex:1.4}.btn.gold{background:var(--color-gold);color:#201914;box-shadow:0 4px 0 var(--color-gold-deep)}.tbtn{background:none;border:0;color:#fdfaf4;font-weight:600;min-height:44px;cursor:pointer}.lbs{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.lb{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-m);background:var(--color-paper-2);min-height:56px}.lb.top1{background:color-mix(in oklch,var(--color-gold) 22%,var(--color-surface))}.lb.me .nm{text-decoration:underline;text-decoration-color:var(--color-gold);text-underline-offset:3px}.lb .n{width:24px;text-align:center;font:800 var(--text-l) var(--font-display);flex:none}.lb .av{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:var(--color-on-strong);display:grid;place-items:center;font:700 var(--text-m) var(--font-display);flex:none}.lb .lbn{flex:1;min-width:0}.lb .st{font:800 var(--text-m) var(--font-display);text-align:right}.lb .st small{display:block;font:500 var(--text-xs) var(--font-body);color:var(--color-mute)}.box.gold-soft{background:color-mix(in oklch,var(--color-gold) 18%,var(--color-surface));border-radius:var(--radius-m);padding:var(--space-3);margin-top:var(--space-3);font-weight:600;font-size:var(--text-s)}.row-c{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.row-c svg{width:18px;height:18px;color:var(--color-gold-deep)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.tabbar{display:none!important}.app{padding-bottom:0!important}.screen.own{padding:0;max-width:none}.backbar{position:sticky;top:0;z-index:20;width:100%;box-sizing:border-box;display:flex;align-items:center;gap:var(--space-3);max-width:520px;margin:0 auto;padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) var(--space-2);background:color-mix(in oklab,var(--color-paper) 92%,transparent);backdrop-filter:blur(8px)}.backbar .ib{width:44px;height:44px;border-radius:var(--radius-pill);border:0;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-rule);display:grid;place-items:center;color:var(--color-ink);cursor:pointer;flex:none}.backbar .ib svg{width:20px;height:20px}.backbar b{font:700 var(--text-xl) var(--font-display)}.screen.old>.page>h1:first-child{display:none}.screen.old>.page{padding-top:var(--space-2);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}.toast-d{position:fixed;left:50%;bottom:100px;transform:translate(-50%);background:var(--color-ink);color:var(--color-paper);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-s);z-index:60;box-shadow:var(--shadow-2)}.dz .lvchip{gap:4px;align-items:center;background:var(--color-paper-2);padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--color-mute);font-weight:500}.dz .seat{flex-wrap:wrap}.dz .seat .dd{height:40px}.dz .riichi-hub .rank-card,.dz .card{background:var(--color-surface);border-radius:var(--radius-l);padding:var(--space-4);box-shadow:inset 0 0 0 1px var(--color-rule);margin-bottom:var(--space-3)}.dz-sheet .sheet-h{display:flex;justify-content:space-between;align-items:center;font:700 var(--text-xl) var(--font-display);margin:0 0 var(--space-2)}.dz-sheet .sheet-h .ib{width:40px;height:40px;border-radius:var(--radius-pill);border:0;background:var(--color-paper-2);display:grid;place-items:center;color:var(--color-ink)}.dz-sheet .p{color:var(--color-mute);font-size:var(--text-s);margin:0 0 var(--space-3)}.dz-sheet .inp,.dz-sheet .cta,.dz-sheet .box{margin-bottom:var(--space-3)}.dz .hero{text-align:left}.dz .hero h2{text-align:left;margin:0}.dz .code .share{letter-spacing:normal}.dz .code .share .pill{letter-spacing:normal;font-family:var(--font-body)}.dz .push-box .card,.dz .push-box section,.dz .push-box>div>div{background:none;box-shadow:none;padding:0;margin:0;border:0}.app:has(.screen.old>.page>.lesson-top:first-child) .backbar{display:none}.screen.old>.page>.lesson-top:first-child{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--color-paper) 92%,transparent);backdrop-filter:blur(8px);margin:0 calc(-1 * var(--space-4)) var(--space-3);padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) var(--space-2);display:flex;align-items:center;gap:var(--space-3)}.screen.old .lesson-top .btn.icon{width:44px;height:44px;min-width:44px;padding:0;border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-rule);font-size:20px;color:var(--color-ink)}.screen.old .lesson-top h1{font:700 var(--text-xl) var(--font-display);margin:0}.res-screen .lb .lbn{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.res-screen .lb .lbn .nm{display:block}.res-screen .lb .lbn .lvchip{display:flex;gap:4px;align-items:center;background:none;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dz details.more{padding:var(--space-2) var(--space-4);margin-top:var(--space-3)}.dz details.more summary{font-weight:700;min-height:44px;display:flex;align-items:center;cursor:pointer}.dz details.more .card,.dz details.more section{background:none;box-shadow:none;padding:var(--space-2) 0;margin:0}.dz .set input[type=range]{width:140px;accent-color:var(--color-brand)}.dz .set .seg{flex:none}.dz .sc{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin:var(--space-3) 0}.dz .sc>div{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-rule);border-radius:var(--radius-m);padding:var(--space-2);font-size:var(--text-xs);color:var(--color-mute);display:flex;flex-direction:column;gap:2px}.dz .sc>div span{display:inline-flex;align-items:center;gap:2px}.dz .sc>div span svg{width:12px;height:12px}.dz .sc b{font:800 var(--text-xl) var(--font-display);color:var(--color-ink)}.dz .tabs{display:flex;gap:var(--space-1);background:var(--color-paper-2);border-radius:var(--radius-pill);padding:4px;margin-bottom:var(--space-3);overflow-x:auto}.dz .tabs button{flex:1;height:36px;border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-s);color:var(--color-mute);white-space:nowrap;padding:0 var(--space-3);text-align:center}.dz .tabs button.on{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-1)}.dz .plus{color:var(--color-ok)}.dz .minus{color:var(--color-bad)}.dz .badge{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:1px dashed var(--color-rule)}.dz .badge:last-child{border:0}.dz .badge .bx{width:44px;height:44px;border-radius:var(--radius-m);background:color-mix(in oklch,var(--color-gold) 30%,var(--color-surface));color:var(--color-gold-deep);display:grid;place-items:center;font:800 var(--text-s) var(--font-display);flex:none}.dz .badge.lock{opacity:.55}.dz .badge.lock .bx{background:var(--color-paper-2);color:var(--color-mute)}.dz .box.gold{background:color-mix(in oklch,var(--color-gold) 18%,var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-gold) 50%,transparent)}.dz .box.info{background:color-mix(in oklch,var(--color-info) 10%,var(--color-surface))}.dz .link{color:var(--color-brand);font-weight:600;text-decoration:underline}.dz .rank-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.dz .rank-card,.dz section.card{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-rule);border-radius:var(--radius-l);padding:var(--space-3)}.dz .gsi-btn{min-height:44px}.dz .lrow{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) 0;border-bottom:1px dashed var(--color-rule);min-height:56px}.dz .lrow:last-child{border:0}.dz .lrow .ck{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--color-rule);display:grid;place-items:center;flex:none;color:var(--color-on-strong)}.dz .lrow.done .ck{background:var(--color-ok);box-shadow:none}.dz .lrow .ck svg{width:16px;height:16px}.dz .lrow .lt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dz .lprog{flex:1;height:10px;border-radius:var(--radius-pill);background:var(--color-paper-2);overflow:hidden}.dz .lprog i{display:block;height:100%;background:var(--color-brand);border-radius:inherit;transition:width .3s}.dz .ltitle{font-size:var(--text-xl);margin-bottom:var(--space-3)}.dz .lbody.page{padding:0;max-width:none}.dz.lesson .cta:disabled{background:var(--color-paper-2);color:var(--color-mute);box-shadow:none}.dz .done-hero{text-align:center;padding:var(--space-8) 0 var(--space-6)}.dz .done-hero .burst-ic{width:88px;height:88px;border-radius:50%;margin:0 auto var(--space-4);background:color-mix(in oklch,var(--color-gold) 35%,var(--color-surface));color:var(--color-gold-deep);display:grid;place-items:center}.dz .done-hero .burst-ic svg{width:44px;height:44px}.dz .done-hero h2{font-size:var(--text-2xl)}.dz .btn2.wide{width:100%;justify-content:center}.dz .fanrow{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px dashed var(--color-rule);align-items:center}.dz .fanrow:last-child{border:0}.dz .fanrow .fv{font-weight:700;color:var(--color-brand-deep);white-space:nowrap;background:color-mix(in oklch,var(--color-brand) 12%,var(--color-surface));padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--text-s)}.dz .fan-points{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dz .fan-points span{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-rule);border-radius:var(--radius-s);padding:4px 10px;font-size:var(--text-s)}.dz .cjk{font-family:"Noto Serif SC",serif}.dz.ref .page{padding:0;max-width:none}.dz .season{background:var(--color-gold);border-radius:var(--radius-l);padding:var(--space-4);color:#201914;margin-top:var(--space-1)}.dz .season h3{font-size:var(--text-xl)}.dz .season .big{font:800 var(--text-xl) var(--font-display)}.dz .dayb{flex:1;height:6px;border-radius:9px;background:#20191426;display:block}.dz .dayb.on{background:var(--color-brand)}.dz a.lb{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-rule);border-radius:var(--radius-m);margin-bottom:6px;color:var(--color-ink);text-decoration:none}.dz a.lb.top1{box-shadow:inset 0 0 0 2px var(--color-gold)}.dz a.lb.me{background:color-mix(in oklch,var(--color-brand) 10%,var(--color-surface))}.dz a.lb .n{width:28px;text-align:center;font:800 var(--text-l) var(--font-display);color:var(--color-mute);display:grid;place-items:center}.dz a.lb .n.medal{color:var(--color-gold-deep)}.dz a.lb>div{flex:1;min-width:0}.dz a.lb .st{margin-left:auto;font:800 var(--text-m) var(--font-display);display:inline-flex;align-items:center;gap:4px}.dz a.lb .st svg{width:16px;height:16px;color:var(--color-gold-deep)}.dz.leaderboard{padding-bottom:140px}.dz .me-bar{position:fixed;left:0;right:0;margin:0 auto;max-width:calc(520px - 2 * var(--space-3));width:calc(100% - 2 * var(--space-3));bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-gold),0 8px 24px var(--color-shadow);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);z-index:6;box-sizing:border-box}.dz .me-bar .big{font:800 var(--text-2xl) var(--font-display);min-width:28px;text-align:center}.dz .how-list{padding-left:1.2em;line-height:1.5;margin:var(--space-2) 0}.dz .chip.streak{background:color-mix(in oklch,var(--color-primary) 14%,var(--color-surface));color:var(--color-primary);height:32px;margin-left:auto}.dz .top .chip{margin-left:auto;white-space:nowrap}.dz .top h1{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz .pz-hero{background:var(--color-primary)}.dz .pz-hero .pill{width:100%;justify-content:center}.dz .page.puzzle{padding:0;max-width:none}.dz .page.puzzle .prompt{font:700 var(--text-l) var(--font-display);margin:0 0 var(--space-3);line-height:1.25}.dz .page.puzzle .feedback{border-radius:var(--radius-l);padding:var(--space-4);margin-top:var(--space-4)}.dz .page.puzzle .feedback .btn.primary{width:100%;margin-top:var(--space-3)}.dz .page.puzzle .hand-row,.dz .page.puzzle .hand-row.fit14{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:var(--space-4) 0 var(--space-2)}.dz .page.puzzle .hand-row .tile.hand,.dz .page.puzzle .hand-row.fit14 .tile.hand{width:min(48px,calc((min(100vw,520px) - 2 * var(--space-4) - 6 * 4px) / 7))}.dz .page.puzzle .pz-info{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.dz .page.puzzle.score-pz .win-hand .tile.hand{width:min(40px,calc((min(100vw,520px) - 2 * var(--space-4)) / 8.6))}.dz .score-pz .win-hand{flex-wrap:wrap;justify-content:center;gap:3px;row-gap:6px}.hk-tbl.rii .dora-c{display:flex;align-items:center;gap:2px;height:36px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:#00000038;color:#f8f5ee}.hk-tbl.rii .dora-c small{font:600 11px var(--font-body);margin-right:4px;opacity:.85}.hk-tbl.rii .dora-c .tile.small{width:20px}.hk-tbl.rii .center .sticks{display:block;margin-top:2px;font-size:10px;opacity:.85}.hk-tbl.rii .tag .rstick{font:700 9px var(--font-body);letter-spacing:.04em;text-transform:uppercase;padding:1px 5px;border-radius:var(--radius-pill);background:var(--color-accent, oklch(80% .14 85));color:#282110}.hk-tbl.rii .hpond .tile.rot{transform:rotate(-90deg);margin:0 3px}.res-screen .rwin+.rwin{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed oklch(100% 0 0 / .2)}.res-screen .tenpai-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin:var(--space-3) 0}.res-screen .tenpai-row span{padding:4px 10px;border-radius:var(--radius-pill);font-size:13px;background:#ffffff1a}.res-screen .tenpai-row .tp{background:color-mix(in oklch,var(--color-primary) 40%,transparent)}.res-screen .lb .st .pos{color:var(--color-primary);font-weight:700}.res-screen .lb .st .neg{color:var(--color-danger, oklch(58% .17 25));font-weight:700}:root{--tile-face1: #fffdf6;--tile-face2: #f4e9d0;--tile-edge: #e6d6b2;--tile-back: #0f6e68;--tile-back-hi: #178a81;--tile-back-lo: #0a4f4b}.tile{position:relative;aspect-ratio:58 / 76;height:auto;border-radius:15%/11.5%;background:linear-gradient(180deg,var(--tile-face1),var(--tile-face2));box-shadow:inset 0 0 0 .5px var(--tile-edge),0 calc(1px + .045em) 0 0 var(--tile-edge),0 calc(2px + .1em) 0 0 var(--tile-back),0 calc(3px + .12em) 3px 0 #00000047;margin-bottom:calc(3px + .12em);font-size:10px}.tile img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.tile.bk{background:linear-gradient(180deg,var(--tile-back-hi),var(--tile-back));box-shadow:0 calc(1px + .045em) 0 0 var(--tile-back-lo),0 calc(2px + .1em) 0 0 var(--tile-back-lo),0 calc(3px + .12em) 3px 0 #00000047}.tile.hand,.tile.big{font-size:20px}.tile.meld,.tile.pond{font-size:8px}.tile.small{font-size:6px}.tile.rot{margin-bottom:0}.hk-tbl.mode2d .hpond .tile,.hk-tbl.mode2d .omelds .tile{box-shadow:0 1px 0 0 var(--tile-edge),0 2px 0 0 var(--tile-back),0 2px 2px #00000040;margin-bottom:2px}.hk-tbl.mode3d .hpond .tile{box-shadow:0 1px 0 0 var(--tile-edge),0 3px 0 0 var(--tile-back),0 4px 3px #00000059;margin-bottom:3px}.hk-tbl.mode3d .hand .tile.hand{box-shadow:0 2px 0 0 var(--tile-edge),0 6px 0 0 var(--tile-back),0 7px 0 0 var(--tile-back-lo),0 9px 8px #0000004d;margin-bottom:8px}.hk-tbl.mode2d .hand .tile.hand{box-shadow:0 2px 0 0 var(--tile-edge),0 4px 0 0 var(--tile-back),0 6px 5px #00000038;margin-bottom:5px}.hk-tbl .wall .tile{filter:none}.hk-tbl .wall .tile.bk{box-shadow:0 2px 0 0 var(--tile-back-lo),0 4px 3px #0000004d}.tile.dim{opacity:1;filter:saturate(.3) brightness(.78)}.dz .tthemes{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.dz .tthemes button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-2) 0;border-radius:var(--radius-m);background:var(--color-surface-2, var(--color-surface));border:0;font:600 12px var(--font-body);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line)}.dz .tthemes button.on{box-shadow:inset 0 0 0 2px var(--color-primary)}.dz .tthemes .tt-pair{display:flex;gap:3px}.dz .tthemes .tile.small{width:20px}.lb-ttl{color:var(--gold, #c9a227);font-weight:600}.lobby .code .share{flex-wrap:wrap;justify-content:center}.rq-qr{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-3);text-align:center}.rq-qr-img{width:184px;height:184px;background:#fff;border-radius:12px;padding:6px}.rq-qr-img svg{width:100%;height:100%;display:block}.hh-peek{position:relative;z-index:5;align-self:flex-end;margin:0 8px -4px auto;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:0;border-radius:999px;background:#0000008c;color:#fff;font:inherit;font-size:var(--text-s, 13px)}.hh-peek svg{width:16px;height:16px}.hk-tbl .hand.hidden{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.adm .adm-tabs{padding:0 var(--space-4) var(--space-3);overflow-x:auto}.adm .adm-empty{padding:var(--space-4);color:var(--ink2, inherit)}.adm .adm-list{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4) var(--space-4)}.adm .adm-card{padding:var(--space-3);display:flex;flex-direction:column;gap:6px}.adm .adm-head{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.adm .adm-muted{opacity:.65;font-size:.85em}.adm .adm-tag{font-size:.75em;padding:1px 6px;border-radius:6px;background:var(--card2);border:1px solid var(--line)}.adm .adm-note{font-style:italic}.adm .adm-chat{font-size:.85em;background:var(--card2);border-radius:8px;padding:6px 8px;max-height:180px;overflow-y:auto}.adm .adm-pre{font-size:.75em;white-space:pre-wrap;margin:0;padding:6px 8px}.adm .adm-acts{display:flex;flex-wrap:wrap;gap:6px}.adm .adm-acts button{background:var(--card2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer;font:inherit;font-size:.85em}.adm .adm-acts button.adm-danger{color:#c0392b;border-color:currentColor}.adm .adm-stats{margin:0 var(--space-4);padding:var(--space-3);display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.adm .adm-stats>div{display:flex;justify-content:space-between;gap:8px}.adm .adm-row{padding:4px 0;border-bottom:1px solid var(--line);font-size:.9em}.adm .adm-link{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer}.fbk-form{display:grid;gap:10px}.fbk-form textarea{width:100%;box-sizing:border-box;font:inherit;padding:10px;border-radius:12px;border:1px solid var(--color-rule);background:var(--color-surface);color:var(--color-ink);resize:vertical}.fbk-err{color:var(--color-danger, #c0392b);margin:0}.fbk-done{display:grid;gap:8px;text-align:center}.ibx-bell{position:relative}.ibx-dot{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--color-danger, #c0392b);color:#fff;font:700 10px/16px var(--font-display, sans-serif);text-align:center}.ibx-list{display:grid;gap:10px;padding:0 16px 16px}.ibx-msg{padding:12px;border-radius:12px;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-rule)}.ibx-msg.unread{box-shadow:inset 0 0 0 2px var(--color-gold)}.ibx-msg h4{margin:0 0 4px}.ibx-msg p{margin:0;white-space:pre-wrap}.ibx-q{font-style:italic;opacity:.7;margin-bottom:6px!important}.afb-row{padding:12px;border-radius:12px;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-rule);display:grid;gap:6px}.afb-row textarea{width:100%;box-sizing:border-box;font:inherit;padding:8px;border-radius:10px;border:1px solid var(--color-rule)}.afb-acts{display:flex;gap:8px;flex-wrap:wrap}.agegate-row{display:flex;flex-direction:column;gap:var(--space-2, 8px);margin:var(--space-3, 12px) 0}.agegate-consent{flex-direction:row;align-items:center}.pm-lock{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:700;line-height:1;padding:2px 5px;border-radius:999px;background:#c88a1e;color:#fff;margin-left:4px;vertical-align:middle}.pm-locked{opacity:.8}.dz .tthemes .pm-locked .pm-lock{margin:2px 0 0}.pl-plans .pl-list{padding:var(--space-3) var(--space-4)}.pl-plans .pl-row{display:flex;align-items:center;gap:var(--space-2);padding:6px 0}.pl-plans .pl-price{justify-content:space-between}.pl-plans .pl-soon{font-size:11px;border:1px solid currentColor;border-radius:999px;padding:0 6px;margin-left:auto}.pl-plans .pl-on{padding:var(--space-3) var(--space-4);margin-top:var(--space-3)}.pl-plans .pl-acts{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.lg-doc .lg-body{padding:var(--space-3) var(--space-4);margin-top:var(--space-3);line-height:1.55}.lg-doc .lg-md h2{font-size:1.2rem;margin:.4em 0}.lg-doc .lg-md h3{font-size:1.05rem;margin:1.1em 0 .4em}.lg-doc .lg-md h4{font-size:.95rem;margin:.9em 0 .3em}.lg-doc .lg-md p,.lg-doc .lg-md ul,.lg-doc .lg-md ol{margin:.5em 0}.lg-doc .lg-md ul,.lg-doc .lg-md ol{padding-left:1.3em}.lg-doc .lg-md blockquote{margin:.6em 0;padding:.4em .8em;border-left:3px solid #c88a1e;background:#c88a1e1a;font-weight:600}.lg-links a{color:inherit;text-decoration:underline}.dz{padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) 120px;max-width:520px;margin:0 auto;color:var(--color-ink);font-family:var(--font-body)}.dz button{border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-align:inherit}.dz h1,.dz h2,.dz h3,.dz h4,.dz h5{font-family:var(--font-display);margin:0;font-weight:700}.dz p{margin:0}.dz .s{font-size:var(--text-s)}.dz .xs{font-size:var(--text-xs)}.dz .muted{color:var(--color-mute)}.dz .num{font-variant-numeric:tabular-nums}.dz svg{width:20px;height:20px;flex:none}.dz .live{width:8px;height:8px;border-radius:50%;background:var(--color-ok);display:inline-block}.dz .qr{width:64px;height:64px;border-radius:var(--radius-s);background:var(--color-surface);flex:none;display:grid;place-items:center;color:var(--color-ink)}.dz .qr svg{width:56px;height:56px}.dz .botrow{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px dashed var(--color-rule)}.dz .botrow:last-child{border:0}.dz .botrow .seg{align-self:flex-start}.dz .err{color:var(--color-bad);font-size:var(--text-s);margin:var(--space-2) 2px}.dz .rules-ro{font-size:var(--text-s)}.dz .hdr{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.dz .logo{width:36px;height:36px;border-radius:var(--radius-s);background:var(--color-brand);color:var(--color-on-strong);display:grid;place-items:center;font:800 var(--text-l) var(--font-display)}.dz .brand{font:800 var(--text-l) var(--font-display);flex:1}.dz .ib{width:44px;height:44px;border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-rule);display:grid;place-items:center;flex:none;color:var(--color-ink)}.dz .ib svg{width:20px;height:20px}.dz .top{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.dz .top h1{font-size:var(--text-xl);flex:1}.dz .sub{font-size:var(--text-s);color:var(--color-mute);margin:calc(var(--space-3)*-1) 0 var(--space-4) 56px;line-height:1.4}.dz .hero{background:var(--color-brand);color:var(--color-on-strong);border-radius:var(--radius-l);padding:var(--space-5);margin-bottom:var(--space-3);position:relative;overflow:hidden}.dz .hero h2{font-size:var(--text-3xl);line-height:1.02;font-weight:800;max-width:11ch}.dz .hero p{font-size:var(--text-m);line-height:1.45;margin:var(--space-2) 0 var(--space-4);max-width:28ch;opacity:.92}.dz .hero .fan .tile{--w:32px;margin-left:-8px}.dz .hero .acts2{display:flex;gap:var(--space-2)}.dz .hero .acts2 .pill{flex:1}.dz .box{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-rule);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2)}.dz .box.soft{background:var(--color-paper-2);box-shadow:none}.dz .box.gold{background:color-mix(in oklch,var(--color-gold) 22%,var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-gold) 60%,var(--color-surface))}.dz .box.info{background:color-mix(in oklch,var(--color-info) 10%,var(--color-surface));box-shadow:none}.dz .row{display:flex;align-items:center;gap:var(--space-3)}.dz .sec{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;color:var(--color-mute);margin:var(--space-5) 2px var(--space-2);display:flex;justify-content:space-between;align-items:center;text-transform:uppercase}.dz .sec button{text-transform:none;letter-spacing:0;font-size:var(--text-s);font-weight:700;color:var(--color-brand)}.dz .item{width:100%;text-align:left;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-rule);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);min-height:64px;transition:transform .12s var(--ease)}.dz .item:active{transform:scale(.985)}.dz .ic{width:44px;height:44px;border-radius:var(--radius-s);display:grid;place-items:center;flex:none;background:var(--color-paper-2);color:var(--color-brand)}.dz .ic.p{background:color-mix(in oklch,var(--color-primary) 14%,var(--color-surface));color:var(--color-primary)}.dz .ic.g{background:color-mix(in oklch,var(--color-gold) 28%,var(--color-surface));color:var(--color-gold-deep)}.dz .ic.i{background:color-mix(in oklch,var(--color-info) 12%,var(--color-surface));color:var(--color-info)}.dz .item h4{font-size:var(--text-m)}.dz .item p{font-size:var(--text-s);color:var(--color-mute);margin-top:2px;line-height:1.35}.dz .item>div:not(.ic){flex:1;min-width:0}.dz .chev{color:var(--color-mute)}.dz .new{display:inline-flex;align-items:center;height:20px;background:var(--color-brand);color:var(--color-on-strong);font:700 11px var(--font-body);padding:0 var(--space-2);border-radius:var(--radius-pill);margin-left:var(--space-2);vertical-align:2px}.dz .new.gold{background:var(--color-gold);color:var(--color-ink)}.dz .duo{display:flex;gap:var(--space-2)}.dz .duo .item{flex:1;flex-direction:column;align-items:flex-start;padding:var(--space-3)}.dz .lbl{font-size:var(--text-s);font-weight:600;margin:var(--space-1) 2px var(--space-2)}.dz .inp{width:100%;height:50px;background:var(--color-surface);border:0;box-shadow:inset 0 0 0 1.5px var(--color-rule);border-radius:var(--radius-s);padding:0 var(--space-4);font:500 var(--text-m) var(--font-body);color:var(--color-ink);margin-bottom:var(--space-3);outline:none}.dz textarea.inp{height:auto;padding:var(--space-3) var(--space-4);resize:none}.dz .inp:focus{box-shadow:inset 0 0 0 2px var(--color-focus)}.dz .inp::placeholder{color:var(--color-mute)}.dz .seg{display:inline-flex;background:var(--color-paper-2);border-radius:var(--radius-m);padding:var(--space-1);flex:none}.dz .seg button{height:36px;padding:0 var(--space-3);border-radius:var(--radius-s);font-size:var(--text-s);font-weight:600;color:var(--color-mute);white-space:nowrap}.dz .seg .on{background:var(--color-surface);color:var(--color-ink);box-shadow:0 1px 3px var(--color-shadow)}.dz .seg.wide{display:flex}.dz .seg.wide button{flex:1;height:44px;font-size:var(--text-m)}.dz .opt{width:100%;text-align:left;background:var(--color-surface);box-shadow:inset 0 0 0 1.5px var(--color-rule);border-radius:var(--radius-m);padding:var(--space-3);display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-2)}.dz .opt.on{box-shadow:inset 0 0 0 2px var(--color-primary);background:color-mix(in oklch,var(--color-primary) 6%,var(--color-surface))}.dz .opt h5{font-size:var(--text-m)}.dz .opt p{font-size:var(--text-s);color:var(--color-mute);margin-top:2px;line-height:1.35}.dz .opt>div:not(.radio):not(.hz){flex:1;min-width:0}.dz .opt>svg{color:var(--color-mute)}.dz .opt.on>svg{color:var(--color-primary)}.dz .radio{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--color-rule);margin-left:auto;flex:none}.dz .opt.on .radio{box-shadow:inset 0 0 0 7px var(--color-primary)}.dz .mode{display:flex;gap:var(--space-2)}.dz .mode .opt{flex:1;flex-direction:column;align-items:flex-start}.dz .hz{width:36px;height:36px;border-radius:var(--radius-s);background:var(--color-paper-2);color:var(--color-mute);display:grid;place-items:center;font-family:var(--font-cjk);font-weight:900}.dz .opt.on .hz{background:var(--color-primary);color:var(--color-on-strong)}.dz .set{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 2px;border-bottom:1px solid var(--color-rule);font-size:var(--text-m);font-weight:600;min-height:56px}.dz .box>.set:last-child{border-bottom:0}.dz .set small{display:block;color:var(--color-mute);font-weight:400;font-size:var(--text-xs);margin-top:2px;line-height:1.35}.dz .tog{width:48px;height:28px;border-radius:var(--radius-pill);background:var(--color-rule);position:relative;flex:none}.dz .tog:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--color-surface);box-shadow:0 1px 3px var(--color-shadow);transition:transform .16s var(--ease)}.dz .tog.on{background:var(--color-brand)}.dz .tog.on:after{transform:translate(20px)}.dz select.dd{background:var(--color-paper-2);border:0;border-radius:var(--radius-s);height:40px;padding:0 var(--space-3);font:600 var(--text-s) var(--font-body);color:var(--color-ink);flex:none}.dz input[type=range]{accent-color:var(--color-brand);width:140px}.dz .foot{position:fixed;left:0;right:0;margin:0 auto;max-width:520px;bottom:0;padding:var(--space-4) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--color-paper) 24%);z-index:5}.dz .cta{width:100%;height:58px;border-radius:var(--radius-m);background:var(--color-primary);color:var(--color-on-strong);font:700 var(--text-l) var(--font-body);display:flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:0 4px 0 var(--color-primary-deep);transition:transform .12s var(--ease),box-shadow .12s var(--ease)}.dz .cta:active{transform:translateY(3px);box-shadow:0 1px 0 var(--color-primary-deep)}.dz .cta.g{background:var(--color-brand);box-shadow:0 4px 0 var(--color-brand-deep)}.dz .cta.wait{background:var(--color-paper-2);color:var(--color-mute);box-shadow:none}.dz .cta.y{background:var(--color-gold);color:var(--color-ink);box-shadow:0 4px 0 var(--color-gold-deep)}.dz .btn2{height:44px;border-radius:var(--radius-s);padding:0 var(--space-4);font-weight:700;background:var(--color-surface);box-shadow:inset 0 0 0 1.5px var(--color-rule),0 3px 0 var(--color-rule);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap}.dz .pill{height:52px;padding:0 var(--space-5);border-radius:var(--radius-m);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:700 var(--text-m) var(--font-body);color:var(--color-on-strong);background:var(--color-primary);box-shadow:0 4px 0 var(--color-primary-deep);white-space:nowrap}.dz .pill:active{transform:translateY(3px);box-shadow:0 1px 0 var(--color-primary-deep)}.dz .pill.g{background:var(--color-brand);box-shadow:0 4px 0 var(--color-brand-deep)}.dz .pill.off{background:var(--color-paper-2);color:var(--color-mute);box-shadow:none}.dz .tbtn{color:var(--color-brand);font-weight:700;height:44px;padding:0 var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1)}.dz .code{background:var(--color-brand);border-radius:var(--radius-l);padding:var(--space-4);color:var(--color-on-strong);text-align:center}.dz .code small{font-size:var(--text-xs);letter-spacing:.12em;font-weight:700;opacity:.85}.dz .letters{display:flex;justify-content:center;gap:var(--space-2);margin:var(--space-3) 0}.dz .letters span{width:48px;height:58px;background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-s);display:grid;place-items:center;font:800 var(--text-2xl) var(--font-display);box-shadow:0 4px 0 var(--color-brand-deep)}.dz .share{display:flex;gap:var(--space-2)}.dz .share .pill{flex:1}.dz .seat{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px dashed var(--color-rule);font-weight:600;min-height:60px}.dz .seat:last-child{border:0}.dz .seat small{color:var(--color-mute);font-weight:400}.dz .av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:800 var(--text-m) var(--font-display);background:var(--av,var(--color-paper-2));color:var(--color-on-strong);flex:none}.dz .av.empty{background:var(--color-paper-2);color:var(--color-mute)}.dz .addbot{margin-left:auto;background:color-mix(in oklch,var(--color-brand) 10%,var(--color-surface));color:var(--color-brand-deep);border-radius:var(--radius-s);height:40px;padding:0 var(--space-3);font-size:var(--text-s);font-weight:700;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.dz .chip{display:inline-flex;align-items:center;gap:var(--space-1);height:24px;background:var(--color-paper-2);border-radius:var(--radius-pill);padding:0 var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--color-ink);margin:var(--space-1) var(--space-1) 0 0;white-space:nowrap}.dz .chip.g{background:color-mix(in oklch,var(--color-ok) 14%,var(--color-surface));color:var(--color-ok)}.dz .chip svg{width:14px;height:14px}.dz .tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-3);background:var(--color-paper-2);padding:var(--space-1);border-radius:var(--radius-m)}.dz .tabs button{flex:1;height:40px;border-radius:var(--radius-s);font-weight:600;font-size:var(--text-s);color:var(--color-mute);white-space:nowrap}.dz .tabs .on{background:var(--color-surface);color:var(--color-ink);box-shadow:0 1px 3px var(--color-shadow)}.dz .sheet h3{font-size:var(--text-xl);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.dz .sheet .p{color:var(--color-mute);font-size:var(--text-s);line-height:1.45;margin-bottom:var(--space-3)}.dz .grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.dz .grid2 button{min-height:52px;border-radius:var(--radius-m);background:var(--color-surface);box-shadow:inset 0 0 0 1.5px var(--color-rule);font-weight:600;font-size:var(--text-s);display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2)}.dz .grid2 button.on{box-shadow:inset 0 0 0 2px var(--color-primary);background:color-mix(in oklch,var(--color-primary) 6%,var(--color-surface))}.dz .hero .fan{display:flex;justify-content:flex-end;margin:-6px -4px var(--space-2) 0;transform:rotate(-6deg)}.dz .hero .fan .tile{margin-left:-8px}.dz .acts2{display:flex;gap:var(--space-2)}.dz .acts2 .pill{flex:1}.dz .soft{background:var(--color-paper-2);box-shadow:none}.dz .dd{background:var(--color-paper-2);border:0;border-radius:var(--radius-s);height:40px;padding:0 var(--space-3);font:600 var(--text-s) var(--font-body);color:var(--color-ink);flex:none}.dz .cta.wait,.dz .wait{background:var(--color-paper-2);color:var(--color-mute);box-shadow:none}.dz .cta.sm{height:44px;font-size:var(--text-m)}.dz .pill.w{background:var(--color-surface);color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-rule),0 3px 0 var(--color-rule)}.dz .pill.on-brand{background:var(--color-surface);color:var(--color-brand-deep);box-shadow:0 4px 0 var(--color-brand-deep)}.dz .pill.ghost{background:transparent;color:var(--color-on-strong);box-shadow:inset 0 0 0 1.5px color-mix(in oklch,var(--color-on-strong) 55%,transparent)}.dz .seat .w{margin-left:auto;font-size:var(--text-s);color:var(--color-ok);display:inline-flex;gap:4px;align-items:center}.dz .room{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-rule);border-radius:var(--radius-m);padding:var(--space-3);margin-bottom:var(--space-2);display:flex;gap:var(--space-3);align-items:center}.dz .room>div:nth-child(2){flex:1;min-width:0}.dz .kv{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-m);gap:var(--space-3)}.dz .kv b{font-weight:600;text-align:right}.dz a.pill{text-decoration:none}