:root{--player-name-width:128px;--player-name-compact-width:80px}@media(max-width:600px){:root{--player-name-width:96px;--player-name-compact-width:64px}}.player-name-display{display:inline-flex;align-items:center;vertical-align:bottom;text-align:left;line-height:inherit;overflow-wrap:normal}span.player-name-display[data-width=fit]{width:auto;min-width:0;max-width:var(--player-name-width);flex:0 1 auto;vertical-align:baseline}span.player-name-display[data-width=fixed]{width:var(--player-name-width);min-width:var(--player-name-width);max-width:var(--player-name-width);flex:none}.player-name-display[data-size=compact]{--player-name-width:var(--player-name-compact-width)}.player-name-text{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-name-number{flex:none;white-space:nowrap}.player-name-display[role=button]{cursor:pointer;border-radius:3px}.player-name-display[role=button]:focus-visible{outline:2px solid currentColor;outline-offset:2px}.player-name-popup[popover]{position:fixed;inset:auto;margin:0;visibility:hidden;width:max-content;max-width:calc(100dvw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:9px 12px;border:1px solid #c6a776;border-radius:7px;background:#fff4d8;color:#493724;box-shadow:0 4px 16px #0005;font:500 15px/1.5 system-ui,sans-serif;white-space:normal;overflow-wrap:anywhere;text-align:left;letter-spacing:normal;cursor:text;user-select:text}.player-name-popup::backdrop{background:transparent;pointer-events:none}.player-identity{display:flex;align-items:center;gap:5px;min-width:0}.player-identity>.player-name-display{flex:none}.player-identity>.identity-badge{flex:none;white-space:nowrap;font-size:12px}.room-seats .player-identity>.player-name-display{font-size:inherit}.room-seats .player-name-display>.player-name-text{font-size:inherit}.room-seats .player-name-display>.player-name-number{font-size:inherit}.room-seats .player-identity>.identity-badge{font-size:11px;color:#ffe0a2}.room-seats li>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-seats li>b{white-space:nowrap}.opening-players .opening-name.player-identity{overflow:visible;white-space:normal}.opening-players .opening-name.player-identity>.player-avatar{margin-right:0}.settlement-player>.settlement-name.player-name-display{overflow-wrap:normal}.settlement-payment-names{display:flex;align-items:center;gap:8px;min-width:0}.settlement-payment-names>.player-name-display{flex:none}.winner-banner>.winner-name.player-name-display{overflow-wrap:normal}.seat-summary .player-name-display{font-weight:700;justify-self:stretch}.room-seats .player-name-display>.player-name-popup{font:500 15px/1.5 system-ui,sans-serif}.player-identity.player-identity-tight>.player-name-display{flex:none}.dialog-title h2{display:flex;align-items:center;gap:5px;flex:1;min-width:0}.dialog-title h2>.player-name-display{flex:none}.dialog-title h2>.identity-badge{flex:none;white-space:nowrap}.dialog-title>button{flex:none}.flower-flight{max-width:calc(100vw - 24px)}.flower-flight>strong{max-width:100%;font-size:20px}.hand-turn-status .turn-player{display:flex;align-items:center;gap:4px;min-width:0}.turn-player>.player-name-display{flex:none}.turn-player>.identity-badge{flex:none;white-space:nowrap}.flower-flight .player-name-display,.player-name-popup[popover]{pointer-events:auto}.settlement-winner>.player-name-display{text-align:right}.settlement-source-name>.player-name-display{text-align:right}@media(max-width:760px){dialog .opening .seat-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.tea-theme{--tea-paper:#fff1d2;--tea-paper-muted:#dfc99f;--tea-wood:#403426;--tea-table:#303f2b;--tea-ink:#4c3925;--tea-muted:#796347;--tea-on-dark:#fff3d6;--tea-decorative:#bba172;--tea-control:#886838;--tea-primary:#a2533d;--tea-game:#405933;--tea-danger:#7c392d;--tea-negative:#ae302d;--tea-focus-dark:#ffe393;--tea-focus-light:#405933;color:var(--tea-ink);font-family:Microsoft JhengHei,PingFang TC,sans-serif}.tea-button{--tea-button-bg:var(--tea-wood);--tea-button-fg:var(--tea-on-dark);--tea-button-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:0 0 auto;gap:8px;height:var(--tea-button-height);min-height:var(--tea-button-height);max-height:var(--tea-button-height);width:max-content;max-width:100%;margin:0;padding:0 16px;border:1px solid var(--tea-button-bg);border-radius:8px;background:var(--tea-button-bg);color:var(--tea-button-fg);font:600 16px/1.25 Microsoft JhengHei,PingFang TC,sans-serif;white-space:nowrap;box-shadow:0 2px #211c1655;cursor:pointer;transition:filter .12s,transform .12s,box-shadow .12s;position:relative;vertical-align:middle}.tea-primary{--tea-button-bg:var(--tea-primary)}.tea-danger{--tea-button-bg:var(--tea-danger)}.tea-game{--tea-button-bg:var(--tea-game)}.tea-ghost,.tea-outline{--tea-button-bg:var(--tea-paper);--tea-button-fg:var(--tea-ink);border-color:var(--tea-control);box-shadow:none}.tea-ghost{border-color:transparent;text-decoration:underline;text-underline-offset:4px}.tea-compact{--tea-button-height:32px;font-size:14px;padding-inline:12px;border-radius:6px}.tea-large{--tea-button-height:52px;font-size:18px;padding-inline:20px}.tea-full{width:100%}.tea-button:hover:not(:disabled){filter:brightness(1.06)}.tea-button:active:not(:disabled){transform:translateY(1px);box-shadow:none}.tea-theme :is(button,input,[role=tabpanel]):focus-visible{outline:3px solid var(--tea-focus-light);outline-offset:3px}.tea-dark :is(button,input,[role=tabpanel]):focus-visible{outline-color:var(--tea-focus-dark)}.tea-button[aria-pressed=true]{box-shadow:0 0 0 2px var(--tea-paper),0 0 0 4px var(--tea-game)}.tea-dark .tea-button[aria-pressed=true]{box-shadow:0 0 0 2px var(--tea-table),0 0 0 4px var(--tea-focus-dark)}.tea-theme button:disabled{cursor:not-allowed}.tea-button:disabled{--tea-button-bg:var(--tea-paper-muted);--tea-button-fg:var(--tea-ink);border:1px dashed var(--tea-control);box-shadow:none;filter:none}.tea-button[aria-busy=true]{border-style:solid}.tea-icon-button{width:var(--tea-button-height);min-width:var(--tea-button-height);padding:0;font-size:22px}.tea-icon-slot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.tea-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:tea-spin .8s linear infinite}@keyframes tea-spin{to{transform:rotate(360deg)}}.tea-choices{border:0;padding:0;margin:0;min-width:0}.tea-choices legend{font-size:14px;margin-bottom:12px;color:var(--tea-muted)}.tea-choices>div{display:flex;flex-wrap:wrap;gap:12px}.tea-choice{position:relative;cursor:pointer;display:inline-flex}.tea-choice input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}.tea-choice>span{display:flex;gap:8px;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--tea-control);border-radius:8px;background:var(--tea-paper);font-size:16px}.tea-choice input:checked+span{border-color:var(--tea-game);box-shadow:inset 0 0 0 1px var(--tea-game)}.tea-choice input:focus-visible+span{outline:3px solid var(--tea-focus-light);outline-offset:3px}.tea-choice input:disabled+span{border-style:dashed;background:var(--tea-paper-muted);cursor:not-allowed}.tea-menu{position:relative;width:max-content;max-width:100%}.tea-menu-popup{position:absolute;top:calc(100% + 8px);left:0;z-index:5;min-width:180px;padding:8px;background:var(--tea-paper);border:1px solid var(--tea-control);border-radius:8px;box-shadow:0 8px 24px #40342622}.tea-menu-popup>button{display:block;width:100%;min-height:44px;padding:8px 12px;text-align:left;background:transparent;color:var(--tea-ink);border:0;border-radius:4px;font:inherit;cursor:pointer}.tea-menu-popup>button:hover{background:var(--tea-paper-muted)}.tea-menu-popup>button:disabled{color:var(--tea-muted)}.tea-game-action{font-size:22px;min-width:64px;padding-inline:18px}.tea-action-bar{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-content:start;gap:12px;padding:16px 0 0}.tea-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.tea-pagination>span{font-size:14px;font-variant-numeric:tabular-nums}.tea-panel,.tea-dialog{box-sizing:border-box;border:1px solid var(--tea-control);border-radius:12px;padding:20px;background:var(--tea-paper);color:var(--tea-ink)}.tea-panel h3{margin:0 0 12px}.tea-panel-content{min-height:0;overflow:auto;line-height:1.6}.tea-panel-content p{margin:0}.tea-dialog{max-width:calc(100vw - 32px);width:480px;max-height:calc(100dvh - 32px);font-family:inherit}.tea-dialog[open]{display:flex;flex-direction:column}.tea-dialog::backdrop{background:#211c1699}.tea-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.tea-dialog h2{margin:0;font-size:24px}.tea-dialog .tea-action-bar{flex:none}.tea-badge{display:inline-flex;align-items:center;border:1px solid var(--tea-control);border-radius:4px;padding:4px 8px;font-size:13px;background:var(--tea-paper);color:var(--tea-ink)}.tea-badge[data-kind=success]{border-color:var(--tea-game);color:var(--tea-game)}.tea-badge[data-kind=error]{border-color:var(--tea-negative);color:var(--tea-negative)}.tea-message{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--tea-game);border-radius:8px;color:var(--tea-game);font-size:16px;background:var(--tea-paper)}.tea-message[data-kind=error]{border-color:var(--tea-negative);color:var(--tea-negative)}@media(pointer:coarse){.tea-compact{--tea-button-height:44px;min-width:44px}}@media(max-width:480px){.tea-action-bar{gap:8px}}@media(prefers-reduced-motion:reduce){.tea-button{transition:none}.tea-button:active:not(:disabled){transform:none}.tea-spinner{animation:none;border-right-color:currentColor;border-style:dotted}}.tea-attached-control{position:relative;display:inline-flex;flex:none;align-self:center}.tea-copy-feedback{position:absolute;top:-10px;right:0;padding:1px 5px;border:1px solid #b9c38a;border-radius:5px;background:#e4edc7;color:#354323;font-size:10px;line-height:16px;white-space:nowrap;pointer-events:none}.tea-button{border-color:#d5b879;background:linear-gradient(125deg,#66543b,#403426);box-shadow:inset 0 1px 1px #fff3d647,inset 0 0 0 2px #edd7a21b,0 3px #38271b,0 5px 8px #38271b33;text-shadow:0 1px 1px #211a1880}.tea-primary{background:linear-gradient(125deg,#a2533d,#803b2b);border-color:#d1a476}.tea-danger{background:linear-gradient(125deg,#924b38,#642d24);border-color:#c59170}.tea-outline{background:linear-gradient(125deg,#fff4d8,#e8d2a9);border-color:var(--tea-control);box-shadow:inset 0 1px #fff9,0 2px #bda376;text-shadow:none}.tea-ghost{background:linear-gradient(125deg,#fff4d866,#e8d2a933);border-color:transparent;box-shadow:none;text-shadow:none}.tea-button:hover:not(:disabled){filter:brightness(1.12)}.tea-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #fff3,0 1px #38271b}.tea-button:disabled{background:linear-gradient(#e9d7b3,#d2bb90);text-shadow:none;box-shadow:inset 0 1px #fff5}.tea-button-label{min-width:0;display:block}.tea-button[style*=width] .tea-button-label{overflow:hidden;text-overflow:ellipsis}.tea-icon-slot{flex:none}.tea-choice>span{background:linear-gradient(125deg,#fff4d8,#e8d2a9);box-shadow:inset 0 1px #fff9,0 2px #bda376}.tea-game-action{padding:6px 12px;border:2px solid #d8bf7f;border-radius:12px;background:linear-gradient(#758652,#405933);box-shadow:inset 0 2px #ffffff35,0 4px #23391e,0 5px 10px #0005;font:700 24px/1.1 Microsoft JhengHei,sans-serif;animation:tea-action-enter .24s ease-out both;transition:transform .14s,box-shadow .14s,filter .14s}.tea-game-action.action-kong,.tea-game-action.action-concealed{background:linear-gradient(#9b8050,#675032)}.tea-game-action.action-win,.tea-game-action.action-selfwin{background:linear-gradient(#cc8761,#964833)}.tea-game-action.action-defer{background:linear-gradient(#66543b,#403426);font-size:18px}.tea-game-action.action-pass{border:1px dashed #7c725f;background:linear-gradient(#e4dbc5,#cec3a6);color:#51493b;box-shadow:inset 0 1px #fff9,0 2px #a99a78;text-shadow:none;font-size:18px;animation:none}.tea-game-label{display:grid;place-items:center;gap:3px}.tea-game-label small{font:10px/1.2 sans-serif}.tea-button.tea-game-action[aria-pressed=true],.tea-dark .tea-button.tea-game-action[aria-pressed=true]{outline:2px solid #ffe8a0;outline-offset:2px;transform:translateY(-2px);box-shadow:inset 0 2px #fff6,0 5px #23391e,0 0 16px #ebc86766}.tea-game-action:hover:not(:disabled){filter:brightness(1.18)}.tea-game-action:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #fff3,0 1px #23391e}.tea-game-action:disabled{background:linear-gradient(#e9d7b3,#d2bb90);color:var(--tea-ink);border:1px dashed var(--tea-control);box-shadow:none;animation:none}@keyframes tea-action-enter{0%{opacity:0;transform:translateY(8px) scale(.88)}to{opacity:1}}@media(prefers-reduced-motion:reduce){.tea-game-action{animation:none;transition:none}}.tea-button{display:inline-grid;grid-template-columns:minmax(0,1fr);gap:0;text-align:center}.tea-button-label,.tea-button-width-probe{grid-area:1/1;min-width:0;text-align:center;white-space:nowrap}.tea-button-width-probe{visibility:hidden;pointer-events:none;height:0;overflow:hidden}.tea-button[data-icon-space=true]{padding-inline:36px}.tea-icon-slot,.tea-end-icon{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.tea-icon-slot{left:10px}.tea-end-icon{right:10px}.tea-icon-slot[hidden]{display:none}.tea-button.tea-icon-button{padding:0}.tea-game-label{justify-items:center}.tea-choice>.tea-choice-face{position:relative;display:inline-grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:0;padding-inline:28px;text-align:center;white-space:nowrap}.tea-choice>.tea-choice-face[data-has-icons=true]{padding-inline:56px}.tea-choice-label{grid-area:1/1;text-align:center;min-width:0}.tea-choice-icon,.tea-choice-check{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center}.tea-choice-icon{left:10px}.tea-choice-check{right:12px;width:18px}.tea-choice input{z-index:1}.tea-surface{font:inherit}.tea-surface{min-height:40px;padding:7px 13px;cursor:pointer;touch-action:manipulation;border:1px solid #d5b879;border-radius:7px;background:linear-gradient(125deg,#66543b,#403426);color:#fff3d6;box-shadow:inset 0 0 0 2px #edd7a21b,0 2px #38271b;transition:filter .15s,transform .15s}.tea-surface:hover:not(:disabled){filter:brightness(1.16)}.tea-surface:active:not(:disabled){transform:translateY(2px)}.tea-surface:disabled{opacity:.45;cursor:default}.tea-surface:focus-visible{outline:3px solid #ffe393;outline-offset:3px}.seat-label{display:flex;flex-direction:column;gap:3px;min-width:104px;padding:5px 9px;min-height:0;text-align:center;font-size:14px;background:#35372cf0;border-radius:6px}.seat-label:hover:not(:disabled){filter:brightness(1.15)}.seat-label strong{font-weight:400;color:#ffe09c;font-variant-numeric:tabular-nums}.seat-label.active{border-color:#ffdf8b;box-shadow:0 0 12px #e5c27088}.seat-label em{font-size:14px;font-style:normal;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);background:#fff0d4;color:#4b3827;border:1px solid #c5a478;border-radius:8px;padding:6px 10px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #33231944}.self-score{display:flex;align-items:center;gap:14px;max-width:38%;min-width:0;min-height:32px;border:0;box-shadow:none;background:transparent;padding:2px 5px;font-size:15px}.self-score span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.self-score b{flex-shrink:0;color:#ffe2a1;white-space:nowrap;font-weight:400}.tile{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:64px;padding:1px;border:1px solid #bba778;border-radius:5px;background:linear-gradient(120deg,#fffdee,#ecdab5);box-shadow:inset 2px 2px #fffef7,0 4px #b19b65,0 6px 5px #39261766;min-height:0;vertical-align:middle;transition:transform .17s,box-shadow .17s}.tile svg{display:block;width:100%;height:100%}.tile[data-size=hand]{width:100%;height:clamp(52px,8vh,72px)}.tile:disabled{opacity:1}.tile.selected,.tile.suggested{transform:translateY(-8px);outline:2px solid #ffe8a0;box-shadow:0 4px #b19b65,0 0 20px #ffcf7a}.tile.candidate{border-color:#e3c16f}.tile.suggested{background:linear-gradient(#fffee8,#ffdfa2)}.tile[data-size=incoming]{outline:2px dashed #e9c983}.tile[data-size=detail]{width:36px;height:49px}.tile.back{background:linear-gradient(110deg,#cac68a,#8e9d60)}.tea-surface.tea-error{background:#7c392d}@media(max-width:700px){.seat-label{font-size:14px;min-width:83px;padding:3px 5px;gap:2px}.seat-label em{font-size:14px;max-width:135px;white-space:normal;line-height:1.3;padding:5px}.self-score{grid-column:1;grid-row:1;max-width:100%;font-size:14px;min-height:21px;padding:0;gap:8px;justify-content:start}.tile[data-size=hand]{height:clamp(39px,6.2vh,55px)}.tile[data-new-tile=true]{box-shadow:inset 0 0 0 2px #dcc182,0 4px #b19b65}.tile.selected,.tile.suggested{transform:translateY(-5px)}.tile[data-size=incoming]{width:34px;height:48px}}@media(max-height:600px)and (orientation:landscape){.self-score{max-width:40%;font-size:14px}.tile[data-size=hand]{height:39px}.seat-label{min-width:85px;font-size:14px}}.seat-label{min-width:66px;max-width:106px;min-height:0;padding:3px 6px;gap:0;font-size:12px;line-height:1.3;border-radius:5px}.seat-label:hover:not(:disabled){min-width:66px;max-width:106px;min-height:0;padding:3px 6px;gap:0;font-size:12px;line-height:1.3;border-radius:5px}.seat-label:active:not(:disabled){min-width:66px;max-width:106px;min-height:0;padding:3px 6px;gap:0;font-size:12px;line-height:1.3;border-radius:5px}.seat-label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-label strong{font-size:12px}.compact-self{max-width:100%;width:100%;justify-content:center;font-size:12px;min-height:24px;margin:0;padding:1px 8px}.compact-self b{font-size:12px}.action-badge{position:absolute;left:0;top:-18px;background:#526c3d;color:#fff6d3;border-radius:4px;padding:2px 5px;font-size:12px;pointer-events:none}.tea-tile[data-mode=wind]{font-family:serif;font-size:32px;width:58px;height:78px;background:#536e4a;color:#fff0c8}.tea-tile[data-mode=wind]:disabled{opacity:1}@media(max-width:700px){.compact-self{font-size:12px;min-height:24px}}@media(max-height:600px)and (orientation:landscape){.compact-self{min-height:22px}}.tile.candidate:not(.suggested){outline:2px solid #a8c994;outline-offset:-2px;background:linear-gradient(#fffbea,#e1e8c7)}.tile[data-new-tile=true]{outline:2px solid #ffe59b;box-shadow:0 4px #b19b65,0 0 12px #ffd96e88}.draw-marker{position:absolute;right:0;top:-18px;padding:1px 4px;background:#f5df9a;color:#60442d;border-radius:4px;font-size:12px;pointer-events:none}.hand-slot:has(.action-badge) .draw-marker{top:auto;bottom:-4px}.draw-arrival .tile{will-change:auto}@media(max-height:500px){.tile[data-size=hand]{height:35px}.compact-self{min-height:21px}}.tile img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.flower-flight img,.flower-confirm img{width:76px;height:106px;object-fit:contain;background:#fff4d9;border:2px solid #c5a76a;border-radius:7px;box-shadow:0 4px #9c804e}@media(max-height:500px){.flower-flight img,.flower-confirm img{width:52px;height:73px}}.flower-confirm{pointer-events:auto;padding:0;border:0;background:none;box-shadow:none;min-height:0}.flower-confirm:disabled{opacity:1}@media(max-height:560px){.tea-tile[data-mode=wind]{height:48px;width:42px;font-size:26px}}.tea-tile[data-mode=wind]{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;flex-shrink:0;text-align:center;white-space:nowrap}.tile[data-size=incoming]{width:46px;height:64px;outline:2px solid #dfc277}.hand-slot .action-badge{top:-23px}@media(max-width:700px){.tile[data-size=incoming]{width:36px;height:50px}}@media(max-height:560px)and (orientation:landscape){.tile[data-size=incoming]{width:29px;height:40px}}.compact-self{padding-left:54px;padding-right:54px}.seat-label.winner{border-color:#ffe58c;box-shadow:0 0 24px #ffce5b;animation:winner-seat 1s ease-in-out 2 alternate}.tile.candidate:not(.suggested){outline:2px solid #99e5cf;outline-offset:1px;background:linear-gradient(#f3fff1,#c8e6c9);box-shadow:0 4px #899f72,0 0 13px #87efc7aa;animation:candidate-glow 1.4s ease-in-out infinite alternate}.candidate-badge{position:absolute;left:50%;bottom:-7px;transform:translate(-50%);padding:1px 3px;border-radius:4px;background:#315f4d;color:#e7ffde;font-size:10px;white-space:nowrap;pointer-events:none;z-index:1}.compact-self .player-avatar{width:20px;height:20px}.seat-label .table-avatar{position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);width:clamp(54px,8vw,96px);height:clamp(54px,8vw,96px);border:2px solid #dcc288;box-shadow:0 3px 14px #0005}@media(max-width:600px){.candidate-badge{font-size:9px;padding:1px 2px}}.compact-self{height:24px;overflow:hidden}.compact-self>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.tile[data-size=hand]{height:clamp(38px,6.2vh,50px)}}@media(max-height:560px)and (orientation:landscape){.tile[data-size=hand]{height:39px}}.tea-surface.tea-hint{position:static;height:24px;min-height:24px;width:calc(100% - 8px);padding:1px 0;line-height:20px;font-size:12px;font-weight:700;color:#352813;background:#ffe3a0;border:1px solid #f6cc65;box-shadow:0 1px 2px #0005}.tea-surface.tea-hint:disabled{opacity:1;color:#e0d0ac;background:transparent;border-color:#ac9364}.tea-surface.tea-hint:focus-visible{outline:2px solid #fff;outline-offset:1px}.tile[data-size=hand],.tile[data-size=incoming]{height:var(--tea-hand-tile-height)}.seat-label{--seat-half:66px;width:132px;min-width:132px;max-width:132px;display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:5px;row-gap:1px;padding:4px 6px}.seat-label:hover:not(:disabled){--seat-half:66px;width:132px;min-width:132px;max-width:132px;display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:5px;row-gap:1px;padding:4px 6px}.seat-label:active:not(:disabled){--seat-half:66px;width:132px;min-width:132px;max-width:132px;display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:5px;row-gap:1px;padding:4px 6px}.seat-label>.seat-badges{grid-row:1/3;display:flex;flex-direction:column;align-items:center;gap:2px;overflow:visible;align-self:center}.wind-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border:1px solid #d9c188;border-radius:6px;background:linear-gradient(135deg,#fff4d3,#ddc48d);box-shadow:inset 0 1px #fff9;color:#4c5135;font:700 17px/1 serif}.dealer-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:22px;height:18px;padding:0 4px;border:1px solid #e7b871;border-radius:5px;background:linear-gradient(135deg,#ab583b,#773824);color:#fff0cd;font:700 11px/1 sans-serif;white-space:nowrap;box-shadow:inset 0 1px #ffdf9c44}.seat-label>.seat-name{display:block;width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center}.seat-label>strong{display:block;width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center}.seat-label>.seat-name{grid-column:2;line-height:20px}.seat-label>strong{grid-column:2;line-height:20px}.winner-banner>.tile{grid-column:2;grid-row:1/3;width:46px;height:64px}@media(max-width:700px){.seat-label{--seat-half:55px;width:110px;min-width:110px;max-width:110px;grid-template-columns:24px minmax(0,1fr);column-gap:3px;padding:3px 4px}.seat-label:hover:not(:disabled){--seat-half:55px;width:110px;min-width:110px;max-width:110px;grid-template-columns:24px minmax(0,1fr);column-gap:3px;padding:3px 4px}.seat-label:active:not(:disabled){--seat-half:55px;width:110px;min-width:110px;max-width:110px;grid-template-columns:24px minmax(0,1fr);column-gap:3px;padding:3px 4px}}.seat-label{--seat-half:80px;--seat-height:56px;width:160px;min-width:160px;max-width:160px;height:56px;grid-template-columns:48px minmax(0,1fr);grid-template-rows:23px 21px;gap:0 5px;padding:4px 16px 4px 4px;border:2px solid #e5bc69;border-radius:38px 26px 26px 38px;background:radial-gradient(ellipse at 90% 0%,#65704466,transparent 65%),linear-gradient(110deg,#34442b,#30372b);box-shadow:inset 0 0 0 2px #6b6235,inset 0 3px 6px #ffffff12,0 3px 2px #51371c88,0 5px 12px #17251944;text-align:left;overflow:visible}.seat-label:hover:not(:disabled){--seat-half:80px;--seat-height:56px;width:160px;min-width:160px;max-width:160px;height:56px;grid-template-columns:48px minmax(0,1fr);grid-template-rows:23px 21px;gap:0 5px;padding:4px 16px 4px 4px;border:2px solid #e5bc69;border-radius:38px 26px 26px 38px;background:radial-gradient(ellipse at 90% 0%,#65704466,transparent 65%),linear-gradient(110deg,#34442b,#30372b);box-shadow:inset 0 0 0 2px #6b6235,inset 0 3px 6px #ffffff12,0 3px 2px #51371c88,0 5px 12px #17251944;text-align:left;overflow:visible}.seat-label:active:not(:disabled){--seat-half:80px;--seat-height:56px;width:160px;min-width:160px;max-width:160px;height:56px;grid-template-columns:48px minmax(0,1fr);grid-template-rows:23px 21px;gap:0 5px;padding:4px 16px 4px 4px;border:2px solid #e5bc69;border-radius:38px 26px 26px 38px;background:radial-gradient(ellipse at 90% 0%,#65704466,transparent 65%),linear-gradient(110deg,#34442b,#30372b);box-shadow:inset 0 0 0 2px #6b6235,inset 0 3px 6px #ffffff12,0 3px 2px #51371c88,0 5px 12px #17251944;text-align:left;overflow:visible}.seat-label:before{content:"";left:57px;right:14px;top:28px;height:1px;background:linear-gradient(90deg,#d6b66a88,#d6b66a11);pointer-events:none}.seat-label:after{content:"";right:7px;bottom:7px;width:12px;height:12px;opacity:.85;background:radial-gradient(ellipse at 50% 74%,#dda54f 0 30%,transparent 34%),radial-gradient(ellipse at 15% 36%,#dda54f 0 13%,transparent 17%),radial-gradient(ellipse at 40% 18%,#dda54f 0 13%,transparent 17%),radial-gradient(ellipse at 68% 18%,#dda54f 0 13%,transparent 17%),radial-gradient(ellipse at 90% 38%,#dda54f 0 12%,transparent 16%);pointer-events:none}.seat-label>.seat-badges{position:relative;grid-column:1;grid-row:1/3;width:52px;height:52px;align-self:center;display:block;margin-left:-5px}.seat-label .wind-badge{width:52px;height:52px;border:0;border-radius:0;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2084%2084%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22leaf%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23a2bd55%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23385932%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22cream%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff2cf%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e7c58d%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2241%22%20r%3D%2235%22%20fill%3D%22%2330452b%22%20stroke%3D%22%23c6a754%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2241%22%20r%3D%2231%22%20fill%3D%22%23556a36%22%20stroke%3D%22%23789548%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M59%2022Q57%205%2078%205Q77%2023%2059%2022M22%2065Q11%2077%2029%2082Q33%2071%2022%2065M33%2067Q46%2065%2049%2081Q35%2082%2033%2067%22%20fill%3D%22url%28%23leaf%29%22%20stroke%3D%22%23526c32%22%2F%3E%3Cpath%20d%3D%22M60%2022L74%209M24%2069L28%2078M36%2070L46%2078%22%20fill%3D%22none%22%20stroke%3D%22%23b3c86a%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M40%2012C47%2013%2049%2018%2053%2021C63%2020%2066%2025%2066%2033C75%2038%2075%2047%2066%2052C67%2062%2062%2066%2053%2065C49%2074%2040%2075%2034%2068C24%2070%2018%2065%2019%2057C10%2052%209%2043%2017%2037C15%2027%2021%2022%2029%2023C30%2016%2034%2014%2040%2012Z%22%20fill%3D%22url%28%23cream%29%22%20stroke%3D%22%23c49651%22%20stroke-width%3D%222%22%2F%3E%3Cg%20fill%3D%22%23fff0c4%22%20stroke%3D%22%23e5bd78%22%20stroke-width%3D%22.8%22%3E%3Cellipse%20cx%3D%2213%22%20cy%3D%2262%22%20rx%3D%225%22%20ry%3D%228%22%2F%3E%3Cellipse%20cx%3D%2213%22%20cy%3D%2262%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%2872%2013%2062%29%22%2F%3E%3Cellipse%20cx%3D%2213%22%20cy%3D%2262%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%28144%2013%2062%29%22%2F%3E%3Cellipse%20cx%3D%2213%22%20cy%3D%2262%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%28216%2013%2062%29%22%2F%3E%3Cellipse%20cx%3D%2213%22%20cy%3D%2262%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%28288%2013%2062%29%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2262%22%20r%3D%223%22%20fill%3D%22%23dba951%22%2F%3E%3C%2Fsvg%3E%0D%0A) center/contain no-repeat;box-shadow:none;color:#302b1b;font:700 25px/1 DFKai-SB,PMingLiU,serif;padding:0 3px 0 0;overflow:visible}.seat-label .dealer-badge{position:absolute;right:-21px;bottom:2px;z-index:1;width:22px;height:19px;border:2px solid #edc775;border-radius:9px;background:linear-gradient(#b65b32,#853721);font-size:12px;box-shadow:0 1px 3px #191e2266}.seat-label>.seat-name{grid-row:1;grid-column:2;display:flex;min-width:0;max-width:100%;width:100%;font-size:15px;line-height:23px;letter-spacing:.5px;color:#fff0d1;text-shadow:0 2px 2px #191e22}.seat-label>strong{grid-row:2;grid-column:2;font-size:14px;line-height:21px;color:#ffdc95;text-shadow:0 2px 2px #191e22;text-align:center}.seat-label:has(.dealer-badge)>strong{padding-left:17px;font-size:12px}.seat-label.active{border-color:#ffe099;box-shadow:inset 0 0 0 2px #9b8241,0 0 14px #edcb7366,0 3px 3px #51371c88}.seat-label.winner{border-color:#ffe99d;box-shadow:0 0 24px #ffce5b}@media(max-width:700px),(max-height:560px)and (orientation:landscape){.seat-label{--seat-half:60px;--seat-height:46px;width:120px;min-width:120px;max-width:120px;height:46px;grid-template-columns:38px minmax(0,1fr);grid-template-rows:19px 17px;gap:0 3px;padding:3px 11px 3px 3px;border-width:2px;border-radius:28px 20px 20px 28px}.seat-label:hover:not(:disabled){--seat-half:60px;--seat-height:46px;width:120px;min-width:120px;max-width:120px;height:46px;grid-template-columns:38px minmax(0,1fr);grid-template-rows:19px 17px;gap:0 3px;padding:3px 11px 3px 3px;border-width:2px;border-radius:28px 20px 20px 28px}.seat-label:active:not(:disabled){--seat-half:60px;--seat-height:46px;width:120px;min-width:120px;max-width:120px;height:46px;grid-template-columns:38px minmax(0,1fr);grid-template-rows:19px 17px;gap:0 3px;padding:3px 11px 3px 3px;border-width:2px;border-radius:28px 20px 20px 28px}.seat-label>.seat-badges{width:42px;height:42px}.seat-label .wind-badge{width:42px;height:42px}.seat-label .wind-badge{font-size:21px}.seat-label>.seat-badges{margin-left:-4px}.seat-label>.seat-name{font-size:12px;line-height:19px;letter-spacing:0}.seat-label>strong{font-size:11px;line-height:17px}.seat-label:has(.dealer-badge)>strong{padding-left:12px;font-size:10px}.seat-label .dealer-badge{right:-15px;bottom:1px;width:18px;height:16px;font-size:10px;border-radius:6px}.seat-label:before{left:44px;top:23px;right:10px}.seat-label:after{width:10px;height:10px;right:5px;bottom:7px}}.tea-tile[data-mode=wind]{width:50px;height:66px}@media(max-width:600px){.tea-tile[data-mode=wind]{height:52px;width:42px;font-size:26px}}@media(max-height:560px)and (min-width:601px){.tea-tile[data-mode=wind]{height:44px;width:40px;font-size:24px}}.tea-surface.tea-network-tab{flex:1;padding:5px 8px;min-height:32px;font-size:13px}.tea-surface.tea-network-tab[aria-pressed=true]{background:#e2f1e8;border-color:#43966b}.tea-surface.tea-network-entry{display:flex;justify-content:space-between;align-items:center;gap:10px;grid-column:1/-1;text-align:left}.tea-surface.tea-network-entry span{font-size:12px;color:#ebd39e}.tea-surface.tea-network-help{font-size:13px;min-height:32px;padding:4px 9px}.tea-surface.tea-network-help[aria-pressed=true],.tea-surface.tea-network-tab[aria-pressed=true]{background:#55704a;color:#fff1d5}@media(max-width:600px)and (min-height:501px){.tea-surface.tea-network-entry span{max-width:50%;text-align:right}}@media(max-height:500px){.tea-surface.tea-network-help,.tea-surface.tea-network-tab{min-height:28px;font-size:12px;padding:3px 6px}}.seat-label>.seat-name.player-name-display{display:inline-flex;overflow:visible}.compact-self>.player-name-display{flex:none;overflow:visible}.compact-self>.seat-badges{flex:none}.compact-self>b{flex:none}.compact-self{height:auto;min-height:32px;padding:4px 8px;line-height:20px;gap:8px;overflow:visible}.compact-self>.seat-badges{display:inline-flex;align-items:center;gap:4px;overflow:visible}.compact-self .wind-badge{width:22px;height:22px;font-size:15px}.tea-surface.tea-player-link{max-width:100%;min-width:0}.tile[data-size=settlement-winner]{width:32px;height:44px;flex:none}.tile[data-size=settlement-hand]{width:100%;height:auto;aspect-ratio:5/7}@media(max-height:500px){.tile[data-size=settlement-winner]{width:28px;height:39px}}.settlement-player>.dealer-badge{display:inline-flex;overflow:visible}@media(max-width:600px){.settlement-player>.dealer-badge{min-width:18px;padding:0 2px}}@media(max-height:500px){.tile[data-size=settlement-winner]{width:26px;height:36px}}.tile[data-size=settlement-winner]{margin-left:2px}.tea-surface{font-family:Microsoft JhengHei,PingFang TC,sans-serif;box-sizing:border-box}.tea-player.seat-label{position:relative}.flower-confirm img{width:86px;height:120px}.tea-tile[data-mode=wind]{box-shadow:inset 2px 2px #adc18d99,0 3px #81926b,0 7px #3c5134,0 9px 6px #39261766}.tea-tile[data-mode=wind][data-face=front]{box-shadow:inset 2px 2px #fffef7,0 3px #e4d2a6,0 7px #a9925d,0 9px 6px #39261766}.tea-tile[data-mode=wind].selected{box-shadow:inset 1px 1px #fff9,0 3px #ead7a3,0 7px #a9925d,0 0 20px #ffcf7a}.tea-tile-slot{position:relative;display:inline-flex;flex:none;align-self:center;min-width:0}@media(max-height:500px){.flower-confirm img{width:52px;height:73px}}@media(prefers-reduced-motion:reduce){.tea-surface{transition:none;animation:none}}:root{--tea-hand-tile-height:clamp(52px,8vh,72px)}.tile[data-size=hand]{width:100%;max-width:calc(var(--tea-hand-tile-height)*5/7);height:auto;aspect-ratio:5/7}.hand-panel .hand-slot{display:flex;justify-content:center}.compact-self{padding-inline:12px}@media(max-width:700px){:root{--tea-hand-tile-height:clamp(38px,6.2vh,50px)}.compact-self{padding-inline:6px}}@media(max-height:560px)and (orientation:landscape){:root{--tea-hand-tile-height:39px}}@media(max-height:560px)and (orientation:landscape){.compact-self{min-height:30px}}@keyframes candidate-glow{to{box-shadow:0 4px #899f72,0 0 21px #bcffe3;outline-color:#dbfff0}}@keyframes winner-seat{to{filter:brightness(1.5)}}.seat-label:before,.seat-label:after{position:absolute}.tea-player.seat-label:not(.table-view>.seat-label){transform:none}@media(max-width:360px){.hand-slot>.candidate-badge{max-width:100%;padding-inline:1px;font-size:8px;letter-spacing:-.4px;white-space:nowrap}}.tea-button.tea-feature-toggle{background:#fff6e3;color:#65543b;border:1px solid #baa27a;box-shadow:none;text-shadow:none;font-weight:500;border-radius:7px}.tea-button.tea-feature-toggle[data-icon-space=true]{padding-inline:42px 14px}.tea-feature-toggle>.tea-button-label{display:flex;align-items:center;gap:16px;text-align:left}.tea-feature-toggle>.tea-icon-slot{left:14px;width:20px;height:20px}.tea-toggle-check{display:grid;place-items:center;box-sizing:border-box;width:20px;height:20px;border:1.5px solid #a68c62;border-radius:4px;background:#fffaf0;color:#fff;font-size:15px;font-weight:700;line-height:1}.tea-toggle-check>span{visibility:hidden}.tea-toggle-state{min-width:3em;font-size:12px;font-weight:500;color:#796347;line-height:1.25}.tea-button.tea-feature-toggle[aria-pressed=true]{background:#e7eedb;color:#354e2b;border-color:#627d4d;box-shadow:inset 0 0 0 1px #627d4d33}.tea-feature-toggle[aria-pressed=true] .tea-toggle-check{background:#526d3f;border-color:#526d3f}.tea-feature-toggle[aria-pressed=true] .tea-toggle-check>span{visibility:visible}.tea-feature-toggle[aria-pressed=true] .tea-toggle-state{color:#405b31}.tea-button.tea-feature-toggle:hover:not(:disabled){filter:none;background:#f5ead3}.tea-button.tea-feature-toggle[aria-pressed=true]:hover:not(:disabled){background:#dce7cd}.tea-button.tea-feature-toggle:active:not(:disabled){transform:translateY(1px);box-shadow:none}.tea-button.tea-feature-toggle:disabled{background:#eee5d4;color:#84765f;border-color:#b7a88c;border-style:dashed;box-shadow:none;opacity:.7}.tea-feature-toggle:disabled .tea-toggle-state{color:inherit}.tea-button:is(.tea-home-primary,.tea-home-secondary,.tea-home-quiet){--tea-button-height:48px;font-size:18px;font-weight:600;border-radius:8px;letter-spacing:.04em}.tea-button.tea-home-primary{--tea-button-height:56px;background:linear-gradient(125deg,#c78a5d,#a46141);border-color:#ecc89a;font-size:21px;box-shadow:inset 0 1px #ffe9be99,0 3px #603b28,0 5px 12px #0003}.tea-button.tea-home-secondary{background:linear-gradient(135deg,#fff1cd,#e7d3a8);color:#513c28;border-color:#c5a16c}.tea-button.tea-home-quiet{--tea-button-height:40px;background:transparent;color:#f3e4c4;text-decoration:none;box-shadow:none;border-color:#d3b78155;font-size:15px}.tea-button.tea-close{color:#695137;background:transparent;box-shadow:none;text-decoration:none;border-color:#b8996244;border-radius:50%}.tea-button.tea-form{min-width:80px}.tea-button.tea-paper{background:linear-gradient(#fff2d3,#e6d0a6);color:#58432d;border-color:#b89b6b;text-shadow:none;box-shadow:inset 0 1px #fff9,0 2px #b59b71}.tea-button.tea-menu-item{width:100%;background:transparent;border-color:transparent;box-shadow:none;text-shadow:none;--tea-button-height:42px;font-size:14px}.tea-button.tea-menu-item:hover{background:#f7e3b820}.tea-button.tea-table-menu{--tea-button-height:36px;padding-inline:10px;font-size:14px;min-width:0;border-radius:7px}.tea-button.tea-avatar{width:100%;min-width:0;max-width:none;height:78px;min-height:78px;max-height:78px;padding:6px 2px;font-size:13px;border-radius:10px}.tea-avatar>.tea-button-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.tea-avatar .player-avatar{width:36px;height:36px;flex:none}.tea-button.tea-avatar-url{width:100%;--tea-button-height:36px;font-size:13px;text-decoration:none;border:1px dashed #b69c70;box-shadow:none;background:transparent}.tea-button:is(.tea-avatar,.tea-avatar-url)[aria-pressed=true]{background:linear-gradient(#eef0d1,#d4dfb3);color:#374d2b;border-color:#627748;box-shadow:inset 0 0 0 1px #627748,0 2px #8a9968;text-shadow:none;outline:none}.tea-button.tea-game-action{--tea-button-height:44px;width:auto;min-width:50px;max-width:none;height:44px;min-height:44px;max-height:44px;padding:4px 12px;font-size:23px}.tea-button.tea-game-action.action-utility,.tea-button.tea-game-action.action-defer{font-size:16px}.tea-button.tea-game-action.action-pass{font-size:17px;min-width:48px;background:linear-gradient(#f1e7ce,#d9caaa);box-shadow:inset 0 1px #fff9,0 2px #ad9b77}.tea-button.tea-game-action.action-pass:after{content:none}.tea-tile[data-mode=wind]{background:linear-gradient(125deg,#69845a,#354d32)}.tea-tile[data-mode=wind][data-face=front]{background:linear-gradient(120deg,#fffdee,#ecdab5)}.tea-tile[data-mode=wind].selected{outline:2px solid #b78237;outline-offset:3px;transform:translateY(-3px)}.tea-button.tea-seat-control{--tea-button-height:32px;min-width:64px;padding-inline:8px;font-size:12px}.tea-button.tea-copy{--tea-button-height:36px;font-size:13px;padding-inline:10px}.tea-dark :is(.tea-button,.tea-surface):focus-visible{outline-color:#ffe393}@media(max-width:700px){.tea-button:is(.tea-home-primary,.tea-home-secondary,.tea-home-quiet){--tea-button-height:44px;font-size:16px}.tea-button.tea-home-primary{--tea-button-height:52px;font-size:20px}.tea-button.tea-home-quiet{--tea-button-height:36px;font-size:14px}.tea-button.tea-game-action{min-width:40px;font-size:21px;padding:4px 7px}.tea-button.tea-game-action.action-pass{min-width:40px}.tea-button.tea-game-action.action-defer,.tea-button.tea-game-action.action-utility{font-size:14px}}@media(max-width:360px){.tea-button.tea-table-menu{font-size:12px;padding-inline:7px}}@media(max-height:560px)and (orientation:landscape){.tea-button:is(.tea-home-primary,.tea-home-secondary,.tea-home-quiet){--tea-button-height:36px;font-size:16px}.tea-button.tea-home-primary{--tea-button-height:42px;font-size:19px}.tea-button.tea-home-quiet,.tea-button.tea-table-menu{--tea-button-height:32px}.tea-button.tea-game-action{height:40px;min-height:40px;max-height:40px}.tea-tile[data-mode=wind]{width:42px;height:56px;font-size:26px}.tea-button.tea-avatar{height:64px;min-height:64px;max-height:64px}}@media(max-width:600px)and (max-height:650px),(max-height:560px)and (orientation:landscape){.tea-button.tea-room-action{--tea-button-height:34px;padding-inline:8px;font-size:12px}.tea-button.tea-seat-control{--tea-button-height:26px;font-size:11px;padding-inline:4px}.tea-button.tea-copy{--tea-button-height:30px}}.tea-button.tea-room-start{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:0 14px;border-radius:10px;font-size:18px;font-weight:800;line-height:1.2;text-align:center;isolation:isolate;transition:transform .14s,box-shadow .14s,filter .14s}.tea-room-start>.tea-button-label{grid-area:1/1;width:100%;text-align:center;justify-self:center;align-self:center}.tea-button.tea-room-start:not(:disabled){background:linear-gradient(145deg,#c47c50,#ac593c 48%,#88412d);color:#fff4d8;border:2px solid #e7c58c;box-shadow:inset 0 2px #ffe5b866,inset 0 0 0 2px #67311e33,0 4px #5f3424,0 6px 12px #21180f55;text-shadow:0 1px 1px #592b20}.tea-button.tea-room-start:not(:disabled):after{content:"";position:absolute;inset:4px;border:1px solid #ffe6b52b;border-radius:5px;pointer-events:none}.tea-button.tea-room-start:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:inset 0 2px #ffe5b877,inset 0 0 0 2px #67311e33,0 5px #5f3424,0 8px 14px #21180f55}.tea-button.tea-room-start:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px 3px #67311e55,0 1px #5f3424}.tea-button.tea-room-start:focus-visible{outline:3px solid #ffe393;outline-offset:4px}.tea-button.tea-room-start:disabled{background:linear-gradient(#625642,#4e4436);color:#cbbda2;border:2px solid #928267;box-shadow:inset 0 1px #ffffff15;text-shadow:none;cursor:not-allowed}@media(max-width:600px)and (max-height:650px),(max-height:560px)and (orientation:landscape){.tea-button.tea-room-start{font-size:15px;padding-inline:10px}}@media(prefers-reduced-motion:reduce){.tea-button.tea-room-start{transition:none}}.tea-button{touch-action:manipulation}.tea-button.tea-menu-item{color:var(--tea-on-dark)}.tea-button.tea-room-action{min-width:0}.tea-seat-control>span{font-size:14px}@media(max-width:600px){.tea-seat-control>span{font-size:12px}}@media(min-width:601px)and (max-height:500px){.tea-seat-control>span{font-size:11px}}@media(min-width:601px)and (max-height:500px){.tea-button.tea-waiting-compact{min-height:28px;padding:3px 8px;font-size:12px}.tea-button.tea-seat-control{min-height:24px;padding-block:2px}.tea-button.tea-copy{min-height:28px;padding-block:3px}.tea-button.tea-room-action:not(.tea-room-start){padding-block:3px}}.tea-choice .player-avatar{display:inline-block;flex-shrink:0;width:40px;height:40px;border-radius:50%;background-size:300% 100%;background-repeat:no-repeat;background-color:#e7d8b4;overflow:hidden;vertical-align:middle;border:1px solid #c9ad77}.tea-choice>span{height:56px;padding-inline:10px}.tea-choice>span>span:first-child{display:inline-flex;align-items:center}.card-tabs{--card-surface:#fff1d2;--card-border:#bba172;grid-column:1/-1;width:100%;min-width:0;margin:0;border:1px solid var(--card-border);border-radius:9px;background:var(--card-surface);box-shadow:0 3px 8px #69492d15}.card-tabs>.card-tabs-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;gap:0;margin:0;padding:0}.card-tabs>.card-tabs-list>button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;height:48px;min-height:48px;margin:0;padding:9px 10px;border:0;border-bottom:1px solid var(--card-border);border-radius:0;background:#dfc99f;color:#796347;box-shadow:none;font-size:18px;font-weight:400;line-height:1.25;transition:none}.card-tabs>.card-tabs-list>button:first-child{border-top-left-radius:8px}.card-tabs>.card-tabs-list>button:last-child{border-top-right-radius:8px}.card-tabs>.card-tabs-list>button+button{border-left:1px solid var(--card-border)}.card-tabs>.card-tabs-list>button[aria-selected=true]{background:var(--card-surface);border-bottom-color:transparent;color:#4c3925}.card-tabs-list>button:hover:not(:disabled){filter:none;background:#ead8b6}.card-tabs-list>button[aria-selected=true]:hover{background:var(--card-surface)}.card-tabs-list>button:active:not(:disabled){transform:none}.card-tabs>.card-tabs-panel{display:grid;gap:14px;min-width:0;padding:18px;border:0;border-radius:0 0 8px 8px;background:var(--card-surface);color:#4c3925}@media(max-width:600px){.card-tabs>.card-tabs-panel{padding:12px;gap:12px}.card-tabs>.card-tabs-list>button{font-size:16px}}.player-avatar{display:inline-block;flex-shrink:0;width:40px;height:40px;border-radius:50%;background-size:300% 100%;background-repeat:no-repeat;background-color:#e7d8b4;overflow:hidden;vertical-align:middle;border:1px solid #c9ad77}.player-avatar img{display:block;width:100%;height:100%;object-fit:cover}.skin-settings{display:grid;gap:12px;grid-column:1/-1;min-width:0;margin:8px 0 16px}.skin-settings>label{display:flex;align-items:center;justify-content:space-between;gap:12px}.skin-settings select{min-width:0;max-width:100%;padding:8px;font:inherit;color:#4c3925;background:#fff8e9;border:1px solid #886838;border-radius:6px}.skin-settings p{margin:0;font-size:.9rem;line-height:1.5}.skin-preview{display:flex;justify-content:center;gap:8px}.skin-preview img{width:min(18%,52px);height:auto;aspect-ratio:5/7;object-fit:contain}.player-settings .card-tabs-panel:not([data-section=theme])>.skin-settings{display:none}.player-settings .card-tabs-panel[data-section=theme]>:not(.skin-settings):not(.settings-notice){display:none}dialog:has(.settlement){width:calc(100% - 20px);max-width:960px;height:min(510px,94dvh);max-height:94dvh;overflow:hidden;padding:16px}dialog[open]:has(.settlement){display:flex;flex-direction:column}dialog:has(.settlement)>.dialog-title{flex-shrink:0;margin-bottom:12px}.settlement{display:flex;flex-direction:column;flex:1;min-height:0;gap:12px}.settlement-summary{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;flex:1;min-height:0;align-items:center}.settlement-outcome{min-width:0;overflow-wrap:anywhere}.settlement-outcome p{font-size:13px;line-height:1.45;margin:8px 0}.settlement-winner{display:flex;align-items:center;gap:8px;min-width:0;font-size:21px;font-weight:700}.settlement-winner>.player-name-display{flex:0 1 auto}.settlement-winner>.settlement-call{flex:none;color:#86411e;white-space:nowrap;font-size:24px}.settlement-win-source{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;font-size:14px;min-width:0}.settlement-source-name{display:flex;align-items:center;gap:6px;min-width:0}.settlement-source-name>.player-name-display{flex:0 1 auto}.settlement-discard-call{flex:none;color:#ae302d;font-size:17px;white-space:nowrap}.settlement-fact{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid #a8885144;font-size:14px;line-height:1.5}.settlement table{table-layout:fixed;width:100%;font-size:15px;margin:0}.settlement th,.settlement td{padding:10px 5px;overflow-wrap:anywhere}.settlement th:first-child{width:14%}.settlement th:nth-child(2){width:44%}.settlement th:nth-child(3){width:21%}.settlement th:nth-child(4){width:21%}.settlement th{font-size:12px;color:#796349}.settlement-player{display:flex;align-items:center;gap:8px;min-width:0}.settlement-player>.player-avatar{width:32px;height:32px}.settlement-player>span{min-width:0;overflow-wrap:anywhere}.settlement-player small{display:block;font-size:11px;color:#725521;white-space:nowrap}.settlement-self{background:#d8bf7938}.settlement td.score-gain{color:#146638;font-weight:800}.settlement td.score-loss{color:#ae302d;font-weight:800}.settlement td.score-even{color:#756853}.settlement-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;border-top:1px solid #a8885144;padding-top:10px}.settlement-footer>span{font-size:12px;color:#796349}.settlement-more{width:calc(100% - 28px);max-width:560px;max-height:90dvh;height:min(370px,90dvh);padding:16px;overflow:hidden}.settlement-more[open]{display:flex;flex-direction:column;gap:12px}.settlement-more::backdrop{background:#241a1399;backdrop-filter:blur(2px)}.settlement-more>header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.settlement-more>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.settlement-more h2{font-size:23px;margin:0}.settlement-more-body{flex:1;min-height:0}.settlement-more p{font-size:14px;line-height:1.5;margin:4px 0 10px}.settlement-items{list-style:none;padding:0;margin:5px 0;display:grid;gap:6px}.settlement-items li{display:flex;justify-content:space-between;gap:12px;padding:6px;border-bottom:1px solid #a8885144;font-size:15px;line-height:1.4}.settlement-payments{display:grid;gap:10px}.settlement-payments article{border:1px solid #b89a65;border-radius:8px;padding:9px}.settlement-payments p{margin:4px 0;font-size:13px}.settlement-payments small{font-size:12px}.settlement-hand{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;margin:18px 0}.settlement-pager{display:flex;gap:7px;align-items:center;font-size:12px}@media(max-width:600px)and (min-height:501px){dialog:has(.settlement){height:min(600px,94dvh);padding:12px}.settlement{gap:8px}.settlement-summary{grid-template-columns:1fr;align-content:start;gap:10px}.settlement-winner>strong{font-size:18px}.settlement-winner strong>b{display:inline;margin-left:8px;font-size:21px}.settlement-win-tile{margin:8px 0}.settlement-fact{padding:5px 0;font-size:12px}.settlement table{font-size:14px}.settlement td,.settlement th{padding:6px 4px}.settlement-player>.player-avatar{width:28px;height:28px}.settlement-player{gap:6px}.settlement-footer{padding-top:6px}.settlement-more{padding:12px}}@media(max-height:500px){dialog:has(.settlement){padding:10px;height:96dvh;max-height:96dvh}dialog:has(.settlement)>.dialog-title{margin-bottom:5px}.settlement{gap:6px}.settlement-summary{gap:15px}.settlement-winner>.player-avatar{width:32px;height:32px}.settlement-winner>strong{font-size:16px}.settlement-winner strong>b{display:inline;font-size:18px;margin-left:6px}.settlement-win-tile{margin:6px 0}.settlement-fact{padding:4px 0;font-size:12px}.settlement td,.settlement th{padding:5px 3px;font-size:12px}.settlement-player>.player-avatar{width:27px;height:27px}.settlement-player{gap:5px}.settlement-outcome p{font-size:11px;margin:4px 0}.settlement-footer{padding-top:5px}.settlement-more{padding:10px}.settlement-more[open]{gap:6px}.settlement-more h2{font-size:20px}.settlement-items li{padding:4px;font-size:13px}.settlement-payments{gap:5px}.settlement-payments article{padding:5px}}.settlement-player>.settlement-name{flex:1;min-width:0;line-height:1.35;overflow-wrap:anywhere;text-align:left}.settlement th:nth-child(2){text-align:left}.settlement td:nth-child(2){text-align:left}.relative-seat{display:inline-block;white-space:nowrap;font-size:12px;color:#796349}.settlement-self .relative-seat{color:#4a6034;font-weight:700}.settlement td:nth-child(n+3){font-variant-numeric:tabular-nums}.settlement-summary{overflow-y:auto}.settlement-player>.player-avatar{flex-shrink:0}@media(max-width:600px){.settlement-player{gap:4px}.settlement-player>.player-avatar{width:24px;height:24px}.settlement th:first-child{width:14%}.settlement th:nth-child(2){width:50%}.settlement th:nth-child(3){width:18%}.settlement th:nth-child(4){width:18%}.relative-seat{font-size:11px}}.discarder-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:30px;height:18px;padding:0 3px;border:1px solid #d88d73;border-radius:5px;background:#a33129;color:#fff7dd;font:700 11px/1 sans-serif;white-space:nowrap}.settlement-player{min-height:38px}.settlement-player>.settlement-badges{display:flex;flex:none;flex-direction:column;align-items:center;gap:2px;overflow:visible;min-width:30px}@media(max-width:600px){.settlement-winner{font-size:18px;gap:6px}.settlement-winner>.settlement-call{font-size:21px}.settlement-win-source{margin:8px 0}}@media(max-height:500px){.settlement-winner{font-size:16px;gap:6px}.settlement-winner>.settlement-call{font-size:18px}.settlement-win-source{margin:6px 0}.settlement-discard-call{font-size:15px}}.settlement-winner{margin-bottom:14px;gap:8px}.discarder-badge{min-width:18px}.settlement-player>.settlement-badges{min-width:18px}.settlement-room-notice{margin:10px 0;padding:8px 10px;border:1px solid #d99e7a;border-radius:7px;font-size:13px;line-height:1.5}@media(max-width:600px){.settlement-winner{gap:6px}}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Microsoft JhengHei,PingFang TC,sans-serif;color:#fff1d5;background-position:center;background-size:cover;background-attachment:fixed;font-size:16px}input{font:inherit}input:focus-visible{outline:3px solid #ffe393;outline-offset:3px}.primary{background:linear-gradient(120deg,#c38456,#a2533d)}input:not([type]){padding:9px;border:1px solid #b59861;border-radius:5px;background:#fff4d8;color:#493724;min-width:0}input[type=text]{padding:9px;border:1px solid #b59861;border-radius:5px;background:#fff4d8;color:#493724;min-width:0}input[type=checkbox]{width:21px;height:21px;accent-color:#6c854a}input[type=range]{accent-color:#6c854a;width:145px}h1,h2,h3{font-family:DFKai-SB,PMingLiU,serif;font-weight:400}.app{height:100dvh;max-width:1600px;margin:auto;display:grid;grid-template-rows:58px minmax(0,1fr) auto;padding:env(safe-area-inset-top) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:0}.app>header{display:flex;align-items:center;gap:18px;padding:4px 13px;z-index:3}.app h1{font-size:27px;letter-spacing:3px;margin:0;background:#433825e8;border:1px solid #c5a574;padding:7px 16px;border-radius:4px 4px 12px;white-space:nowrap}.round-info{font-size:16px;background:#303f2be8;border-radius:7px;padding:9px 14px;white-space:nowrap}.round-info span{margin-left:16px;color:#f4d490}.app nav{display:flex;gap:7px;margin-left:auto}.table-view{position:relative;min-height:0;overflow:hidden;isolation:isolate}.webgl-host{position:absolute;inset:0}.webgl-host canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.view-tools{position:absolute;left:50%;bottom:7px;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:#3b3528dc;padding:5px 8px;border:1px solid #bba16d77;border-radius:8px;white-space:nowrap}.view-tools span{font-size:14px;margin-right:10px}.action-word{position:absolute;left:50%;top:42%;font:700 52px serif;color:#ffeab6;text-shadow:0 3px #69492d,0 0 25px #c98d35;transform:translate(-50%,-50%);pointer-events:none;animation:callout 1.4s both;z-index:4}.render-error{position:absolute;inset:15%;padding:18px;border:1px solid #d6b773;border-radius:8px;background:#463826ed;z-index:4}.render-error div{display:flex;flex-wrap:wrap;gap:6px}.hand-panel{min-width:0;border:2px solid #bb975f;border-radius:10px;box-shadow:0 5px #483322;background:repeating-linear-gradient(2deg,#56371e22 0 2px,transparent 2px 7px),linear-gradient(110deg,#775334,#a97d47,#70482e);z-index:3}.status-line{min-height:43px;display:flex;align-items:center;gap:12px;padding:5px 10px;border-radius:8px 8px 0 0;background:#333a2bea}.status-line p{flex:1;min-width:0;margin:0;text-align:center;font-size:15px;line-height:1.3}.hand-caption{min-height:40px;padding:4px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.claim-controls{display:flex;gap:5px;align-items:center}.hand-with-incoming{display:flex;align-items:center;gap:12px;padding:0 20px;min-width:0}.hand{display:flex;align-items:end;justify-content:center;gap:5px;flex:1;min-width:0;padding:14px 0 9px}.hand-slot{position:relative;flex:0 1 51px;min-width:0}.hand-slot.drawn{margin-left:12px}.tile-actions{position:absolute;top:-19px;left:0;z-index:2;display:flex;gap:3px}.incoming{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:14px}.hand-footer{min-height:41px;display:flex;align-items:center;justify-content:space-between;padding:4px 15px 9px;gap:10px;font-size:14px}.hand-footer>span{color:#f5e4bd}.home{height:100dvh;overflow:auto;display:grid;grid-template-columns:1.2fr 1fr;align-content:center;gap:40px;padding:8vh 8vw 15vh}.home-heading{text-align:center;color:#563c24;align-self:center;padding:30px;background:radial-gradient(ellipse,#fff6dfe8 25%,#fff6df00 75%);text-shadow:0 1px #fff5d3}.home-heading h1{font-size:clamp(40px,6vw,80px);letter-spacing:6px;margin:15px 0}.home-heading p{font-size:18px}.home-menu{max-width:370px;display:flex;flex-direction:column;gap:15px;justify-content:center;background:#483926e8;border:1px solid #d1ae79;padding:23px;border-radius:12px;box-shadow:0 5px 30px #31201455}.home-menu label{display:flex;flex-direction:column;gap:8px}.home-menu .checkbox{display:flex;flex-direction:row;align-items:center;font-size:15px}.home-menu p{font-size:14px;line-height:1.5;margin:0}dialog{width:calc(100% - 24px);max-width:650px;max-height:90dvh;overflow:auto;border:3px solid #bd985c;border-radius:13px;padding:22px;color:#4c3925;background:linear-gradient(120deg,#fff4d9,#e6d0a6);box-shadow:0 20px 90px #0008}dialog::backdrop{background:#2c241bcc;backdrop-filter:blur(4px)}.dialog-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.dialog-title h2{font-size:28px;margin:0}dialog p{font-size:16px;line-height:1.8}dialog li{font-size:16px;line-height:1.8}dialog h3{font-size:20px;margin:22px 0 12px}.detail-melds,.detail-river,.result-hand{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:8px}.meld-group{display:flex;gap:3px}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;border-bottom:1px solid #a88c5533}.setting input:not([type]){max-width:180px}table{border-collapse:collapse;width:100%;margin:18px 0;font-size:17px}th,td{padding:10px;border-bottom:1px solid #a7885344;text-align:left}th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.error-notice{position:fixed;left:50%;top:10%;transform:translate(-50%);z-index:20;max-width:90%}.reduced-motion *{animation:none!important;transition:none!important}@keyframes callout{0%{opacity:0;transform:translate(-50%) scale(.7)}20%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(1.1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.action-word{display:none}}@media(max-width:700px){.app{grid-template-rows:78px minmax(0,1fr) auto;padding:env(safe-area-inset-top) 5px max(5px,env(safe-area-inset-bottom))}.app>header{display:grid;grid-template-columns:1fr auto;grid-template-rows:42px 27px;gap:2px 6px;padding:4px 2px}.app h1{font-size:22px;padding:6px 9px;letter-spacing:1px;justify-self:start}.round-info{grid-row:2;grid-column:1/-1;text-align:center;font-size:14px;padding:4px 8px}.app nav{grid-row:1;grid-column:2;gap:4px}.view-tools{bottom:4px;padding:4px;gap:4px}.view-tools span{font-size:14px;max-width:133px;white-space:normal;line-height:1.2;margin-right:2px}.status-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 6px;min-height:51px;padding:4px 6px}.status-line p{grid-column:1;grid-row:2;text-align:left;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hand-caption{padding:3px 7px;font-size:14px;min-height:35px}.hand-caption:has(.claim-controls)>span{display:none}.claim-controls{justify-content:flex-end;width:100%;gap:4px}.hand-with-incoming{padding:0 8px;gap:6px}.hand{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px 4px;padding:12px 0 7px}.hand-slot.drawn{margin-left:0}.tile-actions{top:-17px}.incoming{font-size:14px}.hand-footer{font-size:14px;padding:4px 8px 6px;min-height:39px}.hand-footer>span{max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home{grid-template-columns:1fr;align-content:start;padding:5vh 18px;gap:16px}.home-heading{padding:12px}.home-heading h1{font-size:42px;margin:10px 0}.home-heading p{font-size:16px;margin:10px 0}.home-menu{width:100%;justify-self:center;gap:12px;padding:19px}.dialog-title h2{font-size:24px}dialog{padding:17px}.action-word{font-size:42px}}@media(max-height:600px)and (orientation:landscape){.app{grid-template-rows:42px minmax(0,1fr) auto}.app>header{display:flex;padding:2px 7px}.app h1{font-size:20px;padding:5px 10px}.round-info{font-size:14px;padding:5px 10px}.status-line{min-height:33px;display:flex;padding:3px 8px}.status-line p{font-size:14px}.hand-caption{min-height:28px;padding:2px 10px}.hand-caption:has(.claim-controls)>span{display:none}.hand{display:flex;gap:4px;padding:8px 0 5px}.hand-slot{flex-basis:45px}.hand-footer{min-height:32px;padding:2px 10px 5px}.view-tools{left:auto;right:5px;bottom:4px;transform:none}.view-tools span{display:none}.home{grid-template-columns:1fr 1fr;align-content:center;padding:20px 6vw;gap:20px}.home-heading h1{font-size:40px}.home-menu{gap:8px;padding:14px}}.dialogue-strip{height:56px;display:flex;align-items:center;gap:12px;padding:4px 14px;background:linear-gradient(100deg,#ead7ac,#fff0cc);color:#503c29;border-bottom:1px solid #b79a64;border-radius:8px 8px 0 0;overflow:hidden}.dialogue-portrait{width:48px;height:48px;flex:0 0 48px;background-size:300% 100%;background-repeat:no-repeat;border-radius:50%;animation:speech-enter .25s ease-out}.dialogue-strip>div{min-width:0}.dialogue-strip strong{font-size:13px;color:#795532}.dialogue-strip p{margin:1px 0;font-size:16px;line-height:1.35}.dialogue-idle{font-size:26px}.dialogue-strip:not(.speaking)>p{font-size:14px;color:#806a4b}.status-line{border-radius:0}@keyframes speech-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.dialogue-strip{height:52px;padding:3px 9px;gap:8px}.dialogue-portrait{width:44px;height:44px;flex-basis:44px}.dialogue-strip p{font-size:14px}.hand-caption:not(:has(.claim-controls)){min-height:25px;padding:2px 7px}.hand-caption:not(:has(.claim-controls))>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-height:600px)and (orientation:landscape){.dialogue-strip{height:40px;padding:2px 10px}.dialogue-portrait{width:36px;height:36px;flex-basis:36px}.dialogue-strip>div{display:flex;gap:12px;align-items:center}.dialogue-strip p{font-size:14px}.hand-caption:not(:has(.claim-controls)){display:none}}.webgl-host{top:42px}.dialogue-strip>p{flex:1;min-width:0}.dialogue-strip>div:not(.context-actions){flex:1;min-width:0}.dialogue-strip>p{overflow-wrap:anywhere}.dialogue-strip .context-actions{display:flex;flex:0 0 auto;gap:6px;align-items:center;max-width:50%}.context-actions select{font:inherit;font-size:14px;min-width:0;max-width:180px;min-height:32px;border:1px solid #9d8153;border-radius:5px;color:#4c3925;background:#fff4dc;padding:3px}.hand-panel .hand{padding-top:22px}.settings-menu{position:relative}.settings-dropdown{position:absolute;right:0;top:calc(100% + 6px);display:flex;flex-direction:column;gap:5px;width:190px;padding:8px;border:1px solid #cfb275;border-radius:8px;background:#3b3327;box-shadow:0 8px 24px #0005;z-index:10}.app>header{z-index:8}.opening{text-align:center}.wind-draw{display:flex;justify-content:center;gap:12px}.seat-summary{font-size:14px!important}.dice{display:flex;justify-content:center;gap:15px;font-size:72px;line-height:1.2;margin:12px}.dice span{display:inline-block;color:#664b31}.dice.rolling span{animation:dice-roll .16s linear infinite alternate}@keyframes dice-roll{to{transform:rotate(25deg) translateY(-8px)}}@media(max-width:700px){.dialogue-strip{height:58px}.dialogue-strip .context-actions{gap:4px}.context-actions select{max-width:120px;font-size:13px}.hand-panel .hand{padding-top:21px}}@media(max-height:600px)and (orientation:landscape){.dialogue-strip{height:42px}.hand-panel .hand{padding-top:19px}}.score-settings{margin:8px 0 16px;padding:12px;border:1px solid #b99a61;border-radius:8px}.score-settings h3{margin:0 0 10px;font-size:20px}.score-settings label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin:8px 0;font-size:15px}.score-settings input{width:115px;min-width:0;padding:7px;color:#493724;background:#fff5de;border:1px solid #b59861;border-radius:5px}.score-settings p{font-size:14px;line-height:1.5;margin:7px 0}.home:has(.score-settings){align-content:start;padding-top:4vh;padding-bottom:4vh}.dialogue-strip .context-actions{max-width:65%;flex-wrap:wrap;justify-content:flex-end;gap:4px}.draw-arrival{animation:draw-arrival .55s cubic-bezier(.2,.8,.25,1) both}@keyframes draw-arrival{0%{opacity:0;transform:translate(26px,-35px) rotate(9deg)}to{opacity:1;transform:translate(0) rotate(0)}}@media(max-width:700px){.dialogue-strip:has(.context-actions button:nth-child(4)){height:auto;min-height:58px;flex-wrap:wrap}.dialogue-strip:has(.context-actions button:nth-child(4)) .context-actions{max-width:100%;width:100%}}.home{height:100dvh;max-height:100dvh;overflow:hidden;padding:clamp(8px,3vh,24px) clamp(12px,5vw,70px);gap:16px;align-content:center;min-height:0}.home-menu{gap:10px;padding:18px;min-height:0}.home-heading{padding:12px}.home-heading h1{margin:8px 0}.home-heading p{margin:6px 0}.app{max-height:100dvh;overflow:hidden}.hand-panel{min-height:0}@media(max-width:700px){.home{grid-template-rows:auto auto;gap:10px}.home-heading h1{font-size:36px}.home-heading p{font-size:14px}.home-menu{padding:14px;gap:8px}.home-menu p{font-size:13px}.home-menu input:not([type]){padding:6px}}@media(max-height:500px){.home{grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:8px 14px;gap:12px}.home-heading h1{font-size:30px}.home-heading p{font-size:14px}.home-menu{padding:10px;gap:5px}.home-menu label{gap:3px;font-size:14px}.home-menu input:not([type]){padding:4px}.home-menu p{display:none}.home-menu .checkbox{font-size:13px}.home-menu input[type=checkbox]{width:18px;height:18px}.app .dialogue-strip{height:38px;min-height:38px}.app .hand-panel .hand{padding-top:18px;padding-bottom:3px}}.hand-container{min-width:0;min-height:0;z-index:3}.flower-cue{position:fixed;inset:0;z-index:9;display:grid;place-items:center;pointer-events:none;--exit-x:0px;--exit-y:110px}.flower-cue.seat-1{--exit-x:120px;--exit-y:0px}.flower-cue.seat-2{--exit-y:-110px}.flower-cue.seat-3{--exit-x:-120px;--exit-y:0px}.flower-flight{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 22px;border:1px solid #e4c785;border-radius:16px;background:#394432f5;box-shadow:0 8px 40px #0006;opacity:0}.flower-flight strong{font-size:20px}.flower-flight span{font-size:15px}.flower-cue.ready .flower-flight{opacity:1;animation:flower-flight 1.45s both}.flower-cue.still .flower-flight{animation:none}.flower-cue.paused .flower-flight{animation-play-state:paused}@keyframes flower-flight{0%{opacity:0;transform:translate(100px,-50px) rotate(12deg) scale(.7)}24%,72%{opacity:1;transform:translate(0) rotate(0) scale(1)}to{opacity:0;transform:translate(var(--exit-x),var(--exit-y)) scale(.4)}}@media(max-height:500px){.flower-flight{padding:8px 16px;gap:4px}.flower-flight strong{font-size:17px}}.flower-cue.manual.ready .flower-flight{animation:flower-await .35s both}.flower-cue.manual.confirmed.ready .flower-flight{animation:flower-confirm .4s both}.flower-cue.manual.still .flower-flight{animation:none}.flower-cue.manual.paused .flower-flight{animation-play-state:paused}@keyframes flower-await{0%{opacity:0;transform:translate(100px,-50px) rotate(12deg) scale(.7)}to{opacity:1;transform:none}}@keyframes flower-confirm{0%{opacity:1;transform:none}to{opacity:0;transform:translate(var(--exit-x),var(--exit-y)) scale(.4)}}.rules-paged .form-actions{align-items:center}.rules-paged table{margin:10px 0}.rules-paged td{padding:7px}.rules-paged>p{margin:8px 0}.rule-summary+.setting{margin-top:8px}dialog:has(.opening){max-width:900px}dialog .seat-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.seat-summary>span{display:grid;gap:4px;text-align:center;min-width:0}.seat-summary b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(max-height:560px){dialog{padding:12px;max-height:96dvh}.dialog-title{margin-bottom:6px}.dialog-title h2{font-size:22px}.rules-paged p{font-size:14px;line-height:1.5}.rules-paged h3{margin:5px 0}.rules-paged td{padding:3px;font-size:14px}.setting{min-height:40px}dialog:has(.opening) .opening{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6px 18px}dialog .opening>p{font-size:13px;line-height:1.5;margin:4px 0}dialog .opening .dice{font-size:45px;margin:4px}dialog .opening .seat-summary{grid-column:1/-1}}dialog:has(.rules-paged){height:min(560px,90dvh);overflow:hidden}dialog[open]:has(.rules-paged){display:flex;flex-direction:column}dialog:has(.rules-paged)>.dialog-title{flex-shrink:0;margin-bottom:0}.rules-paged{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.rules-paged>.settings-help{flex-shrink:0;margin:8px 0 0;padding-bottom:12px;border-bottom:1px solid #a7885380}.rules-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 0;scrollbar-gutter:stable}.rules-content>p{margin:0}.rules-content>h3{margin-top:0}.rules-paged>.form-actions{flex-shrink:0;margin:0;padding-top:12px;border-top:1px solid #a7885344}@media(max-height:560px){dialog:has(.rules-paged){height:96dvh}.rules-paged>.settings-help{padding-bottom:8px}.rules-content{padding:8px 0}.rules-paged>.form-actions{padding-top:8px}}.detail-melds .meld-group{flex-wrap:wrap;max-width:100%}.form-actions>span{align-self:center;white-space:nowrap}.detail-river{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));justify-items:center}.action-tray{height:64px;display:flex;align-items:center;justify-content:center;padding:5px 10px;background:linear-gradient(180deg,#344832,#263526);border-bottom:1px solid #c4aa6840}.action-tray .context-actions{display:flex;align-items:center;justify-content:center;gap:10px;max-width:100%;flex-wrap:nowrap}@keyframes action-enter{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.hand-with-incoming{align-items:center;gap:14px}.incoming-dock{flex:0 0 82px;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:116px;border-left:1px solid #d8bd7955;padding:4px 0 8px 10px}.incoming-source{height:32px;max-width:100%;font-size:11px;line-height:16px;text-align:center;color:#e9d3a2;display:flex;flex-direction:column}.incoming-source strong{max-width:72px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#ffe5aa}.incoming-dock:not(.has-tile):after{content:"";width:46px;height:64px;border:1px dashed #d6c38d55;border-radius:5px}.hand-panel .hand{min-height:116px;align-items:center}.hand-panel .dialogue-strip{height:46px;min-height:46px}@media(max-width:700px){.action-tray{height:60px;padding:5px}.action-tray .context-actions{gap:7px}.hand-with-incoming{gap:7px;padding:0 6px}.incoming-dock{flex-basis:65px;padding-left:6px;min-height:130px}.incoming-source strong{max-width:58px}.incoming-dock:not(.has-tile):after{width:36px;height:50px}.hand-panel .hand{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));min-height:130px;gap:9px 4px;align-items:center;padding-top:15px;padding-bottom:7px}.hand-panel .dialogue-strip{height:42px;min-height:42px}}@media(max-height:560px)and (orientation:landscape){.hand-panel .dialogue-strip{height:32px;min-height:32px}.action-tray{height:50px}.hand-panel .hand{display:flex;min-height:78px;padding-top:15px;padding-bottom:4px;gap:4px}.incoming-dock{min-height:78px;flex-basis:84px;padding:3px 0 3px 8px;flex-direction:row;gap:5px}.incoming-source{width:37px;font-size:10px;line-height:14px}.incoming-source strong{max-width:37px;font-size:10px}.incoming-dock:not(.has-tile):after{width:29px;height:40px}.hand-with-incoming{gap:8px}}@media(max-width:700px){.incoming-source strong{font-size:11px;max-width:60px}}@media(max-height:560px)and (orientation:landscape){.incoming-dock{flex-direction:column;gap:2px;flex-basis:78px;padding:2px 0 3px 8px}.incoming-source{width:68px;max-width:68px;height:28px;line-height:14px}.incoming-source strong{font-size:11px;max-width:68px}}.hand-panel{position:relative}.hand-command-row{display:flex;align-items:center;min-height:64px;background:linear-gradient(100deg,#ead7ac,#fff0cc);border-radius:8px 8px 0 0;overflow:hidden}.hand-command-inner>.dialogue-strip{flex:1;min-width:0;height:64px;min-height:64px;border:0;border-radius:0;background:transparent}.hand-command-inner>.action-tray{flex:0 0 auto;height:64px;background:transparent;border:0;padding:5px 12px 5px 4px}.hand-command-row .dialogue-strip p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.winner-banner{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:16px;max-width:94%;padding:20px 28px;border:2px solid #ffe6a2;border-radius:18px;background:radial-gradient(ellipse,#956632f5,#332d22f5);box-shadow:0 0 40px #ffc65888,inset 0 0 25px #ffd78e33;color:#fff1ca;pointer-events:none;z-index:5;animation:winner-reveal 1.8s ease-out both}.winner-banner>.winner-name{font-size:24px;overflow-wrap:anywhere}.winner-banner>strong{font-size:40px;white-space:nowrap;text-shadow:0 2px #8b5422}.winning-detail{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px;border:1px solid #b69154;border-radius:12px;background:#efd5a3}.winning-detail strong{font-size:22px}@keyframes winner-reveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}35%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.rules-fields{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:700px){.hand-command-row{min-height:60px}.hand-command-inner>.dialogue-strip{height:60px;min-height:60px;padding:4px 7px}.hand-command-inner>.action-tray{height:60px;padding-right:7px}.hand-command-row .context-actions{gap:5px}.hand-command-row:has(.game-action) .dialogue-portrait{display:none}.hand-command-row:has(.game-action) .dialogue-idle{display:none}.winner-banner{gap:9px;padding:14px}.winner-banner>.winner-name{font-size:18px}.winner-banner>strong{font-size:28px}.rules-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-fields>label:last-child{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.rules-fields>label:last-child input{max-width:120px}}@media(max-height:560px)and (orientation:landscape){.hand-command-row{height:52px;min-height:52px}.hand-command-inner>.dialogue-strip{height:52px;min-height:52px}.hand-command-inner>.action-tray{height:52px;min-height:52px}.rules-fields{grid-template-columns:repeat(5,minmax(0,1fr))}.rules-fields>label:last-child{grid-column:auto;flex-direction:column;align-items:stretch}.rules-fields>label:last-child input{max-width:none}.winner-banner{padding:10px 20px}.winner-banner>strong{font-size:30px}}.dialogue-avatar{width:40px;height:40px}.avatar-picker{border:1px solid #bba172;border-radius:9px;padding:10px;margin:0;min-width:0}.avatar-presets{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.avatar-preview{margin-left:auto;width:56px;height:56px}.card-tabs-panel[data-section=rules]>.player-name{display:none}.card-tabs-panel[data-section=rules]>.avatar-picker{display:none}.card-tabs-panel[data-section=player]>.template-row{display:none}.card-tabs-panel[data-section=player]>.rules-fields{display:none}.card-tabs-panel[data-section=player]>.settings-help{display:none}.card-tabs-panel>.avatar-picker{grid-column:1/-1}.card-tabs-panel[data-section=player]>.form-actions{grid-column:1/-1}.opening-name .player-avatar{width:24px;height:24px;margin-right:6px}.room-seat-number>.player-avatar{width:32px;height:32px}@media(max-width:600px){.avatar-presets{gap:6px}.avatar-preview{width:42px;height:42px}.hand-command-row:has(.game-action) .dialogue-avatar{display:none}}.player-settings>.card-tabs{margin:0;width:100%}.settings-avatar-preview{display:none}@media(max-width:600px){.card-tabs-panel[data-section=player]>.settings-avatar-preview{display:flex;justify-content:center;grid-column:1/-1;padding:8px 0 16px}.settings-avatar-preview>.player-avatar{width:96px;height:96px;border:2px solid #dcc288;box-shadow:0 3px 14px #0005}.player-settings .avatar-presets>.avatar-preview{display:none}}.hand-with-incoming{height:116px;min-height:116px}.hand-panel .hand{height:100%;min-height:0}.incoming-dock{min-height:0}.action-word{isolation:isolate;padding:18px 32px;line-height:1.1;text-shadow:0 3px 2px #3b271c,0 0 12px #fff1b777}.action-word:before{content:"";position:absolute;inset:-14px -30px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#211c18e6 0%,#473827c9 38%,#e2b65a55 61%,transparent 74%);filter:blur(5px);box-shadow:0 0 28px #f5cf6533;pointer-events:none}@media(max-width:700px){.hand-with-incoming{height:148px;min-height:148px;gap:5px}.hand-panel .hand{height:100%;min-height:0}}@media(max-height:560px)and (orientation:landscape){.hand-with-incoming{height:78px;min-height:78px}.hand-panel .hand{height:100%;min-height:0}.incoming-dock{min-height:0}.action-word{font-size:40px;padding:10px 24px}}.hand-panel{--dock-width:62px;--hand-inset:12px;--dock-gap:6px;--held-width:calc(var(--tea-hand-tile-height)*5/7);--held-gap:4px}.hand-play-area{width:100%;max-width:calc(var(--held-count)*(var(--held-width) + var(--held-gap)) - var(--held-gap) + var(--dock-width) + var(--dock-gap) + 2*var(--hand-inset));margin-inline:auto}.hand-with-incoming,.hand-status-row{display:grid;grid-template-columns:minmax(0,1fr) var(--dock-width);gap:var(--dock-gap);padding-inline:var(--hand-inset)}.incoming-dock{width:100%;padding-left:0;min-width:0}.incoming-source,.incoming-source strong{max-width:100%}.hand-status-row{height:30px;align-items:stretch}.hand-status-row .hand-turn-status{min-width:0;width:100%;height:30px;margin:0;padding:2px 10px;border-radius:5px}.hint-area{display:flex;align-items:center;justify-content:center;border-left:1px solid #d8bd7955;border-radius:0 5px 5px 0;background:transparent}@media(max-width:700px){.hand-panel{--dock-width:54px;--hand-inset:6px;--dock-gap:4px}.hand-play-area{max-width:none}}@media(max-height:560px)and (orientation:landscape){.hand-panel{--dock-width:60px;--dock-gap:4px;--held-width:calc(var(--tea-hand-tile-height)*5/7);--held-gap:4px}.hand-play-area{max-width:calc(var(--held-count)*(var(--held-width) + var(--held-gap)) - var(--held-gap) + var(--dock-width) + var(--dock-gap) + 2*var(--hand-inset))}.hand-panel .hand-slot{flex-basis:var(--held-width)}}.hand-panel{--hand-pad-top:22px;--hand-pad-bottom:9px}.hand-panel .hand,.hand-panel .incoming-dock{padding-top:var(--hand-pad-top);padding-bottom:var(--hand-pad-bottom)}.hand-panel .incoming-dock:not(.has-tile):after{height:var(--tea-hand-tile-height)}.hand-panel .incoming-dock{position:relative;gap:0;justify-content:center}.hand-panel .incoming-source{position:absolute;top:2px;left:2px;right:2px;width:auto;height:16px;line-height:16px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.hand-panel .incoming-dock .draw-arrival{display:flex;align-items:center;justify-content:center;min-height:0}@media(max-width:700px){.hand-panel{--hand-pad-top:15px;--hand-pad-bottom:7px}.hand-panel .incoming-dock{display:flex;align-items:center;justify-content:center}.hand-panel .incoming-source{top:calc(50% - var(--tea-hand-tile-height)/2 - 20px)}}@media(max-height:560px)and (orientation:landscape){.hand-panel{--hand-pad-top:15px;--hand-pad-bottom:4px}.hand-panel .incoming-dock{display:flex;gap:0}.hand-panel .incoming-source{top:2px}}.winner-banner{display:grid;grid-template-columns:minmax(0,1fr) 46px;column-gap:18px;row-gap:4px;width:360px;max-width:calc(100% - 24px);padding:18px 24px}.winner-banner>.winner-name{grid-column:1;min-width:0;font-size:20px;line-height:1.4;overflow-wrap:anywhere}.winner-banner>strong{grid-column:1;grid-row:2;line-height:1.2;font-size:36px}@media(max-width:700px){.winner-banner{width:300px;padding:14px 18px;column-gap:12px}.winner-banner>.winner-name{font-size:18px}.winner-banner>strong{font-size:30px}}@media(max-height:560px)and (orientation:landscape){.winner-banner{padding:10px 18px}.winner-banner>.winner-name{font-size:16px}.winner-banner>strong{font-size:28px}}.hand-command-inner{display:flex;align-items:center;min-width:0;width:100%;max-width:calc(var(--held-count)*(var(--held-width) + var(--held-gap)) - var(--held-gap) + var(--dock-width) + var(--dock-gap) + 2*var(--hand-inset));margin-inline:auto;padding-inline:var(--hand-inset)}.hand-command-inner>.dialogue-strip{padding-left:0}.hand-command-inner>.action-tray{padding-right:0}@media(max-width:700px){.hand-command-inner{max-width:none}}@media(max-height:560px)and (orientation:landscape){.hand-command-inner{max-width:calc(var(--held-count)*(var(--held-width) + var(--held-gap)) - var(--held-gap) + var(--dock-width) + var(--dock-gap) + 2*var(--hand-inset))}}.hand-panel{--panel-content-width:calc(17*(var(--held-width) + var(--held-gap)) - var(--held-gap) + var(--dock-width) + var(--dock-gap) + 2*var(--hand-inset));width:min(100%,calc(var(--panel-content-width) + 4px));justify-self:center;margin-inline:auto}.hand-panel .hand-play-area,.hand-panel .hand-command-inner{max-width:none}@media(max-width:700px)and (orientation:portrait){.hand-panel{--panel-content-width:calc(8*(var(--held-width) + var(--held-gap)) - var(--held-gap) + var(--dock-width) + var(--dock-gap) + 2*var(--hand-inset))}}dialog .single-opening .seat-summary{align-items:start;gap:12px;margin:18px 0}.single-opening .seat-summary>.opening-seat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.single-opening .opening-seat>.opening-seat-name{justify-content:center;max-width:min(100%,var(--player-name-width));min-width:0;text-align:center;line-height:1.5}.single-opening .opening-seat-name>.player-name-text{text-align:center}.single-opening .opening-seat-wind{white-space:nowrap;line-height:1.5}.single-opening .opening-roll-result{max-width:560px;margin:12px auto;line-height:1.8;text-align:center}.single-opening .opening-roll-result>.player-name-display{vertical-align:baseline;margin-inline:3px}@media(max-width:760px){dialog .single-opening .seat-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}}.detail-river>p{grid-column:1/-1;justify-self:start;white-space:normal}.public-bot-hand{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.public-bot-hand>p{width:100%;margin:0 0 4px}.table-view>.seat-label{position:absolute;transform:translate(-50%,-100%)}.table-view>.seat-label:hover:not(:disabled),.table-view>.seat-label:active:not(:disabled){transform:translate(-50%,-100%)}.hand-panel{--hand-columns:var(--held-count)}.hand-panel .hand-slot{flex:0 1 var(--held-width)}.hand-panel .hand{gap:var(--held-gap)}.hand-panel .hand-play-area{max-width:calc(var(--hand-columns)*(var(--held-width) + var(--held-gap)) - var(--held-gap) + var(--dock-width) + var(--dock-gap) + 2*var(--hand-inset))}@media(max-width:700px){.hand-panel{width:100%;--hand-columns:8}.hand-panel .hand{grid-template-columns:repeat(8,minmax(0,1fr));row-gap:9px}}@media(max-height:560px)and (orientation:landscape){.hand-panel{--hand-columns:var(--held-count)}}dialog:has(.player-settings){width:min(720px,calc(100% - 24px));height:min(720px,90dvh);max-height:90dvh;overflow:hidden}dialog[open]:has(.player-settings){display:flex;flex-direction:column}dialog:has(.player-settings)>.dialog-title,dialog:has(.player-settings)>.settings-help{flex-shrink:0}.player-settings{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;gap:12px;margin:0}.player-settings>.card-tabs{display:flex;flex-direction:column;flex:1;min-height:0}.player-settings>.card-tabs>.card-tabs-list{flex-shrink:0}.player-settings>.card-tabs>.card-tabs-panel{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;align-content:start;scrollbar-gutter:stable;gap:20px;padding-bottom:24px}.player-settings>.form-actions{display:flex;justify-content:flex-end;flex-shrink:0;gap:12px;margin:0}.player-settings .settings-notice{grid-column:1/-1;margin:0}.player-settings .reaction-toggle{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:4px}.player-settings .template-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;min-width:0}.player-settings .template-row>label{min-width:0;gap:6px}.player-settings .template-row>.tea-button{align-self:end}.player-settings .rules-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px}.player-settings .rules-fields>label{display:grid;grid-template-rows:minmax(1.25em,auto) 44px;grid-column:auto;flex-direction:column;align-items:stretch;gap:6px;line-height:1.25}.player-settings .rules-fields>label>span{display:flex;align-items:flex-end}.player-settings .rules-fields>label:last-child{grid-column:auto;flex-direction:column;align-items:stretch;justify-content:stretch}.player-settings .rules-fields>label input,.player-settings .template-row :is(input,select){box-sizing:border-box;width:100%;max-width:none;height:44px;margin:0;padding:8px;line-height:1.25}.player-settings .rules-fields>label:last-child input{max-width:none}.player-settings .card-tabs-panel>.settings-help{grid-column:1/-1}.player-settings .card-tabs-panel[data-section=player]>.reaction-toggle{display:none}@media(max-width:600px){.player-settings .rules-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.player-settings .rules-fields>label{grid-template-rows:minmax(2.5em,auto) 44px}.player-settings>.card-tabs>.card-tabs-panel{gap:16px}.player-settings .template-row{grid-template-columns:minmax(0,1fr)}.player-settings .template-row>.tea-button{justify-self:end}}@media(max-height:560px){dialog:has(.player-settings){height:96dvh;max-height:96dvh}.player-settings{gap:8px}}.room-voice{margin-top:12px;border:1px solid #c6a77680;border-radius:8px;background:#293b32;padding:10px 12px}.room-voice>summary{cursor:pointer;font-weight:600;min-height:28px;line-height:28px}.voice-controls{font-size:15px;min-width:0}.voice-controls p{line-height:1.5;margin:8px 0}.voice-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.voice-notice{font-weight:600}.voice-mic-icon{display:inline-flex;width:22px;height:26px;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;border-radius:50%;color:inherit}.voice-mic-icon svg{width:18px;height:22px}.voice-mic-icon.is-off{opacity:.6}.voice-mic-icon.is-speaking{color:#114b29;background:#a8efb7;box-shadow:0 0 0 3px #60d68555}.voice-input-status{margin:10px 0}.voice-input-reading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.voice-input-reading meter{width:72px;height:14px;accent-color:#237d45}.voice-input-status small{display:block;font-size:12px;line-height:1.5;margin-top:6px}.voice-input-status button{margin-top:6px}.voice-table-trigger .tea-icon-slot{width:22px}.voice-peers{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}.voice-peers li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #c6a77655}.voice-peers li>span{display:flex;flex-direction:column;gap:4px;min-width:0}.voice-peers small{font-size:13px}.voice-peers label{display:flex;align-items:center;gap:8px;font-size:13px}.voice-peers input{width:110px;min-height:30px}.voice-device{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.voice-device label{display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:0;max-width:100%}.voice-device select{max-width:100%;min-height:38px;font:inherit}.app>header:has(.voice-table-trigger){gap:7px;min-width:0}.app>header:has(.voice-table-trigger)>h1{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.app>header:has(.voice-table-trigger) .round-info{min-width:0;flex-shrink:0}.app>header:has(.voice-table-trigger)>nav{flex-shrink:0}@media(max-width:700px){.app>header:has(.voice-table-trigger){grid-template-columns:minmax(0,1fr) auto;gap:2px 6px}}@media(max-width:700px)and (max-height:600px)and (orientation:landscape){.app>header:has(.voice-table-trigger) .round-info{font-size:12px;padding:5px 6px}.app>header:has(.voice-table-trigger) .round-info span{margin-left:6px}}.room-page{height:100dvh;max-width:860px;margin:auto;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom));gap:12px;overflow:hidden}.room-page>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:#403724e8;border-radius:10px;flex-shrink:0}.room-page h1{margin:0;font-size:28px}.room-page header p{margin:5px 0 0;font-size:14px}.room-card{min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid #c6a776;border-radius:12px;padding:20px;background:#403b2def}.room-card p{font-size:15px;line-height:1.5}.room-beta{color:#ffe0a2;margin-top:0}.room-form{display:flex;flex-direction:column;gap:14px}.room-form label{display:flex;flex-direction:column;gap:7px}.room-form input,.room-invite input{width:100%;min-width:0}.room-join{display:flex;gap:10px;align-items:end;border-top:1px solid #c6a77655;padding-top:16px}.room-join label{flex:1}.room-code{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0}.room-code strong{font-size:28px;letter-spacing:2px;color:#ffe4a4}.room-invite{display:flex;gap:8px}.room-invite input{font-size:14px}.room-status{min-height:44px}.room-seats{list-style:none;padding:0;margin:12px 0;display:grid;gap:12px}.room-seats li{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #a99365;border-radius:9px;background:#304333a8;min-height:64px}.room-seats li.is-me{border-color:#ffe4a4;background:#49503da8}.room-seat-number{display:grid;place-items:center;border:1px solid #d4bb83;border-radius:50%;width:30px;height:30px;flex-shrink:0}.room-seats li>div{display:flex;flex-direction:column;flex:1;min-width:0;gap:5px}.room-seats strong{font-size:17px;overflow-wrap:anywhere}.room-seats span:where(:not(.tea-button *)){font-size:14px}.room-seats b{font-size:14px}.room-seats b{color:#ffe0a2;flex-shrink:0}.room-ready{width:100%}.room-notice{border:1px solid #d99e7a;padding:10px;border-radius:7px;color:#ffe2cc}.room-footnote{opacity:.85;margin-bottom:0}@media(max-width:600px){.room-page{gap:8px;padding-left:8px;padding-right:8px}.room-card{padding:12px}.room-seats{gap:10px}.room-seats li{padding:9px;min-height:58px}.room-code strong{font-size:24px}.room-page>header{padding:8px 10px}.room-page header p{display:none}}@media(max-height:500px){.room-page h1{font-size:22px}.room-page>header{padding:4px 10px}.room-page header p{display:none}.room-seats{grid-template-columns:1fr 1fr}.room-status{min-height:0}.room-card{padding:10px 16px}.room-code{margin:8px 0}}.hand-turn-status{display:flex;align-items:center;justify-content:center;gap:12px;min-height:28px;padding:3px 10px;font-size:14px;color:#fff0ce;background:#3e452c;border-radius:5px;margin:0 6px}.hand-turn-status strong{min-width:48px;font-variant-numeric:tabular-nums;color:#ffe49b}.hand-turn-status.urgent strong{color:#ffc2a6}.opening-players{list-style:none;padding:0;display:grid;gap:8px;text-align:left}.opening-players li{display:flex;justify-content:space-between;gap:12px;padding:8px;border-bottom:1px solid #c6a77655}.room-form input[type=number]{font:inherit;padding:9px;border-radius:5px;max-width:180px;background:#fff4d8;color:#493724}.hand-turn-status{height:28px;min-height:28px;overflow:hidden;white-space:nowrap}.hand-turn-status>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.hand-turn-status>strong{flex-shrink:0}.room-page{max-width:1120px;gap:8px}.room-card{padding:16px;flex:1;min-height:0}.room-card p{margin:6px 0}.room-page>header{min-height:52px}.room-page>header h1{font-size:24px}.room-page>header .room-actions{display:flex;flex-wrap:wrap}.room-page:not(.settings-page):not(.opening-page):not(.crypto-room)>.room-card{grid-auto-rows:max-content}.room-seats li{display:grid;grid-template-columns:30px minmax(0,1fr) 64px}.room-seats li>.room-seat-state{width:64px;flex:none;align-items:stretch;justify-content:center;gap:4px;text-align:center}.room-seat-state>.room-seat-ready{width:64px;min-height:18px;line-height:18px;white-space:nowrap;font-size:12px}.room-seats .room-seat-roles{display:inline-flex;align-items:center;gap:4px;width:38px;flex:none;white-space:nowrap}.room-seats .room-seat-roles>.identity-badge{font-size:11px;color:#ffe0a2}.room-invite{padding-top:12px}.room-copy-control{position:relative;display:inline-flex;flex:none}@media(max-width:760px){.room-page .room-seats,.opening-page .opening-layout{grid-template-columns:1fr}}.rule-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #b49c6f;border-radius:8px;background:#37452ce6;text-align:left}.rule-summary>div{display:grid;gap:5px;min-width:0}.rule-summary span{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.room-form{padding-top:16px}.room-join{align-items:end}.room-join label{min-width:0}.room-page:not(.settings-page):not(.opening-page):not(.crypto-room)>.room-card{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:10px 16px}.room-card>.rule-summary{grid-column:1/-1}.room-card>.room-form{grid-column:1/-1}.room-card>.room-seats{grid-column:1/-1}.room-card>.room-actions{grid-column:1/-1}.room-card>.room-status{grid-column:1/-1}.room-card>.room-footnote{grid-column:1/-1}.room-card>.room-notice{grid-column:1/-1}.room-code{margin:0}.room-invite{align-items:center;min-width:0}.room-status{min-height:0}.room-seats{grid-template-columns:1fr 1fr;margin:0}.room-seats li{min-width:0;padding:10px;gap:8px}.room-seats strong{font-size:15px}.room-seats b{font-size:13px}.room-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.room-actions .room-ready{width:auto}.room-footnote{font-size:12px!important;line-height:1.4!important}.room-card>.room-notice{margin:0}.opening-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;min-height:0}.opening-stage{min-width:0}.opening-players{margin:0;gap:8px}.opening-players li{display:grid;grid-template-columns:minmax(0,1fr) 3.5em 5em;align-items:center;gap:8px;padding:10px 4px}.opening-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opening-players strong{text-align:center;white-space:nowrap}.opening-players li>span:last-child{text-align:right;font-size:13px;white-space:nowrap}.opening .dice{font-size:60px;margin:8px}.opening .wind-draw{gap:8px}.opening-page .room-card{display:flex;flex-direction:column;justify-content:center;gap:12px}.player-settings{display:flex;flex-direction:column;min-height:0;gap:14px;max-width:850px;margin:auto;width:100%}.player-settings label{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:14px}.player-settings input,.player-settings select{width:100%;min-width:0;font:inherit;padding:8px;border:1px solid #b59861;border-radius:5px;background:#fff4d8;color:#493724}.rules-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.template-row{display:flex;align-items:end;gap:10px}.template-row>label{flex:1}.form-actions{display:flex;justify-content:flex-end;gap:10px}.settings-help{font-size:13px!important;line-height:1.45!important;margin:4px 0!important}.settings-page .room-card{display:flex;flex-direction:column;justify-content:center;gap:8px}.settings-page .player-settings{margin:0 auto}dialog:has(.player-settings){max-width:900px}dialog .rule-summary{color:#fff1d5;margin-bottom:16px}@media(max-width:600px){.room-page{padding:6px;gap:6px}.room-card{padding:10px}.room-page>header{padding:6px 8px;gap:6px}.room-page>header h1{font-size:20px}.room-page:not(.settings-page):not(.opening-page):not(.crypto-room)>.room-card{gap:8px;grid-template-columns:1fr}.room-seats{grid-template-columns:1fr;gap:5px}.room-seats li{min-height:49px;padding:6px 8px}.room-seats span:where(:not(.tea-button *)){font-size:12px}.room-seats b{font-size:12px}.room-invite{grid-column:1/-1}.room-code strong{font-size:22px}.room-actions{gap:5px}.rule-summary{padding:7px 9px;gap:8px}.rule-summary span{font-size:12px}.rules-fields{grid-template-columns:1fr 1fr;gap:8px}.player-settings{gap:10px}.template-row{gap:6px}.opening-layout{grid-template-columns:1fr;gap:12px}.opening-players{gap:0}.opening-players li{padding:6px 4px}.opening .dice{font-size:48px;margin:4px}.opening-stage p{font-size:13px}.opening-page .room-card{gap:6px}.opening-page>header{flex-wrap:wrap}.opening-page>header .room-actions{margin-left:auto}}@media(max-height:560px)and (min-width:601px){.room-page{gap:5px;padding-top:4px;padding-bottom:4px}.room-page>header{min-height:38px;padding:4px 10px}.room-page>header h1{font-size:20px}.room-card{padding:10px}.room-page:not(.settings-page):not(.opening-page):not(.crypto-room)>.room-card{gap:6px 12px}.room-seats li{min-height:48px;padding:5px 8px}.room-card p{font-size:13px;margin:3px 0}.rule-summary{padding:6px 10px}.room-code strong{font-size:22px}.room-status{font-size:13px!important}.room-footnote{font-size:11px!important}.opening .dice{font-size:42px;margin:2px}.opening-layout{gap:16px}.opening-players li{padding:7px 3px}.player-settings{grid-template-columns:1fr 1fr;gap:8px 16px}.rules-fields{grid-column:1/-1}.player-settings>.settings-help{grid-column:1}.player-settings>.form-actions{grid-column:2;align-items:center}.player-settings>.template-row{min-width:0}.player-settings input,.player-settings select{padding:5px}.settings-page .room-card{justify-content:flex-start}.settings-page .player-settings{max-width:none}}@media(max-width:600px){dialog:has(.player-settings){padding:12px;max-height:96dvh}dialog:has(.player-settings) .dialog-title{margin-bottom:8px}dialog:has(.player-settings) .dialog-title h2{font-size:22px}.player-settings input,.player-settings select{padding:6px}.player-settings label{font-size:13px}.player-settings>p{margin:0;line-height:1.4}.player-settings{gap:8px}}.opening-page>header .room-actions{flex:0 0 auto;flex-wrap:nowrap}.opening-page>header h1{white-space:nowrap}@media(min-width:601px)and (max-height:500px){.room-waiting{padding:4px max(6px,env(safe-area-inset-right)) 4px max(6px,env(safe-area-inset-left));gap:4px}.room-waiting>header{min-height:36px;padding:3px 8px}.room-page.room-waiting>.room-card{padding:6px;gap:3px 8px}.room-waiting .rule-summary{padding:4px 8px;gap:8px}.room-waiting .rule-summary>div{gap:2px}.room-waiting .rule-summary strong{font-size:14px}.room-waiting .rule-summary span{font-size:12px;line-height:1.3}.room-waiting .room-invite{padding-top:0}.room-waiting .room-invite input{font-size:12px;padding:4px}.room-waiting .room-code strong{font-size:20px}.room-waiting .room-status{margin:0;font-size:12px!important;line-height:1.3}.room-waiting .room-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;--player-name-width:96px}.room-waiting .room-seats li{min-height:44px;padding:2px 5px;gap:5px}.room-waiting .room-seats li>div{gap:2px}.room-waiting .room-seats strong{font-size:13px}.room-waiting .room-seats span:where(:not(.tea-button *)){font-size:11px}.room-waiting .room-seat-state>.room-seat-ready{min-height:14px;line-height:14px;font-size:11px}.room-waiting .room-notice{padding:3px 6px;font-size:12px;line-height:1.3}.room-waiting .room-footnote{margin:0;font-size:11px!important;line-height:1.3!important}}@media(max-width:600px){.room-waiting{padding:max(4px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));gap:4px}.room-waiting>header{min-height:44px;padding:4px 8px}.room-page.room-waiting>.room-card{gap:5px;padding:8px;grid-template-columns:minmax(0,1fr)}.room-waiting .rule-summary{padding:6px 8px;gap:6px}.room-waiting .rule-summary>div{gap:3px}.room-waiting .rule-summary strong{font-size:15px}.room-waiting .rule-summary span{line-height:1.35}.room-waiting .room-code strong{font-size:20px}.room-waiting .room-invite{padding-top:0;gap:5px}.room-waiting .room-invite input{padding:5px;font-size:12px}.room-waiting .room-status{font-size:12px;line-height:1.35;margin:0}.room-waiting .room-seats{gap:10px}.room-waiting .room-seats li{min-height:50px;padding:4px 6px;gap:6px;grid-template-columns:30px minmax(0,1fr) 60px}.room-waiting .room-seats li>div{gap:2px}.room-waiting .room-seats li>.room-seat-state{width:60px;gap:2px}.room-waiting .room-seat-state>.room-seat-ready{width:60px;min-height:16px;line-height:16px;font-size:11px}.room-waiting .room-footnote{font-size:11px!important;line-height:1.3!important;margin:0}.room-waiting .room-notice{font-size:12px;line-height:1.3;padding:5px 7px}}@media(max-width:600px)and (max-height:650px){.room-page.room-waiting>.room-card{gap:4px;padding:6px}.room-waiting .room-seats li{min-height:46px;padding:2px 6px}.room-waiting .room-seats strong{font-size:13px}.room-waiting .room-actions{gap:4px}}@media(max-width:600px)and (max-height:580px){.room-page.room-waiting>.room-card{gap:3px;padding:4px 6px}.room-waiting .room-seats li{min-height:42px;padding:1px 6px}.room-waiting .room-seat-state>.room-seat-ready{min-height:14px;line-height:14px}.room-waiting .rule-summary span{font-size:11px}}.room-network{grid-column:1/-1;min-width:0;font-size:13px}.room-network summary{cursor:pointer;padding:4px 0}.room-network[open]{display:grid;gap:8px}.room-network label{display:flex;align-items:center;gap:10px}.room-network input,.room-network select{flex:1;min-width:0;max-width:100%;padding:6px;border:1px solid #d5cdbd;border-radius:8px}.room-network p{margin:0}.room-network textarea{flex:1;min-width:0;max-width:100%;resize:vertical;max-height:90px;padding:6px;border:1px solid #d5cdbd;border-radius:8px;font:inherit}.network-tabs{display:flex;gap:6px}.network-credentials{display:grid;grid-template-columns:1fr 1fr;gap:12px}.network-credentials label{min-width:0}.invite-network{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:13px}.invite-network input{width:auto;flex:none}@media(max-width:420px){.network-credentials{gap:6px}.network-credentials label{display:grid;gap:3px}.room-network label{gap:6px}}.network-card{flex:1;min-height:0;display:flex;flex-direction:column;gap:18px;background:#343e30f2;border:1px solid #c6a776;border-radius:12px;padding:22px}.network-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;flex:1;min-height:0;align-content:center}.network-guide{border-right:1px solid #cbb17c55;padding-right:22px;min-width:0}.network-guide h2{margin:0 0 12px;font-size:25px}.network-guide p{font-size:15px;line-height:1.7;overflow-wrap:anywhere}.network-help-tabs{display:flex;gap:8px}.network-fields{display:grid;align-content:start;gap:14px;min-width:0}.network-fields label{display:flex;flex-direction:column;gap:7px;font-size:15px;min-width:0}.network-fields input,.network-fields textarea,.network-fields select{width:100%;min-width:0;max-width:100%;font:inherit;padding:9px;border:1px solid #c4ab7a;border-radius:7px;color:#493724;background:#fff3d9}.network-fields textarea{resize:none;line-height:1.5}.network-fields small{font-size:12px;color:#e4cfa5;line-height:1.5}.network-default{padding:18px;background:#e6d3a915;border-radius:10px;line-height:1.6}.network-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;border-top:1px solid #cbb17c55;padding-top:12px}.network-footer span{font-size:13px;color:#ffe1ac}@media(max-width:600px)and (min-height:501px){.network-card{padding:12px;gap:10px}.network-layout{grid-template-columns:1fr;gap:12px;align-content:start}.network-guide{border-right:0;border-bottom:1px solid #cbb17c55;padding:0 0 8px}.network-guide h2{font-size:20px;margin:0 0 7px}.network-guide p{font-size:13px;line-height:1.45;margin:8px 0 0;min-height:76px}.network-fields{gap:10px}.network-fields label{font-size:13px;gap:5px}.network-fields input,.network-fields select,.network-fields textarea{padding:6px}.network-footer{padding-top:8px}}@media(max-height:500px){.network-page{gap:6px}.network-card{padding:10px;gap:7px}.network-layout{gap:14px;align-content:start}.network-guide{padding-right:12px}.network-guide h2{font-size:18px;margin:0 0 5px}.network-guide p{font-size:12px;line-height:1.4;margin:5px 0}.network-fields{gap:6px}.network-fields label{font-size:12px;gap:3px}.network-fields input,.network-fields textarea,.network-fields select{padding:4px}.network-fields textarea{height:55px}.network-default{padding:8px;margin:3px 0;font-size:13px}.network-footer{padding-top:6px}}@media(max-height:400px){.network-page>header{min-height:36px;padding:3px 8px}.network-card{padding:8px;gap:5px}.network-fields textarea{height:40px}.network-fields small{font-size:11px;line-height:1.25}.network-fields input,.network-fields select{padding:3px}.network-guide p{font-size:11px}.network-footer{padding-top:4px}.network-footer span{font-size:11px}}.room-seats li.is-unready{background:#514334ef;border-color:#b59a72}.room-seats li.is-empty{background:#36382fe6;border-color:#928267}.room-seats li.is-ready{background:#45633a;border-color:#c4d59b;box-shadow:inset 4px 0 #c4d59b}.room-seats li.is-me{outline:2px solid #ffe4a4;outline-offset:1px}.room-seat-state:empty{display:none}.home-menu{gap:10px;padding:20px;background:linear-gradient(135deg,#4d3e2eef,#332a20ed);box-shadow:0 12px 36px #291b2450,inset 0 1px #fff2}.home-menu>.tea-primary{order:-1}.home-menu>.checkbox{margin-top:4px;color:#f3e4c4;font-size:14px}.home-menu>p{color:#d6c4a4;font-size:12px;line-height:1.6}.template-row{flex-wrap:wrap;align-items:center;gap:8px}.template-row>label{min-width:140px}.form-actions{align-items:center;flex-wrap:wrap;gap:10px}.settings-dropdown{gap:4px;padding:6px}.network-footer{flex-wrap:wrap;gap:12px}.network-footer>.tea-button{margin-left:auto}.settlement-fact>.tea-button{flex:none}.settlement-winner{flex-wrap:wrap}.avatar-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}.avatar-presets>.avatar-choice{align-self:stretch}.avatar-presets>.avatar-url-choice{grid-column:1/-1}.avatar-picker{padding:10px}.avatar-picker legend{font-size:14px}.action-tray .tea-game-action{align-self:center}.action-tray .tea-game-action.action-pass{margin-left:8px}.wind-draw{padding-block:8px 12px}.room-actions>.tea-button{flex:1 1 auto}.room-page>header>.tea-button{flex:none}@media(max-width:700px){.home-menu{padding:16px;gap:9px}.action-tray .tea-game-action.action-pass{margin-left:5px}}@media(max-width:360px){.app h1{font-size:19px;letter-spacing:0;padding-inline:5px}.avatar-presets{gap:6px}.form-actions{gap:8px}}@media(max-height:560px)and (orientation:landscape){.home-menu{gap:6px;padding:12px}.home-menu>.checkbox{margin-top:0}.wind-draw{gap:10px;padding-block:4px 10px}}.player-settings .avatar-presets>.avatar-preview{display:none}.card-tabs-panel[data-section=player]>.settings-avatar-preview{display:flex;justify-content:center;grid-column:1/-1;padding:4px 0 8px}.settings-avatar-preview>.player-avatar{width:88px;height:88px;border:2px solid #dcc288;box-shadow:0 3px 12px #58422530}@media(max-height:560px)and (orientation:landscape){.card-tabs-panel[data-section=player]>.settings-avatar-preview{display:none}}.opening-page .room-card{justify-content:flex-start}.opening-page .opening-layout{flex:none;margin-block:auto}.opening-page .room-card>.settings-help{flex:none}.opening-page .room-card>.room-notice{flex:none}.opening-page .dice span{color:#f2dca9}.opening-page .opening-players li{min-height:42px}@media(max-width:600px)and (max-height:650px),(max-height:560px)and (orientation:landscape){.room-waiting .room-card>.room-notice{padding:5px 7px}}.settlement-winner>.tea-button{margin-left:auto}.room-join>.tea-button{align-self:flex-end}