html{--app-header-height:72px;scroll-padding-block-start:calc(var(--app-header-height) + 5px)}.dd-app{--ink: #222731;--muted: #575b62;--line: #d4d2cb;--paper: #f7f6f2;--surface: #fffefa;--soft: #f1efe8;--accent: #a93226;--selected: #f7eae4;--selected-line: #be7162;--positive: #385568;--felt: #293b46;--rim: #1a242e;--felt-line: #52646b;--on-felt: #e5e3db;--teal: var(--accent);--page-gutter: 26px;min-height:100vh;color:var(--ink);background:var(--paper);font-family:Yu Gothic UI,Meiryo,sans-serif}.dd-header{position:sticky;top:0;z-index:12;background:var(--paper);border-bottom:1px solid var(--line)}.dd-header-inner,.dd-main{box-sizing:border-box;width:100%;padding-inline:var(--page-gutter);padding-inline-end:max(0px,calc(var(--page-gutter) - (100vw - 100%)))}.dd-header-inner{display:flex;align-items:center;min-height:var(--app-header-height)}.dd-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}.dd-brand img{width:42px;height:42px;transform:translateY(-1.5px)}.dd-brand-text{display:grid;gap:3px}.dd-brand-text small{font-size:11px;line-height:1.2;color:var(--muted);white-space:nowrap}.dd-wordmark{font:italic 900 31px/1 Arial,sans-serif;letter-spacing:-2px}.dd-header-account{margin-inline-start:auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 14px}.dd-version,.account-status{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.account-control{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.account-login{display:inline-flex;align-items:center;min-height:34px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:4px 10px;text-decoration:none;font:inherit;font-size:14px;cursor:pointer}@media(max-width:460px){.dd-header-account{flex-direction:column;align-items:flex-end;gap:1px}.account-login{min-height:28px}.dd-header-account .dd-version{font-size:11px}}.library-link{display:inline-flex;align-items:center;min-height:40px;color:var(--ink);font-size:14px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.library-link:hover,.library-link:focus-visible{color:var(--accent)}@media(max-width:1200px){.dd-app{--page-gutter:18px}}@media(max-width:740px){html{--app-header-height:62px}}@media(max-width:700px){.dd-app{--page-gutter:12px}}@media(max-width:700px)and (forced-colors:none){html{scrollbar-width:thin}}@media(max-width:580px){.dd-brand img{width:39px;height:39px}.dd-wordmark{font-size:27px}}.dd-updates{position:relative;font-size:14px}.dd-updates summary{cursor:pointer}.dd-updates>div{position:absolute;right:0;top:100%;width:min(255px,75vw);padding:14px;background:#fffefa;color:#26343a;border:1px solid #c3c5bf;border-radius:6px;z-index:35;box-shadow:0 4px 18px #0002}.dd-updates p{margin:0 0 8px}.hp-panel .hp-rules{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-bottom:24px}.hp-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:clamp(16px,3vw,32px)}.hp-layout section{min-width:0}.hp-heading{display:flex;align-items:baseline;gap:12px}.hp-heading h2,.hp-answer h2{margin:0}.hp-heading>span{color:var(--muted);font-size:14px}.hp-heading button{margin-left:auto}.hp-rack{display:flex;flex-wrap:wrap;align-items:center;gap:2px;min-height:70px;background:var(--felt);border-radius:5px;padding:12px;margin:8px 0 18px}.hp-panel .quiz-tile{display:block;width:100%;height:auto;aspect-ratio:30/40;object-fit:contain;background:#fff9e7;border-radius:3px;box-shadow:0 2px #a79a7d}.hp-rack button,.hp-slot{width:clamp(19px,5.8%,36px);flex:none;aspect-ratio:30/40}.hp-rack button,.hp-palette button,.hp-waits button,.hp-indicators button,.hp-groups button{padding:0;border:0;border-radius:3px;background:transparent;cursor:pointer}.hp-slot{border:1px solid #ffffff38;border-radius:3px}.hp-rack.hp-active{box-shadow:inset 0 -3px #baa46d}.hp-rack button.hp-slot,.hp-rack .hp-win-slot span{border:1px dashed #ece2c6a0;color:#fff5d9;cursor:pointer}.hp-rack button[aria-pressed=true]{outline:2px solid #f4cf7a;transform:translateY(-3px)}.hp-rack button:disabled{opacity:.45}.hp-rack .hp-win-slot{margin-left:5px;position:relative;color:#fff5d9}.hp-win-slot span{display:grid;place-items:center;height:100%;border-radius:3px}.hp-win-slot small{position:absolute;left:50%;bottom:-13px;transform:translate(-50%);white-space:nowrap;font-size:10px}.hp-rack:has(.hp-win-slot){padding-bottom:20px}.hp-meld-tools,.hp-draft,.hp-marker-rows,.hp-palette-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.hp-meld-tools button{padding:6px 13px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}.hp-meld-tools button[aria-pressed=true]{background:var(--felt);color:#fff}.hp-meld-tools button:disabled{opacity:.5}.hp-draft{background:var(--soft);border-left:3px solid var(--accent);margin:8px 0;padding:6px 10px}.hp-draft .hp-slot,.hp-draft button:not(.text-button){width:26px;border:1px dashed #9a9991;border-radius:3px;padding:0}.hp-groups .quiz-tile{display:inline-block;width:26px;vertical-align:middle}.hp-marker-rows{gap:16px;margin:4px 0}.hp-indicators b{font-size:13px;color:var(--muted)}.hp-indicators .hp-marker-slot{aspect-ratio:30/40;border:1px dashed #888878;color:var(--ink);font-size:18px}.hp-marker-slot[aria-pressed=true]{outline:2px solid var(--accent);background:var(--soft)}.hp-palette-title{justify-content:space-between;margin:10px 0 8px}.hp-palette-title h3{font-size:15px;margin:0}.hp-groups,.hp-indicators,.hp-waits{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:10px 0}.hp-groups button{padding:4px;background:var(--soft)}.hp-groups small{display:block}.hp-indicators button{width:28px}.hp-palette{display:grid;gap:9px}.hp-palette>div{display:flex;align-items:center;gap:7px}.hp-palette b{color:var(--muted);font-size:12px;flex:none}.hp-palette>div>div{display:flex;flex-wrap:wrap;gap:4px;flex:1}.hp-palette button{width:clamp(22px,calc((100% - 36px)*.1),38px)}.hp-palette button:disabled{opacity:.28;cursor:default}.hp-panel button:focus-visible,.hp-waits [aria-pressed=true],.hp-palette button:hover:enabled,.hp-rack button:hover{outline:2px solid var(--accent);outline-offset:1px}.hp-answer{padding:18px;background:var(--soft);border-radius:5px;align-self:start}.hp-answer[aria-busy=true]{min-height:var(--answer-height)}.hp-answer p,.hp-options p{font-size:14px}.hp-waits button{width:37px}.hp-score{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.hp-score h3{font-size:14px;margin:0 0 4px}.hp-score strong{font-size:clamp(26px,3vw,38px);font-variant-numeric:tabular-nums}.hp-score p{margin:6px 0}.hp-score details{margin-top:10px;font-size:14px}.hp-score summary,.hp-options summary{cursor:pointer;font-weight:650}.hp-options{margin-top:22px;border-top:1px solid var(--line);padding-top:14px}.hp-options[open] summary{margin-bottom:14px}@media(max-width:800px){.hp-layout{grid-template-columns:1fr}}@media(max-width:500px){.hp-panel .hp-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-palette>div{align-items:start}.hp-palette>div>div{gap:3px}.hp-palette b{padding-top:7px}.hp-rack{padding:8px}.hp-answer{padding:14px}}.quick-input-mode{display:inline-flex;margin-bottom:18px;border:1px solid var(--line);border-radius:4px;overflow:hidden}.quick-input-mode button{background:var(--surface);color:var(--ink);border:0;padding:8px 14px;font:inherit;cursor:pointer}.quick-input-mode button+button{border-inline-start:1px solid var(--line)}.quick-input-mode [aria-pressed=true]{background:var(--felt);color:#fff}.quick-input-mode button:focus-visible{outline-offset:-3px}.hp-answer>.quick-score:only-child{border:0;padding:0;margin:0}.hp-north{display:flex;align-items:end;flex-wrap:wrap;gap:12px 24px;margin-top:22px}.hp-north b{display:block;margin-bottom:6px;font-size:13px;color:var(--muted)}.hp-north .quick-input-mode{margin:0}.hp-north>div{max-width:100%}.hp-north-count{display:flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}.hp-north-count .quiz-tile{width:20px}.hp-north-count button{border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);min-width:34px;height:36px;font:inherit;cursor:pointer}.hp-north-count button:disabled{opacity:.45;cursor:default}.score-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.score-toolbar .practice-tabs{margin:0}.score-players{display:inline-flex;border:1px solid var(--line);border-radius:4px;overflow:hidden}.score-players button{background:var(--surface);color:var(--ink);font:inherit;font-weight:650;border:0;min-height:36px;padding-inline:15px;cursor:pointer}.score-players button+button{border-inline-start:1px solid var(--line)}.score-players button[aria-pressed=true]{background:var(--felt);color:#fff}.score-players button:focus-visible{outline-offset:-3px}.score-basis-note{margin:12px 0 18px;color:var(--muted);font-size:13px}.score-grid-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,24px);align-items:start}.score-grid-pair+.score-grid-frame{margin-top:20px}.score-grid-frame{min-width:0;overflow-x:auto;border:1px solid var(--line);border-radius:5px;background:var(--surface)}.dd-score-grid{width:100%;table-layout:fixed;border-spacing:0;font-variant-numeric:tabular-nums;color:var(--ink)}.fu-grid thead th:first-child{width:3.5rem}.han-grid thead th:first-child{width:28%}.dd-score-grid caption{background:var(--felt);color:#fff;text-align:left;padding:10px 12px}.dd-score-grid caption strong{font-size:16px}.dd-score-grid caption span{font-size:12px;margin-left:12px;color:var(--on-felt)}.dd-score-grid caption span:first-child{margin-left:0}.dd-score-grid th,.dd-score-grid td{padding:7px 5px;text-align:center;white-space:nowrap}.dd-score-grid thead th{background:var(--soft);font-size:13px;border-bottom:1px solid var(--line)}.dd-score-grid tbody tr+tr>*{border-top:1px solid var(--line)}.dd-score-grid tbody th{background:var(--paper);text-align:left;padding-inline:10px}.dd-score-grid tbody td+td{border-inline-start:1px solid var(--line)}.dd-score-grid .ron-line,.dd-score-grid .tsumo-line{display:block}.dd-score-grid .ron-line{font-weight:650}.dd-score-grid .tsumo-line,.dd-score-grid th small{color:var(--muted);font-size:12px}.dd-score-grid th small{display:block;font-weight:500}@media(max-width:1000px){.score-grid-pair{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.score-toolbar{gap:8px}.dd-score-grid th,.dd-score-grid td{padding:6px 2px}.dd-score-grid tbody th{padding-inline:4px;font-size:12px}.dd-score-grid .tsumo-line{font-size:11px}.fu-grid thead th:first-child{width:2.5rem}.fu-grid{min-width:21rem}}:root{font-family:Yu Gothic UI,Meiryo,sans-serif;color:#24332f;background:#f5f7f6;font-synthesis:none;font-size:14px;--teal:#226f64;--muted:#65766e;--line:#dce5e0;--blue:#277de3;--amber:#dd942b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #62a4e8;outline-offset:3px}button{color:inherit}button,a,input{touch-action:manipulation}h1,h2,h3,h4,p{margin:0}p{line-height:1.9}ruby{ruby-align:center}rt{font-size:.56em;font-weight:400}a{color:var(--teal)}.app-header{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 26px;position:sticky;top:0;z-index:10}.app-header h1{font-size:21px;letter-spacing:.07em}.review-target{color:var(--muted);font-size:13px}.app-header nav{display:flex;height:100%;margin-left:22px;gap:24px}.app-header nav button{background:none;border:0;border-bottom:3px solid transparent;padding:0 6px;font-weight:700}.app-header nav button.active{border-bottom-color:var(--teal);color:var(--teal)}.final-rank{margin-left:auto;font-size:12px;color:var(--muted)}.final-rank b{font-size:20px;margin-left:8px;color:var(--ink,#24332f)}.app-layout{display:grid;grid-template-columns:minmax(18rem,min-content) minmax(0,1fr)}.sidebar{height:calc(100vh - 66px);position:sticky;top:66px;border-right:1px solid var(--line);background:var(--surface,#fff);overflow:auto;padding:21px 12px}.sidebar-heading{font-weight:700;font-size:12px;color:var(--muted);padding:0 8px 10px}.round-list{display:flex;flex-direction:column;gap:2px}.round-list button{display:flex;justify-content:space-between;gap:4px;text-align:left;border:0;background:none;padding:9px 8px;border-radius:5px;font-size:12px}.round-list button.active{background:var(--selected,#e5f0eb)}.round-list button small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.round-list button b{font-size:11px;font-weight:600}.plus{color:var(--teal)}.nav-tabs{display:flex;align-items:stretch;justify-content:space-between;gap:6px;border-bottom:1px solid var(--line);margin:20px 4px 10px}.nav-tabs button{flex:none;white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;padding:8px 2px;font-size:12px;font-weight:600}.nav-tabs .active{border-bottom-color:var(--teal);color:var(--teal)}.scene-list button{display:flex;align-items:baseline;gap:7px;text-align:left;background:none;border:0;border-radius:4px;padding:10px 7px;font-size:11px;line-height:1.7;width:100%}.scene-list button.active{background:var(--selected,#edf4f1)}.scene-list small{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.scene-dot{width:5px;height:5px;background:#a8b7b0;border-radius:50%;flex-shrink:0}.scene-dot.good{background:#267a66}.scene-dot.refine{background:#d69b3e}.scene-dot.improve{background:var(--accent,#a93226)}.scene-dot.watch{background:#677da2}main{min-width:0;padding:23px 26px 32px}.scene-toolbar{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:18px;gap:8px 16px}.scene-toolbar h2{font-size:21px;margin-bottom:5px}.scene-toolbar h2 span{margin-left:14px;font-size:16px;font-weight:500}.muted{color:var(--muted);font-size:12px}.check-row{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap;cursor:pointer}.check-row input{accent-color:var(--teal);margin:0}.review-grid{display:grid;grid-template-columns:minmax(480px,1fr) 344px;gap:24px;align-items:start}.board-column{min-width:0}.table-board{--tile-w:23px;background:var(--felt,#1c4540);border:7px solid var(--rim,#173832);border-radius:9px;min-height:522px;color:var(--on-felt,#e9f1ed);position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:153px minmax(180px,auto) 153px;gap:0 4px;padding:14px 9px;box-shadow:0 3px 9px #132c2912}.tile{width:var(--tile-w,30px);height:calc(var(--tile-w,30px)*1.32);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;position:relative;flex-shrink:0;border-radius:3px}.tile img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 1px 1px #0003)}.tile button{background:none;border:0;padding:0;width:100%;height:100%}.tiles{display:inline-flex;align-items:center;gap:1px;flex-wrap:nowrap}.tile.actual{outline:3px solid var(--blue);outline-offset:1px;z-index:1}.tile.recommended{outline:3px solid var(--amber);outline-offset:1px;z-index:1}.tile.sideways{width:calc(var(--tile-w,30px)*1.32);height:var(--tile-w,30px)}.tile.sideways img{position:absolute;width:var(--tile-w,30px);height:calc(var(--tile-w,30px)*1.32);transform:rotate(-90deg)}.player{min-width:0;text-align:center;align-self:center}.player-name{font-size:10px;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.wind{font-size:10px;color:var(--on-felt,#bbd1c7)}.player-score{font-weight:700;letter-spacing:.03em;font-size:17px;margin:3px 0 5px}.player-score small{font-size:9px;margin-left:4px;font-weight:400}.riichi-label{color:#ffbcad;font-size:10px}.opponent-hand{--tile-w:11px;height:17px;overflow:hidden;margin:3px auto 5px}.opponent-hand:has(img[alt=\4f0f\305b\724c]){opacity:.55}.opposite{grid-column:2;grid-row:1}.left-player{grid-column:1;grid-row:2}.right-player{grid-column:3;grid-row:2}.self-player{grid-column:2;grid-row:3}.table-center{grid-column:2;grid-row:2;align-self:center;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 4px;border:1px solid #ffffff23;border-radius:7px;background:var(--rim,#163d38);font-size:10px;min-width:0}.table-center b{font-size:21px;letter-spacing:.06em}.table-center .dora-label{font-size:9px;color:var(--on-felt,#c9d8cf);margin-top:3px}.table-center .tile{--tile-w:26px}.river{display:grid;grid-template-columns:repeat(6,26px);grid-auto-rows:31px;justify-content:center;gap:2px 0;min-height:31px;margin:3px auto}.river-cell{display:flex;align-items:center;justify-content:center;position:relative}.river-cell:has(.sideways){z-index:1}.river-cell.called{opacity:.35}.river-cell i{position:absolute;bottom:0;right:0;font-size:8px;color:var(--surface,#fff);background:var(--ink,#23413b);font-style:normal}.melds{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.player .melds{--tile-w:16px;margin-top:5px;min-height:1px}.meld{display:inline-flex;align-items:center;gap:1px}.hand-area{background:var(--surface,#fff);border:1px solid var(--line);border-radius:7px;padding:14px 14px 9px;margin-top:12px}.hand-caption{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:14px}.hand-caption span{color:var(--muted);font-size:11px}.hand{--tile-w:clamp(24px,2.7vw,42px);display:flex;gap:8px;align-items:center;min-height:61px;flex-wrap:wrap}.hand .melds{--tile-w:25px;margin-left:auto}.draw-tile{display:inline-flex;position:relative;margin-left:5px}.draw-tile small{position:absolute;bottom:-15px;font-size:9px;width:100%;text-align:center;color:var(--muted)}.hand-key{display:flex;gap:14px;margin-top:17px;color:var(--muted);font-size:10px}.hand-key span{display:flex;align-items:center;gap:5px}.key{width:8px;height:8px;border:2px solid}.actual-key{border-color:var(--blue)}.recommend-key{border-color:var(--amber)}.playback{display:flex;align-items:center;gap:12px;margin:15px 0 10px}.playback button{display:grid;place-items:center;background:var(--surface,#fff);border:1px solid var(--line);border-radius:5px;width:35px;height:33px;flex-shrink:0}.playback input{width:100%;accent-color:var(--teal);min-width:0;cursor:pointer}.playback span{font-size:11px;color:var(--muted);white-space:nowrap}.turn-nav{display:flex;gap:5px;flex-wrap:wrap}.turn-nav button{border:1px solid var(--line);background:var(--surface,#fff);border-radius:4px;width:27px;height:27px;font-size:11px;position:relative}.turn-nav button.has-note:after{content:"";width:3px;height:3px;background:var(--amber);border-radius:50%;position:absolute;bottom:2px;left:11px}.turn-nav button.active{background:var(--teal);color:#fff;border-color:var(--teal)}.micro{font-size:10px;line-height:1.7;color:var(--muted);margin-top:12px}.coaching{padding:3px 0 20px;border-bottom:1px solid var(--line)}.judgment{font-size:11px;font-weight:700;color:var(--teal);padding:5px 9px;background:var(--selected,#e5f0ea);border-radius:4px;display:inline-block;margin-bottom:12px}.judgment.improve,.judgment.refine{color:#8a5714;background:#f6ecd9}.judgment.watch,.judgment.neutral{color:#4e6482;background:#e9edf3}.coaching h2{font-size:21px;line-height:1.75;font-weight:700;letter-spacing:.01em;margin-bottom:14px}.coaching p{font-size:13px;line-height:2.05}.coaching h3,.comparison h3{font-size:13px;margin:18px 0 10px}.decision-pair{display:flex;gap:18px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.decision-pair>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px;flex:1}.decision-pair b{font-weight:500;font-size:11px}.decision-pair .tile{--tile-w:27px}.decision-pair>div>span:first-child{color:var(--muted)}.takeaway{border-left:3px solid var(--selected-line,#83a99b);padding:10px 12px;margin-top:16px;line-height:1.95;font-size:12px;background:var(--soft,#edf3ef)}.comparison{padding-top:4px}.candidate-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.candidate{display:flex;align-items:center;gap:9px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:5px;padding:8px;min-width:0}.candidate .tile{--tile-w:23px}.candidate>span:nth-child(2){flex:1}.candidate b{font-size:11px;display:block}.candidate small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.candidate em{font-style:normal;font-size:9px;color:var(--teal)}.candidate.chosen{border:1px solid var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:var(--selected,#edf5f0)}.text-button{border:0;background:none;padding:8px 0;color:var(--teal);font-size:11px}.after-hand{margin:9px 0 14px}.after-hand>span{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:8px}.after-hand>span .tile{--tile-w:19px}.small-hand{--tile-w:20px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:30px}.small-hand .melds{--tile-w:17px}.wait-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:14px}.wait-title>span{font-size:10px;color:var(--muted)}.waits{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.wait{--tile-w:24px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:28px}.wait strong{font-size:11px;font-weight:600}.wait small{font-size:9px;font-weight:400}.wait-points{color:var(--teal)}.bad-wait{color:#a65537}.empty-wait{opacity:.45}.wait-message{font-size:11px;line-height:1.8;color:var(--muted);margin-top:12px}.safety{margin-top:20px;border-top:1px solid var(--line);padding-top:13px;font-size:11px;font-weight:700}.safety>div{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:400;margin:10px 0}.safety small{display:block;font-size:9px;color:var(--muted)}.safety p{font-size:11px;font-weight:400;color:var(--muted);margin-top:9px}.safe{color:var(--teal)}.unknown{color:#86663b;font-weight:500}.points-details{font-size:11px;margin-top:14px}.points-details summary,.round-result summary,.method summary{cursor:pointer;font-weight:600}.points-details table{width:100%;border-collapse:collapse;margin:10px 0}.points-details th,.points-details td{font-size:10px;text-align:center;border-bottom:1px solid var(--line);padding:6px 2px}.points-details .tile{--tile-w:20px}.points-details .muted{font-size:10px}.round-result{border-top:1px solid var(--line);padding:18px 0;margin-top:20px;font-size:12px}.round-result h3{font-size:15px;margin:16px 0 10px}.round-result p{margin-top:10px}.method{margin-top:30px;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:11px}.method p{margin-top:14px;max-width:900px}.method pre{white-space:pre-wrap;font-size:10px}.method details{margin-top:12px}.overview{max-width:1000px;margin:9px auto 0}.overview>h2{font-size:26px;line-height:1.7;max-width:800px}.overall-text{margin-top:18px;font-size:14px;max-width:850px}.stats{display:flex;border-block:1px solid var(--line);margin:25px 0;justify-content:space-around;padding:22px 0}.stats>div{display:flex;flex-direction:column;gap:4px;min-width:100px}.stats strong{font-size:34px;color:var(--teal);font-weight:600}.stats strong small{font-size:14px;margin-left:6px}.stats span{font-size:12px;color:var(--muted)}.score-chart{max-width:850px;margin:auto}.score-chart svg{width:100%;height:auto}.score-chart text{font-family:inherit;font-size:10px;fill:var(--muted)}.overview>h3{font-size:18px;margin:25px 0 18px}.habits{border-top:1px solid var(--line)}.habits>div{display:flex;gap:18px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--line)}.habits>div>b{color:var(--teal);font-size:24px}.habits h4{font-size:16px;margin-bottom:7px}.habits p{color:var(--muted);font-size:13px}.round-reviews button{width:100%;display:flex;align-items:center;gap:23px;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding:20px 4px}.round-reviews button:hover{background:var(--soft,#edf3ef)}.round-reviews button>span{min-width:100px;font-size:12px}.round-reviews button>span strong{display:block;margin-top:7px}.round-reviews section{flex:1}.round-reviews h4{font-size:15px;margin-bottom:7px}.round-reviews p{font-size:12px;color:var(--muted)}@media(min-width:1600px){.review-grid{grid-template-columns:minmax(580px,1fr) 390px;gap:35px}.table-board{--tile-w:27px;min-height:580px;grid-template-rows:175px minmax(190px,auto) 175px;padding:14px 20px}.river{grid-template-columns:repeat(6,31px);grid-auto-rows:36px}.player-name{font-size:12px}.coaching p{font-size:14px}.hand{--tile-w:43px}.hand-area{padding:18px 22px}}@media(max-width:1200px){main{padding:20px 18px}.review-grid{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.table-board{--tile-w:20px;grid-template-rows:150px minmax(180px,auto) 150px;padding:10px 5px;min-height:510px}.river{grid-template-columns:repeat(6,23px);grid-auto-rows:28px}.player-name{font-size:9px}.coaching h2{font-size:19px}.hand{--tile-w:27px}.small-hand{--tile-w:18px}.sidebar{padding:18px 8px}.round-list button{font-size:11px}.round-list button b{font-size:10px}}@media(max-width:1020px){.review-grid{grid-template-columns:1fr}.board-column{max-width:760px}.analysis-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}.coaching{border:0}.table-board{--tile-w:25px;min-height:540px;grid-template-rows:155px minmax(180px,auto) 155px}.river{grid-template-columns:repeat(6,29px);grid-auto-rows:34px}.opponent-hand{--tile-w:12px}.player-name{font-size:11px}.hand{--tile-w:35px}.app-header{gap:15px;padding-inline:18px}.app-header nav{margin-left:0;gap:12px}.final-rank{font-size:10px}.review-target{font-size:11px}.final-rank b{font-size:17px}.coaching h2{font-size:21px}.round-result{padding-bottom:0}.overview>h2{font-size:23px}}@media(max-width:700px){.app-header{height:auto;min-height:62px;flex-wrap:wrap;padding:12px 14px 0;gap:7px 14px;position:relative}.app-header h1{font-size:19px}.review-target{font-size:12px}.app-header nav{order:4;width:100%;height:42px;justify-content:center;gap:35px}.final-rank{font-size:10px}.app-layout{display:block}.sidebar{position:static;height:auto;padding:12px 12px 0;border:0;background:transparent;overflow:visible}.sidebar-heading{display:none}.round-list{flex-direction:row;overflow-x:auto;padding-bottom:7px}.round-list button{min-width:108px;border:1px solid var(--line);background:var(--surface,#fff);padding:8px;font-size:10px;flex-shrink:0}.round-list small{font-size:9px}.nav-tabs{margin:6px 0}.scene-list{display:flex;overflow:auto;gap:7px;max-height:104px;padding-bottom:7px}.scene-list button{min-width:160px;max-width:160px;font-size:10px;padding:8px;border:1px solid var(--line);background:#fff}.scene-list button.active{border-color:var(--teal)}main{padding:16px 12px 25px}.scene-toolbar{gap:7px;align-items:flex-start;margin-bottom:12px}.scene-toolbar h2{font-size:18px}.scene-toolbar h2 span{font-size:14px;margin-left:9px}.scene-toolbar .check-row{font-size:10px;margin-top:5px}.scene-toolbar .muted{font-size:10px}.review-grid{display:block}.table-board{--tile-w:16px;min-height:438px;grid-template-rows:129px minmax(145px,auto) 129px;border-width:5px;padding:7px 2px;gap:0}.river{grid-template-columns:repeat(6,18px);grid-auto-rows:23px;gap:1px 0}.player-name{font-size:8px;gap:3px}.wind{font-size:8px}.player-score{font-size:14px}.opponent-hand{--tile-w:7.5px;height:11px}.player .melds{--tile-w:11px;gap:3px}.table-center{font-size:8px;padding:9px 2px;gap:6px}.table-center b{font-size:17px}.table-center .tile{--tile-w:21px}.table-center .dora-label,.riichi-label{font-size:8px}.hand-area{padding:12px 9px 8px}.hand{--tile-w:20px;gap:5px;min-height:38px}.hand .melds{--tile-w:15px}.draw-tile{margin-left:2px}.hand-caption{font-size:11px;margin-bottom:10px}.hand-caption span{font-size:9px}.hand-key{font-size:9px;margin-top:16px}.analysis-column{display:block;margin-top:24px}.coaching{border-bottom:1px solid var(--line)}.coaching h2{font-size:22px}.coaching p{font-size:14px}.takeaway{font-size:13px}.decision-pair{gap:14px}.decision-pair>div{font-size:12px}.decision-pair b{font-size:12px}.candidate-list{grid-template-columns:1fr 1fr 1fr}.candidate{gap:5px;padding:7px}.candidate em{display:none}.candidate b,.candidate small{font-size:10px}.small-hand{--tile-w:22px}.waits{gap:12px}.wait{--tile-w:28px}.comparison h3{font-size:16px}.safety>div{font-size:12px}.overview>h2{font-size:22px}.stats{padding:18px 0}.stats>div{min-width:0}.stats strong{font-size:27px}.stats span{font-size:10px}.stats strong small{font-size:11px;margin-left:2px}.score-chart{overflow:auto}.score-chart svg{min-width:580px}.round-reviews button{gap:10px;align-items:flex-start}.round-reviews button>span{min-width:73px;font-size:10px}.round-reviews h4{font-size:13px}.round-reviews p{font-size:11px}.round-reviews button>svg{display:none}.overview>h3{font-size:17px}.habits h4{font-size:14px}.method{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.board-scene{display:flex;flex-direction:column}.board-scene .hand-area{order:-1;margin:0 0 12px}@media(min-width:701px)and (max-width:850px){.table-board{--tile-w:21px}.river{grid-template-columns:repeat(6,24px);grid-auto-rows:29px}.opponent-hand{--tile-w:10px}.hand{--tile-w:27px}}.river{grid-template-columns:repeat(6,max-content);column-gap:1px}.river-cell{min-width:var(--tile-w)}.shape-example{font-size:11px;margin:16px 0 2px;color:var(--muted)}.shape-example>div{display:flex;align-items:center;gap:9px;margin-top:10px}.shape-example .tile{--tile-w:23px}.shape-example small{font-size:9px}.candidate small{line-height:1.6}.candidate{min-height:58px}.mahjong-table{width:100%;max-width:calc(100vh - 210px);height:auto;display:block;margin:0 auto;aspect-ratio:1;filter:drop-shadow(0 3px 8px #17373122)}.expanded-table .mahjong-table{max-width:none}.table-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin-top:10px}.table-caption button{border:1px solid var(--line);background:#fff;padding:5px 10px;border-radius:4px;font-size:11px}.safety-evidence{margin-top:22px;border-top:1px solid var(--line);padding-top:5px}.safety-evidence h3{display:flex;align-items:center;gap:6px;font-size:14px}.safety-evidence h3 .tile{--tile-w:25px}.safety-person{padding:13px 0;border-top:1px solid var(--line)}.safety-person>div{display:grid;grid-template-columns:1fr auto;gap:4px 10px}.safety-person strong{font-size:12px}.safety-person>div>span{grid-column:1;font-size:10px;color:var(--muted)}.safety-person b{grid-column:2;grid-row:1 / 3;align-self:center;font-size:11px;font-weight:600}.temporary-safe{color:#5c7594}.safety-person p{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:var(--muted);line-height:1.9;margin-top:9px}.safety-person p .tile{--tile-w:22px;margin-top:2px}.safety-rules{font-size:11px;border-top:1px solid var(--line);padding-top:14px}.safety-rules summary{cursor:pointer;font-weight:700}.safety-rules p{margin-top:10px}.candidate small{font-size:10px}.candidate-list{grid-template-columns:1fr 1fr}@media(max-width:1020px){.mahjong-table{max-width:min(100%,650px)}}@media(max-width:700px){.mahjong-table{max-width:none}.expanded-table{overflow-x:auto}.expanded-table .mahjong-table{width:700px;max-width:none;margin:0}.safety-person p{font-size:12px}}.dd-main{padding-block:30px 42px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:5px 0 22px}.workspace-heading h1{font-size:clamp(25px,3vw,36px);margin:0}.dd-workspace .replay-dialog{width:100%;max-height:none;box-shadow:none;border:1px solid var(--line);padding:clamp(16px,3vw,32px)}.replay-library{list-style:none;margin:0;padding:0}.replay-library li{display:flex;align-items:center;gap:8px;min-height:48px}.replay-library li+li{border-top:1px solid var(--line)}.replay-library button{border:0;font:inherit;background:transparent;color:inherit}.replay-library .library-title{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere;padding:14px 8px;font-size:15px}.replay-library .library-pencil{display:grid;place-items:center;width:40px;height:40px;flex:none;color:var(--muted)}.replay-library .library-title:hover,.replay-library .library-pencil:hover{background:var(--soft);border-radius:4px}.replay-dialog .library-rename{align-items:center;width:100%;padding:8px 0;gap:8px}.replay-dialog .library-rename input{width:auto;min-width:0;flex:1 1 140px}.replay-library .library-rename button{padding:8px 12px;font-size:13px}.replay-library .library-rename .primary-button{background:var(--accent);color:#fff}.library-rename [role=alert]{width:100%}.dd-empty-link{display:inline-block;margin-top:12px}.lobby-hero{isolation:isolate;position:relative;overflow:hidden;display:flex;align-items:center;min-height:clamp(236px,23vw,280px);border-radius:7px;background:radial-gradient(ellipse at 73% 7%,#364b56 0%,var(--felt) 38%,var(--rim) 83%);color:#fff9ed}.lobby-choice{z-index:1;padding:32px clamp(24px,4.8vw,58px);position:relative}.lobby-choice h1{margin:0 0 27px;font:700 clamp(50px,5vw,72px)/1.12 "Yu Mincho","YuMincho",serif;letter-spacing:.09em;color:#fff9ed}.play-doors{display:flex;align-items:stretch;gap:9px}.play-doors a{display:grid;place-items:center;text-decoration:none;font-size:16px;font-weight:750;border-radius:4px;padding:13px 22px;transition:background .15s,box-shadow .15s}.local-table{color:#fff;background:#ad352a;border:1px solid #d06252}a.local-table:hover{background:#932b22;box-shadow:0 0 0 1px #dc8574}.online-table{color:#fff8eb;border:1px solid #839096;background:#25343d}.online-table:hover{background:#3b4e57}.table-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}.table-art:before{content:"";position:absolute;inset:0;opacity:.24;background-image:repeating-linear-gradient(32deg,transparent 0 3px,#a4bac51c 3px 4px);mask-image:linear-gradient(90deg,transparent,#000 70%)}.table-rail{position:absolute;width:56%;height:150%;right:-16%;top:-58%;transform:rotate(-24deg);border:1px solid #c0b79a60;border-radius:14px;box-shadow:0 0 0 7px #192a3426,0 0 0 8px #bfb59828}.dragon-set{--w:clamp(78px,8.1vw,103px);position:absolute;top:48%;right:12%;display:flex;gap:5px;transform:translateY(-50%) rotate(-14deg) skew(4deg)}.lobby-tile{position:relative;display:block;flex:none;width:var(--w);aspect-ratio:.74;overflow:hidden;border-radius:9%;background:linear-gradient(120deg,#fffdf1 3%,#f3ebd8 80%,#e5d9be);box-shadow:inset 0 0 0 1px #fffff2b0}.lobby-tile img{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain}.dragon-set .lobby-tile{overflow:visible;box-shadow:0 3px #dccdac,0 7px #c7b491,0 11px #ad906f,0 15px #aa6245,0 19px #8f4d35,2px 23px 3px #131c2290,10px 31px 12px #10192080}.dragon-set .lobby-tile:first-child{transform:translateY(9%) rotate(-4deg)}.dragon-set .lobby-tile:last-child{transform:translate(6%,-16%) rotate(7deg)}.table-sticks{position:absolute;bottom:15%;right:19%;width:27%;height:17px;transform:rotate(-16deg)}.table-sticks i{position:absolute;inset:0;height:7px;border-radius:7px;background:radial-gradient(circle,#aa3427 0 2px,transparent 2.7px) center/100% 100%,linear-gradient(#fff6d9,#d4c7ac);box-shadow:1px 3px 2px #141a21aa}.table-sticks i+i{transform:translate(11%,14px) rotate(5deg);background:radial-gradient(circle,#253039 0 1.4px,transparent 2px) center/9px 100% no-repeat,linear-gradient(#e3d7bd,#b6a78d);width:91%}.lobby-section{margin-top:26px}.lobby-section h2{font-size:19px;letter-spacing:.035em;margin:0 0 12px;font-weight:750}.mode-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mode-link,.utility-links a,.review-menu a{background:var(--surface);border:1px solid var(--line);border-radius:5px;color:var(--ink);text-decoration:none}.mode-link{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px;padding:17px 23px;min-height:128px;overflow:hidden}.mode-link strong{position:relative;font-size:clamp(17px,2vw,22px);line-height:1.25}a.mode-link:hover,.utility-links a:hover,.review-menu a:hover{background:#fff;border-color:#93918b;box-shadow:0 2px 5px #26282c0e}a.mode-link:hover strong,.utility-links a:hover strong{color:var(--accent)}.mode-art{position:relative;display:flex;align-items:center;width:90px;height:43px;--w:24px}.mode-art .lobby-tile{border:1px solid #c7bb9f;box-shadow:0 2px #b9a07c,0 3px #af7958}.quiz-art{gap:2px;transform:rotate(-5deg)}.quiz-art .lobby-tile:last-child{transform:translate(3px,-4px) rotate(9deg)}.record-art{width:77px}.record-art i,.record-art b{position:absolute;display:block;width:38px;height:32px;border:1.5px solid #68757e;border-radius:2px;background:#e0e5e6;transform:rotate(-9deg);top:5px;left:6px}.record-art b{width:44px;height:32px;left:13px;top:9px;background:repeating-linear-gradient(to bottom,#7f8a92 0 1px,transparent 1px 5px) right 5px center /14px 13px no-repeat,#faf8ee;transform:rotate(4deg)}.record-art .lobby-tile{--w:14px;position:absolute;left:5px;top:4px;border-radius:2px}.chat-art img{width:35px;height:35px;border-radius:9px}.chat-art svg{width:29px;height:29px;margin:-15px 0 0 2px;color:#555b60}.utility-links,.review-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.utility-links{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-links a{display:flex;align-items:center;gap:15px;padding:17px 23px}.utility-links svg{width:24px;height:24px;color:#605e5a}.utility-links strong{font-size:17px}.review-menu a{display:grid;gap:9px;padding:24px}.review-menu b{font-size:20px}.review-menu span{color:var(--muted)}.dd-tool-panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:clamp(16px,3vw,30px)}.dd-tool-panel h2{margin:0 0 14px;font-size:20px}.dd-tool-panel h2:not(:first-child){margin-top:24px}.dd-tool-panel p{line-height:1.7}.dd-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px}.dd-field,.dd-chat form label{display:grid;gap:7px;font-size:13px;font-weight:650;color:#474b51}.dd-tool-panel input:not([type=checkbox]),.dd-tool-panel select,.dd-tool-panel textarea{width:100%;min-width:0;max-width:100%;border:1px solid #b5b7b7;border-radius:4px;background:#fff;padding:10px;color:var(--ink);font:inherit}.dd-option{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:16px}.dd-option input{accent-color:var(--accent)}.dd-result{background:#f3f1e9;border-radius:5px;padding:18px 22px;margin-top:22px}.dd-result>strong{font-size:30px;margin-right:10px}.dd-result p{margin:7px 0}.dd-result small{color:var(--muted)}.dd-result table{width:100%;border-collapse:collapse;font-size:14px}.dd-result td,.dd-result th{padding:8px;text-align:right;border-bottom:1px solid #d4d1c8}.dd-result td:nth-child(2),.dd-result th:nth-child(2){text-align:left}.dd-player-rows{display:grid;gap:8px;max-width:640px}.dd-player-rows>div{display:grid;grid-template-columns:30px 1fr 1fr;align-items:center;gap:8px}.dd-player-rows.with-chips>div{grid-template-columns:1.5em repeat(3,minmax(0,1fr))}.dd-player-head{font-size:13px;color:var(--muted)}.dd-settlement-table{overflow-x:auto}.dd-settlement-table th,.dd-settlement-table td:not(:nth-child(2)){white-space:nowrap}.dd-input-error,.dd-chat [role=alert]{color:#932d20;padding:12px 0}.dd-action{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:4px;background:var(--accent);color:#fff;padding:11px 17px;font-weight:650;margin-top:10px}.dd-action:hover:not(:disabled){background:#842c23}.quiz-meta,.dd-chat-head{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:17px}.quiz-meta span{color:var(--muted);font-size:14px}.quiz-tile,.match-tile{width:32px;height:42px;object-fit:contain;vertical-align:middle;background:#fffbea;border-radius:4px;box-shadow:0 2px 1px #b7ac90}.quiz-meta .quiz-tile,.quiz-answer .quiz-tile{width:24px;height:32px}.quiz-hand{display:flex;align-items:center;flex-wrap:wrap;gap:3px;padding:16px 0}.quiz-hand button{border:1px solid transparent;border-radius:5px;background:none;padding:1px}.quiz-hand button[aria-pressed=true],.quiz-hand button:hover:not(:disabled){border-color:var(--accent);background:#f4e0d6;box-shadow:0 0 0 2px #bd7561}.quiz-hand .draw{margin-left:8px}.quiz-hand .quiz-action{margin-left:6px;padding:3px 7px;border:1px solid var(--line)}.quiz-answer{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:10px}.chat-post{padding:13px 16px;border-radius:6px;margin:12px 0;background:#efece4;max-width:85%}.chat-post.user{margin-left:auto;background:#e9edf0}.chat-post .chat-tiles{display:inline;white-space:nowrap}.chat-post .chat-tiles .quiz-tile{width:1.3em;height:1.73em;margin:0 .04em;vertical-align:-.43em}.chat-post b{font-size:12px;color:var(--muted)}.chat-post p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0}.dd-chat form{margin-top:20px}.chat-input-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.chat-keyboard-toggle{font:inherit;font-size:13px;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:4px;padding:5px 10px}.chat-keyboard-toggle[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.chat-editor{width:100%;box-sizing:border-box;min-height:5.5em;padding:10px 12px;border:1px solid #b5b7b7;border-radius:4px;background:#fff;color:var(--ink);font:inherit;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}.chat-editor:focus{outline:2px solid var(--accent);outline-offset:1px}.chat-editor:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.chat-editor .quiz-tile{width:1.5em;height:2em;vertical-align:-.5em;margin:1px}.chat-keyboard{display:grid;gap:5px;margin-top:8px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:5px;width:100%;max-width:424px;box-sizing:border-box}.chat-key-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px}.chat-key-row button{display:block;border:1px solid transparent;padding:1px;border-radius:4px;background:none;min-width:0;touch-action:manipulation}.chat-key-row button:hover:not(:disabled),.chat-key-row button:focus-visible{border-color:var(--accent);background:#f4e0d6}.chat-key-row .quiz-tile{display:block;width:100%;height:auto;aspect-ratio:3/4}@media(max-width:740px){.dd-main{padding-block:20px 32px}.lobby-choice{padding:25px}.dragon-set{right:7%;--w:68px}.mode-links,.utility-links,.review-menu{gap:9px}.mode-link{padding:16px 12px}}@media(max-width:580px){.lobby-hero{min-height:222px}.lobby-choice{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:24px 20px;width:100%}.lobby-choice h1{font-size:45px}.dragon-set{--w:clamp(37px,9vw,54px);top:32%;right:10%}.table-sticks{bottom:41%;right:10%;width:29%}.play-doors a{font-size:15px;padding:11px 17px}.lobby-section{margin-top:21px}.mode-links{grid-template-columns:1fr}.mode-link{min-height:65px;padding:10px 17px;flex-direction:row;align-items:center;justify-content:flex-start;gap:15px}.mode-link strong{font-size:18px}.mode-art{width:84px}.utility-links a{padding:13px 11px;gap:8px}.utility-links strong{font-size:15px}.utility-links,.review-menu{grid-template-columns:1fr}.dd-result{padding:12px}.dd-result td,.dd-result th{padding:4px}.quiz-hand .quiz-tile,.quiz-hand .match-tile{width:23px;height:32px}}.notebook-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.notebook-actions button,.notebook-actions a{border:1px solid #c3c5bf;background:#fffefa;color:#2b383e;border-radius:4px;padding:8px 12px;font-weight:650;font-size:14px;text-decoration:none}.notebook-actions button:hover,.notebook-actions a:hover{border-color:#7a898b}.notebook-actions [aria-expanded=true]{background:#283840;color:#fff;border-color:#283840}.quiz-pages{display:flex;gap:clamp(12px,2vw,24px);flex-wrap:wrap;justify-content:flex-end}.quiz-themes{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:16px}.quiz-themes a{text-decoration:none;color:var(--muted);font-weight:700;padding:5px 3px 11px;border-bottom:3px solid transparent}.quiz-themes a[aria-current]{color:var(--accent);border-color:var(--accent)}.solve-table{background:var(--felt);color:var(--on-felt);border-radius:6px;padding:clamp(14px,3vw,32px)}.solve-table .quiz-meta{border-bottom:1px solid var(--felt-line);padding-bottom:12px}.solve-table .quiz-meta span{color:var(--on-felt)}.solve-table .quiz-dora{margin-left:auto}.solve-table h2{font-size:clamp(17px,2vw,23px);margin:12px 0}.solve-hand{display:flex;align-items:center;gap:1px;padding:4px 0 8px}.solve-hand button{flex:1 1 0;min-width:0;max-width:51px;min-height:44px;background:none;border:0;padding:0;border-radius:4px}.solve-hand button.draw{margin-left:clamp(3px,1vw,10px)}.solve-hand .quiz-tile{display:block;width:100%;height:auto;aspect-ratio:32/43}.solve-hand button:focus-visible,.solve-hand button[aria-pressed=true]{outline:2px solid #edbd69;outline-offset:1px;z-index:1}.solve-hand button:hover:not(:disabled){transform:translateY(-3px)}.solve-hand button:disabled{opacity:1;cursor:default}.solve-calls .quiz-action{background:var(--surface);color:var(--ink)}.quiz-opponent{padding-block:3px 20px}.river-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}.river-heading h3{font-size:16px}.river-heading span{font-size:14px;color:#f1cf88}.exercise-river{--face:clamp(26px,4vw,38px);display:grid;width:max-content;grid-template-columns:repeat(6,max-content);align-items:end;gap:3px 1px}.exercise-river span{display:grid;place-items:end center}.exercise-river .quiz-tile{width:var(--face);height:auto;aspect-ratio:19/26}.exercise-river [data-tsumogiri] img{filter:brightness(.83)}.exercise-river .declaration{width:calc(var(--face)*26/19);height:calc(var(--face)*26/19)}.exercise-river .declaration img{transform:translateY(calc(var(--face)*3.5/19)) rotate(90deg)}.quiz-river-answer .quiz-tile{width:24px;height:32px;margin-inline:2px}.quiz-list{list-style:none;padding:0;margin:0}.quiz-list li+li{border-top:1px solid var(--line)}.quiz-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;color:var(--ink);text-decoration:none}.quiz-list a:hover{color:var(--accent)}.quiz-list strong{overflow-wrap:anywhere}.quiz-preview{display:flex;align-items:center;gap:2px}.quiz-preview .quiz-tile{width:18px;height:24px}.quiz-book{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:16px;align-items:start}.quiz-book li{min-width:0}.quiz-library>h2{font-size:17px;margin:0 0 12px}.quiz-library>.quiz-book+h2{margin-top:24px}.question-library{align-items:stretch}.question-library>li{display:flex;flex-direction:column;scroll-margin-top:95px}.question-library .book-position{flex:1}.question-manage{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;padding:6px 0;font-size:13px}.question-manage button{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:4px;padding:4px 10px}.replay-question{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);align-items:start;gap:clamp(12px,2vw,24px)}.replay-question .mahjong-table{width:100%;max-width:min(100%,72dvh)}.replay-question .chat-tiles img{width:23px;height:31px}.replay-question .quiz-feedback p{line-height:1.8}.quiz-editor [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}@media(max-width:760px){.replay-question{grid-template-columns:minmax(0,1fr)}}.book-position{display:block;min-width:0;padding:clamp(12px,2vw,20px);background:var(--felt);color:var(--on-felt);text-decoration:none;border-radius:6px}.book-position:hover,.book-position:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.book-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;margin-bottom:12px}.book-meta strong{overflow-wrap:anywhere}.book-dora{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:12px}.book-dora .quiz-tile{width:20px;height:27px}.book-position .quiz-opponent{padding:0 0 12px}.book-position .river-heading{margin:0 0 6px}.book-position .river-heading h3{color:inherit;margin:0;font-size:14px}.book-position .exercise-river{--face:clamp(19px,3vw,25px)}.book-hand{display:flex;gap:1px;align-items:flex-end}.book-hand>span{flex:0 1 34px;min-width:0}.book-hand .draw{margin-left:clamp(3px,1vw,8px)}.book-hand .quiz-tile{display:block;width:100%;height:auto;aspect-ratio:32/43}.book-answer-link{display:block;width:fit-content;margin:10px 0 0 auto;font-size:13px;text-decoration:underline;text-underline-offset:3px}.answer-history{display:flex;gap:8px;align-items:center;margin-bottom:12px;font-size:14px}.answer-history select{min-width:0;max-width:75%;padding:5px 8px;font:inherit}.quiz-exposed,.quiz-exposed>span{display:flex;flex-wrap:wrap;align-items:center;gap:1px}.quiz-exposed{gap:8px;margin-top:7px;font-size:13px}.quiz-exposed .quiz-tile{width:22px;height:29px}.quiz-feedback .denden-guide{max-width:550px}.quiz-feedback .guide-bubble .quiz-tile{width:28px;height:38px}.quiz-compare-heading{margin:18px 0 6px;font-size:16px}.quiz-cut-picker{display:flex;gap:3px;flex-wrap:wrap;margin:0 0 14px}.quiz-cut-picker button{border:1px solid var(--line);padding:4px;border-radius:4px;background:var(--surface)}.quiz-cut-picker button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 -3px var(--accent)}.quiz-cut-picker img,.quiz-evidence-head img{width:23px;height:31px}.quiz-evidence{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:10px}.quiz-evidence section{border:1px solid var(--line);border-radius:5px;padding:12px}.quiz-evidence .inspected{border-color:var(--accent)}.quiz-evidence-head{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.quiz-evidence-head span{font-size:13px;color:var(--muted)}.quiz-evidence .waits{display:flex;flex-wrap:wrap;gap:5px}.quiz-evidence .wait{display:grid;justify-items:center;padding:3px}.quiz-evidence .wait img{width:24px;height:32px}.quiz-evidence .wait strong{font-size:13px}@media(max-width:580px){.quiz-list a{flex-wrap:wrap}.solve-table .quiz-meta{gap:8px}}.scene-notebook{margin-bottom:14px}.quiz-save-choices{display:grid;justify-items:start;gap:10px;margin:0 0 14px}.quiz-save-choices fieldset{margin:0;padding:0;border:0;min-width:0;display:flex;gap:5px;flex-wrap:wrap}.quiz-save-choices legend{margin-bottom:4px;color:var(--muted);font-size:13px}.quiz-save-choices button{padding:7px 10px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink)}.quiz-save-choices button:hover{border-color:var(--accent)}.scene-notebook .dd-chat{padding:15px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px}.scene-notebook .dd-action{background:var(--accent)}.scene-notebook .chat-post{max-width:100%}.useful-faces .quiz-tile{width:19px;height:26px}.exercise-answer{margin-bottom:12px}.useful-faces{margin:6px 0;display:flex;gap:3px;flex-wrap:wrap}.quiz-editor .dd-field{margin:8px 0;width:min(100%,360px)}.quiz-winds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:360px}.tile-palette .quiz-hand{padding:3px 0}.tile-palette .quiz-tile{width:26px;height:35px}.table-rule-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;padding:14px 0;border-top:1px solid var(--line)}.table-rule-row p{margin:3px 0 0;color:var(--muted);font-size:13px}.table-choices,.table-reds{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.table-choices{border:1px solid #b5b7b7;border-radius:5px;overflow:hidden}.table-choices label{position:relative;cursor:pointer}.table-choices label+label{border-inline-start:1px solid #b5b7b7}.table-choices input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;padding:0}.table-choices span{display:grid;place-items:center;min-height:40px;font-weight:650}.table-choices :checked+span{background:var(--felt);color:#fff}.table-choices :focus-visible+span{outline:2px solid var(--selected-line);outline-offset:-3px}.table-reds{gap:10px}.table-reds label{display:grid;gap:4px;font-size:13px;color:var(--muted)}.table-setup .dd-action{margin-top:14px}@media(max-width:700px){.table-rule-row{grid-template-columns:minmax(0,1fr);gap:8px;padding-block:12px}}.room-details>summary{cursor:pointer;min-height:46px;padding-block:12px;color:var(--ink);font-weight:700;border-block:1px solid var(--line)}.room-details[open]>summary{border-bottom:0}.table-choices+.table-reds{margin-top:10px}[hidden].table-web,.table-web section[hidden]{display:none}.lobby-unavailable{cursor:default}.lobby-availability{width:100%;font-size:15px;line-height:1.5}.lobby-availability b{display:block;font-size:17px;line-height:1.4}.lobby-availability p{margin:4px 0 0}.lobby-availability p span{display:inline-block}.mode-link.lobby-unavailable{background:var(--soft);justify-content:flex-start;gap:10px}.mode-link .lobby-availability{border-top:1px solid var(--line);padding-top:10px;color:var(--muted)}.local-table.lobby-unavailable{padding:12px 16px;background:#2d3c45;color:#fff8eb;border:1px solid #7d8b92;border-radius:5px;max-width:26rem}.local-table.lobby-unavailable>strong{font-size:18px}.local-table .lobby-availability{margin-top:6px;color:#e2e7e8}.lobby-unavailable+.online-table{align-self:flex-end;background:#fff8eb;color:var(--felt)}.lobby-unavailable+.online-table:hover{background:#fff}@media(max-width:580px){.dd-hub:has(.lobby-unavailable) .lobby-choice h1{margin-bottom:58px}.dd-hub:has(.lobby-unavailable) .dragon-set{top:21%}.dd-hub:has(.lobby-unavailable) .table-sticks{bottom:auto;top:33%}.play-doors:has(.lobby-unavailable){display:grid;grid-template-columns:minmax(0,1fr) auto}.play-doors .local-table.lobby-unavailable{padding:10px 12px}.mode-link.lobby-unavailable{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;row-gap:8px}.mode-link .lobby-availability{grid-column:1/-1}}@media(max-width:540px){.table-web input,.table-web select{font-size:16px}.table-web .hp-panel .hp-rack button,.table-web .hp-rack .hp-slot{min-width:0;width:calc((100% - 38px)/14)}.table-web .dd-settlement-table{max-width:100%;overflow:auto}}
