:root{--bg:#f3efe6;--panel:#fffdf8;--ink:#2a2620;--muted:#7a7266;--line:#e4dccb;--accent:#1d6b4f;--accent-ink:#fff;--accent-soft:#e3f0e9;--good:#2e7d4f;--good-soft:#e5f3ea;--bad:#b8382c;--bad-soft:#fbe9e6;--gold:#d4a12a;--warn:#c0392b;--felt-1:#2a6e53;--felt-2:#1b4d3a;--felt-ink:#f4efe2;--seat-bg:#0000002e;--shadow:0 1px 2px #3c2d140f, 0 4px 14px #3c2d140f;--radius:12px;--font:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--tile-font:"Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14130f;--panel:#1e1c17;--ink:#ece6d8;--muted:#a39a8a;--line:#34302a;--accent:#3ea37b;--accent-soft:#1f3a2f;--good:#5cbf86;--good-soft:#1c3326;--bad:#e2675b;--bad-soft:#3a1f1c;--felt-1:#1f5541;--felt-2:#12372a;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#14130f;--panel:#1e1c17;--ink:#ece6d8;--muted:#a39a8a;--line:#34302a;--accent:#3ea37b;--accent-soft:#1f3a2f;--good:#5cbf86;--good-soft:#1c3326;--bad:#e2675b;--bad-soft:#3a1f1c;--felt-1:#1f5541;--felt-2:#12372a;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;font-size:15px;line-height:1.55}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}h2{margin:0 0 .6rem;font-size:1.05rem}h3{margin:1rem 0 .5rem;font-size:.95rem}ul{margin:.4rem 0;padding-left:1.2rem}li{margin:.2rem 0}.topbar{z-index:10;background:var(--felt-2);color:var(--felt-ink);align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0003}.brand{white-space:nowrap;align-items:center;gap:10px;font-weight:700;display:flex}.brand-tile img{object-fit:contain;width:100%;height:100%}.brand small{opacity:.75;font-size:.7rem;font-weight:400;line-height:1;display:block}.brand-tile{color:#c0392b;width:26px;height:34px;font-family:var(--tile-font);background:linear-gradient(#fffdf6,#efe6cf);border-radius:4px;place-items:center;font-size:18px;display:inline-grid;box-shadow:0 2px #b9ad8f}nav{scrollbar-width:none;gap:4px;margin-left:auto;display:flex;overflow-x:auto}nav a{color:inherit;white-space:nowrap;opacity:.8;border-radius:999px;padding:6px 12px;text-decoration:none}nav a[aria-current=page]{opacity:1;background:#ffffff29;font-weight:600}nav a:hover{opacity:1}main{max-width:1240px;margin:0 auto;padding:16px}.page{flex-direction:column;gap:12px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.panel>summary,details>summary{cursor:pointer;font-weight:600}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.panel-head h2{margin:0}.muted{color:var(--muted)}.small{font-size:.82rem}.center{text-align:center}.note{color:var(--muted);margin:.5rem 0;font-size:.82rem}.error{color:var(--bad);background:var(--bad-soft);border-radius:8px;padding:8px 12px}.label{color:var(--muted);white-space:nowrap;margin-right:6px;font-size:.8rem}.pos{color:var(--good)}.neg{color:var(--bad)}button{cursor:pointer;border:1px solid #0000;border-radius:10px;min-height:40px;padding:6px 16px;transition:transform 80ms,background .15s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--accent-ink);font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-large{min-height:48px;padding:8px 28px;font-size:1.05rem}.btn-ghost{border-color:var(--line);background:0 0}.btn-ghost:hover{background:var(--accent-soft)}.btn-call{color:#6b4a00;background:#fff4d6;border-color:#e5c66b;align-items:center;gap:6px;font-weight:600;display:inline-flex}.btn-win{color:#fff;background:linear-gradient(#e0533f,#b8382c);padding:6px 24px;font-size:1.05rem;font-weight:700;box-shadow:0 0 0 3px #d4a12a80}.btn-tiles{gap:2px;display:inline-flex}.row-buttons{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tag{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:.72rem;font-weight:600;display:inline-block}.tag-good{background:var(--good-soft);color:var(--good)}.tag-bad{background:var(--bad-soft);color:var(--bad)}.tag-dealer{background:var(--gold);color:#3b2b00}.pill{background:var(--accent-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.85rem;display:inline-flex}.pill-de{color:#6b4a00;background:#fff4d6}.pill-warn{background:var(--warn);color:#fff;font-weight:600}.pill-good{background:var(--good-soft);color:var(--good)}.tile{--w:30px;width:var(--w);height:calc(var(--w) * 1.36);border-radius:calc(var(--w) * .14);min-height:0;box-shadow:0 calc(var(--w) * .07) 0 #c4b48c, 0 calc(var(--w) * .1) calc(var(--w) * .14) #00000047;font-family:var(--tile-font);color:#1e1e1e;-webkit-user-select:none;user-select:none;background:linear-gradient(175deg,#fffef9 0%,#f7f0de 70%,#ece1c4 100%);border:1px solid #d6c9a8;flex-direction:column;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:transform .12s,box-shadow .12s;display:inline-flex;position:relative}.tile-xs{--w:20px}.tile-sm{--w:24px}.tile-md{--w:30px}.tile-lg{--w:clamp(21px, calc((100vw - 64px) / 15.5), 46px)}.tile-face{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.tile-back{box-shadow:0 calc(var(--w) * .07) 0 #f0e6cc, 0 calc(var(--w) * .1) calc(var(--w) * .14) #0000004d;background:linear-gradient(175deg,#3a9a71,#23704f);border-color:#1b5b3f}.tile.is-clickable{cursor:pointer}.tile.is-clickable:hover{transform:translateY(-6%)}.tile.is-selected{box-shadow:0 0 0 2px var(--gold), 0 8px 14px #00000059;transform:translateY(-22%)}.tile.is-selected:hover{transform:translateY(-22%)}.tile.is-dim{filter:grayscale(.6)brightness(.8);opacity:.6}.tile.is-highlight{box-shadow:0 0 0 2px var(--gold), 0 0 10px 2px #d4a12abf}.tile-hint{top:calc(var(--w) * -.62);color:var(--gold);font-size:max(12px, calc(var(--w) * .42));text-shadow:0 1px 2px #00000080;font-family:var(--font);position:absolute;left:50%;transform:translate(-50%)}.tile-fresh{bottom:calc(var(--w) * -.16);left:calc(var(--w) * -.14);font-family:var(--font);font-size:max(9px, calc(var(--w) * .26));background:var(--warn);color:#fff;border-radius:999px;padding:1px 3px;line-height:1.1;position:absolute}.tile-row{vertical-align:middle;gap:2px;display:inline-flex}.meld{vertical-align:middle;background:#0000001f;border-radius:6px;gap:1px;padding:2px;display:inline-flex}.melds{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.toolbar{flex-direction:column;gap:10px;display:flex}.mode-tabs{scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.mode-tabs button{border-color:var(--line);background:0 0;border-radius:999px;flex:none;min-height:36px;padding:4px 14px}.mode-tabs button.is-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.toolbar-meta{flex-wrap:wrap;align-items:center;gap:14px;font-size:.88rem;display:flex}.toolbar-meta .btn-ghost{min-height:32px;margin-left:auto;padding:2px 12px}.custom{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.custom label{color:var(--muted);flex-direction:column;flex:220px;gap:4px;font-size:.85rem;display:flex}.custom label:nth-child(2){flex:0 140px}input,select{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-height:40px;padding:8px 10px}.context-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rivers{flex-direction:column;gap:6px;margin-top:10px;display:flex}.river-line{align-items:flex-start;gap:10px;display:flex}.river-name{width:3.2em;color:var(--muted);flex:none;padding-top:2px;font-size:.82rem}.river-tiles{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.hand-panel,.table{background:radial-gradient(ellipse at 50% 40%, var(--felt-1), var(--felt-2));color:var(--felt-ink);border:none}.hand-panel .muted,.table .muted{color:#f4efe2b3}.hand-panel h2{color:var(--felt-ink)}.hand{flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:3px;padding:22px 0 10px;display:flex}.drawn{margin-left:clamp(6px,2vw,16px);display:inline-flex}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:44px;margin-top:8px;display:flex}.prompt{flex-basis:100%;justify-content:center;align-items:center;gap:6px;display:inline-flex}.result.is-good{border-left:5px solid var(--good)}.result.is-bad{border-left:5px solid var(--bad)}.result h2{font-size:1.2rem}.result.is-good h2{color:var(--good)}.result.is-bad h2{color:var(--bad)}.result-best{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.compare{border-collapse:collapse;width:100%;max-width:520px;margin:6px 0;font-size:.9rem}.compare th,.compare td{border-bottom:1px solid var(--line);text-align:left;padding:6px 10px}.compare thead th{color:var(--muted);font-size:.8rem;font-weight:500}.compare tbody th{color:var(--muted);white-space:nowrap;font-weight:500}.compare td.is-worse{color:var(--bad)}.candidates{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.candidates>li{border:1px solid var(--line);border-radius:10px;margin:0}.candidates>li.is-best{border-color:var(--good);background:var(--good-soft)}.candidates>li.is-chosen:not(.is-best){border-color:var(--bad)}.candidates summary{align-items:center;gap:10px;padding:6px 10px;font-weight:400;list-style:none;display:flex}.candidates summary::-webkit-details-marker{display:none}.cand-main{flex:1;gap:12px;font-size:.9rem;display:flex}.cand-detail{padding:4px 12px 10px}.cand-line{flex-wrap:wrap;align-items:flex-start;gap:6px;margin:4px 0;display:flex}.reasons{color:var(--muted);font-size:.84rem}.chips{flex-wrap:wrap;gap:6px;display:inline-flex}.chip{background:var(--accent-soft);border-radius:8px;align-items:center;gap:3px;padding:2px 6px 2px 3px;font-size:.8rem;font-weight:600;display:inline-flex}.chip.is-empty{opacity:.5}.table .chip,.side .chip{color:inherit}.intro{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:640px;margin:0 auto;display:flex}.settings{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;margin:8px 0;display:flex}.settings label{align-items:center;gap:6px;font-size:.9rem;display:flex}.settings label.check input{width:18px;height:18px;min-height:0;accent-color:var(--accent)}.side .settings{justify-content:flex-start}.game-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:12px;display:grid}.table{--t:clamp(14px, calc((100vw - 120px) / 18), 32px);background:radial-gradient(ellipse at 50% 42%, #2f7a5c 0%, var(--felt-1) 45%, var(--felt-2) 100%);color:var(--felt-ink);border:12px solid #5a3a20;border-radius:26px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"top top top""left pond right""me me me";gap:6px 10px;padding:12px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #00000040,inset 0 0 60px #0006,0 0 0 1px #3d2612,0 10px 30px #00000059}.table .muted{color:#f4efe2b3}.seat{min-width:0}.seat-top{grid-area:top;justify-content:center;align-items:center;gap:12px;display:flex}.seat-left{grid-area:left}.seat-right{grid-area:right}.seat-left,.seat-right{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.seat-me{grid-area:me}.plate{white-space:nowrap;background:#00000047;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:.85rem;transition:box-shadow .2s;display:inline-flex;position:relative}.plate.is-turn{box-shadow:0 0 0 2px var(--gold), 0 0 12px #d4a12a99}.plate-wind{background:#ffffff29;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.8rem;font-weight:700;display:inline-grid}.plate-wind.is-dealer{color:#fff;background:#c0392b}.plate-score{font-variant-numeric:tabular-nums;font-weight:700}.plate-score.pos{color:#8ee0ad}.plate-score.neg{color:#ffb0a6}.seat-left .plate,.seat-right .plate{border-radius:12px;flex-direction:column;gap:2px;padding:5px 4px}.callout{color:#ffd76a;text-shadow:0 2px #7a4b00,0 0 12px #0009;pointer-events:none;z-index:3;font-size:1.5rem;font-weight:800;animation:1.8s forwards callout;position:absolute;top:-6px;left:50%;transform:translate(-50%,-100%)}@keyframes callout{0%{opacity:0;transform:translate(-50%,-60%)scale(.6)}12%{opacity:1;transform:translate(-50%,-100%)scale(1.15)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-100%)}}.opp-tiles{align-items:center;gap:8px;display:flex}.seat-left .opp-tiles,.seat-right .opp-tiles,.seat-left .meld,.seat-right .meld{flex-direction:column}.stands{gap:1px;display:inline-flex}.seat-left .stands,.seat-right .stands{flex-direction:column}.stand{background:linear-gradient(#3a9a71 0 78%,#f3ead2 78%);border-radius:3px;width:18px;height:26px;display:block;box-shadow:0 1px 2px #0006}.seat-left .stand,.seat-right .stand{background:linear-gradient(90deg,#f3ead2 0 30%,#3a9a71 30%);width:22px;height:12px}.seat-right .stand{background:linear-gradient(270deg,#f3ead2 0 30%,#3a9a71 30%)}.pond{width:calc(var(--t) * 18);aspect-ratio:1;grid-area:pond;justify-self:center;position:relative}.pond-layer{pointer-events:none;position:absolute;inset:0}.layer-1{transform:rotate(-90deg)}.layer-2{transform:rotate(180deg)}.layer-3{transform:rotate(90deg)}.pond .river{left:50%;top:calc(50% + var(--t) * 3.1);width:calc(var(--t) * 6 + 5px);flex-wrap:wrap;align-content:flex-start;gap:3px 1px;display:flex;position:absolute;transform:translate(-50%)}.pond .river .tile{--w:var(--t)}.compass{width:calc(var(--t) * 5.6);aspect-ratio:1;background:linear-gradient(145deg,#2b2b2b,#151515);border:2px solid #444;border-radius:14%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 12px #000c,0 4px 10px #0006}.compass-wind{font-weight:700;font-size:max(11px, calc(var(--t) * .6));color:#5b5b5b;transition:color .2s,text-shadow .2s;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.compass-wind.is-on{color:#ffcf4a;text-shadow:0 0 8px #ffbe28e6}.compass-core{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:22%}.compass-de{align-items:center;gap:4px;display:inline-flex}.compass-de .tile{--w:max(16px, calc(var(--t) * .95))}.compass-de small{color:var(--gold);font-weight:700;font-size:max(10px, calc(var(--t) * .5))}.compass-wall{color:#7fe0b0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:700;font-size:max(12px, calc(var(--t) * .7));text-shadow:0 0 6px #50dc9699;line-height:1}.table.is-fresh .compass{border-color:#c0392b}.table.is-fresh .compass-wall{color:#ff8a7a;text-shadow:0 0 6px #ff5a4699}.me-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:4px;display:flex}.me-bar .melds{margin:0}.side{flex-direction:column;gap:12px;display:flex}.hint-line{flex-wrap:wrap;align-items:center;gap:4px;margin:.4rem 0;display:flex}.review{border-radius:8px;margin-bottom:8px;padding:8px 10px}.review.is-good{background:var(--good-soft)}.review.is-bad{background:var(--bad-soft)}.risk{border-radius:8px;padding:6px 8px;font-size:.84rem}.risk-high{background:var(--bad-soft);color:var(--bad)}.risk-medium{color:#6b4a00;background:#fff4d6}.risk-low{background:var(--accent-soft)}.log ol{margin:0;padding:0;font-size:.88rem;list-style:none}.log li{border-bottom:1px dashed var(--line);color:var(--muted);padding:3px 0}.log li.is-latest{color:var(--ink);font-weight:600}.history{padding:0;font-size:.88rem;list-style:none}.history li{border-bottom:1px dashed var(--line);justify-content:space-between;padding:4px 0;display:flex}.round-result{border:2px solid var(--gold)}.seat-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;font-size:.9rem;display:flex}.seat-head .score{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.seat-wind{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:6px;place-items:center;font-size:.8rem;font-weight:700;display:inline-grid}.liability{background:var(--bad-soft);color:var(--bad);border-radius:8px;padding:8px 12px}.result-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0;display:grid}.seat-result{border:1px solid var(--line);border-radius:10px;padding:8px 10px}.seat-result.is-winner{border-color:var(--gold);background:#d4a12a14}.result-hand{flex-wrap:wrap;align-items:center;gap:3px;margin:4px 0 8px;display:flex}.score-detail{flex-direction:column;gap:4px;font-size:.82rem;display:flex}.formula{font-variant-numeric:tabular-nums;font-weight:600}.items{flex-wrap:wrap;gap:4px;display:flex}.item{background:var(--accent-soft);border-radius:6px;padding:1px 6px}.payments{columns:2;padding:0;font-size:.88rem;list-style:none}.stats{text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.stats div{flex-direction:column;display:flex}.stat{font-variant-numeric:tabular-nums;color:var(--accent);font-size:1.6rem;font-weight:700}.mistake-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mistake-list li{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.mistake-hand{flex-wrap:wrap;gap:2px;display:flex}.mistake-meta{align-items:center;gap:8px;display:flex}.rules .panel{width:100%;max-width:820px;margin:0 auto}.rule-example{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:.9rem;display:flex}@media (width<=1000px){.game-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){main{padding:10px 8px}.topbar{gap:8px;padding:8px 10px}.brand small,.brand>span:last-child{display:none}nav a{padding:6px 9px;font-size:.9rem}.panel{padding:12px}.table{--t:calc((100vw - 96px) / 18);border-width:7px;border-radius:16px;gap:4px;padding:6px}.plate{font-size:.75rem}.plate-name{display:none}.seat-me .plate-name{display:inline}.seat-left .plate,.seat-right .plate{padding:3px 2px}.seat:not(.seat-me) .meld .tile{--w:14px}.stand{width:12px;height:18px}.seat-left .stand,.seat-right .stand{width:14px;height:7px}.result-seats{grid-template-columns:minmax(0,1fr)}.payments{columns:1}.stats{grid-template-columns:repeat(2,1fr);row-gap:10px}.compare th,.compare td{padding:5px 6px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hand-panel .btn-primary:disabled,.table .btn-primary:disabled{opacity:1;color:#f4efe2cc;background:#ffffff24}.thinking{gap:3px;margin-left:2px;display:inline-flex}.thinking i{background:var(--gold);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite blink}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.progress{background:var(--line);border-radius:999px;flex:1;min-width:80px;height:6px;overflow:hidden}.progress i{background:var(--accent);height:100%;transition:width .2s;display:block}.strategy{margin-bottom:6px}.strategy-table{font-size:.82rem}.strategy-table td,.strategy-table th{font-variant-numeric:tabular-nums;padding:4px 6px}.strategy-table tr.is-best{background:var(--good-soft)}.strategy-table tr.is-ok td:first-of-type:after{content:" ≈";color:var(--muted)}.actions button.is-recommended{box-shadow:0 0 0 3px var(--gold), 0 0 12px #d4a12ab3}