*,*:before,*:after{box-sizing:border-box}:root{--table: #1f6b4a;--table-dark: #14532d;--bg: #f4f5f7;--panel: #ffffff;--panel-sub: #fbfcfd;--line: #e4e7ec;--line-strong: #d5d9df;--text: #1b1e24;--text-sub: #5b6472;--text-muted: #8b94a1;--accent: #1f6b4a;--accent-ink: #ffffff;--ok: #1f7a4d;--ng: #c0392b;--warn-bg: #fff8e6;--warn-line: #f0dfae;--warn-ink: #7a5c12;--radius: 10px;--radius-lg: 14px;--tile-w: 40px;--shadow: 0 1px 3px rgba(0, 0, 0, .08);color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--table: #17573c;--table-dark: #0f3d2a;--bg: #14171c;--panel: #1c2027;--panel-sub: #21262e;--line: #2c323b;--line-strong: #3a414c;--text: #e8ebf0;--text-sub: #a5aebc;--text-muted: #7b8494;--accent: #2e8f66;--warn-bg: #2e2716;--warn-line: #4d431f;--warn-ink: #e0c885;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Hiragino Kaku Gothic ProN,Yu Gothic UI,Yu Gothic,Noto Sans JP,system-ui,sans-serif;font-size:14px;line-height:1.6;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;background:var(--panel);border-bottom:1px solid var(--line);padding:9px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.topbar__title{font-size:13px;font-weight:700}.topbar__meta{font-size:11.5px;color:var(--text-sub);display:flex;gap:10px;align-items:center}.screen{flex:1;padding:14px;max-width:1200px;width:100%;margin:0 auto}.cols{display:grid;gap:14px}@media (min-width: 1024px){:root{--tile-w: 58px}body{font-size:15px}.screen{padding:22px}.cols{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.cols--wide{grid-template-columns:minmax(0,1fr) 300px}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:13px 15px;box-shadow:var(--shadow)}.panel+.panel{margin-top:12px}.label{font-size:10.5px;font-weight:700;color:var(--text-sub);letter-spacing:.06em;margin:0 0 7px}.mat{background:var(--table);border-radius:var(--radius);padding:10px;display:flex;gap:2px;align-items:flex-end;flex-wrap:nowrap;min-height:calc(var(--tile-w) * 1.3636 + 20px)}.mat>.tile{flex:0 1 auto;min-width:0}.mat .tile-img{max-width:100%;height:auto;aspect-ratio:66 / 90}.mat--tight{gap:1px;padding:8px}.mat--wrap{flex-wrap:wrap}.mat--wrap>.tile{flex:0 0 auto}.mat__gap{width:10px;flex:0 0 auto}.tile{display:inline-block;padding:0;margin:0;border:0;background:none;line-height:0;border-radius:calc(var(--tile-w) * .11);transition:transform .12s ease,box-shadow .12s ease}.tile-img{display:block;width:var(--tile-w);height:auto;aspect-ratio:66 / 90;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}button.tile{cursor:pointer}button.tile:hover:not(:disabled){transform:translateY(-5px)}button.tile:disabled{cursor:default}.tile--dora{box-shadow:0 0 0 2px #f5c24b,0 0 10px 2px #f5c24bcc;animation:dora-pulse 1.6s ease-in-out infinite}.tile--aka{box-shadow:0 0 0 2px #ff7a5c,0 0 8px 1px #ff7a5cb3}.tile--win{box-shadow:0 0 0 2px #f5c24b,0 0 12px 3px #f5c24bd9}.tile--selected{transform:translateY(-7px);box-shadow:0 0 0 2.5px var(--accent)}@keyframes dora-pulse{0%,to{box-shadow:0 0 0 2px #f5c24b,0 0 6px 1px #f5c24b8c}50%{box-shadow:0 0 0 2px #f5c24b,0 0 13px 4px #f5c24bf2}}@media (prefers-reduced-motion: reduce){.tile,.tile--dora{animation:none;transition:none}}.btn{width:100%;border:0;border-radius:var(--radius);padding:13px;font-size:15px;font-weight:700;cursor:pointer;background:var(--accent);color:var(--accent-ink)}.btn:disabled{opacity:.45;cursor:default}.btn--ghost{background:transparent;color:var(--text-sub);border:1px solid var(--line-strong);font-size:13px;font-weight:600;padding:10px}.btn--inline{width:auto;padding:8px 16px;font-size:13px}.btn-row{display:flex;gap:8px;margin-top:10px}.btn-row .btn{flex:1}.actions{display:flex;flex-direction:column;gap:8px}.groups{display:flex;gap:8px;flex-wrap:wrap}.group{background:var(--panel-sub);border:1.5px solid var(--line-strong);border-radius:var(--radius);padding:6px 7px 5px;text-align:center}.group__tiles{display:flex;gap:1px;justify-content:center}.group__label{font-size:10.5px;color:var(--text-sub);margin-top:4px;font-weight:700}.group__fu{font-size:10.5px;color:var(--accent);font-weight:700}.notice{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink);border-radius:8px;padding:7px 10px;font-size:12.5px;margin-top:9px}.notice--error{background:color-mix(in srgb,var(--ng) 12%,transparent);border-color:color-mix(in srgb,var(--ng) 35%,transparent);color:var(--ng)}.yaku-row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0}.yaku-row+.yaku-row{border-top:1px dashed var(--line)}.yaku-row b{font-variant-numeric:tabular-nums}.indicators{display:flex;gap:4px;flex-wrap:wrap}.yaku-note{margin:8px 0 0;font-size:11.5px;line-height:1.6;color:var(--text-sub)}.quiz-row{display:flex;align-items:center;gap:10px;margin-bottom:9px}.quiz-row__label{width:38px;font-size:13px;font-weight:700;color:var(--text-sub);flex:0 0 auto}.quiz-row select{flex:1;min-width:0;border:1.5px solid var(--line-strong);border-radius:8px;padding:10px 9px;background:var(--panel-sub);color:var(--text);font-size:15px;font-weight:600;font-family:inherit}.judge-row{display:flex;align-items:center;gap:10px;background:var(--panel-sub);border:1px solid var(--line);border-radius:8px;padding:9px 11px}.judge-row+.judge-row{margin-top:6px}.judge-row__key{width:38px;font-size:11.5px;font-weight:700;color:var(--text-sub)}.judge-row__value{flex:1;font-size:14px;font-weight:700}.judge-row__mark{font-size:17px;font-weight:800}.is-ok{color:var(--ok)}.is-ng{color:var(--ng)}.strike{color:var(--text-muted);text-decoration:line-through;font-weight:600;font-size:13px}.hint{background:color-mix(in srgb,var(--accent) 10%,transparent);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:10px 12px;margin:12px 0;font-size:13px;line-height:1.7}.breakdown{width:100%;border-collapse:collapse;font-size:13px}.breakdown td{padding:3px 0;font-variant-numeric:tabular-nums}.breakdown td:first-child{width:52px;text-align:right;font-weight:700;padding-right:10px}.breakdown td:last-child{color:var(--text-sub);font-size:12.5px}.breakdown tr.is-missed td{color:var(--ng)!important;font-weight:700}.breakdown tr.is-total{border-top:1.5px solid var(--line-strong)}.breakdown tr.is-total td{padding-top:6px;font-weight:800}.stack{display:flex;flex-direction:column;gap:10px}.choice{display:block;width:100%;text-align:left;border:1.5px solid var(--line-strong);border-radius:var(--radius);padding:12px 14px;background:var(--panel);cursor:pointer}.choice[aria-pressed=true]{border-color:var(--accent);border-width:2.5px;padding:10.5px 12.5px}.choice__title{font-size:14px;font-weight:700}.choice__desc{font-size:12px;color:var(--text-sub);margin-top:2px}.hero{text-align:center;padding:22px 0 14px}.hero h1{font-size:21px;margin:0 0 4px}.hero p{font-size:13px;color:var(--text-sub);margin:0}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:13.5px}.toggle-row+.toggle-row{border-top:1px solid var(--line)}.toggle-row small{display:block;color:var(--text-sub);font-size:11.5px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.stat{background:var(--panel-sub);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.stat__value{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.stat__label{font-size:11.5px;color:var(--text-sub)}.miss-row{display:flex;justify-content:space-between;font-size:13px;padding:5px 0}.miss-row+.miss-row{border-top:1px dashed var(--line)}.term{border-bottom:1.5px dotted var(--text-muted);cursor:help}@media (max-width: 767px){.screen{padding:6px}.cols{gap:8px}.panel{padding:10px 6px}.panel+.panel{margin-top:8px}.mat{padding:5px 4px;gap:1px}.mat--tight{padding:4px}.mat__gap{width:5px}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000073;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--panel);width:100%;max-width:640px;max-height:88vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 768px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--radius-lg);max-height:84vh}}.sheet__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--panel)}.sheet__tabs{display:flex;gap:4px}.tab{border:1px solid var(--line-strong);background:transparent;color:var(--text-sub);border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700;cursor:pointer}.tab.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.sheet__close{border:0;background:transparent;color:var(--text-sub);font-size:24px;line-height:1;padding:2px 10px;cursor:pointer}.sheet__body{padding:12px 14px 22px;overflow-y:auto}.sheet__note{font-size:11.5px;color:var(--text-muted);line-height:1.7;margin:8px 0 0}.sheet__scroll{overflow-x:auto}.seg{display:flex;gap:6px;margin-bottom:4px}.seg__btn{flex:1;border:1px solid var(--line-strong);background:transparent;color:var(--text-sub);border-radius:var(--radius);padding:8px;font-size:13px;font-weight:700;cursor:pointer}.seg__btn.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.ref-table{width:100%;border-collapse:collapse;font-size:12.5px}.ref-table th,.ref-table td{border:1px solid var(--line);padding:6px 8px;text-align:left;font-variant-numeric:tabular-nums}.ref-table thead th{background:var(--panel-sub);font-size:11.5px;color:var(--text-sub);white-space:nowrap}.ref-table tbody th{background:var(--panel-sub);font-weight:700;white-space:nowrap}.ref-table td.is-limit{color:var(--accent);font-weight:700}.topbar__ref{border:1.5px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}.tile.is-locked{opacity:.38;filter:grayscale(.5)}.check{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;color:var(--text-sub);cursor:pointer;line-height:1.5}.check input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--accent)}.ex{display:inline-flex;gap:1px;align-items:center;vertical-align:middle;--tile-w: 22px}.ex__plus{margin:0 4px;color:var(--text-muted);font-size:11px}.ex-wrap{margin-top:5px;overflow-x:auto}@media (max-width: 480px){.ex{--tile-w: 18px}.ref-table th,.ref-table td{padding:5px 6px}.ref-table{font-size:11.5px}}.group__gap{width:7px;flex:0 0 auto}.check--tight{margin-top:2px;margin-bottom:8px;font-size:11.5px}.check--tight input{width:15px;height:15px}.ref-table tr.is-muted th,.ref-table tr.is-muted td{color:var(--text-muted)}.tile-back{display:inline-block;width:var(--tile-w);aspect-ratio:66 / 90;border-radius:calc(var(--tile-w) * .11);background:repeating-linear-gradient(90deg,#d2a45c 0,#d2a45c 3px,#c2914a 3px,#c2914a 6px);border:1.5px solid #a97b3c;flex:0 0 auto}.river{background:var(--table);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;gap:2px;min-height:calc(var(--tile-w) * .78 * 1.3636 * 3 + 20px)}.river__row{display:flex;gap:2px;align-items:flex-start;min-height:calc(var(--tile-w) * .78 * 1.3636)}.river .tile-img{width:calc(var(--tile-w) * .78)}.tile.is-rotated{transform:rotate(90deg);margin:calc((var(--tile-w) * .78 * 1.3636 - var(--tile-w) * .78) / 2) calc((var(--tile-w) * .78 * 1.3636 - var(--tile-w) * .78) / 2 + 1px)}.ex .tile.is-rotated{margin:0 calc(var(--tile-w) * .1818)}.wall-row{display:flex;gap:14px;flex-wrap:wrap}.useful{display:flex;flex-direction:column;gap:8px}.useful__row{border:1px solid var(--line);border-radius:var(--radius);padding:7px 8px;background:var(--panel-sub)}.useful__row.is-best{border-color:var(--accent);border-width:1.5px}.useful__head{display:flex;align-items:center;gap:8px}.useful__meta{font-size:12px;color:var(--text-sub)}.useful__meta b{color:var(--accent);margin-left:6px}.useful__tiles{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.useful__tile{display:flex;flex-direction:column;align-items:center;gap:1px}.useful__left{font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.ref-table td.is-open{white-space:nowrap;text-align:center;color:var(--text-muted);font-size:11.5px}.sheet__tabs .tab{padding:6px 12px}.tile-back--sm{width:22px}.wall{gap:1px}@media (min-width: 1280px){:root{--tile-w: 66px}}@media (min-width: 1600px){:root{--tile-w: 76px}.screen{max-width:1500px}}.tip-head{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;padding:0;cursor:pointer;text-align:left}.tip-head__title{font-size:15px;font-weight:700;color:var(--text)}.tip-head__mark{font-size:20px;color:var(--text-muted);line-height:1}.tip-lead{font-size:12.5px;color:var(--text-sub);line-height:1.7;margin:6px 0 0}.tip-block{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.tip-block__h{font-size:13.5px;font-weight:700;margin:0 0 6px}.tip-block__body{font-size:13px;line-height:1.8}.tip-block__body p{margin:0 0 8px}.tip-note{font-size:12px;color:var(--text-sub);background:var(--panel-sub);border-left:3px solid var(--line-strong);border-radius:0 6px 6px 0;padding:7px 10px}.tt{--felt: #1d6b52;--felt-dark: #0f4636;--rim: #6b4a2f;--rim-hi: #8c6440;--ink: #f3f7f4;--ink-sub: #a8c4b8;--gold: #e3b23c;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#16211d;color:var(--ink);font-variant-numeric:tabular-nums;overflow:hidden}.tt__bar{display:flex;align-items:center;gap:10px;padding:7px 14px;background:linear-gradient(180deg,#22302a,#1a2621);border-bottom:1px solid rgba(0,0,0,.5);font-size:12px;flex:0 0 auto}.tt__barLabel{font-weight:700;font-size:15px;letter-spacing:.08em}.tt__barMeta{color:var(--ink-sub);letter-spacing:.06em}.chip--quit{margin-left:auto}.tt .chip{color:var(--ink-sub);background:#ffffff0f;border-color:#ffffff2e;transition:background .15s ease,color .15s ease}.tt .chip:hover{background:#ffffff24}.tt .chip[aria-pressed=true]{color:#17281f;background:var(--gold);border-color:var(--gold);font-weight:700}.tt__stage{flex:1 1 auto;min-height:0;display:grid;place-items:center;padding:8px;background:radial-gradient(ellipse at 50% 30%,#2a3b34,#16211d 70%)}.tt__board{position:relative;height:100%;aspect-ratio:1;max-width:100%;container-type:size;border-radius:2.5cqw;padding:1cqw;background:linear-gradient(160deg,var(--rim-hi),var(--rim) 45%,#4a3220);box-shadow:0 1.4cqw 3cqw #0000008c,inset 0 0 0 .15cqw #ffffff1f}.tt__board:before{content:"";position:absolute;top:1cqw;right:1cqw;bottom:1cqw;left:1cqw;border-radius:1.6cqw;background:radial-gradient(ellipse at 50% 45%,var(--felt) 0%,#17604a 55%,var(--felt-dark) 100%);box-shadow:inset 0 0 3cqw #00000073}.tt__seat{position:absolute;top:1cqw;right:1cqw;bottom:1cqw;left:1cqw;pointer-events:none;transform-origin:center center}.tt__seat--bottom{transform:none;pointer-events:auto;z-index:2}.tt__seat--right{transform:rotate(270deg)}.tt__seat--top{transform:rotate(180deg)}.tt__seat--left{transform:rotate(90deg)}.tt__seat .tile-img,.tt__seat .tile-back{box-shadow:0 .25cqw .5cqw #0006;border-radius:.35cqw}.tt__hand{position:absolute;left:50%;bottom:1cqw;transform:translate(-50%);display:flex;align-items:flex-end;gap:.25cqw;--tile-w: 3.4cqw}.tt__hand--me{--tile-w: 6.4cqw;gap:.45cqw;padding:.6cqw 1cqw;border-radius:1cqw;background:#00000038;box-shadow:inset 0 .15cqw .6cqw #0000004d}.tt__hand--me .tile{transition:transform .12s ease,filter .12s ease}.tt__hand--me button.tile:hover:not(:disabled){transform:translateY(-.9cqw);filter:brightness(1.06)}.tt__hand--me button.tile:disabled .tile-img{filter:brightness(.45) saturate(.5)}.tt__gap{width:1.8cqw;flex:0 0 auto}.tt__melds{position:absolute;right:1cqw;bottom:1cqw;display:flex;align-items:flex-end;gap:1cqw;--tile-w: 3.6cqw}.tt__meld{display:flex;align-items:flex-end;gap:.1cqw}.tt__pond{position:absolute;left:50%;bottom:14cqw;transform:translate(-50%);display:flex;flex-wrap:wrap;align-content:flex-start;gap:.25cqw;--tile-w: 4.4cqw;width:calc(var(--tile-w) * 6 + .25cqw * 5);min-height:calc(var(--tile-w) * 1.3636 * 3 + .5cqw)}.tt__pond.is-long{width:calc(var(--tile-w) * 7 + .25cqw * 6)}.tt__drop{display:inline-flex;animation:pond-tedashi .26s cubic-bezier(.2,.8,.3,1)}.tt__drop.is-tsumogiri{animation-name:pond-tsumogiri}@keyframes pond-tedashi{0%{transform:translateY(16cqw);opacity:.2}}@keyframes pond-tsumogiri{0%{transform:translate(22cqw,16cqw);opacity:.2}}@media (prefers-reduced-motion: reduce){.tt__drop{animation:none}}.tt__pond .tile--win{box-shadow:0 0 0 .25cqw var(--gold),0 0 1.2cqw #e3b23cb3;border-radius:.35cqw}.tt__info{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30cqw;height:30cqw;border-radius:1.6cqw;background:linear-gradient(160deg,#1b2b25,#0d1714);box-shadow:0 .8cqw 2cqw #00000080,inset 0 0 0 .18cqw #ffffff1a;overflow:hidden}.tt__mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62%;text-align:center;line-height:1.3}.tt__kyoku{font-size:3.6cqw;font-weight:700;letter-spacing:.06em}.tt__rest{font-size:1.9cqw;color:var(--ink-sub);display:flex;justify-content:center;gap:.8cqw}.tt__kyotaku{color:var(--gold)}.tt__dora{display:flex;justify-content:center;gap:.2cqw;margin:.6cqw 0 .4cqw;--tile-w: 2.6cqw}.tt__dora .tile-back{opacity:.5}.tt__plate{position:absolute;left:50%;top:50%;width:30cqw;display:flex;align-items:center;justify-content:center;gap:.6cqw;padding:.5cqw 0;line-height:1.1;transform-origin:center center}.tt__plate--bottom{transform:translate(-50%,-50%) rotate(0) translateY(11.6cqw)}.tt__plate--right{transform:translate(-50%,-50%) rotate(270deg) translateY(11.6cqw)}.tt__plate--top{transform:translate(-50%,-50%) rotate(180deg) translateY(11.6cqw)}.tt__plate--left{transform:translate(-50%,-50%) rotate(90deg) translateY(11.6cqw)}.tt__wind{display:inline-flex;align-items:center;justify-content:center;width:2.6cqw;height:2.6cqw;border-radius:50%;font-size:1.7cqw;font-weight:700;color:var(--ink-sub);background:#ffffff1a}.tt__wind.is-oya{color:#2a1a06;background:var(--gold)}.tt__points{font-size:2.5cqw;font-weight:700}.tt__plate.is-turn .tt__points{color:#8ce0b4;text-shadow:0 0 1cqw rgba(140,224,180,.6)}.tt__plate.is-turn:before{content:"";position:absolute;left:12%;right:12%;bottom:0;height:.3cqw;border-radius:.3cqw;background:#8ce0b4;box-shadow:0 0 1cqw #8ce0b4cc}.tt__stick{width:3.4cqw;height:.6cqw;border-radius:.3cqw;background:linear-gradient(180deg,#fff,#d8dee2);box-shadow:0 .1cqw .3cqw #0009;position:relative;flex:0 0 auto}.tt__stick:after{content:"";position:absolute;left:50%;top:50%;width:.55cqw;height:.55cqw;border-radius:50%;background:#d63b2a;transform:translate(-50%,-50%)}.tt__hud{position:relative;flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;min-height:62px;background:linear-gradient(180deg,#1a2621,#121b17);border-top:1px solid rgba(0,0,0,.5)}.tt__switches{display:flex;gap:6px;margin-left:auto}.btn--call{width:auto;padding:11px 26px;font-size:15px;border-radius:999px;background:linear-gradient(180deg,#f0c14b,#d29a22);color:#2a1a06;box-shadow:0 2px #a97614,0 4px 10px #00000073}.btn--call:hover{filter:brightness(1.06)}.btn--call:active{transform:translateY(1px);box-shadow:0 1px #a97614}.tt__hud .btn--ghost{width:auto;border-radius:999px;padding:9px 18px;color:var(--ink-sub);border-color:#ffffff3d;background:#ffffff0d}.tt__hud .btn--ghost:hover{background:#ffffff1f}.tt__result{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.tt__resultLabel{margin:0;font-size:16px;font-weight:700;color:var(--gold);letter-spacing:.05em}.tt__deltas{display:flex;gap:14px;font-size:13px}.tt__deltas .is-plus{color:#8ce0b4;font-weight:700}.tt__deltas .is-minus{color:#ff9c8f}.tt__pao{margin:0;width:100%;color:var(--gold);font-size:12px;font-weight:600}@media (max-width: 640px){.tt__hand--me{--tile-w: 6.8cqw}.tt__bar{font-size:11px;padding:6px 10px}.tt__hud{min-height:54px;padding:8px 10px;gap:8px}.btn--call{padding:10px 20px;font-size:14px}}.endTable{width:100%;border-collapse:collapse;font-size:13px}.endTable th,.endTable td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left}.endTable th{color:var(--text-sub);font-size:11px;font-weight:600;white-space:nowrap}.endTable .num{text-align:right;font-variant-numeric:tabular-nums}.endTable .is-plus{color:var(--ok)}.endTable .is-minus{color:var(--ng)}.endTable tbody tr{border-left:3px solid transparent}.endTable tbody tr.is-1st{border-left-color:var(--accent)}.endTable tbody tr.is-4th{border-left-color:var(--ng)}.endTable tbody tr.is-me{background:var(--panel-sub);font-weight:600}.endTable__wind{display:block;color:var(--text-sub);font-size:10px;font-weight:400}.endTable--log td:first-child{white-space:nowrap}.endNote{margin:10px 0 0;color:var(--text-sub);font-size:12px;line-height:1.7}.replay{display:flex;flex-direction:column;gap:10px}.replay__bar{display:flex;align-items:center;gap:12px;font-size:13px}.replay__bar .btn{margin-left:auto}.replay__seats{display:flex;flex-direction:column;gap:6px}.replay__seat{display:grid;grid-template-columns:92px minmax(0,1fr);gap:4px 10px;padding:8px 10px;background:var(--panel);border:1px solid var(--line);border-left:3px solid transparent;border-radius:var(--radius)}.replay__seat.is-active{border-left-color:var(--accent)}.replay__who{grid-row:span 2;display:flex;flex-direction:column;gap:2px;font-size:12px;font-variant-numeric:tabular-nums}.replay__hand,.replay__river{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1px;min-width:0}.replay__hand{gap:2px}.replay__hand .replay__meld{margin-left:8px}.replay__river{opacity:.9}.replay__called{opacity:.35}.replay__info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.replay__dora{display:flex;align-items:center;gap:4px}.replay__dora .label{margin:0}.replay__event{margin:0 0 0 auto;font-size:13px;font-weight:600}.replay__controls{display:flex;flex-direction:column;gap:8px}.replay__controls input[type=range]{width:100%}.replay__buttons{display:flex;flex-wrap:wrap;gap:6px}.replay__buttons .btn{flex:1 1 auto;min-width:86px;padding:8px 10px;font-size:13px}.replay__speed{display:flex;gap:6px;justify-content:flex-end}.chip{padding:4px 12px;font-size:12px;font-family:inherit;color:var(--text-sub);background:var(--panel);border:1px solid var(--line);border-radius:999px;cursor:pointer}.chip[aria-pressed=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}@media (max-width: 600px){.replay__seat{grid-template-columns:72px minmax(0,1fr)}.endTable th,.endTable td{padding:6px 5px}}.statGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.statCell{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--panel-sub);border:1px solid var(--line);border-radius:var(--radius)}.statCell__label{color:var(--text-sub);font-size:11px}.statCell__value{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.statCell.is-strong .statCell__value{font-size:21px}.rankBars{display:flex;flex-direction:column;gap:6px}.rankBar{display:grid;grid-template-columns:34px minmax(0,1fr) 54px;align-items:center;gap:8px;font-size:12px}.rankBar__track{height:10px;background:var(--panel-sub);border:1px solid var(--line);border-radius:999px;overflow:hidden}.rankBar__fill{display:block;height:100%;background:var(--text-sub)}.rankBar__fill--1{background:var(--accent)}.rankBar__fill--4{background:var(--ng)}.rankBar__value{text-align:right;font-variant-numeric:tabular-nums}.replay__kyoku{font-weight:700;font-size:15px}.replay__meta{color:var(--text-sub);font-size:12px}.replay__wind{font-size:12px;color:var(--text-sub)}.replay__reach{font-size:10px;font-weight:700;color:var(--ng)}.replay__meld{display:inline-flex;align-items:flex-end;gap:1px}.calls{display:flex;flex-wrap:wrap;align-items:stretch;gap:6px;width:100%}.calls__btn{display:flex;align-items:center;gap:8px;padding:6px 12px}.calls__label{font-weight:700;white-space:nowrap}.calls__tiles{display:flex;align-items:flex-end;gap:1px}.calls__skip{margin-left:auto}.screen--table{padding:0;max-width:none}.pick{background:var(--panel-sub);border:1px solid var(--line);border-radius:var(--radius);padding:9px 11px}.pick__row{display:flex;align-items:center;gap:6px}.pick__row+.pick__row{margin-top:6px}.pick__label{width:34px;font-size:11px;font-weight:700;color:var(--text-sub)}.pick__note{margin:8px 0 0;font-size:11.5px;color:var(--text-sub)}.pop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:2cqw;background:#060c0a9e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:pop-fade .18s ease-out}@keyframes pop-fade{0%{opacity:0}}.pop__card{width:min(92%,78cqw);max-height:100%;overflow-y:auto;padding:3cqw 3.2cqw;border-radius:1.6cqw;background:linear-gradient(165deg,#23342c,#131e19);box-shadow:0 1.5cqw 4cqw #0009,inset 0 0 0 .2cqw #ffffff1f;color:var(--ink);text-align:center;animation:pop-rise .22s cubic-bezier(.2,.9,.3,1)}@keyframes pop-rise{0%{transform:translateY(2cqw) scale(.97);opacity:0}}.pop__win+.pop__win{margin-top:2cqw;padding-top:2cqw;border-top:1px dashed rgba(255,255,255,.18)}.pop__title{margin:0 0 1.4cqw;font-size:3.4cqw;font-weight:700;color:var(--gold);letter-spacing:.06em}.pop__from{margin-left:.8cqw;font-size:2.2cqw;color:var(--ink-sub);font-weight:400}.pop__hand{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.25cqw;--tile-w: 4.4cqw}.pop__gap{width:1.4cqw}.pop__meld{display:flex;align-items:flex-end;gap:.1cqw;margin-left:1.2cqw}.pop__dora{display:flex;justify-content:center;align-items:center;gap:.3cqw;margin-top:1.4cqw;--tile-w: 2.6cqw}.pop__doraLabel{font-size:1.8cqw;color:var(--ink-sub);margin-right:.4cqw}.pop__yaku{margin:1.8cqw auto 0;width:min(100%,42cqw);text-align:left}.pop__yakuRow{display:flex;justify-content:space-between;font-size:2.2cqw;padding:.35cqw 0}.pop__yakuRow+.pop__yakuRow{border-top:1px dashed rgba(255,255,255,.14)}.pop__yakuRow.is-yakuman{color:var(--gold);font-weight:700}.pop__score{display:flex;justify-content:center;align-items:baseline;gap:1.4cqw;margin-top:1.6cqw;padding-top:1.4cqw;border-top:.2cqw solid rgba(255,255,255,.16)}.pop__calc{font-size:2.4cqw;color:var(--ink-sub)}.pop__limit{font-size:2.4cqw;font-weight:700;color:var(--gold)}.pop__points{font-size:4cqw;font-weight:700}.pop__note{margin:0;font-size:2.2cqw;color:var(--ink-sub)}.pop__pao{margin:1.2cqw 0 0;font-size:2cqw;font-weight:600;color:var(--gold)}.pop__deltas,.pop__tenpai{display:flex;justify-content:center;gap:2.4cqw;margin-top:1.8cqw;font-size:2.2cqw}.pop__delta{display:flex;flex-direction:column;gap:.2cqw}.pop__who{font-size:1.8cqw;color:var(--ink-sub)}.pop__deltas .is-plus,.pop__tenpai .is-plus{color:#8ce0b4;font-weight:700}.pop__deltas .is-minus,.pop__tenpai .is-minus{color:#ff9c8f}.pop__next{margin-top:2.2cqw;font-size:2.4cqw;padding:1.2cqw 4cqw}@media (prefers-reduced-motion: reduce){.pop,.pop__card{animation:none}}.tt__pond--marked .tt__drop.is-tsumogiri .tile-img{filter:brightness(.55) saturate(.75)}.tt__drop.is-called{opacity:.4}.tt__pond--marked .tt__drop{animation:none}.tt__hud--replay{flex-direction:column;align-items:stretch;gap:8px}.tt__seek{width:100%;accent-color:var(--gold)}.tt__controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.tt__controls .btn{min-width:84px;padding:8px 14px;font-size:13px}.tt__controls .tt__switches{margin-left:auto}.credit{padding:14px;text-align:center;font-size:11px;color:var(--text-muted)}.credit a{color:inherit;text-decoration:underline}.cond{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}.cond__item{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-sub);background:var(--panel-sub);border:1px solid var(--line)}.cond__item.is-seat{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.cond__item.is-on{color:var(--warn-ink);background:var(--warn-bg);border-color:var(--warn-line)}.tip-eg{display:block;margin-top:3px;color:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums}.topbar__sound{border:1px solid var(--line-strong);background:transparent;border-radius:999px;width:30px;height:30px;padding:0;font-size:14px;line-height:1;cursor:pointer}.topbar__sound[aria-pressed=false]{opacity:.55}.sheet-inline{margin-top:14px}.sheet--inline{max-width:none;max-height:none;border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow)}.sheet--inline .sheet__bar{position:sticky;top:0;z-index:1;background:var(--panel)}.sheet--inline .sheet__body{overflow:visible}