:root{--tile-size:52px;--bg:#1c3d2a;--felt:#2a5c3f;--ink:#1a1a1a;--tile-face:#f7f3e8;--tile-border:#c9bfa3;--tile-shadow:#00000040;--accent:#e8c766;--hot:#c0392b;--safe:#2e7d46;--neutral:#b08a2e;--text:#f2ead7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,PingFang TC,Noto Sans TC,sans-serif}#app{max-width:1200px;margin:0 auto;padding:12px}.table__header{background:var(--felt);border-radius:8px;flex-wrap:wrap;gap:16px;margin-bottom:10px;padding:8px 12px;font-size:18px;display:flex}.table__stat{font-weight:600}.table{grid-template-columns:1fr auto 1fr;grid-template-areas:"top top top""left center right""bottom bottom bottom";gap:10px;display:grid}.seat{background:var(--felt);border-radius:8px;min-height:92px;padding:10px}.seat--2{grid-area:top}.seat--3{grid-area:left}.seat--1{grid-area:right}.seat--0{grid-area:bottom}.seat--human{border:2px solid var(--accent)}.seat__header{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.seat__wind-zh{font-size:26px;font-weight:700}.seat__wind-en{opacity:.85;font-size:14px}.seat__badge{background:#0005;border:1px solid #fff4;border-radius:999px;padding:1px 6px;font-size:12px}.seat__badge--you{background:var(--accent);color:#2a2208;border-color:#0000}.seat__badge--dealer{background:#fff2}.seat__badge--turn{outline:2px solid var(--accent);background:#fff2}.seat__score{opacity:.9;margin-left:auto;font-size:14px}.seat__label{opacity:.75;margin-right:6px;font-size:12px}.seat__piles{flex-direction:column;gap:6px;display:flex}.seat__melds,.seat__discards{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.seat__meld{gap:1px;margin-right:8px;display:flex}.seat__meld--none,.seat__empty{opacity:.6}.seat__concealed{opacity:.75;font-size:13px}.seat__flowers{flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:6px;display:flex}.hand{flex-direction:column;gap:4px;display:flex}.hand__row{gap:4px;display:flex}.tile{width:var(--tile-size);height:var(--tile-size);background:var(--tile-face);color:var(--ink);border:1px solid var(--tile-border);box-shadow:0 1px 2px var(--tile-shadow);-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;flex:none;justify-content:center;align-items:center;line-height:1;display:flex;overflow:hidden}.tile--wind{color:#1b4d89}.tile--dragon{color:#8b1a1a}.tile__glyph{font-size:calc(var(--tile-size) * .27);font-weight:700}.tile__zh{font-size:calc(var(--tile-size) * .42);font-weight:700}.tile__word{font-size:calc(var(--tile-size) * .15);opacity:.7}.tile--compact .tile__glyph{font-size:calc(var(--tile-size) * .3)}.tile--compact .tile__zh{font-size:calc(var(--tile-size) * .58)}.tile--compact .tile__word{display:none}.tile--highlight{outline:3px solid var(--accent);outline-offset:-1px}.tile--tappable{cursor:pointer}.tile--selected{outline-offset:-2px;z-index:2;background:#e3f0ff;outline:3px solid #2f7fd1;position:relative;transform:translateY(-4px)scale(1.14);box-shadow:0 0 0 3px #2f7fd159,0 8px 16px #00000080}.tile--hot{box-shadow:0 0 0 2px var(--hot) inset}.tile__pips{width:100%;min-height:calc(var(--tile-size) * .34);flex-wrap:wrap;place-content:center;align-items:center;gap:2px;display:flex}.tile__pips--pin{max-width:calc(var(--tile-size) * .68);margin:0 auto}.tile__pips--pin .pip{width:calc(var(--tile-size) * .15);height:calc(var(--tile-size) * .15);background:#2f5aa8;border-radius:50%}.tile__pips--sou .pip{width:calc(var(--tile-size) * .07);height:calc(var(--tile-size) * .36);background:#2e7d46;border-radius:2px}.tile__pips--man{font-size:calc(var(--tile-size) * .42);color:#8b1a1a;font-weight:700;line-height:1}.tile__num{font-size:calc(var(--tile-size) * .24);margin-top:2px;font-weight:700;line-height:1}.table__last-discard{align-items:center;gap:10px;margin-top:10px;font-size:14px;display:flex}.table__label{opacity:.8}.table__last-tile{align-items:center;gap:10px;display:flex}@media (width<=760px){.table{grid-template-columns:1fr;grid-template-areas:"top""left""right""bottom"}}.controls-region{margin-top:12px}.toolbar{justify-content:flex-end;margin-bottom:10px;display:flex}.toolbar__btn{color:var(--text);cursor:pointer;background:#33594a;border:2px solid #fff4;border-radius:8px;padding:8px 16px;font-size:15px}.setup{background:var(--felt);border-radius:10px;flex-direction:column;gap:16px;max-width:560px;margin:0 auto;padding:20px;display:flex}.setup__title{margin:0;font-size:26px}.setup__seat{align-items:center;gap:12px;display:flex}.setup__seat-label{min-width:10em;font-size:16px}.setup__select{color:#1a1a1a;background:#fff;border-radius:8px;padding:8px 12px;font-size:18px}.setup__coach{align-items:center;gap:8px;font-size:16px;display:inline-flex}.controls{flex-direction:column;gap:8px;display:flex}.controls__waiting{opacity:.85;padding:8px 0;font-size:16px}.controls__claims{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.controls__prompt{margin-right:4px;font-size:16px;font-weight:600}.controls__discard-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.controls__btn{color:var(--text);cursor:pointer;background:#3a6b4c;border:2px solid #fff4;border-radius:8px;align-items:center;gap:6px;padding:12px 18px;font-size:18px;font-weight:700;display:inline-flex}.controls__btn:hover{background:#487d5a}.controls__btn.is-disabled{opacity:.45;cursor:default}.controls__btn--primary{background:var(--accent);color:#2a2208;border-color:#0000}.controls__btn--win,.controls__btn--discard{background:#7c3a2a}.controls__btn--pass{background:#444}.controls__btn--kong{background:#274a7a}.controls__btn-zh{font-size:22px}.controls__btn-en{font-size:15px}.settlement{background:var(--felt);border-radius:10px;flex-direction:column;gap:14px;padding:20px;font-size:18px;display:flex}.settlement__title{margin:0;font-size:28px}.settlement__tile{align-items:center;gap:10px;display:flex}.settlement__label{opacity:.8}.settlement__scores{flex-direction:column;gap:4px;display:flex}.coach-region{margin-top:12px}.coach{background:#1f4a30;border:1px solid #fff3;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.coach__header{justify-content:space-between;align-items:center;display:flex}.coach__title{font-size:18px;font-weight:700}.coach__toggle{color:var(--text);cursor:pointer;background:#33594a;border:2px solid #fff4;border-radius:8px;padding:6px 14px;font-size:15px}.coach__value{font-size:18px;font-weight:700}.coach__breakdown,.receipt__breakdown{margin-top:4px;font-size:15px;font-weight:400}.coach__breakdown summary,.receipt__breakdown summary{cursor:pointer;opacity:.9}.coach__line,.receipt__line{opacity:.95;margin-left:12px;padding:2px 0}.coach__section{opacity:.9;margin-bottom:4px;font-size:14px;font-weight:700}.coach__discards{flex-direction:column;gap:6px;display:flex}.coach__discard{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #fff3;border-radius:8px;align-items:center;gap:10px;padding:6px;display:inline-flex}.coach__discard:hover{background:#ffffff14}.coach__discard--top{border-color:var(--accent);border-width:2px}.coach__discard-text{flex-direction:column;gap:2px;display:inline-flex}.coach__reason{font-size:14px}.coach__danger{border-radius:999px;width:fit-content;padding:1px 8px;font-size:12px}.coach__danger--safe{color:#b6f0c6;background:#2e7d4655}.coach__danger--neutral{color:#f3e0b0;background:#b08a2e55}.coach__danger--hot{color:#ffd6d0;background:#c0392b55}.coach__routes{flex-direction:column;gap:6px;display:flex}.coach__route{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.coach__route-name{font-weight:600}.coach__route-need{align-items:center;gap:2px;display:inline-flex}.coach__label{opacity:.75;margin-right:4px;font-size:12px}.receipt{background:var(--felt);border-radius:10px;flex-direction:column;gap:12px;padding:20px;font-size:18px;display:flex}.receipt__title{margin:0;font-size:28px}.receipt__tai{font-size:22px;font-weight:700}.receipt__recap{flex-direction:column;gap:6px;display:flex}.receipt__section{opacity:.9;font-weight:700}.receipt__set{align-items:center;gap:4px;display:flex}.receipt__set-kind{opacity:.85;width:2.4em;font-size:16px}.receipt__payments{flex-direction:column;gap:4px;display:flex}.receipt__payment--in{color:#b6f0c6}.receipt__payment--out{color:#ffd6d0}.receipt__counterfactual{background:#0002;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;display:flex}.join{background:var(--felt);border-radius:10px;flex-direction:column;gap:16px;max-width:560px;margin:40px auto;padding:20px;display:flex}.join__title{margin:0;font-size:26px}.join__field{flex-direction:column;gap:6px;font-size:16px;display:flex}.join__input{color:#1a1a1a;background:#fff;border:2px solid #fff4;border-radius:8px;padding:10px 12px;font-size:20px}.join__error{color:#ffd6d0;min-height:1.2em;font-size:16px}.toolbar__code{opacity:.85;align-self:center;margin-right:auto;font-size:15px}.banner{border-radius:8px;margin-bottom:8px;padding:8px 12px;font-size:16px;font-weight:600}.banner--paused{color:#2a2208;background:#b08a2e}.banner--held{color:#f2ead7;background:#274a7a}.roster{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.roster__seat{background:#0004;border:1px solid #fff3;border-radius:999px;padding:4px 10px;font-size:14px}.roster__seat--bot{opacity:.7}.receipt__waiting{opacity:.8;font-size:15px}