.color-mark{vertical-align:-.125em;flex:none;width:1em;height:1em;display:inline-block}.inline-color-marks{vertical-align:-.125em;white-space:nowrap;align-items:center;gap:.35em;margin-inline:.3em;display:inline-flex}.pc-page{max-width:1160px;margin:auto;padding:0 28px 48px}.pc-topline{min-height:76px;color:var(--muted);font-size:var(--text-caption);justify-content:space-between;align-items:center;gap:16px;display:flex}.pc-layout{grid-template-columns:282px minmax(0,1fr);align-items:start;gap:28px;display:grid}.pc-sidebar,.pc-content{background:var(--paper);border:2px solid var(--ink);border-radius:22px;min-width:0;box-shadow:5px 6px #bfdac3}.pc-sidebar{flex-direction:column;min-height:490px;padding:24px 18px;display:flex;position:sticky;top:24px}.pc-summary{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:0 2px 24px;display:flex}.pc-summary>div{min-width:0}.pc-summary h1{font-size:var(--text-title-sm);overflow-wrap:anywhere;margin:5px 0;line-height:1.5}.pc-summary p{color:var(--muted);font-size:var(--text-caption);overflow-wrap:anywhere;margin:0}.pc-eyebrow{font-size:var(--text-caption);color:var(--green);font-weight:700}.pc-avatar-trigger{border-radius:22px;flex-shrink:0;padding:0;position:relative}.pc-avatar-trigger>.avatar,.pc-avatar-row>.avatar,.pc-avatar-preview>.avatar{border-radius:23px;flex-basis:80px;width:80px;height:80px}.pc-avatar-trigger>i{width:30px;height:30px;color:var(--paper);background:var(--green);border:2px solid var(--paper);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-5px;right:-4px}.pc-nav{gap:8px;margin-top:22px;display:grid}.pc-nav button{min-height:48px;font-size:var(--text-body);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:12px;font-weight:700;display:flex}.pc-nav button>svg:last-child{margin-left:auto}.pc-nav button[aria-pressed=true]{color:var(--deep);background:#dff0df}.pc-nav button:hover{background:#edf4e7}.pc-sidebar-foot{font-size:var(--text-caption);color:var(--muted);margin-top:auto;padding:26px 4px 0}.pc-sidebar-foot>span{align-items:flex-start;gap:7px;display:flex}.pc-sidebar-foot p{margin:0 0 9px}.pc-sidebar-foot .text-button{font-size:var(--text-caption);padding-inline:0}.pc-logout{color:#95563d;width:100%;min-height:44px;font-size:var(--text-body);border:1px solid #e2ccbf;border-radius:11px;justify-content:center;align-items:center;gap:9px;margin-top:16px;display:flex}.pc-content{min-height:650px;padding:32px 36px}.pc-heading{margin-bottom:28px}.pc-heading h2{font-size:var(--text-heading);margin:6px 0 10px;line-height:1.4}.pc-heading p{color:var(--muted);font-size:var(--text-body);margin:0}.pc-avatar-row,.pc-avatar-preview{background:#eef3e5;border:1px solid #d4dfc8;border-radius:15px;align-items:center;gap:20px;padding:20px;display:flex}.pc-avatar-row p,.pc-avatar-preview p{color:var(--muted);font-size:var(--text-caption);margin:4px 0}.pc-avatar-row .text-button{min-height:36px;font-size:var(--text-caption);padding:4px 0}.pc-form{gap:22px;margin-top:26px;display:grid}.pc-form fieldset{border:0;gap:22px;min-width:0;margin:0;padding:0;display:grid}.pc-form label{min-width:0;font-size:var(--text-body);gap:8px;font-weight:700;display:grid}.pc-form input,.pc-form select,.pc-form textarea{width:100%;font-size:var(--text-body);min-height:48px;font-weight:400}.pc-form textarea{min-height:104px}.pc-form label>small{color:var(--muted);font-size:var(--text-caption);font-weight:400;line-height:1.6}.pc-form-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;display:grid}.pc-save-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pc-save-row>span{color:var(--muted);font-size:var(--text-caption)}.pc-message{color:var(--deep);font-size:var(--text-body);background:#e0f0db;border-radius:10px;align-items:flex-start;gap:7px;margin:0;padding:12px 14px;display:flex}.pc-message svg{margin-top:4px}.pc-form .error{margin:0}.pc-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;padding-top:24px;display:grid}.pc-stats>div{border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:4px;display:flex}.pc-stats>div:last-child{border-right:0}.pc-stats b{font-size:var(--text-heading);color:var(--deep);line-height:1.3}.pc-stats small{font-size:var(--text-caption);margin-left:3px}.pc-stats span{font-size:var(--text-caption);color:var(--muted)}.pc-account-note{color:var(--deep);overflow-wrap:anywhere;background:#e5f0e1;border:1px solid #c2d7bd;border-radius:14px;align-items:center;gap:15px;padding:18px;display:flex}.pc-account-note p{font-size:var(--text-caption);margin:3px 0 0}.pc-account-help{font-size:var(--text-caption);color:var(--muted);margin:14px 0 0;line-height:1.7}.pc-security-form{max-width:480px}.pc-security-form>.btn{justify-self:start}.pc-auth-tabs{border-bottom:1px solid var(--line);gap:10px;display:flex}.pc-auth-tabs button{border-bottom:3px solid #0000;min-height:48px;padding:10px 12px;font-weight:700}.pc-auth-tabs button[aria-pressed=true]{color:var(--green);border-bottom-color:var(--green)}.pc-avatar-categories{flex-wrap:wrap;gap:8px;margin:22px 0 18px;display:flex}.pc-avatar-categories button,.pc-filters button{border:1px solid var(--line);min-height:40px;color:var(--muted);font-size:var(--text-caption);border-radius:9px;padding:7px 11px}.pc-avatar-categories button[aria-pressed=true],.pc-filters button[aria-pressed=true]{color:var(--deep);background:#dff0df;border-color:#87aa82;font-weight:700}.pc-avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.pc-avatar-grid button{min-width:0;font-size:var(--text-caption);background:#f5f5ea;border:2px solid #0000;border-radius:13px;flex-direction:column;align-items:center;gap:8px;padding:10px 5px;display:flex;position:relative}.pc-avatar-grid button[aria-pressed=true]{border-color:var(--green);background:#e1f0dd}.pc-avatar-grid .avatar{border-radius:18px;flex-basis:64px;width:64px;height:64px}.pc-avatar-check{color:#fff;background:var(--green);border-radius:50%;padding:1px;position:absolute;top:4px;right:4px}.pc-dialog-actions{background:var(--paper);border-top:1px solid var(--line);justify-content:flex-end;gap:12px;margin:22px -4px -4px;padding:14px 4px 4px;display:flex;position:sticky;bottom:-24px}.pc-history-toolbar{align-items:center;gap:10px;display:flex}.pc-history-toolbar form{border:1px solid #c9d2c1;border-radius:11px;flex:1;align-items:center;gap:10px;min-width:0;padding:0 6px 0 12px;display:flex}.pc-history-toolbar input{border:0;width:100%;min-width:0;padding:10px 0}.pc-history-toolbar form button{white-space:nowrap;background:#edf2e7;border-radius:7px;min-height:40px;padding:8px 12px}.pc-filters{flex-wrap:wrap;gap:8px;margin:18px 0 22px;display:flex}.pc-match-list{gap:18px;display:grid}.pc-match-list article{border:1px solid var(--line);border-radius:14px;padding:18px}.pc-match-meta{font-size:var(--text-caption);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.pc-match-meta time{margin-left:auto}.pc-badge{color:#52644f;background:#ebeee2;border-radius:5px;padding:3px 7px}.pc-badge.playing{color:#155b42;background:#dceee3}.pc-badge.waiting{color:#73580e;background:#fff0be}.pc-badge.closed{color:#8b4536;background:#fae4db}.pc-match-main{justify-content:space-between;gap:18px;padding:14px 0;display:flex}.pc-match-main>div:first-child{min-width:0}.pc-match-main h3{font-size:var(--text-title-sm);margin:0 0 12px}.pc-match-players{font-size:var(--text-caption);flex-wrap:wrap;gap:9px 14px;display:flex}.pc-match-players>span{align-items:center;gap:7px;min-width:0;display:flex}.pc-match-players>span>span:last-child{overflow-wrap:anywhere}.pc-match-players .avatar{border-radius:9px;flex-basis:28px;width:28px;height:28px}.pc-match-score{color:var(--muted);font-size:var(--text-caption);flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:4px;display:flex}.pc-match-score strong{font-size:var(--text-title);color:var(--ink)}.pc-match-score.won strong{color:var(--green)}.pc-match-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;padding-top:12px;display:flex}.pc-match-actions>span{color:var(--muted);font-size:var(--text-caption);margin-right:auto}.pc-match-actions .btn,.pc-match-actions .text-button{font-size:var(--text-caption);min-height:40px}.pc-pagination{color:var(--muted);font-size:var(--text-caption);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.pc-pagination>div{align-items:center;gap:12px;display:flex}.pc-empty{text-align:center;min-height:300px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:24px 6px;display:flex}.pc-empty h3{font-size:var(--text-title-sm);color:var(--ink);margin:20px 0 5px}.pc-empty p{margin:0 0 12px}.pc-loading{text-align:center;padding:60px 20px}.pc-detail h3{font-size:var(--text-title-sm);margin:25px 0 15px}.pc-detail-facts{background:#eef3e5;border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px;display:grid}.pc-detail-facts>div{gap:6px;display:grid}.pc-detail-facts span,.pc-detail-date{color:var(--muted);font-size:var(--text-caption)}.pc-results>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.pc-results>div>span:not(.avatar){min-width:0}.pc-results b{overflow-wrap:anywhere;display:block}.pc-results small{color:var(--muted);font-size:var(--text-caption);display:block}.pc-results strong{margin-left:auto}.pc-winner{color:var(--green);font-size:var(--text-caption);white-space:nowrap;align-items:center;gap:4px;display:flex}.pc-events{max-height:320px;margin:0;padding:0;list-style:none;overflow:auto}.pc-events li{border-bottom:1px solid var(--line);font-size:var(--text-caption);align-items:flex-start;gap:14px;padding:12px 0;display:flex}.pc-events time{color:var(--muted);flex-shrink:0}@media (max-width:900px){.pc-layout{grid-template-columns:238px minmax(0,1fr);gap:18px}.pc-page{padding-inline:20px}.pc-sidebar{padding:20px 14px}.pc-summary{flex-direction:column;align-items:flex-start}.pc-content{padding:26px 24px}.pc-form-row{grid-template-columns:1fr}.pc-match-meta time{flex-basis:100%;margin-left:0}}@media (max-width:760px){.pc-page{padding:0 14px 32px}.pc-topline{min-height:60px}.pc-layout{display:block}.pc-sidebar{min-height:0;box-shadow:none;border-radius:18px 18px 0 0;padding:18px 16px 12px;position:static}.pc-summary{flex-direction:row;padding-bottom:16px}.pc-summary h1{font-size:var(--text-title-sm)}.pc-avatar-trigger>.avatar{border-radius:19px;flex-basis:64px;width:64px;height:64px}.pc-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:14px;display:grid}.pc-nav button{font-size:var(--text-caption);flex-direction:column;justify-content:center;gap:6px;padding:9px 4px}.pc-nav button>svg:last-child{display:none}.pc-sidebar-foot{padding:14px 0 0}.pc-sidebar-foot p,.pc-sidebar-foot>span{display:none}.pc-sidebar-foot .text-button,.pc-logout{width:auto;min-height:36px;font-size:var(--text-caption);margin:0 0 0 auto;padding:5px 10px}.pc-content{border-top:0;border-radius:0 0 18px 18px;min-height:520px;padding:24px 18px}.pc-heading{margin-bottom:24px}.pc-heading h2{font-size:var(--text-title)}.pc-avatar-row{align-items:flex-start;gap:14px;padding:14px}.pc-avatar-row>.avatar{border-radius:17px;flex-basis:60px;width:60px;height:60px}.pc-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pc-avatar-preview{gap:14px;padding:14px}.pc-avatar-preview>.avatar{border-radius:18px;flex-basis:64px;width:64px;height:64px}.pc-avatar-categories{gap:7px}.pc-avatar-categories button{padding:7px 9px}.pc-dialog-actions{padding-bottom:5px;bottom:-22px}.pc-save-row{flex-direction:column;align-items:flex-start;gap:10px}.pc-save-row>.btn{width:100%}.pc-security-form>.btn{justify-self:stretch;width:100%}.pc-match-list article{padding:14px}.pc-match-players{grid-template-columns:1fr;display:grid}.pc-match-main{gap:10px}.pc-filters{gap:6px}.pc-filters button{padding:7px 9px}.pc-history-toolbar{gap:5px}.pc-history-toolbar form{gap:6px;padding-left:9px}.pc-history-toolbar form button{padding:7px 9px}.pc-results>div{flex-wrap:wrap;gap:10px}.pc-winner{margin-left:auto}}.avatar-interactive{vertical-align:middle;padding:0}.avatar-interactive:hover{border-color:var(--green)}.avatar-interactive:focus-visible,.opponent:focus-visible{outline:3px solid var(--green);outline-offset:3px}button.opponent{text-align:left}button.opponent:hover{border-color:#669467}.modal.player-card-modal{width:min(460px,100vw - 28px)}.player-card{gap:20px;font-size:16px;line-height:1.6;display:grid}.player-card-identity{align-items:center;gap:16px;min-width:0;display:flex}.player-card-identity>.avatar{border-radius:24px;flex-basis:76px;width:76px;height:76px}.player-card-identity>div{min-width:0}.player-card-identity h3{overflow-wrap:anywhere;margin:0 0 8px;font-size:24px;line-height:1.35}.player-card-badges,.player-card-badges>span{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.player-card-badges{color:var(--deep);gap:6px 10px;font-size:14px}.player-card-presence{color:var(--muted)}.player-card h4{align-items:center;gap:7px;margin:0;font-size:16px;display:flex}.player-card-record,.player-card-ai{background:#eff4e8;border:1px solid #d5dfca;border-radius:16px;padding:16px}.player-card dl,.player-card dd,.player-card p{margin:0}.player-card-stats{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:14px;display:grid}.player-card-stats>div{flex-direction:column-reverse;display:flex}.player-card-stats>div+div{border-left:1px solid #d4dfca}.player-card-stats dd{color:var(--deep);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.player-card-stats dt,.player-card-note,.player-card-footnote{color:var(--muted);font-size:14px}.player-card-stats-note{min-height:44px;color:var(--muted);justify-content:center;align-items:center;gap:8px;padding-top:8px;font-size:14px;display:flex}.player-card-stats-note .text-button{min-height:36px}.player-card-ai{gap:14px;display:grid}.player-card-ai>div{color:var(--deep);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.player-card-ai>div>span{color:var(--muted);margin-left:auto;font-size:14px}.player-card-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.player-card-section-heading>span{color:var(--muted);font-size:14px}.player-card-round dl>div{border-bottom:1px solid #e4e7da;justify-content:space-between;gap:16px;padding:7px 0;display:flex}.player-card-round dt{color:var(--muted)}.player-card-round dd{text-align:right;font-weight:600}.player-card-footnote{text-align:center}@media (max-width:380px){.player-card-identity>.avatar{flex-basis:60px;width:60px;height:60px}.player-card-identity{gap:12px}.player-card-identity h3{font-size:22px}}@media (max-height:500px) and (orientation:landscape){.modal.player-card-modal{width:min(650px,100vw - 28px)}.player-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px 24px}.player-card-round{grid-area:1/2/span 2}.player-card-record,.player-card-ai{grid-column:1}.player-card-footnote{grid-column:1/-1}}.learning{font-size:var(--text-body)}.learning h3{font-size:var(--text-title-sm);margin:24px 0 12px;line-height:1.45}.learning h4{font-size:var(--text-body);margin:0 0 12px;line-height:1.5}.learning p{margin:8px 0 16px}.guide-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 26px;display:grid}.guide-nav button{border:1px solid var(--line);min-height:46px;font-size:var(--text-caption);border-radius:10px;padding:10px 8px}.guide-nav button[aria-pressed=true]{color:var(--deep);background:#dff0df;border-color:#7caa87;font-weight:700}.guide-topic>h3:first-child{margin-top:0}.guide-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.guide-facts>div{background:#f0f4e7;border-left:3px solid #aacda5;flex-direction:column;gap:7px;padding:16px 12px;display:flex}.guide-facts b{font-size:var(--text-title-sm)}.guide-facts span,.guide-caption{color:var(--muted);font-size:var(--text-caption)}.guide-caption{margin-bottom:8px;display:block}.guide-paper{border:1px solid var(--line);background:#f5f5e9;border-radius:14px;margin:20px 0;padding:20px}.guide-paper h4{align-items:center;gap:8px;display:flex}.guide-paper p:last-child,.guide-note p:last-child{margin-bottom:0}.guide-tiles{gap:6px;max-width:100%;padding:5px 2px 9px;display:flex;overflow-x:auto}.guide-tiles .tile{--tile-w:2.75rem;--tile-h:4rem}.guide-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 28px;display:grid}.guide-example{background:#eff6e9;border:1px solid #bdd1b8;border-radius:14px;min-width:0;margin:0;padding:18px}.guide-example.bad{background:#fdf0e7;border-color:#e7c6ba}.guide-example figcaption>span{color:#2a6746;font-size:var(--text-caption);align-items:center;gap:6px;margin-bottom:8px;font-weight:700;display:flex}.guide-example.bad figcaption>span{color:#a04f37}.guide-example p{font-size:var(--text-caption);margin:10px 0 0;line-height:1.7}.guide-topic>.guide-example{margin-block:20px}.guide-sequence{counter-reset:guide-step;margin:24px 0;padding:0;list-style:none}.guide-sequence>li{counter-increment:guide-step;padding:0 0 20px 44px;position:relative}.guide-sequence>li:before{content:counter(guide-step);background:#d9eacd;border:1px solid #96b78f;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid;position:absolute;top:0;left:0}.guide-sequence>li p{margin:6px 0 0}.guide-note{background:#eff2e2;border-left:4px solid #8eae78;border-radius:0 10px 10px 0;margin:20px 0;padding:16px 18px}.guide-note.warning{background:#fff0df;border-color:#c88865}.guide-note b{align-items:flex-start;gap:7px;display:flex}.guide-note b svg{flex-shrink:0;margin-top:4px}.guide-note p{margin-top:8px}.guide-equation{color:var(--deep);margin:6px 0;font-weight:700}.guide-flow-arrow{font-size:var(--text-caption);color:var(--deep);align-items:center;gap:12px;margin:18px 0;display:flex}.guide-flow-arrow svg{flex-shrink:0}.guide-controls{margin:24px 0}.guide-controls>div{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr;gap:16px;padding:14px 0;display:grid}.guide-controls dt{color:var(--deep);font-weight:700}.guide-controls dd{margin:0}.guide-score{justify-content:space-between;align-items:center;gap:15px;padding:12px 0;display:flex}.guide-score strong{font-size:var(--text-title-sm);white-space:nowrap}.guide-footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;padding-top:18px;display:flex}.guide-footer p{width:100%;color:var(--muted);font-size:var(--text-caption);margin:0 0 5px}.lesson-coach{align-items:center;gap:16px;margin-bottom:22px;display:flex}.lesson-coach .avatar{flex-basis:72px;width:72px;height:72px}.lesson-coach span{color:var(--green);font-size:var(--text-caption);font-weight:700}.lesson-coach h3{margin:5px 0 0}.lesson-roadmap{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.lesson-roadmap li{background:#eef3e5;border-radius:10px;align-items:center;gap:9px;padding:10px;display:flex}.lesson-roadmap li>span{background:#fffdf5;border:1px solid #c5d3b8;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.lesson-context{color:var(--muted);font-size:var(--text-caption)}.lesson-skip{margin:14px auto 0}.lesson-progress{color:var(--deep);font-size:var(--text-caption);align-items:center;gap:18px;font-weight:700;display:flex}.lesson-progress>span{white-space:nowrap}.lesson-progress progress{appearance:none;min-width:0;height:8px;accent-color:var(--green);background:#dfe7d7;border:0;border-radius:8px;flex:1;overflow:hidden}.lesson-progress progress::-webkit-progress-bar{background:#dfe7d7}.lesson-progress progress::-webkit-progress-value{background:var(--green)}.lesson-progress progress::-moz-progress-bar{background:var(--green)}.lesson-title:focus{outline:none}.lesson-goal{color:#53674f}.lesson-table{background:#e6eee0;border:1.5px solid #9aba92;border-radius:16px;margin:20px 0;padding:18px}.lesson-table-title,.lesson-hand-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 12px;display:flex}.lesson-table-title>span,.lesson-hand-heading>span{color:#53674f;font-size:var(--text-caption)}.lesson-table-empty{text-align:center;color:#526b51;min-height:90px;font-size:var(--text-caption);place-items:center;padding:16px;display:grid}.lesson-meld{padding:16px 0 5px}.lesson-meld+.lesson-meld{border-top:1px dashed #9aba92;margin-top:12px}.lesson-tiles{flex-wrap:wrap;gap:10px;padding:13px 3px 9px;display:flex}.lesson-tiles .tile{--tile-w:3.0625rem;--tile-h:4.25rem}.lesson-meld-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.lesson-meld-foot>span{font-size:var(--text-caption)}.lesson-meld-foot .valid{color:#2a6746}.lesson-meld-foot .invalid{color:#934b33}.lesson-meld-foot .btn{min-height:40px;font-size:var(--text-caption);padding:8px 14px}.lesson-points{color:#725c29;border-top:1px solid #b4caae;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px;padding-top:12px;display:flex}.lesson-points.ready{color:var(--deep)}.lesson-points>span{font-size:var(--text-caption)}.lesson-hand{background:#f8f0d9;border:1px solid #d6c7a2;border-bottom:5px solid #c1ae83;border-radius:12px;padding:14px 18px}.lesson-tools{flex-wrap:wrap;align-items:center;gap:6px 14px;margin:16px 0 4px;display:flex}.lesson-tools .btn,.lesson-tools .text-button{min-height:44px;font-size:var(--text-caption)}.lesson-tools .text-button{padding-inline:0}.lesson-hint>p{font-size:var(--text-caption);color:#5d714f;margin:4px 0 16px}.lesson-hint .hint-concealed{visibility:hidden}.lesson-hint .text-button{font-size:var(--text-caption);min-height:44px;padding-inline:0}.lesson-feedback{border-radius:12px;margin-block:16px;padding:16px}.lesson-feedback.success{color:#245a37;background:#e7f3de;border:1px solid #9fc99c;align-items:flex-start;gap:12px;display:flex}.lesson-feedback.success svg{flex-shrink:0;margin-top:3px}.lesson-feedback p{margin:4px 0 0}.lesson-actions{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:18px;padding:18px 0 0;display:grid}.lesson-actions>div{align-items:center;gap:12px;display:flex}.lesson-actions .text-button{font-size:var(--text-caption)}.lesson-finished>svg{color:var(--green)}.lesson-finished ul{margin-bottom:24px;padding-left:22px}.lesson-finished li{margin-block:12px}@media (max-width:560px){.guide-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-examples{grid-template-columns:minmax(0,1fr)}.guide-facts{grid-template-columns:minmax(0,1fr);gap:8px}.guide-facts>div{flex-flow:wrap;align-items:center;gap:8px 16px;padding:12px}.guide-paper,.guide-example{padding:16px 12px}.guide-tiles{gap:5px}.guide-tiles .tile{--tile-w:2.75rem;--tile-h:4rem}.guide-note{padding:14px 12px}.guide-footer>.btn{width:100%}.lesson-roadmap{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lesson-roadmap li{font-size:var(--text-caption)}.lesson-table,.lesson-hand{padding:14px 12px}.lesson-table-empty{min-height:52px;padding:10px 4px}.lesson-tiles{gap:8px}.lesson-actions>.btn{padding-inline:12px}.lesson-actions>div{flex-direction:column;align-items:flex-start;gap:0}.lesson-actions .text-button{padding-inline:0}}.edition-switch{background:#eeeede;border-radius:12px;gap:8px;margin:0 0 22px;padding:5px;display:flex}.edition-switch button{min-height:48px;font-size:var(--text-body);color:#627353;border-radius:9px;flex:1;padding:10px}.edition-switch button[aria-pressed=true]{color:#24664f;background:#fffdf5;font-weight:800;box-shadow:0 2px 5px #26372615}.advanced-intro{background:#eeebf5;border:1px solid #d4c9e4;border-radius:16px;align-items:center;gap:22px;margin-bottom:24px;padding:20px;display:flex}.advanced-intro .guide-tiles{flex:none}.advanced-intro p{margin-bottom:0}.advanced-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-source{font-size:var(--text-caption);color:#64725f;line-height:1.7}.guide-source a{color:#316751;text-decoration:underline}.setup-advanced{background:#f3eef8;border:1px solid #d5c9e4;border-radius:12px;margin:12px 0 22px;padding:14px 16px}.setup-advanced p{font-size:var(--text-caption);line-height:1.7}.setup-advanced .guide-tiles{justify-content:center}@media (max-width:560px){.advanced-intro{flex-direction:column;align-items:stretch;gap:10px;padding:16px}.advanced-intro .guide-tiles{justify-content:center}.edition-switch{gap:4px}.edition-switch button{padding:8px 5px}}:root{--text-caption:.875rem;--text-table:.9375rem;--text-body:1rem;--text-lead:1.125rem;--text-title-sm:1.25rem;--text-title:1.5rem;--text-heading:1.75rem;--text-page:2rem;--text-tile:2rem;--text-tile-demo:1.5rem;--text-tile-mark:.75rem}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:100%}.setup-fields{border:0;min-width:0;margin:0;padding:0}.closed-room{text-align:center;max-width:650px;margin:10vh auto;padding:30px}.closed-room h1{font-size:var(--text-heading)}.closed-room p{color:#69766b}.admin-entry{font-size:var(--text-caption);color:#69766b;align-items:center;min-height:40px;display:inline-flex}:root{color:#243129;font-synthesis:none;--ink:#243129;--green:#187b62;--deep:#14553f;--mint:#a8e6cf;--paper:#fffdf5;--muted:#69766b;--line:#d9decf;--coral:#ff7b6b;--yellow:#ffd95a;background:#fff9e9;font-family:Trebuchet MS,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable;overflow-y:scroll}body{min-width:min(320px,100%);font-size:var(--text-body);margin:0;line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.45}button{background:0 0;border:0}a{color:inherit}p{line-height:1.7}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #429bbe}svg{flex-shrink:0}button{transition:background .16s,transform .16s,box-shadow .16s}button:disabled:active{transform:none}input,select,textarea{color:var(--ink);background:#fffdf5;border:1.5px solid #c9d2c1;border-radius:10px;min-width:0;min-height:44px;padding:10px 12px}input::placeholder{color:#839084}textarea{resize:vertical;width:100%;min-height:110px;line-height:1.6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{min-height:48px;font-size:var(--text-body);border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 21px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.btn.primary{color:#fffdf5;background:var(--green);border:1.8px solid var(--ink);box-shadow:3px 4px 0 var(--ink)}.btn.primary:hover:not(:disabled){box-shadow:3px 5px 0 var(--ink);background:#12654f;transform:translateY(-1px)}.btn.primary:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,3px)}.btn.secondary{background:var(--paper);border:1.5px solid #bbcbb8;box-shadow:0 2px #d7dccd}.btn.secondary:hover:not(:disabled){background:#eef4e7}.btn.quiet{color:#42624d;background:#edf2e7;border:1px solid #dce4d4;min-height:43px;padding:9px 15px}.full{width:100%;margin-top:15px}.text-button{font-size:var(--text-body);color:#4d6a56;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:7px 0;font-weight:700;display:inline-flex}.text-button:hover{color:var(--green);text-underline-offset:4px;text-decoration:underline}.icon-button{border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.icon-button:hover{background:#e9eedf}.avatar{background:var(--avatar-bg);border:1.5px solid #6a80632e;border-radius:22px;flex:0 0 64px;justify-content:center;align-items:center;width:64px;height:64px;font-size:2.1875rem;line-height:1;display:inline-flex}.avatar-small{border-radius:13px;flex-basis:37px;width:37px;height:37px;font-size:1.4375rem}.live-dot{background:#1f8a70;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.site-header{background:#fffaf0;border-bottom:1px solid #dce1d1;height:89px}.header-inner{justify-content:space-between;align-items:center;gap:22px;max-width:1264px;height:100%;margin:auto;padding:0 34px;display:flex}.brand{text-align:left;flex-shrink:0;align-items:center;gap:10px;padding:0;display:flex}.brand>img{width:48px;height:48px}.brand>span{font-size:var(--text-heading);letter-spacing:1px;font-weight:900}.brand small{font-size:var(--text-caption);letter-spacing:1px;color:#768271;margin-top:4px;font-weight:500;display:block}.main-nav{align-self:stretch;gap:30px;margin-left:55px;display:flex}.main-nav button{font-size:var(--text-body);color:#677163;min-width:66px;position:relative}.main-nav button.active{color:var(--green);font-weight:800}.main-nav button.active:after{content:"";background:var(--green);border-radius:3px;height:3px;position:absolute;bottom:17px;left:17px;right:17px}.header-actions{align-items:center;gap:12px;display:flex}.profile-button{font-size:var(--text-body);background:#fffdf8;border:1px solid #dce2d2;border-radius:30px;align-items:center;gap:8px;max-width:190px;padding:5px 13px 5px 5px;font-weight:700;display:flex}.profile-button>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-button .avatar-small{flex-basis:31px;width:31px;height:31px;font-size:1.1875rem}.mobile-help{display:none}.home-shell{max-width:1200px;margin:auto;padding:0 34px}.resume-strip{font-size:var(--text-caption);background:#e3efdd;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:9px 15px;display:flex}.resume-strip>span,.resume-strip button{align-items:center;gap:8px;display:flex}.resume-strip button{color:var(--green);min-height:32px;font-weight:700}.hero{grid-template-columns:1.03fr 1fr;align-items:center;gap:55px;min-height:504px;padding:36px 0 28px;display:grid}.eyebrow{font-size:var(--text-caption);letter-spacing:1px;color:#59775d;align-items:center;gap:7px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:1px;color:#254b35;margin:0 0 16px;font-size:clamp(2.75rem,4.4vw,3.75rem);font-weight:900;line-height:1.35}.hero-copy>p{font-size:var(--text-lead);color:var(--muted);margin:0 0 26px;line-height:1.8}.hero-buttons{flex-wrap:wrap;align-items:center;gap:16px 22px;display:flex}.hero-buttons>.primary{min-width:150px}.hero-buttons>.text-button{font-size:var(--text-body);min-height:48px}.hero-art{min-width:0;padding:24px 19px 36px 0;position:relative}.sample-table{background:#d4e5cc radial-gradient(#65855a13 .8px,#0000 .8px) 0 0/5px 5px;border:2px solid #37543e;border-radius:30px;min-height:300px;padding:21px 26px 56px;position:relative;transform:rotate(-4deg);box-shadow:7px 8px #aec5a2}.table-caption{color:#526c48;font-size:var(--text-caption);letter-spacing:1px;justify-content:space-between;align-items:center;gap:10px;font-weight:700;display:flex}.table-caption span:first-child{align-items:center;gap:6px;display:flex}.table-caption i{background:#578659;border-radius:50%;width:6px;height:6px}.demo-melds{flex-direction:column;align-items:center;gap:20px;margin:24px 0 10px;display:flex}.demo-meld{align-items:center;gap:7px;display:flex}.meld-check{color:#fff;background:#99ba8d;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:5px;font-size:.8125rem;display:grid}.demo-rack{background:#ede0bd;border:2px solid #6a7351;border-radius:9px 9px 14px 14px;justify-content:center;align-items:center;gap:9px;padding:10px 20px;display:flex;position:absolute;bottom:-30px;left:25px;right:25px;transform:rotate(6deg);box-shadow:0 5px #bfae86}.demo-rack:after{content:"";pointer-events:none;background:#d3bd8f;border-top:1px solid #a79269;border-radius:0 0 10px 10px;height:12px;position:absolute;bottom:0;left:0;right:0}.demo-rack>.tile{--tile-w:2.75rem;--tile-h:3.625rem;transform:rotate(2deg)}.demo-shuffle{color:#56704a;background:#d1d9b7;border-radius:12px;place-items:center;width:44px;height:44px;margin-right:22px;display:grid}.note-top{top:2px;left:38px}.sprout{pointer-events:none;z-index:2;width:71px;height:99px;position:absolute;top:-4px;right:-23px;transform:rotate(8deg)}.tile{--tile-w:3.0625rem;--tile-h:4.25rem;--tile-value-size:var(--text-tile);width:var(--tile-w);height:var(--tile-h);flex:0 0 var(--tile-w);-webkit-user-select:none;user-select:none;color:var(--tile-color);vertical-align:middle;background:linear-gradient(110deg,#fffffa,#f5f0df);border:1.5px solid #c7c6ad;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex;position:relative;box-shadow:0 3px #c1bca1,0 4px 5px #273c2017}.tile-red{--tile-color:#ce574e}.tile-blue{--tile-color:#327ab2}.tile-orange{--tile-color:#b37916}.tile-black{--tile-color:#3f4841}.tile-joker{--tile-color:#875eb0}.tile-value{font-family:Trebuchet MS,sans-serif;font-size:var(--tile-value-size);place-items:center;font-weight:900;line-height:1;display:grid;position:absolute;inset:32% 0 4%}.tile-corner{font-size:var(--text-tile-mark);line-height:1;position:absolute;top:6%;left:10%}.tile-corner>.color-mark{display:block}.tile-small{--tile-w:2rem;--tile-h:3rem;--tile-value-size:var(--text-tile-demo);border-radius:5px}.tile.selected{background:#e9f8e6;border:2px solid #177a61;transform:none;box-shadow:0 0 0 2px #77bf99,0 5px #52856b}.tile.fresh{border-color:#448568}.new-dot{background:#238968;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px}.tile:disabled{opacity:1;cursor:default}.tile:enabled:hover{border-color:#49875d;transform:none}.tile.selected:enabled:hover{transform:none}.play-section{margin-top:12px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.section-heading h2{font-size:var(--text-title);letter-spacing:.3px;margin:6px 0 0}.section-note{font-size:var(--text-caption);color:#849076;letter-spacing:2px}.little-scribble{color:#8b916f;font-size:var(--text-caption);margin-top:17px;transform:rotate(-4deg)}.play-options{grid-template-columns:1fr 1fr;gap:22px;display:grid}.play-card{text-align:left;border:1.5px solid #748b67;border-radius:19px;align-items:center;gap:20px;min-width:0;padding:27px 24px;display:flex;box-shadow:3px 4px #b3c9a1}.play-card:hover{transform:translateY(-3px)}.ai-card{background:#e4efdc}.friends-card{background:#f9e9d8;border-color:#b8a586;box-shadow:3px 4px #d9c9a9}.mode-icon{color:#496e40;background:#c6dfb7;border:1.5px solid #7a9770;border-radius:17px;flex-shrink:0;place-items:center;width:61px;height:69px;display:grid;transform:rotate(-6deg)}.friends-card .mode-icon{color:#a27351;background:#f6d2b7;border-color:#b29471;transform:rotate(6deg)}.mode-copy{flex-direction:column;gap:9px;min-width:0;display:flex}.mode-copy>strong{font-size:var(--text-title-sm);letter-spacing:.5px;font-weight:900}.mode-copy>span:not(.mode-tags){font-size:var(--text-body);color:var(--muted);line-height:1.6}.mode-tags{flex-wrap:wrap;gap:7px;margin-top:2px;display:flex}.mode-tags i{color:#78896e;font-style:normal;font-size:var(--text-caption);border:1px solid #bdcdb1;border-radius:5px;padding:3px 7px}.friends-card .mode-tags i{color:#9a8267;border-color:#ddc9b1}.round-arrow{color:#688759;border:1px solid #a5b994;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.friends-card .round-arrow{color:#a28765;border-color:#c6ad8d}.round-arrow svg{width:17px}.join-row{background:#fffdf57d;border:1px dashed #cad2bd;border-radius:14px;justify-content:center;align-items:center;gap:29px;margin-top:22px;padding:21px;display:flex}.join-row>span,.join-row>div{align-items:center;gap:12px;display:flex}.join-row>span{font-size:var(--text-body);color:#677461}.join-row input{width:190px;font-size:var(--text-body);background:#fffdf9;min-height:40px}.join-row .btn{font-size:var(--text-body);min-height:40px}.how-section{border-top:1px solid #dde1d1;margin-top:45px;padding-top:27px}.how-section .section-heading h2{font-size:var(--text-title-sm)}.how-section .text-button{font-size:var(--text-body)}.how-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.how-grid article{align-items:flex-start;gap:18px;min-width:0;display:flex}.mini-tiles{flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding-bottom:4px;display:flex}.how-grid h3{font-size:var(--text-body);margin:0 0 7px}.how-grid p{font-size:var(--text-body);color:var(--muted);margin:0;line-height:1.7}.win-flower{text-align:center;color:#d7b455;flex-shrink:0;width:83px;font-size:3.625rem}.home-footer{color:#939a86;font-size:var(--text-caption);border-top:1px solid #dfe2d1;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:46px;padding:25px 0 29px;display:flex}.home-footer>span{color:#6b7a5d;font-size:var(--text-caption);align-items:center;gap:7px;font-weight:800;display:flex}.home-footer img{width:22px;height:22px}.home-footer small{font-size:var(--text-caption);margin-left:auto}.home-footer p{margin:0}.modal{border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:23px;width:min(530px,100vw - 28px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden;box-shadow:7px 8px #a5c5a0}.modal-wide{width:min(690px,100vw - 28px)}.modal[open]{flex-direction:column;display:flex}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#172c229c}html:has(dialog[open]){overflow:hidden}.modal-header{border-bottom:1px solid #e1e4d5;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 24px 13px;display:flex}.modal-header h2{font-size:var(--text-title);margin:0}.modal-header .icon-button{background:#eff0e5;width:34px;height:34px}.modal-content{overscroll-behavior:contain;scrollbar-width:thin;padding:20px 24px 25px;line-height:1.7;overflow-y:auto}.dialog-lead{font-size:var(--text-body);color:#75816f;margin:0 0 20px}.identity-editor{align-items:center;gap:13px;display:flex}.identity-editor .avatar{border-radius:16px;flex-basis:51px;width:51px;height:56px;font-size:1.9375rem}.identity-editor label{min-width:0;font-size:var(--text-body);color:#738069;flex-direction:column;flex:1;gap:5px;display:flex}.identity-editor input{width:100%;font-size:var(--text-body)}.identity-editor>.btn{align-self:end;min-height:44px}.avatar-picker{flex-wrap:wrap;gap:9px;margin:14px 0 22px;display:flex}.avatar-picker>button{border:2px solid #0000;border-radius:14px;padding:3px}.avatar-picker>button[aria-pressed=true]{border-color:var(--green);background:#e7f4dd}.setting-row{min-height:61px;font-size:var(--text-body);border-top:1px solid #e3e6d8;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.setting-row>span{align-items:center;gap:8px;display:flex}.setting-row select{font-size:var(--text-body);min-width:110px;min-height:38px;padding:8px}.counter{border:1.5px solid #d6deca;border-radius:10px;align-items:center;gap:2px;height:38px;display:flex;overflow:hidden}.counter button{background:#eef3e6;place-items:center;width:35px;height:35px;display:grid}.counter b{text-align:center;width:31px;font-size:var(--text-body)}.field-label{font-size:var(--text-body);margin:18px 0 10px;font-weight:700;display:block}.segment{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.segment.three{grid-template-columns:repeat(3,minmax(0,1fr))}.segment button{min-height:47px;font-size:var(--text-body);background:#f4f3e9;border:1.5px solid #dfe2d3;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:12px 5px;display:flex}.segment button small{font-size:var(--text-caption);color:#8a917e}.segment button[aria-pressed=true]{color:#2b694b;background:#e2f0da;border-color:#51856a;box-shadow:0 0 0 1px #91b49b}.segment button[aria-pressed=true] small{color:#6f8a65}.soft-note{font-size:var(--text-caption);color:#819077;align-items:flex-start;gap:7px;margin:15px 0;line-height:1.8;display:flex}.soft-note svg{margin-top:2px}.error{color:#a94335;font-size:var(--text-caption);background:#fff0e9;border:1px solid #e7bdb0;border-radius:9px;padding:11px 13px}.feedback{color:var(--green);font-size:var(--text-caption);align-items:center;gap:6px;margin:15px 0 0;display:flex}.rule-cards{grid-template-columns:1fr 1fr;gap:18px;margin:23px 0;display:grid}.rule-cards article{text-align:center;background:#f2f4e9;border:1px solid #dce2cf;border-radius:14px;padding:20px 10px 10px}.rule-cards h3{font-size:var(--text-body);margin-top:20px}.rule-cards p{font-size:var(--text-body);color:#7d886f}.rule-steps{counter-reset:steps;padding:0;list-style:none}.rule-steps li{counter-increment:steps;margin:20px 0;padding-left:38px;position:relative}.rule-steps li:before{content:counter(steps);color:#4c754a;width:26px;height:26px;font-size:var(--text-caption);background:#d6e8c9;border-radius:9px;place-items:center;font-weight:800;display:grid;position:absolute;top:0;left:0}.rule-steps b{font-size:var(--text-body)}.rule-steps p{font-size:var(--text-body);color:#7c8771;margin:6px 0}.advanced-rules h3{font-size:var(--text-body);margin:24px 0 8px}.advanced-rules p{font-size:var(--text-body);color:#75826b}.source-link{text-align:center;font-size:var(--text-caption);color:#7d886f;margin-top:20px;display:block}.invite-card{background:#f2edd4;border:1.5px solid #d3c99d;border-radius:15px;justify-content:center;align-items:center;gap:23px;padding:18px;display:flex}.invite-card>div:last-child{flex-direction:column;gap:10px;min-width:0;display:flex}.invite-card small{font-size:var(--text-caption);color:#8b8769}.invite-card strong{letter-spacing:4px;color:#59603f;font-size:2.3125rem}.invite-card span{font-size:var(--text-caption);color:#898667}.invite-card svg{max-width:100%;height:auto;display:block}.network-note{font-size:var(--text-caption);color:#89703f;background:#fff1d1;border-radius:9px;padding:9px 12px;line-height:1.7}.share-buttons{flex-wrap:wrap;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px;display:grid}.share-buttons .btn{font-size:var(--text-body);padding:10px}.profile-stats{background:#edf4e4;border:1px solid #dce2cd;border-radius:13px;justify-content:space-around;margin:23px 0;padding:20px 10px;display:flex}.profile-stats>div{flex-direction:column;align-items:center;gap:7px;display:flex}.profile-stats b{font-size:var(--text-heading);color:#3e6a44}.profile-stats span{font-size:var(--text-caption);color:#7b886c}.modal-content>h3{font-size:var(--text-body)}.history-list{flex-direction:column;gap:8px;display:flex}.history-list article{border:1px solid #e2e4d6;border-radius:12px;align-items:center;gap:12px;padding:13px;display:flex}.history-icon{color:#8b987b;background:#eceddf;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.history-icon.won{color:#b69027;background:#f6e9b4}.history-list article>div{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.history-list b{font-size:var(--text-body)}.history-list small,.history-list article>div>span{font-size:var(--text-caption);color:#8c947e;overflow-wrap:anywhere}.history-list strong{color:#638051}.empty-history{text-align:center;color:#94a180;padding:30px}.empty-history svg{color:#b9c895}.empty-history p{font-size:var(--text-body)}.empty-history small{font-size:var(--text-caption)}.loading-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff9e9aa;place-items:center;display:grid;position:fixed;inset:0}.loading-overlay>div{color:#51715d;background:#fffdf5;border:1.5px solid #51715d;border-radius:15px;align-items:center;gap:13px;padding:25px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-error{width:min(90%,500px);font-size:var(--text-caption);z-index:30;background:#fff1d3;border:1px solid #d8b879;border-radius:10px;padding:12px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.waiting-shell{max-width:1100px;margin:25px auto 50px;padding:0 30px}.waiting-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:65px;margin-top:18px;display:grid}.waiting-card{background:#fffdf7;border:2px solid #395640;border-radius:25px;padding:33px;box-shadow:7px 8px #c5dab6}.waiting-card h1{font-size:var(--text-heading);margin:17px 0 9px;line-height:1.5}.waiting-card>p{font-size:var(--text-body);color:#839176}.seats{grid-template-columns:1fr 1fr;gap:14px;margin:26px 0;display:grid}.seat{background:#edf3e3;border:1px solid #cfdcc4;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;padding:22px 12px;display:flex;position:relative}.seat>strong{font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.seat>small{color:#849275;font-size:var(--text-caption);align-items:center;gap:4px;display:flex}.empty-seat{color:#a2ac90;background:#fafaf0;border:1.5px dashed #d7ddc7}.empty-avatar{color:#b4bea0;background:#eef1e0;border-radius:23px;place-items:center;width:64px;height:64px;display:grid}.remove-player{color:#798d6e;background:#dce7d2;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:7px;right:7px}.waiting-actions{gap:12px;display:flex}.waiting-actions .btn{font-size:var(--text-body);flex:1;padding:10px}.waiting-card .leave-room{color:#8b967e;font-size:var(--text-caption);margin:17px auto 0;display:flex}.waiting-host{font-size:var(--text-body);color:#758960;background:#e7efdc;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:22px;padding:18px;display:flex}.waiting-guide{min-width:0;position:relative}.guide-star{color:#d8bf6a;font-size:4rem;line-height:1}.waiting-guide h2{font-size:var(--text-page);margin:12px 0 27px;line-height:1.5}.waiting-guide .mini-tiles{justify-content:flex-start;gap:8px}.waiting-guide h3{font-size:var(--text-title-sm);color:#507451;margin-top:21px}.waiting-guide p{font-size:var(--text-body);color:#8c967f;max-width:230px}.waiting-guide .text-button{font-size:var(--text-body)}.ai-note{color:#8f9c7c;border-top:1px solid #d7dec7;align-items:center;gap:15px;margin-top:32px;padding-top:20px;display:flex}.ai-note p{font-size:var(--text-caption)}.site-header.in-room{height:73px}.in-room .brand>img{width:40px;height:40px}.in-room .brand>span{font-size:var(--text-title)}.in-room .brand small{font-size:var(--text-caption)}.in-room .header-inner{max-width:1440px}.game-shell{max-width:1440px;margin:0 auto;padding:0 30px 12px;position:relative}.game-topline{justify-content:space-between;align-items:center;gap:12px;height:54px;display:flex}.game-topline .text-button{font-size:var(--text-caption)}.room-label{font-size:var(--text-caption);color:#6d7e62;align-items:center;gap:10px;display:flex}.room-label>span{font-size:var(--text-caption);color:#839275;border-left:1px solid #ccd8bf;padding-left:10px}.game-layout{grid-template-columns:minmax(0,1fr) 240px;gap:23px;height:calc(100dvh - 196px);min-height:680px;max-height:1000px;display:grid}.play-area{grid-template-rows:auto minmax(220px,1fr) auto auto;gap:14px;min-width:0;min-height:0;display:grid}.opponents{justify-content:center;align-items:center;gap:16px;min-width:0;display:flex}.opponent{background:#f5f4e8;border:1px solid #e0e4d1;border-radius:14px;flex:1;align-items:center;gap:10px;min-width:0;max-width:260px;min-height:76px;padding:9px 13px;display:flex;position:relative}.opponent.is-current{background:#e7efd8;border:1.5px solid #669467;box-shadow:0 0 0 2px #dee9ce}.opponent>div{flex:1;min-width:0}.opponent strong{font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;line-height:1.5;display:flex;overflow:hidden}.opponent small{font-size:var(--text-caption);color:#8c967e;margin-top:2px;display:block}.rack-count{font-size:var(--text-title);color:#557348;align-items:baseline;gap:3px;font-weight:800;display:flex}.rack-count small{font-size:var(--text-caption);font-weight:500}.presence{background:#c5cbb9;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.presence.online{background:#70a56f}.table-wrap{background:#deead4;border:1.5px solid #8aab7d;border-radius:20px;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #bfd0b3}.table-top{height:auto;min-height:44px;font-size:var(--text-caption);color:#5d7a50;border-bottom:1px solid #cbdac0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.table-top>span{align-items:center;gap:7px;min-width:0;display:flex}.table-top .live-dot{width:6px;height:6px}.pool-count{font-size:var(--text-caption);white-space:nowrap}.game-table{scrollbar-color:#adc29b transparent;scrollbar-width:thin;overscroll-behavior:contain;background-image:radial-gradient(#5e804e18 .75px,#0000 .75px);background-size:5px 5px;flex:1;min-height:0;padding:19px 15px 15px;overflow:auto}.empty-table{text-align:center;color:#5d7050;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:150px;padding:10px;display:flex}.empty-table-mark{word-spacing:10px;letter-spacing:2px;color:#b3c5a3;margin-bottom:9px;font-size:2.4375rem;font-weight:900;transform:rotate(-6deg)}.empty-table h2{font-size:var(--text-title-sm);letter-spacing:1px;color:#46633c;margin:7px 0}.empty-table p{font-size:var(--text-caption);margin:5px 0 12px}.empty-table>span{font-size:var(--text-caption);color:#5d7050}.meld-grid{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:14px;min-width:0;display:flex}.meld{background:#edf1db8a;border:1px solid #b6c9a7;border-radius:10px;min-width:0;max-width:100%;padding:9px 9px 2px}.meld.invalid{background:#f3dfc687;border:1px dashed #c48065}.meld.draft-meld{box-shadow:0 0 0 1px #91b582}.meld-tiles{scrollbar-width:thin;align-items:center;gap:5px;max-width:100%;margin-top:-7px;padding:7px 2px 5px;display:flex;overflow:auto hidden}.meld .tile{--tile-w:2.75rem;--tile-h:4rem;border-radius:5px}.meld .tile.selected{transform:none}.meld-bottom{min-height:36px;font-size:var(--text-caption);color:#80916e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;line-height:1.5;display:flex}.meld-bottom>span{align-items:center;gap:4px;display:flex}.meld-bottom button{font-size:var(--text-caption);color:#3f7550;border-radius:4px;align-items:center;gap:3px;min-height:34px;padding:5px;font-weight:600;display:flex}.meld-bottom button:hover:not(:disabled){background:#c2d8b1}.incomplete-mark{color:#fff;width:1rem;height:1rem;font-size:var(--text-caption);background:#c99b7b;border-radius:50%;place-items:center;line-height:1;display:grid}.table-tools{background:#eff2df;border-top:1px solid #cad6b9;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px 12px;min-height:47px;padding:7px 12px;display:flex}.new-meld-button{color:#54794d;min-height:35px;font-size:var(--text-caption);background:#e3ebd2;border:1px dashed #a5bb90;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:7px 11px;font-weight:700;display:inline-flex}.count-placeholder{visibility:hidden}.new-meld-button b{min-width:2ch;font-size:var(--text-caption);color:#fff;background:#6e985f;border-radius:4px;padding:1px 4px}.selection-count{width:13em;font-size:var(--text-caption);color:#93a080;flex-shrink:0;margin-right:auto;line-height:1.5}.tool-button{font-size:var(--text-caption);color:#7b8c6b;align-items:center;gap:4px;min-height:34px;padding:7px 5px;display:flex}.rack-section{background:#fffdf4;border:1px solid #e3e2cb;border-radius:15px;min-width:0;padding:12px 16px 5px}.rack-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:12px;display:flex}.rack-identity{flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;display:flex}.rack-identity .avatar-small{border-radius:9px;flex-basis:26px;width:26px;height:26px;font-size:1.125rem}.rack-identity>strong{font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;max-width:10rem;overflow:hidden}.rack-identity>span:not(.avatar){font-size:var(--text-caption);color:#8c947b;white-space:nowrap}.rack-identity>em{font-style:normal;font-size:var(--text-caption);color:#6b8856;white-space:nowrap;background:#dfedd0;border-radius:5px;padding:3px 6px}.sort-tools{border:1px solid #dce1cd;border-radius:7px;flex-shrink:0;padding:2px;display:flex}.sort-tools button{font-size:var(--text-caption);color:#586c4b;border-radius:4px;min-height:26px;padding:5px 8px}.sort-tools .active{color:#527446;background:#e3edd6}.rack-tray{background:#e6ddbd;border:1px solid #d4c6a2;border-radius:9px;padding:0 8px;overflow:hidden;box-shadow:0 3px #cbbb96}.rack-tiles{scrollbar-width:thin;scrollbar-color:#c4b593 transparent;overscroll-behavior-inline:contain;align-items:center;gap:6px;min-height:5.5rem;padding:13px 3px 10px;display:flex;overflow-x:auto}.rack-tiles .tile{--tile-w:2.75rem;--tile-h:4rem}.rack-meta{overflow-anchor:none;min-height:32px;font-size:var(--text-caption);color:#98a086;padding-top:5px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-block:6px;line-height:1.5;display:flex}.rack-meta .text-button{font-size:var(--text-caption);white-space:nowrap;flex-shrink:0;min-height:32px;padding:2px}.turn-controls{flex-direction:column;gap:10px;min-width:0;padding:0 2px;display:flex}.move-feedback{font-size:var(--text-caption);color:#8b977c;text-align:center;overflow-wrap:anywhere;min-height:22px;line-height:1.5}.move-feedback.is-valid{color:#39744e}.move-feedback.is-error{color:#ae523e}.turn-buttons{justify-content:flex-end;align-items:center;gap:11px;display:flex}.turn-buttons .btn{min-height:48px;font-size:var(--text-body);white-space:nowrap;padding:10px 20px}.turn-buttons .hint-button{color:#786124;box-shadow:none;background:#f6f3db;border-style:dashed;border-color:#d6c991;margin-right:auto}.turn-buttons .hint-button>span{flex-direction:column;align-items:center;line-height:1.4;display:flex}.turn-buttons .hint-button small{font-size:var(--text-caption);font-weight:400}.turn-buttons .play-button{min-width:180px}.game-sidebar{scrollbar-width:thin;flex-direction:column;gap:15px;min-height:0;padding-top:4px;display:flex;overflow-y:auto}.turn-card{color:#7c8c6b;background:#f3f1e2;border:1.5px solid #dadfc6;border-radius:19px;flex-direction:column;align-items:center;padding:23px 14px 20px;display:flex}.turn-card.your-turn{background:#e9f0da;border-color:#baca9e}.turn-card>span:first-child{font-size:var(--text-caption);margin-bottom:15px}.turn-card .avatar{flex-basis:55px;width:55px;height:55px;font-size:2rem}.turn-card h3{font-size:var(--text-title-sm);color:#557346;margin:13px 0 15px}.turn-clock{font-size:var(--text-heading);color:#648253;align-items:center;gap:7px;font-weight:800;display:flex}.turn-clock.urgent{color:#b2663d}.turn-card>small{font-size:var(--text-caption);color:#97a481;margin-top:10px}.table-journal{background:#fffdf3;border:1px solid #e0e3cd;border-radius:15px;flex-direction:column;flex:1;min-height:80px;padding:16px;display:flex;overflow:hidden}.table-journal h3{font-size:var(--text-body);color:#718363;align-items:center;gap:7px;margin:0 0 9px;font-weight:700;display:flex}.journal-events{scrollbar-width:thin;min-height:0;overflow-y:auto}.journal-events p{font-size:var(--text-caption);color:#9aa389;border-bottom:1px solid #eceee1;margin:0;padding:10px 0;line-height:1.7}.journal-events p:first-child{color:#6c8657}.rules-sidebar{width:100%;font-size:var(--text-body)}.server-note{font-size:var(--text-caption);color:#a0aa8d;justify-content:center;align-items:center;gap:5px;margin:0;display:flex}.desktop-chat{align-items:center;gap:15px;padding-top:12px;display:flex}.desktop-chat>.btn{font-size:var(--text-caption);background:0 0;border:0;min-height:29px;padding:4px 10px}.desktop-chat>span{font-size:var(--text-caption);color:#90a076}.quick-chat{background:var(--paper);z-index:25;border:1.5px solid #879b72;border-radius:12px;flex-direction:column;gap:7px;padding:10px;display:flex;position:fixed;bottom:51px;left:30px;box-shadow:2px 3px #b9c7a9}.quick-chat button{text-align:left;font-size:var(--text-body);background:#edf2e3;border-radius:8px;min-height:38px;padding:9px 13px}.mobile-status{display:none}.connection-banner{color:#8e6f3f;font-size:var(--text-caption);background:#fff0d1;border:1px solid #d6bc86;border-radius:8px;margin-bottom:10px;padding:8px 12px;position:relative}.result-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.result-trophy{color:#ae8830;background:#f5e5a4;border:2px solid #ccae58;border-radius:32px;place-items:center;width:91px;height:91px;margin:5px 0 9px;display:grid;transform:rotate(-6deg)}.result-hero>span:not(.result-trophy){font-size:var(--text-caption);color:#8d956f}.result-hero h2{color:#3c734d;font-size:var(--text-page);margin:0;line-height:1.6}.result-hero p{color:#939d81;font-size:var(--text-caption);max-width:340px;margin:0 0 5px}.score-list{flex-direction:column;gap:8px;margin:17px 0;display:flex}.score-list>div{background:#eef4e3;border-radius:11px;align-items:center;gap:10px;padding:10px;display:flex}.score-list>div>span:not(.avatar){font-size:var(--text-body);flex:1}.score-list small{font-size:var(--text-caption);color:#939e7c}.score-list b{font-size:var(--text-title);color:#507541;text-align:right;width:55px}.result-home{font-size:var(--text-caption);color:#97a082;margin:13px auto 0;display:flex}.result-reopen{z-index:30;width:max-content;margin-inline:auto;position:fixed;bottom:20px;left:0;right:0}.result-reopen.btn.primary:is(:hover,:active):not(:disabled){transform:none}h1,h2,h3{text-wrap:pretty;line-height:1.35}input,select,textarea{font-size:var(--text-body);line-height:1.5}.section-note,.little-scribble,.home-footer,.home-footer p,.home-footer small{color:var(--muted)}.rule-cards .tile{--tile-w:2.75rem;--tile-h:4rem}.new-meld-button,.tool-button,.sort-tools button{min-height:36px;font-weight:600;line-height:1.4}.opponent small,.room-label>span,.meld-bottom,.selection-count,.tool-button,.rack-identity>span:not(.avatar),.rack-meta,.move-feedback,.turn-card>small,.server-note,.active-rooms small{color:#627353}small{font-size:var(--text-caption)}.rack-meta>span{flex:180px}@media (min-width:1450px){.home-shell{max-width:1280px}.hero{gap:80px;min-height:490px}.hero-art{justify-self:end;width:100%;max-width:505px}.sample-table{padding-top:26px;padding-bottom:63px}.hero h1{font-size:3.9375rem}.play-card{padding:30px}.play-section{margin-top:24px}.how-section{margin-top:50px}.home-footer{margin-top:48px}}@media (max-width:1100px){.header-inner{gap:17px;padding:0 26px}.main-nav{gap:19px;margin-left:0}.home-shell{padding:0 28px}.hero{gap:25px;min-height:465px}.hero h1{font-size:2.6875rem}.hero-art{padding-right:12px}.sample-table{min-height:265px;padding:20px 17px 50px}.demo-meld .tile{--tile-w:2.625rem;--tile-h:3.6875rem}.demo-meld{gap:5px}.demo-melds{gap:16px}.demo-rack{left:17px;right:17px}.hero-buttons{gap:12px}.sprout{right:-9px}.play-card{gap:15px;padding:23px 17px}.mode-icon{width:49px;height:58px}.round-arrow{flex-basis:27px;width:27px;height:27px}.how-grid{gap:15px}.how-grid article{gap:11px}.mini-tiles{gap:3px}.how-grid .tile-small{--tile-w:2rem;--tile-h:3rem}.game-sidebar{display:none}.game-layout{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 190px);min-height:650px}.game-shell{padding:0 22px 10px}.mobile-status{color:#879779;height:auto;min-height:40px;font-size:var(--text-caption);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.mobile-status>span,.mobile-status>button{align-items:center;gap:5px;display:flex}.mobile-status button{min-height:36px;font-size:var(--text-caption)}.desktop-chat{display:none}.quick-chat{bottom:48px;left:auto;right:24px}.turn-card{display:none}.waiting-grid{gap:35px}.waiting-card{padding:25px}}@media (max-width:760px){.site-header{height:76px}.header-inner{padding:0 20px}.brand>img{width:42px;height:42px}.brand>span{font-size:var(--text-title)}.brand small{letter-spacing:1px}.main-nav{display:none}.header-actions{gap:5px}.profile-button>span:last-child{display:none}.profile-button{background:0 0;border:0;padding:4px}.mobile-help{display:grid}.sound-toggle{width:32px;height:32px}.home-shell{padding:0 24px}.hero{grid-template-columns:1fr;gap:24px;min-height:0;padding:28px 0 26px}.hero-copy{text-align:center}.hero h1{margin:0 0 12px;font-size:clamp(2rem,8vw,2.5rem);line-height:1.3}.hero-copy>p{font-size:var(--text-body);text-wrap:balance;max-width:25em;margin:0 auto 18px;line-height:1.7}.hero-buttons{justify-content:center;gap:16px}.hero-art{justify-self:center;width:min(390px,100%);margin-top:0;padding:10px 6px 6px}.sample-table{border-radius:24px;min-height:0;padding:8px 16px 16px;transform:rotate(-2deg);box-shadow:4px 5px #aec5a2}.demo-melds{gap:12px;margin:4px 0 0}.demo-shuffle{margin-right:0}.demo-rack>.tile{--tile-w:2.4375rem;--tile-h:3.25rem}.demo-rack{display:none}.sprout{width:38px;height:50px;top:-5px;right:-3px}.section-heading{gap:10px;margin-bottom:19px}.little-scribble{max-width:100px}.play-options{grid-template-columns:1fr;gap:16px}.play-card{gap:16px;padding:22px 18px}.mode-icon{width:55px;height:61px}.round-arrow{margin-left:auto}.join-row{flex-direction:column;align-items:stretch;gap:12px;margin-top:19px;padding:17px 13px}.join-row>span{justify-content:center}.join-row>div{gap:9px;width:100%}.join-row input{flex:1;width:0;min-width:0}.join-row .btn{flex-shrink:0;padding:8px 12px}.how-section{margin-top:32px;padding-top:23px}.how-grid{grid-template-columns:1fr;gap:21px}.how-grid article{align-items:center;gap:23px}.how-grid .mini-tiles{gap:6px;width:115px}.how-grid .tile-small{--tile-w:1.9375rem;--tile-h:3rem}.win-flower{width:115px;font-size:3.125rem}.home-footer{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:29px;padding:23px 0}.home-footer small{text-align:center;flex-basis:100%;margin:0}.waiting-shell{margin-top:15px;padding:0 20px}.waiting-grid{grid-template-columns:1fr;gap:25px;margin-top:10px}.waiting-card{padding:23px}.waiting-card h1{font-size:var(--text-heading)}.waiting-guide{display:none}.seats{gap:12px;margin:23px 0}.seat{padding:20px 9px}.site-header.in-room{height:62px}.in-room .header-inner{padding:0 15px}.in-room .brand img{width:35px;height:35px}.in-room .brand>span{font-size:var(--text-title)}.in-room .brand small{display:none}.game-shell{padding:0 13px calc(6px + env(safe-area-inset-bottom))}.game-topline{flex-wrap:wrap;gap:4px 8px;height:auto;min-height:48px}.game-topline .text-button{min-height:40px;font-size:var(--text-caption);gap:4px}.room-label{font-size:var(--text-caption);gap:6px}.room-label>span{font-size:var(--text-caption);padding-left:6px}.game-layout{height:auto;min-height:0;max-height:none}.play-area{grid-template-rows:auto minmax(220px,30dvh) auto auto;gap:10px}.opponents{gap:7px}.opponent{border-radius:11px;grid-template-columns:minmax(0,1fr) auto;gap:2px 5px;min-height:72px;padding:8px;display:grid}.opponent .avatar-small{border-radius:9px;flex-basis:27px;width:27px;height:27px;font-size:1.125rem;display:none}.opponent strong{font-size:var(--text-caption);gap:2px}.opponent strong svg{width:10px;display:none}.opponent small{white-space:nowrap;margin-top:1px}.rack-count{font-size:var(--text-title-sm);gap:1px}.rack-count small{display:none}.presence{width:4px;height:4px;top:5px;right:5px}.table-wrap{border-radius:14px;box-shadow:0 3px #bfd0b3}.table-top{gap:4px 8px;height:auto;min-height:40px;padding:6px 10px}.game-table{padding:13px 8px 9px}.empty-table{min-height:95px;padding:5px}.empty-table-mark{word-spacing:7px;margin-bottom:5px;font-size:1.9375rem}.empty-table h2{margin:4px 0}.empty-table p{margin:5px 0 9px;line-height:1.7}.table-tools{gap:4px 8px;min-height:48px;padding:5px 8px}.new-meld-button{gap:3px;min-height:36px;padding:6px 8px}.new-meld-button svg{width:14px}.tool-button{gap:3px;min-height:36px;padding:6px 3px}.tool-button svg{width:14px}.meld-grid{gap:9px}.meld{border-radius:8px;padding:7px 6px 1px}.meld .tile{--tile-w:2.75rem;--tile-h:4rem}.meld-tiles{gap:4px;padding-bottom:4px}.meld-bottom button{min-height:27px}.rack-section{border-radius:12px;padding:9px 9px 4px}.rack-header{flex-wrap:nowrap;gap:8px;margin-bottom:8px}.rack-identity{flex-wrap:nowrap;gap:5px;width:auto}.rack-identity>strong{max-width:8rem}.rack-identity>em{padding:3px 4px}.rack-identity .avatar-small{display:none}.sort-tools button{min-height:34px;padding:6px 10px}.rack-tray{padding:0 5px}.rack-tiles{grid-template-rows:repeat(2,4rem);grid-auto-columns:2.75rem;grid-auto-flow:column;place-content:center start;gap:10px 6px;min-height:9.75rem;padding:10px 3px 9px;display:grid}.rack-tiles .tile{--tile-w:2.75rem;--tile-h:4rem}.rack-tiles .tile.selected{transform:none}.rack-meta{min-height:22px}.turn-controls{padding:8px 0 calc(8px + env(safe-area-inset-bottom));background:#fff9e9;border-top:1px solid #d9decf;gap:7px;position:static}.move-feedback{min-height:14px}.turn-buttons{gap:7px}.turn-buttons .btn{gap:4px;min-height:48px;padding:10px 6px}.turn-buttons .hint-button{flex:1;margin-right:0}.turn-buttons .draw-button{flex:1}.turn-buttons .play-button{flex:1.35;min-width:0}.turn-buttons svg{width:16px}.mobile-status{gap:6px 10px;height:auto;min-height:40px;margin-top:7px}.mobile-status button{gap:4px;min-height:36px}.mobile-status svg{width:13px}.quick-chat{bottom:44px;right:15px}.connection-banner{margin-bottom:7px;padding:6px}.modal-header{padding:15px 18px 12px}.modal-content{padding:17px 18px 22px}.modal{border-radius:19px;max-height:calc(100dvh - 26px);box-shadow:4px 5px #a5c5a0}.avatar-picker{justify-content:space-between;gap:3px}.avatar-picker>button{padding:2px}.avatar-picker .avatar-small{flex-basis:34px;width:34px;height:34px}.rule-cards{grid-template-columns:1fr;gap:10px}.rule-cards .tile{--tile-w:2.75rem;--tile-h:4rem}.invite-card{flex-wrap:wrap;gap:15px;padding:15px 12px}.invite-card [data-share-qr]{flex:0 0 120px;width:120px}.invite-card strong{font-size:var(--text-heading);letter-spacing:3px}.score-list>div{gap:8px}.selection-count{text-align:center;flex-basis:100%;order:4}.table-tools .tool-button:first-of-type,.sort-tools{margin-left:auto}.turn-buttons .btn svg{display:none}.how-section .section-heading{flex-wrap:wrap;align-items:flex-start;gap:8px}.how-section .text-button{white-space:nowrap}.rack-identity>strong,.rack-identity>em{display:none}}@media (max-width:380px){.home-shell{padding:0 18px}.header-inner{gap:12px;padding:0 14px}.hero h1{font-size:2rem}.hero-buttons{gap:12px}.hero-buttons>.primary{min-width:135px;padding:11px 15px}.hero-art{width:100%}.sample-table{padding-left:12px;padding-right:12px}.demo-meld .tile{--tile-w:2.3125rem;--tile-h:3.25rem}.little-scribble{display:none}.play-card{gap:13px;padding:21px 15px}.mode-icon{width:47px;height:54px}.game-shell{padding-left:9px;padding-right:9px}.rack-identity>strong{max-width:55px}.rack-identity>em{display:none}.opponent{gap:4px;padding:7px 5px}.opponent .avatar-small{flex-basis:23px;width:23px;height:23px;font-size:1rem}.tool-button{gap:2px}.turn-buttons .btn{padding:9px 5px}.invite-card strong{font-size:var(--text-heading)}.invite-card [data-share-qr]{flex-basis:105px;width:105px}.waiting-card{padding:20px}.waiting-card h1{font-size:var(--text-title)}.brand small,.room-label>span{display:none}}@media (max-height:740px) and (min-width:761px){.game-layout{min-height:650px}.play-area{grid-template-rows:auto minmax(220px,1fr) auto auto;gap:9px}.rack-tiles{min-height:5.5rem;padding-top:10px;padding-bottom:7px}.rack-section{padding-top:8px}.rack-header{margin-bottom:8px}.rack-tiles .tile{--tile-w:2.75rem;--tile-h:4rem}.turn-card{padding:16px 12px}.turn-card .avatar{flex-basis:45px;width:45px;height:45px;font-size:1.75rem}.turn-card h3{margin:10px 0}.table-journal{padding:12px}}@media (max-height:720px) and (max-width:760px) and (orientation:portrait){.rack-tiles{grid-template-rows:4rem;min-height:5.5rem}.play-area{grid-template-rows:auto minmax(250px,28dvh) auto auto}.empty-table-mark,.empty-table>span{display:none}}@media (max-height:520px) and (orientation:landscape){.site-header.in-room{height:45px}.in-room .brand img{width:29px;height:29px}.in-room .brand>span{font-size:var(--text-title-sm)}.in-room .brand small{display:none}.in-room .profile-button .avatar-small{flex-basis:25px;width:25px;height:25px;font-size:1.0625rem}.in-room .header-inner{padding:0 17px}.in-room .main-nav{display:none}.game-shell{padding:0 16px 4px}.game-topline{height:auto;min-height:40px}.game-topline .text-button{min-height:36px}.game-layout{height:auto;min-height:0;max-height:none;display:block}.play-area{grid-template-rows:auto minmax(190px,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(310px,1fr);gap:10px 14px;height:auto;display:grid}.opponents{grid-area:1/1/auto/-1;justify-content:center;gap:12px}.opponent{gap:7px;max-width:260px;min-height:62px;padding:4px 12px}.opponent .avatar-small{flex-basis:25px;width:25px;height:25px;font-size:1.0625rem}.opponent small{margin-top:2px}.table-wrap{grid-area:2/1/4;min-height:260px}.table-top{height:auto;min-height:40px;padding:6px 10px}.game-table{padding:10px}.empty-table{min-height:65px}.empty-table-mark{margin:0;font-size:1.5625rem;display:none}.empty-table p{margin:4px 0}.empty-table>span{display:none}.table-tools{flex-wrap:wrap;gap:4px 8px;min-height:44px;padding:3px 6px}.new-meld-button{min-height:27px;padding:4px 6px}.tool-button{min-height:26px;padding:4px 2px}.tool-button svg{width:13px}.rack-section{flex-direction:column;grid-area:2/2;align-self:stretch;min-height:0;padding:8px;display:flex}.rack-header{flex-wrap:nowrap;gap:6px;margin-bottom:6px}.rack-identity>strong{max-width:8rem;display:none}.rack-identity>em,.rack-identity .avatar-small{display:none}.sort-tools button{min-height:34px;padding:3px 5px}.rack-tray{flex:none;min-height:0;padding:0 5px;overflow:hidden}.rack-tiles{grid-template-rows:4rem;grid-auto-columns:2.75rem;grid-auto-flow:column;place-content:start;gap:7px 5px;height:auto;min-height:5.5rem;padding:7px 2px;display:grid}.rack-tiles .tile{--tile-w:2.75rem;--tile-h:4rem;border-radius:5px}.rack-meta{min-height:28px}.rack-meta .text-button{min-height:18px}.turn-controls{background:#fff9e9;grid-area:3/2;gap:5px;padding:6px 0;position:static}.move-feedback{min-height:12px}.turn-buttons{gap:6px}.turn-buttons .btn{white-space:nowrap;gap:3px;min-height:44px;padding:8px 4px}.turn-buttons svg{width:13px}.turn-buttons .hint-button{flex:.9;margin:0}.turn-buttons .draw-button{flex:1}.turn-buttons .play-button{flex:1.4;min-width:0}.meld .tile{--tile-w:2.75rem;--tile-h:4rem}.meld{padding:6px 5px 1px}.meld-grid{gap:8px}.meld-bottom{min-height:19px}.meld-bottom button{min-height:20px;padding:3px}.game-sidebar,.desktop-chat{display:none}.mobile-status{height:auto;min-height:36px;margin-top:4px;display:flex}.mobile-status button{min-height:36px}.mobile-status svg{width:12px}.quick-chat{bottom:35px;left:auto;right:18px}.modal-header{padding:10px 18px}.modal-content{padding-top:14px}.waiting-grid{grid-template-columns:1fr}.waiting-guide{display:none}.seats{grid-template-columns:repeat(4,minmax(0,1fr))}.seat{padding:15px 7px}.waiting-shell{max-width:760px}.opponent strong{font-size:var(--text-caption)}.empty-table h2{font-size:var(--text-title-sm)}.selection-count{text-align:center;flex-basis:100%;order:4}.new-meld-button,.tool-button{min-height:36px}.rack-identity{width:auto}.sort-tools{margin-left:auto}.turn-buttons .btn svg{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reaction-toast{z-index:5;color:#63784c;width:max-content;max-width:90%;font-size:var(--text-caption);pointer-events:none;background:#fff9da;border:1.5px solid #7b9968;border-radius:13px;align-items:center;gap:7px;padding:10px 14px;line-height:1.5;display:flex;position:absolute;top:42px;left:50%;transform:translate(-50%);box-shadow:2px 3px #b7c398}.active-rooms{margin:22px 0}.active-rooms h3{font-size:var(--text-body)}.active-rooms>button{text-align:left;color:#5b7750;background:#eef4e4;border:1px solid #cad7bd;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-top:8px;padding:12px;display:flex}.active-rooms>button>span{flex-direction:column;gap:6px;display:flex}.active-rooms b{font-size:var(--text-body)}.active-rooms small{font-size:var(--text-caption);color:#859477}@media (pointer:coarse) and (orientation:portrait){.meld-bottom button{min-height:33px;padding-inline:7px}.sort-tools button{min-height:30px}}.avatar{overflow:hidden}.avatar>img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.tile-color-change{--tile-color:#a35669}.tile-mirror{--tile-color:#367f70}.tile-double{--tile-color:#426aa3}.function-icon{width:100%;height:100%;display:block}.tile-function-art{place-items:center;display:grid;position:absolute;inset:8% 15% 30%}.tile-function-name{text-align:center;white-space:nowrap;letter-spacing:-.04em;font-size:.65625rem;font-weight:800;line-height:1.2;position:absolute;bottom:6%;left:0;right:0}.tile-function.tile-small{--tile-w:2.75rem;--tile-h:4rem}.edition-tag{color:#3e654d;font-size:var(--text-caption);background:#e5efdb;border:1px solid #b6cbae;border-radius:7px;align-items:center;padding:.15em .6em;font-weight:700;display:inline-flex}.edition-tag.advanced{color:#6b4f8a;background:#efebf7;border-color:#bdb6d8}.advanced-promo{background:#f2eef5;border:1px solid #d6cddf;border-radius:20px;justify-content:space-between;align-items:center;gap:36px;margin:38px 0;padding:30px 34px;display:flex}.advanced-promo h2{font-size:var(--text-title);margin:12px 0}.advanced-promo p{color:#64735f;max-width:650px;line-height:1.8}.advanced-promo-tiles{flex-shrink:0;gap:12px;display:flex}.advanced-promo-tiles .tile-function{--tile-w:4.125rem;--tile-h:5.75rem}.advanced-promo-tiles .tile-function-name{font-size:var(--text-caption)}@media (max-width:700px){.advanced-promo{flex-direction:column;align-items:flex-start;gap:24px;padding:24px}.advanced-promo-tiles{align-self:center}}.tile.drawn{border-color:#ba831d;box-shadow:0 0 0 1px #e3bd65,0 3px #b4ac8b}.tile.hinted{background:#fff8df;border-color:#ad7a20;box-shadow:0 0 0 2px #eacb7e,0 3px #b4ac8b}.tile.drawn.selected,.tile.hinted.selected{border-color:#177a61;box-shadow:0 0 0 2px #77bf99,0 3px #52856b}.tile-badge{color:#fff;background:#90620e;border-radius:3px;place-items:center;width:16px;height:16px;font-size:11px;font-style:normal;font-weight:700;line-height:1;display:grid;position:absolute;top:1px;right:1px}.hint-badge{background:#8b6826}.hint-flight{z-index:150;pointer-events:none;transform-origin:0 0;margin:0;position:fixed;box-shadow:0 8px 18px #30432833}.setup-identity{border:1px solid var(--line);background:#f1f5e9;border-radius:12px;align-items:center;gap:14px;margin-bottom:20px;padding:14px;display:flex}.setup-identity>div{overflow-wrap:anywhere;gap:3px;min-width:0;display:grid}.setup-identity span:not(.avatar){font-size:var(--text-caption);color:var(--muted)}body:has(.game-shell){--game-header-height:64px}body:has(.game-shell) .site-header.in-room{height:var(--game-header-height)}.game-shell{--game-tile-w:2.5rem;--game-tile-h:3.625rem;--game-tile-number:1.875rem;height:calc(100dvh - var(--game-header-height));flex-direction:column;gap:6px;min-height:520px;padding:0 24px 6px;display:flex}.game-shell .game-topline{flex-shrink:0;height:40px;min-height:40px}.game-shell .game-layout{flex:1;gap:16px;height:auto;min-height:0;max-height:none}.game-shell .play-area{grid-template-rows:auto minmax(100px,1fr) auto auto;grid-template-columns:minmax(0,1fr);gap:8px;height:100%;min-height:0;display:grid}.game-shell .opponents{grid-area:auto;gap:8px}.game-shell .opponent{border-width:1.5px;border-radius:10px;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"avatar name count""avatar status count";gap:0 8px;max-width:210px;min-height:52px;padding:6px 10px;display:grid}.game-shell .opponent .avatar-small{border-radius:10px;flex-basis:32px;grid-area:avatar;width:32px;height:32px;display:inline-flex}.game-shell .opponent-info{display:contents}.game-shell .opponent strong{grid-area:name;min-width:0;font-size:.875rem;line-height:1.35}.game-shell .opponent-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-shell .opponent-status{white-space:nowrap;grid-area:status;margin:1px 0 0;font-size:.75rem;line-height:1.3}.game-shell .rack-count{grid-area:count;gap:2px;font-size:1.125rem;line-height:1.2}.game-shell .rack-count small{margin:0;font-size:.6875rem}.game-shell .presence{width:4px;height:4px;top:3px;right:3px}.game-shell .table-wrap{border-radius:14px;grid-area:auto;min-height:0}.game-shell .table-top{gap:4px 8px;min-height:32px;padding:4px 10px;font-size:.8125rem}.game-shell .pool-count{font-size:inherit}.game-shell .game-table{padding:10px 8px}.game-shell .meld-grid{gap:8px}.game-shell .meld{border-radius:8px;align-items:center;gap:4px;padding:6px 5px;display:flex}.game-shell .meld-tiles{gap:4px;min-width:0;padding-bottom:4px}.game-shell .meld .tile,.game-shell .rack-tiles .tile{--tile-w:var(--game-tile-w);--tile-h:var(--game-tile-h);--tile-value-size:var(--game-tile-number);border-radius:5px}.game-shell .tile-corner{font-size:.6875rem}.game-shell .tile-function-name{font-size:.5625rem}.game-shell .meld-rail{width:24px;height:var(--game-tile-h);flex:0 0 24px;place-items:center;display:grid;position:relative}.game-shell .meld-type{writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;color:#627353;font-size:.75rem;line-height:1}.game-shell .meld.invalid .meld-type{color:#a35435;font-weight:700}.game-shell .meld-type.is-suggested{color:#856119;font-weight:700}.game-shell .meld-place{color:#245c3b;background:#d2e5c3;border:1px solid #80a576;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px 0;font-size:.75rem;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.game-shell .meld-place>span{writing-mode:vertical-rl;text-orientation:upright}.game-shell .meld-place:disabled{visibility:hidden}.game-shell .meld-rail:has(.meld-place:enabled) .meld-type{visibility:hidden}.game-shell .meld:has(.meld-place:enabled){border-color:#80a576}.game-shell .meld-place:hover:not(:disabled){background:#bfdbae}.game-shell .table-tools{gap:4px 8px;min-height:42px;padding:3px 8px}.game-shell .selection-count{white-space:nowrap;text-overflow:ellipsis;flex:1;order:0;width:auto;min-width:0;font-size:.75rem;overflow:hidden}.game-shell .new-meld-button,.game-shell .tool-button{min-height:34px;padding:4px 6px}.game-shell .rack-section{border-radius:12px;grid-area:auto;min-height:0;padding:7px 10px 4px}.game-shell .rack-header{flex-wrap:nowrap;gap:6px;margin-bottom:5px}.game-shell .rack-identity{flex-wrap:nowrap;flex:1;width:auto;min-width:0}.game-shell .sort-tools button{min-height:30px;padding:3px 7px;font-size:.8125rem}.game-shell .rack-return{width:32px;height:32px;min-height:32px;color:var(--green);border:1px solid var(--line);border-radius:7px;flex:0 0 32px;padding:0}.game-shell .rack-tray{padding:0 5px}.game-shell .rack-tiles{gap:6px;height:auto;min-height:0;padding:8px 3px;display:flex}.game-shell .rack-meta{min-height:22px;padding:2px 0;font-size:.75rem}.game-shell .turn-controls{border:0;grid-area:auto;gap:4px;padding:0}.game-shell .move-feedback{min-height:18px;font-size:.8125rem;line-height:1.4}.game-shell .turn-buttons{align-items:stretch;gap:8px}.game-shell .turn-buttons .btn{gap:5px;height:3.25rem;min-height:3.25rem;padding:4px 12px;line-height:1.25}.game-shell .hint-button small{font-size:.75rem}.game-shell .play-count{font-variant-numeric:tabular-nums;background:#ffffff26;border-radius:4px;padding:2px 4px;font-size:.75rem}.game-shell .mobile-status,.game-shell .desktop-chat{flex-shrink:0;min-height:32px;margin:0}.game-shell .mobile-status button,.game-shell .desktop-chat .btn{min-height:32px;padding-block:3px}.game-shell .connection-banner{flex-shrink:0;margin:0}@media (max-width:1100px){.game-shell{padding-inline:14px}.game-shell .game-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){body:has(.game-shell){--game-header-height:52px}.game-shell{--game-tile-w:2.25rem;--game-tile-h:3.25rem;--game-tile-number:1.6875rem;min-height:480px;padding:0 8px max(4px, env(safe-area-inset-bottom));gap:5px}.game-shell .game-topline{flex-wrap:nowrap;gap:5px;height:36px;min-height:36px}.game-shell .game-topline .text-button{min-height:36px;padding:3px 1px;font-size:.8125rem}.game-shell .room-label{flex-direction:column;gap:0;font-size:.8125rem;line-height:1.3}.game-shell .room-label>span{white-space:nowrap;border:0;padding:0;font-size:.6875rem}.game-shell .play-area{gap:6px}.game-shell .opponents{gap:5px}.game-shell .opponent{grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"avatar name count""avatar status status";gap:0 4px;min-height:46px;padding:5px}.game-shell .opponent .avatar-small{border-radius:8px;width:24px;height:24px}.game-shell .opponent strong svg{display:none}.game-shell .opponent-status{font-size:.6875rem}.game-shell .rack-count{font-size:1rem}.game-shell .rack-count small{display:none}.game-shell .tile-function-name{font-size:.53125rem}.game-shell .table-top{min-height:28px;padding:3px 7px;font-size:.75rem}.game-shell .table-tools{flex-wrap:nowrap;gap:4px;min-height:38px;padding:2px 5px}.game-shell .selection-count{width:0}.game-shell .tool-button span{display:none}.game-shell .tool-button{justify-content:center;min-width:32px}.game-shell .new-meld-button{padding-inline:5px;font-size:.8125rem}.game-shell .rack-section{padding:5px 6px 3px}.game-shell .rack-tiles{grid-auto-flow:column;grid-auto-columns:var(--game-tile-w);grid-template-rows:repeat(2, var(--game-tile-h));place-content:start;gap:7px 5px;padding:7px 2px;display:grid}.game-shell .rack-identity>strong,.game-shell .rack-identity>em,.game-shell .rack-identity>.avatar{display:none}.game-shell .turn-buttons .btn{gap:3px;height:3rem;min-height:3rem;padding:4px;font-size:.875rem}.game-shell .turn-buttons .play-button{min-width:0}.game-shell .mobile-status{flex-wrap:nowrap;gap:5px;min-height:28px;font-size:.75rem}.game-shell .mobile-status button{gap:3px;min-height:28px;font-size:.75rem}}@media (max-width:760px) and (max-height:740px){.game-shell .rack-tiles{grid-template-rows:var(--game-tile-h)}.game-shell .rack-meta{display:none}}@media (max-height:700px) and (orientation:landscape){body:has(.game-shell){--game-header-height:40px}body:has(.game-shell) .in-room .brand img{width:29px;height:29px}body:has(.game-shell) .in-room .brand>span{font-size:1.25rem}body:has(.game-shell) .in-room .brand small{display:none}body:has(.game-shell) .in-room .main-nav{display:none}body:has(.game-shell) .in-room .profile-button .avatar-small{flex-basis:25px;width:25px;height:25px}.game-shell{--game-tile-w:2.25rem;--game-tile-h:3.125rem;--game-tile-number:1.625rem;min-height:280px;padding:0 max(8px, env(safe-area-inset-right)) max(2px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));gap:4px}.game-shell .game-topline{flex-wrap:nowrap;height:32px;min-height:32px}.game-shell .game-topline .text-button{min-height:32px;padding-block:2px}.game-shell .game-layout{display:block}.game-shell .play-area{grid-template-rows:42px minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) clamp(238px,33vw,310px);gap:5px 8px}.game-shell .table-wrap{grid-area:1/1/-1}.game-shell .opponents{grid-area:1/2;gap:4px}.game-shell .opponent{border-radius:8px;grid-template-columns:21px minmax(0,1fr) auto;grid-template-areas:"avatar name count""avatar status status";gap:0 3px;min-height:42px;padding:4px}.game-shell .opponent .avatar-small{border-radius:7px;width:21px;height:21px}.game-shell .opponent strong{font-size:.75rem}.game-shell .opponent strong svg,.game-shell .rack-count small{display:none}.game-shell .opponent-status{font-size:.625rem}.game-shell .rack-count{font-size:.875rem}.game-shell .tile-function-name{font-size:.53125rem}.game-shell .table-top{min-height:28px;padding:3px 7px;font-size:.75rem}.game-shell .table-tools{flex-wrap:nowrap;gap:4px;min-height:38px;padding:2px 5px}.game-shell .tool-button span{display:none}.game-shell .selection-count{flex-basis:0;width:0}.game-shell .rack-section{flex-direction:column;grid-area:2/2;padding:5px;display:flex;overflow:hidden}.game-shell .rack-header{flex-shrink:0;gap:3px;margin-bottom:4px}.game-shell .rack-identity>strong,.game-shell .rack-identity>em,.game-shell .rack-identity>.avatar,.game-shell .rack-meta{display:none}.game-shell .rack-identity>span:not(.avatar){font-size:.75rem}.game-shell .sort-tools button{min-height:26px;padding:2px 4px;font-size:.75rem}.game-shell .rack-return{flex-basis:28px;width:28px;height:28px;min-height:28px}.game-shell .rack-tray{flex:1;min-height:0;padding:0 3px}.game-shell .rack-tiles{grid-template-columns:repeat(auto-fill, var(--game-tile-w));grid-template-rows:none;grid-auto-columns:auto;grid-auto-rows:var(--game-tile-h);grid-auto-flow:row;place-content:start space-between;gap:6px 4px;height:100%;padding:6px 2px;display:grid;overflow:auto}.game-shell .turn-controls{grid-area:3/2;gap:3px}.game-shell .move-feedback{min-height:17px;font-size:.75rem}.game-shell .turn-buttons{gap:4px}.game-shell .turn-buttons .btn{gap:2px;height:2.75rem;min-height:2.75rem;padding:3px;font-size:.8125rem}.game-shell .hint-button small{font-size:.625rem}.game-shell .turn-buttons .play-button{flex:1.4;min-width:0}.game-shell .turn-buttons .hint-button{flex:.9;margin:0}.game-shell .turn-buttons .draw-button{flex:1}.game-shell .turn-buttons .btn svg,.game-shell .game-sidebar,.game-shell .desktop-chat{display:none}.game-shell .mobile-status{gap:6px;min-height:24px;font-size:.75rem;display:flex}.game-shell .mobile-status button{min-height:24px;padding-block:0;font-size:.75rem}}@media (max-width:650px) and (max-height:700px) and (orientation:landscape){.game-shell .opponent{grid-template-columns:18px minmax(0,1fr) auto;column-gap:2px;padding:3px}.game-shell .opponent .avatar-small{width:18px;height:18px}}@media (max-height:350px) and (orientation:landscape){.game-shell{min-height:294px}}