:root{--felt:#0f5132;--felt-dark:#0a3a24;--ink:#f3f6f4;--ink-soft:#c9d6cf;--tile-face:#fbf8ef;--tile-edge:#d8cfb5;--tile-shadow:#9c8f6c;--man:#b3261e;--pin:#1d4ed8;--sou:#15803d;--hatsu:#15803d;--chun:#c81e1e;--haku:#2563eb;--accent:#ffb400;--danger:#ef4444;--tw:min(46px, calc((100vw - 44px) / 8.9));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Hiragino Sans,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif}*{box-sizing:border-box}html,body{background:var(--felt-dark);min-height:100%;color:var(--ink);margin:0}body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{min-height:100vh}button{font:inherit;cursor:pointer}.screen{min-height:100vh;padding:12px 16px 24px}.tile{--w:34px;width:var(--w);height:calc(var(--w) * 59 / 33);-webkit-user-select:none;user-select:none;border-radius:calc(var(--w) * .1);flex:none;margin:1px;display:inline-block;position:relative}.tile img{pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.tile-sm{--w:24px}.tile-md{--w:32px}.tile-lg{--w:var(--tw)}.tile.sideways{width:calc(var(--w) * 44 / 33);height:calc(var(--w) * 49 / 33);align-self:flex-end}.tile.haku:after{content:"";pointer-events:none;border:2px solid #2563eb8c;border-radius:3px;position:absolute;inset:10% 14% 22%}.tile.highlight{outline:3px solid var(--accent);outline-offset:1px}.tile-wrap{flex-direction:column;align-items:center;display:inline-flex}.tile-cap{color:#93c5fd;white-space:nowrap;margin-top:2px;font-size:11px}.tile-row{flex-wrap:wrap;align-items:flex-end;display:inline-flex}.game{background:radial-gradient(ellipse at 50% 40%, #16704a 0%, var(--felt) 55%, var(--felt-dark) 100%);--tw:min(46px, calc((min(100vw, 640px) - 32px - var(--slots,8) * 2px) / (var(--slots,8) + .4)));--hand-w:calc((var(--tw) + 2px) * var(--slots,8) + var(--tw) * .3 + 4px);flex-direction:column;gap:10px;max-width:640px;margin:0 auto;display:flex}.topbar{color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:14px;display:flex}.btn-link{color:var(--ink-soft);background:0 0;border:none;padding:4px;text-decoration:underline}.opp-area{flex-direction:column;align-items:center;gap:8px;display:flex}.opp-hand{display:flex}.river{background:#0000002e;border-radius:8px;flex-wrap:wrap;align-content:flex-start;align-self:center;align-items:flex-end;padding:6px;display:flex}.game .river{width:177px;height:calc(var(--river-rows,3) * 45px + 12px)}.river .tile{margin:1px}.center{flex-direction:column;align-items:center;gap:6px;height:92px;display:flex}.center-slot{justify-content:center;align-items:center;height:62px;display:flex}.board-result{text-align:center;color:#93c5fd;background:#111827d9;border-radius:10px;padding:8px 18px;font-size:clamp(18px,5vw,26px);font-weight:900}.board-result-happy{color:#e11d48;background:#fff7d6}.board-result-neutral{color:#e5e7eb}.timer{align-items:center;gap:8px;width:100%;max-width:360px;display:flex}.timer.idle{visibility:hidden}.timer-label{color:var(--ink-soft);width:2.5em;font-size:12px}.timer-track{background:#00000059;border-radius:4px;flex:1;height:8px;overflow:hidden}.timer-fill{background:linear-gradient(90deg,#facc15,#fde68a);height:100%;display:block}.timer-secs{text-align:right;font-variant-numeric:tabular-nums;width:1.6em;font-size:20px;font-weight:800}.timer-secs.urgent{color:#fca5a5}.ron-target{color:var(--ink-soft);align-items:center;gap:10px;font-size:13px;display:flex}.notice{color:#fecaca;opacity:0;min-height:22px;font-weight:700;transition:opacity .15s}.notice.show{opacity:1}.actions{justify-content:center;align-items:center;gap:12px;height:48px;display:flex}.actions.actions-riichi{width:var(--hand-w);justify-content:flex-end;margin:0 auto}.actions-riichi .btn-win{min-width:0;width:max(calc(var(--tw) * 1.9), 72px);padding:10px 0}.hint{color:var(--ink-soft);font-size:13px}.btn{color:#111;background:#e5e7eb;border:none;border-radius:999px;padding:10px 22px;font-weight:800;box-shadow:0 3px #00000059}.btn:active{transform:translateY(2px);box-shadow:0 1px #00000059}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--accent)}.btn-riichi{background:#fef3c7;min-width:120px}.btn-riichi.active{background:var(--danger);color:#fff}.btn-win{background:var(--danger);color:#fff;min-width:110px}.btn-pass{min-width:110px}.hand{width:var(--hand-w);height:calc(var(--tw) * 59 / 33 + 28px);touch-action:none;justify-content:flex-start;align-items:flex-end;margin:0 auto;padding:10px 0 18px;display:flex}.game.frozen{min-height:auto}.game.frozen .hand,.game.frozen .actions,.game.frozen .topbar button{pointer-events:none}.hand .tile{cursor:pointer;touch-action:none;transition:transform 80ms}.hand .tile.movable{cursor:grab}.hand .tile.selectable:hover{transform:translateY(-6px)}.hand .tile.riichi-select{box-shadow:0 0 0 2px var(--danger), 0 calc(var(--w) * .08) 0 var(--tile-shadow)}.hand .tile.drawn-gap{margin-left:calc(var(--tw) * .3)}.hand .tile.pending{outline:3px solid var(--accent)}.hand .tile.dragging{z-index:10;opacity:.85;cursor:grabbing;transition:none}.hand .tile.drop-before{box-shadow:-4px 0 0 var(--accent), 0 calc(var(--w) * .08) 0 var(--tile-shadow)}.hand .tile.drop-after{box-shadow:4px 0 0 var(--accent), 0 calc(var(--w) * .08) 0 var(--tile-shadow)}.opening{background:radial-gradient(ellipse at 50% 20%, #16704a 0%, var(--felt-dark) 80%);justify-content:center;display:flex}.opening-card{flex-direction:column;gap:16px;width:100%;max-width:440px;padding-top:24px;display:flex}.logo{text-align:center}.logo .tile{--w:64px}.opening h1{text-align:center;letter-spacing:.06em;margin:0;font-size:30px}.opening h1 small{color:var(--ink-soft);letter-spacing:0;font-size:15px}.tagline{text-align:center;color:var(--ink);margin:0;font-size:15px}.rules{color:var(--ink-soft);background:#0003;border-radius:10px;margin:0;padding:10px 14px 10px 30px;font-size:14px;line-height:1.8}.setting{grid-template-columns:9em 1fr 3em;align-items:center;gap:10px;font-size:14px;display:grid}.setting.check{grid-template-columns:auto 1fr}.size-select{grid-template-columns:9em 1fr}.setting-note{color:var(--ink-soft);text-align:right;margin:-8px 0 0;font-size:12px}.segmented{border:1px solid #ffffff59;border-radius:999px;display:flex;overflow:hidden}.seg{color:var(--ink);background:0 0;border:none;flex:1;padding:8px 0;font-weight:700}.seg.active{background:var(--accent);color:#111}.setting output{text-align:right;font-weight:800}.setting input[type=range]{width:100%;accent-color:var(--accent)}.setting input[type=number]{width:5em;padding:4px 6px}details{background:#0003;border-radius:10px;padding:10px 14px}details summary{cursor:pointer;font-weight:700}details[open] summary{margin-bottom:10px}.advanced .setting{margin-top:8px}.btn-start{padding:14px;font-size:20px}.credit{text-align:center;color:var(--ink-soft);margin:0;font-size:12px}.credit a{color:var(--ink-soft)}.stats{background:#0003;border-radius:10px;flex-direction:column;padding:10px 14px 14px;display:flex}.stats h2{margin:0 0 10px;font-size:16px}.btn-clear{color:#7f1d1d;background:#fecaca;align-self:center;margin-top:4px}.stats dl{grid-template-columns:1fr auto;gap:4px 12px;margin:0 0 8px;font-size:14px;display:grid}.stats dt{color:var(--ink-soft)}.stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.end{justify-content:center;display:flex;position:relative;overflow:hidden}.end-happy{color:#1f2937;background:linear-gradient(160deg,#fff7d6 0%,#ffd6e7 50%,#d6f0ff 100%)}.end-sad{color:#d1d5db;background:linear-gradient(#1e2533 0%,#111827 100%)}.end-neutral{color:#e5e7eb;background:linear-gradient(#334155 0%,#1f2937 100%)}.end-card{z-index:1;flex-direction:column;gap:16px;width:100%;max-width:640px;padding-top:12px;display:flex;position:relative}.end-face{text-align:center;font-size:56px}.end-sad .end-face{animation:2.4s ease-in-out infinite droop}@keyframes droop{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(6px)rotate(-6deg)}}.end-title{text-align:center;margin:0;font-size:clamp(28px,8vw,48px);font-weight:900}.end-happy .end-title{color:#e11d48;animation:.6s cubic-bezier(.2,1.6,.4,1) both pop}.end-sad .end-title{color:#93c5fd}@keyframes pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.end-sub{text-align:center;opacity:.8;font-size:14px}.lead{text-align:center;margin:0;line-height:1.7}.label{opacity:.8;margin-bottom:4px;font-size:13px}.win-tile{flex-direction:column;align-items:center;display:flex}.win-tile .tile{--w:56px}.hand-block{flex-direction:column;align-items:flex-start;display:flex}.end-river{align-self:stretch;max-width:none}.decomp-list{flex-direction:column;gap:6px;display:flex}.decomp{flex-wrap:wrap;align-items:flex-start;gap:8px;display:inline-flex}.group{background:#7f7f7f26;border-radius:6px;align-items:flex-start;padding:2px 3px;display:inline-flex}.group-pair{background:#ffb4002e}.decomp-note{opacity:.85;align-self:center;font-size:12px}.end-happy .tile-cap{color:#1d4ed8}.waits{background:#7f7f7f24;border-radius:12px;padding:12px}.waits h3,.options h3{justify-content:space-between;align-items:baseline;margin:0 0 8px;font-size:16px;display:flex}.waits-sum{margin-left:8px;font-size:14px;font-weight:700}.waits-kinds{flex-wrap:wrap;margin-bottom:8px;display:flex}.waits-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wait-row{background:#7f7f7f1a;border-radius:8px;align-items:flex-start;gap:12px;padding:8px;display:flex}.wait-row.highlight-row{background:#ffb40040}.wait-head{flex-direction:column;align-items:center;gap:4px;min-width:52px;display:flex}.wait-remain{white-space:nowrap;font-size:12px;font-weight:700}.wait-decomps{flex-direction:column;gap:6px;min-width:0;display:flex}.options{flex-direction:column;gap:12px;display:flex}.option-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.tag{background:#7f7f7f4d;border-radius:999px;margin-right:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.tag-riichi{background:var(--danger);color:#fff}.tag-warn{color:#111;background:#f59e0b}.end-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding-top:8px;display:flex}.end-happy .btn-link{color:#374151}.tenpai-block{background:#7f7f7f24;border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.wait-tiles{flex-wrap:wrap;gap:2px;display:flex}.wait-count{flex-direction:column;align-items:center;margin-right:4px;display:inline-flex}.wait-count small{font-size:12px;font-weight:700}.tenpai-block.ideal{box-shadow:inset 4px 0 #4ade80}.review{color:#e5e7eb;background:#111827;justify-content:center;display:flex}.review-card{flex-direction:column;gap:14px;width:100%;max-width:680px;display:flex}.review h1{margin:8px 0 0;font-size:24px}.rv-summary{background:#1f2937;border-radius:10px;flex-direction:column;gap:6px;padding:12px;font-size:14px;display:flex}.rv-summary>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rv-label{color:#aab4c3;min-width:6.5em;font-size:12px;display:inline-block}.rv-turns{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rv-turn{background:#1f2937;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.rv-turn.warn{box-shadow:inset 4px 0 #f59e0b}.rv-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rv-discard{align-items:center;gap:4px;margin-left:auto;font-size:13px;display:inline-flex}.rv-line{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.wait-inline{flex-wrap:wrap;align-items:center;gap:2px;display:inline-flex}.wait-chip{align-items:flex-end;display:inline-flex}.wait-chip small{color:#cbd5e1;margin-right:4px;font-size:11px}.muted{color:#aab4c3}.mark{font-weight:800}.mark.good{color:#4ade80}.mark.bad{color:#f87171}