:root{--lacquer: var(--ld-bg);--lacquer-2: var(--ld-bg-2);--ivory: #f2e8d2;--chalk: var(--ld-ink);--fog: var(--ld-muted);--accent: var(--ld-signal);--gold: var(--ld-accent);--hot: #ff5a3c;--glass: rgba(var(--ld-shade), .62);--glass-2: rgba(var(--ld-shade), .82);--hair: var(--ld-line);--hair-2: var(--ld-line-2);--shadow: 0 18px 60px rgba(0, 0, 0, .55);--serif: "Marcellus", "Cormorant Garamond", "Songti SC", Georgia, serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "Chivo Mono", ui-monospace, "SF Mono", Menlo, monospace}:root{--ld-bg: #0b1311;--ld-shade: 5, 10, 9;--ld-bg-2: #101c18;--ld-surface: rgba(14, 25, 21, .76);--ld-surface-solid: #14231e;--ld-line: rgba(240, 228, 200, .14);--ld-line-2: rgba(240, 228, 200, .3);--ld-ink: #f4ecd9;--ld-muted: #b0bcb3;--ld-accent: #e6b35c;--ld-accent-hover: #f3c877;--ld-accent-ink: #1c1409;--ld-accent-soft: rgba(230, 179, 92, .16);--ld-signal: #6ad8ab;--ld-glow: #ffb561;--ld-paper: #f7f1e3;--ld-paper-2: #eee6d1;--ld-paper-ink: #1d2a24;--ld-paper-muted: #536259;--ld-paper-line: #d7cbb0;--ld-paper-accent: #1f5a47;--ld-paper-accent-ink: #fbf6ea;--ld-rack: #6e4a2e;--ld-rack-2: #4b311d;--ld-rack-edge: #2e1d11;--ld-accent-rgb: 230, 179, 92;--ld-signal-rgb: 106, 216, 171;--ld-panel-rgb: 20, 35, 30;--ld-tile-back: #1e6b52;--ld-on-picture: #fff8ea;--ld-radius: 14px;--ld-radius-lg: 22px;--ld-ease: cubic-bezier(.2, .7, .2, 1);--ld-gutter: clamp(18px, 4vw, 56px)}*{box-sizing:border-box}.ld-brand{display:inline-flex;align-items:center;gap:12px;color:var(--ld-on-picture);text-decoration:none;min-height:44px}.ld-mark{width:36px;height:38px;flex:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.ld-wordmark{font:400 26px/1 var(--serif);letter-spacing:.04em;text-shadow:0 1px 18px rgba(var(--ld-shade),.6)}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--lacquer);color:var(--chalk);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#stage:active{cursor:grabbing}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}#ui button,#ui .card,#ui .hud{pointer-events:auto}#ui:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#0000 42%,#0000006b);mix-blend-mode:multiply}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hud{position:absolute;left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px 16px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fog);pointer-events:none}.hud[hidden]{display:none}.hud>*{pointer-events:auto}.hud-top{top:0;justify-content:space-between;background:linear-gradient(to bottom,rgba(var(--ld-shade),.82),rgba(var(--ld-shade),0));padding-bottom:28px}.hud-bottom{bottom:0;justify-content:center;background:linear-gradient(to top,rgba(var(--ld-shade),.8),rgba(var(--ld-shade),0));padding-top:30px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.hud-group{display:flex;align-items:center;gap:10px;min-width:0}.hud-group.stats{gap:22px}.hud-group.right{justify-content:flex-end}.board-now{display:flex;flex-direction:column;gap:2px;min-width:0}.board-now b{font-family:var(--serif);font-size:15px;letter-spacing:.16em;color:var(--chalk);white-space:nowrap}.board-now span{font-size:10px;color:var(--fog)}.stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:62px}.stat label{font-size:9px;opacity:.65}.stat b{font-size:17px;color:var(--chalk);font-variant-numeric:tabular-nums;letter-spacing:.02em}.stat.combo b{color:var(--fog);transition:color .2s}.stat.combo.hot b{color:var(--gold);text-shadow:0 0 14px rgba(var(--ld-accent-rgb),.7)}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--hair);background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--chalk);font:inherit;font-size:10px;letter-spacing:.12em;padding:7px 12px;border-radius:999px;cursor:pointer;transition:border-color .18s,color .18s,background .18s,transform .1s;white-space:nowrap}.chip:hover{border-color:var(--hair-2);background:rgba(var(--ld-panel-rgb),.8)}.chip:active{transform:translateY(1px)}.chip.off{color:var(--fog);opacity:.7}.chip.on{color:var(--accent);border-color:rgba(var(--ld-signal-rgb),.5)}.chip.seed{font-variant-numeric:tabular-nums;letter-spacing:.22em;color:var(--gold);border-color:rgba(var(--ld-accent-rgb),.3)}.chip.seed.flash{color:var(--accent);border-color:var(--accent)}.actions{display:flex;align-items:center;gap:8px;padding:6px;border-radius:18px;border:1px solid var(--hair);background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow)}.act{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--chalk);font:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;border-radius:12px;cursor:pointer;transition:background .16s,color .16s,border-color .16s,transform .1s}.act b{font-size:11px;letter-spacing:.12em}.act span{font-size:9px;color:var(--fog);letter-spacing:.1em}.act:hover:not(:disabled){background:#f2e8d212;border-color:var(--hair)}.act:active:not(:disabled){transform:translateY(1px)}.act:disabled{opacity:.32;cursor:default}.act.primary{background:linear-gradient(180deg,rgba(var(--ld-signal-rgb),.2),rgba(var(--ld-signal-rgb),.08));border-color:rgba(var(--ld-signal-rgb),.4);color:var(--chalk)}.act.primary b{color:var(--accent)}.hint-line{position:absolute;left:50%;bottom:96px;transform:translate(-50%) translateY(8px);font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fog);opacity:0;transition:opacity .6s,transform .6s;pointer-events:none;text-align:center;padding:0 16px;white-space:nowrap}.coach{position:absolute;left:50%;bottom:104px;transform:translate(-50%) translateY(10px);max-width:min(520px,calc(100vw - 40px));padding:12px 18px 12px 16px;border-radius:14px;border:1px solid rgba(var(--ld-accent-rgb),.34);border-left:3px solid var(--gold);background:linear-gradient(180deg,#261e0ef0,#141008f0);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 44px #00000080;color:var(--chalk);font-size:13.5px;line-height:1.5;text-align:left;opacity:0;pointer-events:none;transition:opacity .34s ease,transform .34s cubic-bezier(.2,1.3,.4,1);z-index:5}.coach.show{opacity:1;transform:translate(-50%) translateY(0)}#ui:has(.coach.show) .hint-line.show{opacity:0}.first-time{display:none;margin:22px 0 -6px;padding:12px 16px;border-radius:14px;border:1px solid rgba(var(--ld-accent-rgb),.28);border-left:3px solid var(--gold);background:#261e0e80;font-size:13px;line-height:1.55;color:#f2e8d2d1}.first-time.show{display:block}.first-time b{color:var(--chalk)}.hint-line.show{opacity:.85;transform:translate(-50%) translateY(0)}#toasts{position:absolute;left:50%;top:84px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:4}.toast{display:flex;align-items:baseline;gap:10px;padding:7px 16px;border-radius:999px;border:1px solid var(--hair);background:var(--glass-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--mono);font-size:11px;letter-spacing:.1em;opacity:0;transform:translateY(-10px) scale(.96);transition:opacity .28s ease,transform .28s cubic-bezier(.2,1.4,.4,1);white-space:nowrap}.toast.in{opacity:1;transform:translateY(0) scale(1)}.toast b{color:var(--chalk)}.toast span{font-size:9px;color:var(--fog)}.toast.good b{color:var(--accent)}.toast.bad b{color:var(--hot)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:flex-start;justify-content:center;padding:24px;overflow:auto;background:radial-gradient(ellipse at 50% 40%,rgba(var(--ld-shade),.72),rgba(var(--ld-shade),.94));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:6;pointer-events:auto}.overlay.show{display:flex;animation:fade .32s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.card{width:min(760px,100%);margin:auto;border-radius:22px;border:1px solid var(--hair);background:linear-gradient(180deg,rgba(var(--ld-panel-rgb),.94),rgba(var(--ld-shade),.96));box-shadow:var(--shadow);padding:30px 32px 28px;animation:rise .42s cubic-bezier(.2,1,.3,1)}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.kicker{font-family:var(--mono);font-size:10px;letter-spacing:.34em;color:var(--gold);text-transform:uppercase}.card h1{font-family:var(--serif);font-size:clamp(38px,7vw,66px);line-height:.98;margin:10px 0 12px;letter-spacing:.06em;background:linear-gradient(180deg,#fff8e6,#d8c69a 62%,#a98a4b);-webkit-background-clip:text;background-clip:text;color:transparent}.card h2{font-family:var(--serif);font-size:clamp(22px,3.4vw,32px);margin:8px 0 14px;letter-spacing:.03em;color:var(--chalk)}.lede{font-size:14px;line-height:1.6;color:#f2e8d2bd;margin:0 0 22px;max-width:58ch}.section-label{font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--fog);margin:22px 0 10px}.board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.board-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:14px;text-align:left;padding:12px 14px;border-radius:16px;border:1px solid var(--hair);background:rgba(var(--ld-shade),.6);color:var(--chalk);font:inherit;cursor:pointer;transition:border-color .18s,background .18s,transform .12s}.board-card:hover{border-color:var(--hair-2);transform:translateY(-1px)}.board-card.on{border-color:rgba(var(--ld-signal-rgb),.65);background:rgba(var(--ld-panel-rgb),.66);box-shadow:0 0 0 1px rgba(var(--ld-signal-rgb),.25),0 10px 30px #0006}.board-art{flex:0 0 auto;display:grid;place-items:center;width:96px;height:96px;flex:0 0 96px;border-radius:12px;background:radial-gradient(circle at 50% 45%,rgba(var(--ld-signal-rgb),.09),transparent 70%)}.thumb{display:block}.thumb rect{fill:var(--ld-signal)}.board-meta{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.board-meta b{font-family:var(--serif);font-size:15px;letter-spacing:.12em}.board-meta em{font-style:normal;font-size:11.5px;line-height:1.45;color:#f2e8d299}.tier{font-size:10px;letter-spacing:.3em;color:var(--gold)}.seg-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.seg{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;border:1px solid var(--hair);background:rgba(var(--ld-shade),.6);color:var(--chalk);font:inherit;text-align:left;cursor:pointer;transition:border-color .18s,background .18s}.seg b{font-family:var(--mono);font-size:11px;letter-spacing:.18em}.seg em{font-style:normal;font-size:11px;line-height:1.4;color:#f2e8d28c}.seg.on{border-color:rgba(var(--ld-signal-rgb),.6);background:rgba(var(--ld-panel-rgb),.6)}.seg.on b{color:var(--accent)}.start-actions,.win-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.big{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-family:var(--mono);font-size:11px;letter-spacing:.2em;padding:14px 24px;border-radius:14px;border:1px solid var(--hair);background:#f2e8d20d;color:var(--chalk);cursor:pointer;transition:transform .12s,background .18s,border-color .18s,box-shadow .18s}.big:hover{background:#f2e8d21a;border-color:var(--hair-2)}.big:active{transform:translateY(1px)}.big.primary{background:linear-gradient(180deg,var(--ld-accent-hover),var(--ld-accent));border-color:#fff0cd80;color:var(--ld-accent-ink);font-weight:700;box-shadow:0 10px 34px rgba(var(--ld-accent-rgb),.28),inset 0 1px #ffffff59}.big.primary:hover{background:linear-gradient(180deg,#fff0c4,var(--ld-accent-hover));box-shadow:0 12px 40px rgba(var(--ld-accent-rgb),.4),inset 0 1px #fff6}.big.ghost{background:transparent}.stats-line{margin:22px 0 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--fog);line-height:1.7}.rules{list-style:none;counter-reset:rule;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.rules li{counter-increment:rule;position:relative;padding-left:42px;font-size:13.5px;line-height:1.6;color:#f2e8d2b8}.rules li:before{content:counter(rule);position:absolute;left:0;top:-2px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(var(--ld-signal-rgb),.45);color:var(--accent);font-family:var(--mono);font-size:11px}.rules li b{display:block;color:var(--chalk);font-size:14.5px;margin-bottom:3px;font-weight:600}.rules li span{display:block}.free-diagram{margin:12px 0 4px;display:block}.free-diagram .pinned{fill:#8c9a9229;stroke:#8c9a9266}.free-diagram .free{fill:rgba(var(--ld-signal-rgb),.24);stroke:var(--accent)}.free-label{font:600 16px var(--mono);fill:var(--accent)}.legend{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 4px}.legend-pair{display:flex;align-items:center;gap:5px;padding:6px 12px 6px 7px;border-radius:12px;border:1px solid var(--hair);background:rgba(var(--ld-shade),.55)}.legend-pair img{border-radius:5px;display:block}.legend-pair:first-child img{margin-right:1px}.legend-pair span{margin-left:6px;font-size:11px;color:#f2e8d29e}.keys{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--fog)}.keys span{padding:6px 10px;border-radius:9px;border:1px solid var(--hair);background:rgba(var(--ld-shade),.5)}.keys b{color:var(--chalk)}#btn-help-close{margin-top:24px}.win-card{text-align:center}.win-card h2{margin-bottom:4px}.big-time{font-family:var(--mono);font-size:clamp(46px,10vw,78px);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--chalk);line-height:1.05;margin:6px 0;text-shadow:0 0 44px rgba(var(--ld-signal-rgb),.32)}.record{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--ld-accent-ink);background:linear-gradient(180deg,var(--ld-accent-hover),var(--ld-accent));padding:6px 16px;border-radius:999px;margin-bottom:6px}.previous{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--fog)}.win-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:26px 0 0}.win-stats>div{display:flex;flex-direction:column;gap:5px;padding:14px 8px;border-radius:14px;border:1px solid var(--hair);background:rgba(var(--ld-shade),.5)}.win-stats label{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--fog)}.win-stats b{font-family:var(--mono);font-size:19px;color:var(--chalk);font-variant-numeric:tabular-nums}.win-actions{justify-content:center}.stuck-card{text-align:center;max-width:560px}.stuck-card .lede{margin-left:auto;margin-right:auto}@media(max-width:720px){.hud{padding:10px 12px;gap:8px}.hud-top{flex-wrap:wrap;row-gap:8px}.board-now{display:none}.hud-group.stats{gap:12px}.stat{min-width:54px}.stat b{font-size:15px}.hud-group.right .chip:not(.seed){display:none}.act{padding:8px 10px}.act b{font-size:10px;letter-spacing:.06em}.act span{font-size:8px}.board-grid,.seg-row{grid-template-columns:1fr}.card{padding:24px 20px 22px;border-radius:18px}.win-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hint-line{bottom:84px}.coach{bottom:96px;font-size:12.5px;padding:10px 14px 10px 13px}}@media(max-width:480px){.section-label{margin:16px 0 8px}.big{width:100%;text-align:center}.actions{width:100%;justify-content:space-between}.act{flex:1 1 0}}@media(prefers-reduced-motion:reduce){.card,.overlay.show,.toast,.toast.in{animation:none;transition:none}}.mj{pointer-events:none}.mj .mj-hud{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:clamp(12px,2.4vh,20px) clamp(12px,3vw,34px) clamp(13px,2.4vh,24px)}.mj .mj-hud:before{content:"";position:absolute;inset:0 0 auto 0;height:30%;background:linear-gradient(to bottom,rgba(var(--ld-shade),.82),transparent);pointer-events:none;z-index:-1}.mj .mj-seats{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.mj .mj-seat{pointer-events:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:baseline;gap:4px 10px;padding:9px 15px;border-radius:14px;border:1px solid var(--hair);background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow);transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}.mj .mj-wind{font-family:var(--serif);font-size:15px;letter-spacing:.1em;color:var(--gold)}.mj .mj-name{font-size:13px;color:var(--chalk);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mj .mj-score{font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--chalk)}.mj .mj-sticks{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--hot)}.mj .mj-seat.is-turn{border-color:rgba(var(--ld-signal-rgb),.55);background:linear-gradient(180deg,rgba(var(--ld-signal-rgb),.14),rgba(var(--ld-signal-rgb),.05));box-shadow:var(--shadow),0 0 22px rgba(var(--ld-signal-rgb),.18)}.mj .mj-seat.is-you{border-color:var(--hair-2);background:var(--glass-2)}.mj .mj-seat.is-riichi .mj-sticks{color:var(--gold)}.mj .mj-seat.is-away{opacity:.55}.mj .mj-seat.is-away .mj-name{text-decoration:line-through;text-decoration-color:var(--hair-2)}.mj .mj-bottom{display:flex;flex-direction:column;align-items:center;gap:12px}.mj .mj-bottom:after{content:"";position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(to top,rgba(var(--ld-shade),.72),transparent);pointer-events:none;z-index:-1}.mj .mj-message{margin:0 auto;max-width:46ch;text-align:center;font-family:var(--serif);font-size:clamp(15px,1.8vw,21px);line-height:1.35;color:var(--chalk);text-shadow:0 2px 16px rgba(0,0,0,.85)}.mj .mj-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:6px;border-radius:18px;border:1px solid var(--hair);background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow)}.mj .mj-actions:empty{display:none}.mj .mj-btn{pointer-events:auto;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:11px 18px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--chalk);cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .1s}.mj .mj-btn:hover{background:#f2e8d212;border-color:var(--hair)}.mj .mj-btn:active{transform:translateY(1px)}.mj .mj-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mj .mj-btn--primary{background:linear-gradient(180deg,var(--ld-accent-hover),var(--ld-accent));border-color:#fff0cd80;color:var(--ld-accent-ink);font-weight:700;box-shadow:0 10px 30px rgba(var(--ld-accent-rgb),.26),inset 0 1px #ffffff59}.mj .mj-btn--primary:hover{background:linear-gradient(180deg,#fff0c4,var(--ld-accent-hover));box-shadow:0 12px 36px rgba(var(--ld-accent-rgb),.36),inset 0 1px #fff6}.mj .mj-btn--claim{background:linear-gradient(180deg,rgba(var(--ld-accent-rgb),.2),rgba(var(--ld-accent-rgb),.08));border-color:rgba(var(--ld-accent-rgb),.5);color:var(--chalk)}.mj .mj-btn--claim:hover{border-color:var(--gold)}.mj .mj-btn--ghost{background:transparent;border-color:var(--hair);color:var(--fog)}.mj .mj-btn--ghost:hover{color:var(--chalk);border-color:var(--hair-2)}@media(max-width:620px){.mj .mj-seats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mj .mj-seat{padding:7px 11px;gap:2px 7px}.mj .mj-wind{font-size:13px}.mj .mj-name{font-size:12px}.mj .mj-score{font-size:11px}.mj .mj-message{font-size:15px}.mj .mj-btn{font-size:10px;padding:10px 14px;letter-spacing:.1em}}@media(max-width:400px){.mj .mj-seats{grid-template-columns:1fr}.mj .mj-seat{grid-template-columns:auto 1fr auto auto}}@media(prefers-reduced-motion:reduce){.mj .mj-seat,.mj .mj-btn{transition:none}.mj .mj-btn:active{transform:none}}.mj a.mj-btn{text-decoration:none;display:inline-flex;align-items:center}.mj .mj-diag{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:18px 20px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--ld-ink);background:rgba(var(--ld-shade),.92);pointer-events:auto}.other-mode{margin:14px 0 0;font-size:13px;opacity:.78;text-align:center}.other-mode a{color:var(--ld-accent);text-underline-offset:3px}.mj .mj-settings{position:absolute;right:clamp(12px,3vw,30px);bottom:clamp(12px,3vh,24px);display:flex;gap:8px}.mj .mj-sound{font-size:12px;padding:7px 14px;opacity:.7}.mj .mj-result-host{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(var(--ld-shade),.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;animation:mj-rise .22s ease-out}@keyframes mj-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.mj .mj-result{width:min(760px,100%);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:clamp(16px,3vw,28px);border-radius:18px;background:rgba(var(--ld-shade),.94);border:1px solid rgba(var(--ld-signal-rgb),.25);box-shadow:0 24px 60px #00000080}.mj .mj-result-title{font-size:clamp(17px,2.4vw,23px);font-weight:700;letter-spacing:.01em}.mj .mj-result-hand{display:flex;flex-direction:column;gap:7px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.mj .mj-result-who{font-size:13px;letter-spacing:.06em;text-transform:uppercase;opacity:.72}.mj .mj-result-tiles{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.mj .mj-hand-row,.mj .mj-hand-meld{display:flex;gap:2px}.mj .mj-hand-meld{padding-right:8px;border-right:1px solid rgba(255,255,255,.14)}.mj .mj-face{border-radius:5px;box-shadow:0 2px 5px #00000059}.mj .mj-result-yaku{display:flex;flex-wrap:wrap;gap:6px}.mj .mj-yaku{font-size:12px;padding:3px 10px;border-radius:999px;background:rgba(var(--ld-signal-rgb),.13);border:1px solid rgba(var(--ld-signal-rgb),.3)}.mj .mj-result-total{font-size:clamp(15px,2vw,19px);font-weight:600;color:var(--accent, #6ee7a8)}.mj .mj-result-scores{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.mj .mj-score-chip{font-size:12px;padding:4px 11px;border-radius:999px;background:#ffffff0f;font-variant-numeric:tabular-nums}.mj .mj-score-chip.is-you{background:rgba(var(--ld-signal-rgb),.16)}.mj{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mj .mj-btn{min-height:44px;padding:12px 22px}@media(max-width:620px),(max-height:560px){.mj .mj-seats{gap:6px}.mj .mj-seat{padding:5px 9px;font-size:11px;gap:5px}.mj .mj-seat .mj-name{max-width:7ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mj .mj-actions{gap:7px;min-height:46px}.mj .mj-btn{font-size:13px;padding:11px 16px}.mj .mj-bottom{gap:8px}.mj .mj-message{font-size:13px}.mj .mj-settings{right:8px;bottom:8px}.mj .mj-sound{font-size:11px;padding:6px 10px}.mj .mj-result{padding:14px;gap:10px}.mj .mj-face{width:26px!important;height:26px!important}}.mj .mj-btn--primary{background:linear-gradient(180deg,var(--ld-accent-hover),var(--ld-accent));color:var(--ld-accent-ink);font-weight:700;border-color:#fff0cd80}.mj .mj-btn--primary:hover{background:linear-gradient(180deg,#fff0c4,var(--ld-accent-hover))}.mj input:focus-visible,.mj button:focus-visible,.mj a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mj .mj-table-identity{margin-top:8px;text-align:center;color:var(--fog);font:11px var(--mono);letter-spacing:.06em}.mj .mj-guide-trigger{z-index:2;position:absolute;left:12px;bottom:12px;font-size:12px;padding:8px 12px}.mj .mj-guide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:auto;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(var(--ld-shade),.9)}.mj .mj-guide-panel{width:min(640px,100%);max-height:100%;overflow-y:auto;background:var(--glass-2);border:1px solid var(--hair-2);border-radius:20px;padding:clamp(18px,3vw,30px);color:var(--chalk);box-shadow:var(--shadow);font-size:15px;line-height:1.55}.mj .mj-guide-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.mj .mj-guide-header h2{font:26px var(--serif);margin:0;color:var(--gold)}.mj .mj-guide-note{color:var(--accent);margin:16px 0}.mj .mj-guide-steps{padding-left:22px}.mj .mj-guide-steps li{margin:0 0 10px;padding-left:4px}.mj .mj-guide-terms{display:grid;grid-template-columns:100px 1fr;gap:10px 14px}.mj .mj-guide-terms dt{color:var(--gold)}.mj .mj-guide-terms dd{margin:0}.mj .mj-guide-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.mj .mj-guide-reminder{font-size:13px;color:var(--fog)}@media(max-width:620px){.mj .mj-guide{padding:10px}.mj .mj-guide-panel{border-radius:14px}.mj .mj-guide-terms{grid-template-columns:80px 1fr;gap:10px}.mj .mj-guide-trigger{left:8px;bottom:8px}}.mj .mj-american-notice{max-width:560px;margin:0 auto;padding:0 8px;color:var(--fog);font:12px/1.4 var(--sans)}@media(max-width:620px){.mj .mj-bottom{padding-bottom:44px}}