.modal.settings-organized{width:min(900px,100vw - 32px);max-width:900px;max-height:calc(100dvh - 40px);padding:32px}.settings-organized>h2{margin:0 40px 12px 0;font-size:30px}.settings-sections{grid-template-columns:165px minmax(0,1fr);gap:28px;margin:24px 0;display:grid}.settings-categories{flex-direction:column;align-self:start;gap:5px;display:flex}.settings-categories button{color:var(--muted);text-align:left;background:0 0;border-radius:8px;padding:12px;font-size:14px;line-height:1.5}.settings-categories button[aria-selected=true]{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--ink);font-weight:700}.settings-category-content{scrollbar-gutter:stable;min-width:0;max-height:55dvh;padding:4px 16px 12px 4px;overflow-y:auto}.settings-category-content>h3{margin:0 0 16px;font-size:18px}.settings-category-content .setting-row:first-of-type{border-top:0}.settings-category-content .setting-row{gap:20px;padding:20px 0}.settings-category-content .setting-row small{max-width:360px;line-height:1.55}.settings-category-content .nocturne-settings-link{margin:16px 0;display:inline-block}@media (width<=650px){.modal.settings-organized{padding:24px 18px}.settings-sections{grid-template-columns:1fr;gap:16px}.settings-categories{grid-template-columns:1fr 1fr;display:grid}.settings-categories button{text-align:center;padding:9px;font-size:13px}.settings-category-content{max-height:48dvh;padding-right:8px}.settings-organized>h2{font-size:26px}}.language-menu{max-width:100%;color:var(--muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}html:lang(ko){font-family:Inter,Malgun Gothic,Apple SD Gothic Neo,system-ui,sans-serif}html:lang(ko) h1{word-break:keep-all;line-height:1.4}html:lang(ko) .eyebrow{letter-spacing:.04em}.language-menu select{max-width:170px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:5px;padding:6px 22px 6px 6px}.language-menu select:focus-visible{outline:2px solid var(--green,#335845);outline-offset:2px}html:lang(ja),html:lang(zh){font-family:Inter,Noto Sans CJK JP,Noto Sans CJK SC,Noto Sans CJK TC,Microsoft YaHei,Yu Gothic,system-ui,sans-serif}html:lang(ja) .eyebrow,html:lang(zh) .eyebrow{letter-spacing:.08em}html:lang(ja) h1,html:lang(zh) h1{line-height:1.4}@media (width<=600px){.topbar .language-menu svg{display:none}.language-menu select{max-width:116px;font-size:12px}html:lang(pt-BR) .language-menu select{max-width:146px}}.challenge-invitation{background:#eff3ec;align-items:flex-start;gap:22px;padding:28px;display:flex}.challenge-invitation>svg{color:#6a8966;flex-shrink:0;margin-top:5px}.challenge-invitation h2{margin:12px 0;font-size:1.4rem}.challenge-invitation p{max-width:65ch;margin:0 0 18px;line-height:1.7}@media (width<=600px){.challenge-invitation{gap:14px;padding:22px 18px}.challenge-invitation>svg{width:22px}}.daily-cup-card{background:#ecf0e8;border:1px solid #d3ddcb;border-radius:10px;align-items:flex-start;gap:18px;margin-bottom:20px;padding:25px;display:flex}.daily-cup-card>svg{color:#71926c;flex-shrink:0}.daily-cup-card h3{margin:9px 0;font-size:22px}.daily-cup-card p{color:#668461;font-size:14px;line-height:1.8}.daily-cup-card a{margin-top:10px}.tournaments-page>.panel{margin:20px 0;padding:26px}.tournaments-page .page-heading p{line-height:1.7}.cup-navigation{flex-wrap:wrap;align-items:center;gap:22px;font-size:13px;display:flex}.cup-navigation button{margin-left:auto}.cup-entry{background:#eef2eb;flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.cup-entry h2{font:400 clamp(23px,3vw,34px)/1.3 var(--font-heading);margin:15px 0}.cup-entry p{color:#5e795a;font-size:14px;line-height:1.8}.cup-entry-actions{flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;max-width:370px;font-size:14px;line-height:1.7;display:flex}.cup-reason{flex-basis:100%}.cup-rules h2,.cup-tables h2,.cup-entrants h2,.cup-standings h2{margin:0 0 18px;font-size:23px}.cup-rules ul{color:#5c7658;padding-left:20px;font-size:14px;line-height:1.8}.cup-rules li+li{margin-top:10px}.cup-tables article{border-top:1px solid #dfe6d9;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;font-size:14px;display:flex}.cup-tables article span{color:#658360;margin-left:15px}.cup-tables article p{overflow-wrap:anywhere;margin-top:10px;line-height:1.8}.cup-entrants ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 25px;padding:0;list-style:none;display:grid}.cup-entrants li{overflow-wrap:anywhere;border-bottom:1px solid #dfe6d9;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:13px;display:flex}.cup-entrants li span{color:#6c8c67;flex-shrink:0}.cup-table-scroll{overflow:auto}.cup-standings table{border-collapse:collapse;width:100%;font-size:14px}.cup-standings td,.cup-standings th{text-align:left;border-bottom:1px solid #dfe6d9;padding:12px 8px}.cup-standings th{color:#698764;font-size:12px}.cup-standings td:nth-child(2){overflow-wrap:anywhere}@media (width<=650px){.tournaments-page>.panel{padding:18px}.cup-entrants ul{grid-template-columns:1fr}.cup-navigation{gap:14px}.cup-tables article{flex-wrap:wrap}.daily-cup-card{gap:12px;padding:20px}.cup-standings td,.cup-standings th{padding:10px 5px;font-size:12px}}.planet-chat{color:#325844;background:#eef1e6;border:1px solid #dae3d3;border-radius:10px;min-width:0;overflow:hidden}.chat-heading{justify-content:space-between;align-items:center;gap:12px;padding:11px 14px 8px;display:flex}.chat-heading h2{color:#5e7a5a;margin:0;font-family:inherit;font-size:15px;font-weight:400;line-height:1.4}.chat-toggle{cursor:pointer;color:#f3f6f1;background:#d5dfcc;border:0;border-radius:20px;flex-shrink:0;width:38px;height:24px;padding:3px;transition:background .15s}.chat-toggle>span{background:#98b094;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:transform .15s;display:flex}.chat-toggle[aria-pressed=true]{background:#7b9a76}.chat-toggle[aria-pressed=true]>span{background:#3d6952;transform:translate(14px)}.chat-toggle:focus-visible{outline-offset:3px;outline:2px solid #39634d}.chat-body{min-width:0}.chat-log{overscroll-behavior:contain;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#b5c6b3 transparent;height:260px;padding:0 13px 10px;overflow-y:auto}.chat-empty{color:#6e8e69;text-align:center;max-width:250px;margin:75px auto;font-size:13px;line-height:1.8}.chat-message{white-space:pre-wrap;padding:5px 21px 5px 0;font-size:13px;line-height:1.65;position:relative}.chat-message .chat-author{color:#607c5c;margin-right:5px;font-weight:650;text-decoration:none}.chat-message .chat-author:hover{text-decoration:underline}.chat-message>span a{color:#38624d}.chat-options{color:#71936c;cursor:pointer;opacity:0;background:0 0;border:0;width:26px;min-height:28px;padding:0;font-size:10px;position:absolute;top:3px;right:-5px}.chat-message:hover .chat-options,.chat-message:focus-within .chat-options{opacity:1}.chat-composer{border-top:1px solid #d2dcc9}.chat-compose-row{align-items:center;min-width:0;padding:0 5px 0 12px;display:flex}.chat-compose-row textarea{box-sizing:border-box;resize:none;width:100%;min-width:0;height:40px;min-height:40px;max-height:100px;font:inherit;color:inherit;background:0 0;border:0;border-radius:0;flex:1;padding:10px 0;font-size:13px;line-height:20px}.chat-compose-row textarea::placeholder{color:#6e8e69}.chat-compose-row textarea:focus{outline:0}.chat-compose-row:focus-within{box-shadow:inset 0 -2px #73946e}.chat-compose-row button{color:#3a654f;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:38px;padding:0;display:flex}.chat-compose-row button:disabled{opacity:.3;cursor:default}.chat-compose-hint{color:#6e8e69;padding:0 13px 8px;font-size:10px;display:block}.chat-signin{border-top:1px solid #d2dcc9;margin:0;padding:11px 13px;font-size:12px}.chat-signin a{color:#5d7858;text-decoration:none}.chat-signin a:hover{text-decoration:underline}.chat-footer{color:#74956f;background:#f3f6f1;border-top:1px solid #dfe6d8;flex-wrap:wrap;align-items:center;gap:13px;padding:9px 13px;font-size:10px;display:flex}.chat-live{color:#658360}.chat-footer>a{color:inherit;margin-left:auto;text-decoration:none}.chat-footer details{display:contents}.chat-footer summary{cursor:pointer;list-style:none}.chat-footer summary::-webkit-details-marker{display:none}.chat-footer details[open] summary{color:#3a654f}.chat-footnote{flex-basis:100%;order:2;margin:0;font-size:11px;line-height:1.7}.chat-message-actions,.chat-moderation{overflow-wrap:anywhere;background:#f6f8f4;border:1px solid #d3ddcb;border-radius:7px;margin:10px;padding:12px;font-size:12px}.chat-message-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.chat-message-actions form{flex-wrap:wrap;flex-basis:100%;align-items:end;gap:10px;display:flex}.chat-message-actions label{flex-basis:100%;min-width:0}.chat-message-actions input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #d3ddcb;border-radius:6px;margin-top:6px;padding:9px;display:block}.chat-moderation article{border-bottom:1px solid #d3ddcb;padding:12px 0}.chat-moderation .text-button{margin-right:12px}.chat-moderation p{white-space:pre-wrap}.chat-moderation h3{font-size:14px}.chat-body>.text-button{margin:8px 13px;font-size:11px}.chat-body>[role=status],.chat-error{padding:0 13px;font-size:12px;line-height:1.6}.chat-error{color:#98382f}@media (hover:none){.chat-options{opacity:.65}}@media (width<=600px){.chat-log{height:240px}.chat-message{font-size:13px}}.home-page{--home-border:#dae3d3}.home-page .welcome-line>span:first-child{overflow-wrap:anywhere;align-items:center;gap:10px;min-width:0;display:flex}.home-page .hero{margin-bottom:28px}.home-page .hero h1{font-size:clamp(36px,3.5vw,62px)}.home-return-hero{border:1px solid var(--home-border);background:#ebf0e7;border-radius:12px;justify-content:space-between;align-items:center;gap:30px;margin-bottom:26px;padding:36px 42px;display:flex;overflow:hidden}.home-return-hero h1{font-family:var(--font-heading);margin:16px 0;font-size:clamp(34px,3.2vw,51px);font-weight:400;line-height:1.16}.home-return-hero h1 em{color:#64815f}.home-return-hero p{color:#5e795a;max-width:490px;line-height:1.7}.home-mascot{object-fit:contain;width:145px;max-height:185px;margin-right:32px;transform:rotate(-5deg)}.home-return-hero .hero-actions{flex-wrap:wrap;margin-top:22px}.home-last-room{margin-top:18px}.home-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px;display:grid}.home-main-column,.home-side-column{flex-direction:column;gap:20px;min-width:0;display:flex}.home-page .panel{padding:27px}.home-next{align-items:flex-start;gap:18px;display:flex}.home-next-icon{color:#a9905e;background:#f4eddf;border-radius:12px;flex-shrink:0;padding:12px}.home-next h2{margin:10px 0;font-size:21px}.home-next p{color:#64815f;font-size:14px;line-height:1.7}.home-secondary-link{margin-left:18px}.home-side-column .quick-play{height:auto;margin:0}.home-friendly{border:1px solid var(--home-border);border-radius:10px;align-items:flex-start;gap:15px;padding:22px;display:flex}.home-friendly>svg{flex-shrink:0;margin-top:4px}.home-friendly h3{margin:0 0 8px;font-size:16px}.home-friendly p{color:#64815f;font-size:13px;line-height:1.7}.home-watch{align-self:center}.home-events,.home-news{margin-top:42px}.home-events .section-heading,.home-news .section-heading{align-items:center;gap:15px;margin-top:0}.home-page .section-heading h2{margin:10px 0 0;font-size:25px}.community-empty{border:1px solid var(--home-border);background:#eff3ec;border-radius:12px;align-items:center;gap:24px;padding:28px 32px;display:flex}.community-empty>svg{flex-shrink:0}.community-empty h3{margin:0;font-size:19px}.community-empty p{color:#64815f;max-width:720px;line-height:1.7}.event-list{gap:14px;display:grid}.event-card{border:1px solid var(--home-border);background:#fff;border-radius:10px;align-items:center;gap:24px;padding:26px;display:flex}.event-date{color:#5d7859;flex-direction:column;flex-shrink:0;gap:12px;width:160px;font-size:14px;line-height:1.6;display:flex}.event-description{overflow-wrap:anywhere;flex:1;min-width:0}.event-description h3{margin:8px 0;font-size:20px}.event-description p{color:#5f7b5b;font-size:14px;line-height:1.7}.event-description summary{cursor:pointer;font-size:13px}.event-description small{color:#5f7b5b;margin-top:12px;display:block}.event-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:15px;display:flex}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.news-card{color:inherit;background:#fff;border:1px solid #dae3d3;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.news-card:hover{border-color:#799974;transform:translateY(-3px)}.news-thumbnail{aspect-ratio:16/9;object-fit:contain;background:#ebf0e7;width:100%;height:auto;display:block}.news-copy{flex-direction:column;flex:1;padding:23px;display:flex}.content-meta{color:#698764;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;display:flex}.content-meta>span{color:#477b60}.news-copy h3{font-family:var(--font-heading);overflow-wrap:anywhere;margin:15px 0 10px;font-size:25px;font-weight:400;line-height:1.25}.news-copy p{color:#5e7a5a;overflow-wrap:anywhere;margin:0 0 20px;font-size:14px;line-height:1.75}.news-copy .path-link{align-items:center;gap:10px;margin-top:auto;font-size:13px;display:flex}.home-bottom{border-top:1px solid var(--home-border);color:#698864;justify-content:space-between;align-items:center;gap:20px;margin-top:36px;padding-top:22px;font-size:13px;display:flex}.home-bottom span,.home-bottom a{align-items:center;gap:8px;display:flex}.home-bottom a{color:inherit}.publisher-entry{margin-top:25px}.daily-toolbar{color:#607c5c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin:24px 0;font-size:13px;display:flex}.daily-page .practice-exercise{margin-top:20px}.news-article{overflow-wrap:anywhere;max-width:800px;margin:30px auto}.news-article h1{font-family:var(--font-heading);margin:16px 0;font-size:clamp(30px,4vw,52px);font-weight:400;line-height:1.15}.article-summary{color:#5e7a5a;font-size:19px;line-height:1.7}.news-article>.news-thumbnail{border-radius:10px;margin:28px 0}.article-body{overflow-wrap:anywhere;font-size:16px;line-height:1.85}.article-body p{white-space:pre-wrap}.article-body h2{font-family:var(--font-heading);margin-top:30px;font-size:27px;font-weight:400}.publisher-layout{grid-template-columns:240px minmax(0,1fr);gap:24px;display:grid}.publisher-library h2{font-size:17px}.publisher-new{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.publisher-item{text-align:left;overflow-wrap:anywhere;background:#fff;border:1px solid #dae3d3;border-radius:8px;flex-direction:column;gap:8px;width:100%;margin-bottom:10px;padding:16px;display:flex}.publisher-item.selected{background:#eef1e6;border-color:#3e6c54}.publisher-item small{color:#668462}.publisher-form{min-width:0}.publisher-form fieldset{border:0;min-width:0;margin:0;padding:0}.publisher-form legend{margin-bottom:20px;font-size:22px}.publisher-form label{flex-direction:column;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.publisher-form input,.publisher-form select,.publisher-form textarea{width:100%;min-width:0;color:var(--ink);font:inherit;background:#fafbf7;border:1px solid #cdd9c3;border-radius:6px;padding:12px}.publisher-form textarea{resize:vertical}.publisher-form small{color:#607c5c;line-height:1.5}.publisher-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.publisher-upload{border-top:1px solid #dae3d3;padding-top:20px}.publisher-upload .news-thumbnail{max-width:400px;margin-bottom:12px}.publisher-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.publisher-preview{width:min(900px,95vw);max-height:90dvh;color:var(--ink);background:#fafbf7;border:1px solid #cdd9c3;border-radius:12px;padding:30px;overflow:auto}.publisher-preview::backdrop{background:#1e3428b3}.publisher-form .small-note{line-height:1.6}.home-page .welcome-line>span{min-width:0}@media (width>=1600px){.home-page .home-main-grid{grid-template-columns:minmax(0,1.8fr) minmax(340px,1fr)}}@media (width<=1100px){.home-main-grid{grid-template-columns:minmax(0,1fr)}.home-side-column{grid-template-columns:1fr 1fr;align-items:start;display:grid}.home-watch{grid-column:2}.home-mascot{width:100px;margin-right:0}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-card{flex-wrap:wrap}.event-actions{flex-direction:row;justify-content:flex-end;width:100%}.publisher-layout{grid-template-columns:190px minmax(0,1fr)}}@media (width<=600px){.home-return-hero{gap:12px;padding:25px;position:relative}.home-return-hero>div{z-index:1;position:relative}.home-return-hero h1{font-size:35px}.home-mascot{opacity:.3;width:55px;position:absolute;top:15px;right:15px}.home-page .hero h1{font-size:36px}.home-page .panel{padding:21px 17px}.home-side-column{display:flex}.home-next{gap:12px}.home-next-icon{padding:8px}.home-next h2{font-size:19px}.home-secondary-link{margin:12px 0 0}.community-empty{align-items:flex-start;gap:15px;padding:23px 18px}.community-empty>svg{width:24px}.news-grid{grid-template-columns:1fr}.home-page .section-heading{flex-wrap:wrap;align-items:flex-start}.home-page .section-heading h2{font-size:23px}.home-bottom{flex-direction:column;align-items:flex-start}.event-card{gap:16px;padding:20px}.event-date{flex-direction:row;align-items:center;width:100%}.event-description{flex-basis:100%}.event-actions{flex-wrap:wrap;justify-content:flex-start}.publisher-layout{grid-template-columns:1fr}.publisher-library{max-height:240px;overflow:auto}.publisher-new{flex-flow:wrap}.publisher-row{grid-template-columns:1fr;gap:0}.publisher-preview{padding:18px}.home-page .welcome-line>span:last-child{display:none}.home-page .welcome-line{font-size:13px}.daily-toolbar{align-items:flex-start}.home-return-hero .hero-actions{gap:18px}.publisher-form input[type=file]{font-size:12px}}.home-page a.text-button{text-decoration:none}@media (width<=1100px){.home-returning .home-side-column{order:-1}}@media (width<=600px){.home-return-hero h1{font-size:30px}.home-return-hero{padding:23px}.home-return-hero p{font-size:14px}.home-returning .home-side-column{order:-1}}.home-page .home-return-hero{grid-template-columns:minmax(0,1.25fr) minmax(240px,1fr);gap:0;padding:0;display:grid}.home-return-copy{z-index:1;min-width:0;padding:32px 0 32px 36px;position:relative}.home-return-hero .home-tile-art{height:100%;min-height:330px;margin:0}.home-return-hero .tile-stage{transform:translate(-50%,-50%)scale(.95)}.arrangement-fan .art-tile-back{top:49px;left:38px;transform:rotate(-25deg)}.arrangement-fan .art-tile-left{top:26px;left:100px;transform:rotate(0)}.arrangement-fan .art-tile-front{top:66px;left:162px;transform:rotate(24deg)}.arrangement-fan .orbit-two{transform:translate(-50%,-50%)rotate(28deg)}.arrangement-cascade .art-tile-back{top:18px;left:39px;transform:rotate(-17deg)}.arrangement-cascade .art-tile-left{top:51px;left:114px;transform:rotate(12deg)}.arrangement-cascade .art-tile-front{top:100px;left:69px;transform:rotate(-9deg)}.arrangement-cascade .orbit-two{transform:translate(-50%,-50%)rotate(-60deg)}.home-community-column{min-width:0;container-type:inline-size}.home-community-column .home-events{margin-top:0}.home-community-column .home-news{margin-top:28px}.home-community-column .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-community-column .event-card{grid-template-columns:110px minmax(0,1fr);gap:16px;display:grid}.home-community-column .event-date{width:auto}.home-community-column .event-actions{flex-flow:wrap;grid-column:2;justify-content:flex-start}@container (width<=520px){.home-community-column .news-grid,.home-community-column .event-card{grid-template-columns:minmax(0,1fr)}.home-community-column .event-actions{grid-column:1}}@media (width>=1101px){.home-main-grid{grid-template-rows:min-content 1fr;align-items:start}.home-main-column{grid-area:1/1}.home-side-column{grid-area:1/2/span 2}.home-community-column{grid-area:2/1}}.home-lobby-card{color:#2e503f;background:#f0f3ed;border:1px solid #ced9c4;border-radius:9px;padding:25px}.home-lobby-card h2{margin:0;font-size:22px}.home-lobby-card p{color:#46795f;margin:16px 0 20px;font-size:14px;line-height:1.8}.home-lobby-card>.button{justify-content:center;width:100%}.home-lobby-card small{color:#5c7658;margin-top:16px;font-size:12px;line-height:1.8;display:block}@media (width>=1600px){.home-return-hero .home-tile-art{min-height:360px}.home-return-hero .tile-stage{transform:translate(-50%,-50%)scale(1.13)}}@media (width<=1000px) and (width>=761px){.home-return-copy{padding-left:25px}.home-return-hero h1{font-size:34px}.home-return-hero .tile-stage{transform:translate(-50%,-50%)scale(.8)}}@media (width<=760px){.home-page .home-return-hero{grid-template-columns:minmax(0,1fr)}.home-return-copy{padding:25px 25px 0}.home-return-hero .home-tile-art{height:190px;min-height:190px}.home-return-hero .tile-stage{top:40%;transform:translate(-50%,-50%)scale(.63)}.home-return-hero .orbit{width:220px;height:160px;top:42%}.home-return-hero .orbit-two{width:270px;height:160px}.home-return-hero .orbit-one:after{width:310px;height:200px}.home-return-hero .art-coordinate{display:none}.home-lobby-card{padding:21px}}.home-variants{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 28px;display:grid}.home-variants>a{border:1px solid var(--home-border);min-width:0;color:inherit;background:#fff;border-radius:10px;grid-column:span 2;align-items:center;gap:14px;padding:18px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.home-variants>a:hover{border-color:#799974;transform:translateY(-2px);box-shadow:0 5px 18px #28463710}.home-variants>a:focus-visible{outline-offset:3px;outline:3px solid #73946e}.home-variants>a>svg{flex-shrink:0}.home-variants>a>svg:last-child{margin-left:auto}.home-variants strong,.home-variants small{display:block}.home-variants strong{font-size:15px;line-height:1.5}.home-variants small{color:#698864;margin-top:3px;font-size:12px;line-height:1.6}.home-side-column>.planet-chat{box-sizing:border-box;align-self:stretch;width:100%}.home-guide-links{flex-wrap:wrap;gap:14px 26px;margin:-8px 0 28px;font-size:13px;display:flex}.home-guide-links a{color:inherit;text-underline-offset:4px;align-items:center;gap:7px;display:flex}.home-guide-links a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}@media (width<=760px){.home-variants{grid-template-columns:1fr;gap:8px}.home-variants>a,.home-variants>a:nth-last-child(-n+2){grid-column:auto;padding:13px 16px}.home-variants small{margin-top:0}}@media (prefers-reduced-motion:reduce){.home-variants>a{transition:none}.home-variants>a:hover{transform:none}}.home-positioning{margin:24px 0;padding:24px}.home-positioning h2{font:26px var(--serif);margin:0 0 12px}.home-positioning p{max-width:75ch;color:var(--muted);line-height:1.8}.home-page .home-community-column{flex-direction:column;gap:24px;min-width:0;margin:0 0 24px;display:flex}.home-page .home-community-column .home-events{grid-area:1/1/auto/-1;margin:0}.home-page .home-community-column .home-news{grid-area:2/1;margin:0}@media (width>=1101px){.home-page .home-main-grid:has(.home-news) .home-side-column{padding-top:39px}}.home-page .home-community-column .section-heading{margin:0 0 12px}.home-page .home-community-column .section-heading .eyebrow{display:none}.home-page .home-community-column .section-heading h2{margin:0;font-size:20px}.home-page .home-community-column .news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-page .news-card .news-thumbnail{aspect-ratio:2;object-fit:cover}.home-page .news-copy{gap:9px;padding:13px}.home-page .news-copy h3{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-family:inherit;font-size:16px;line-height:1.4;display:-webkit-box;overflow:hidden}.home-page .news-copy p,.home-page .news-copy .path-link{display:none}.home-page .content-meta{gap:5px;font-size:10px}.home-page .daily-cup-card h3{margin:6px 0;font-size:18px}.home-page .daily-cup-card p{margin:8px 0;font-size:13px;line-height:1.6}.home-page .daily-cup-card .eyebrow{display:none}.home-page .home-main-column{grid-template-columns:1fr 1fr;align-content:start;gap:14px;display:grid}.home-page :is(.home-next,.challenge-invitation){align-items:flex-start;gap:12px;margin:0;padding:18px}.home-page :is(.home-next,.challenge-invitation) .eyebrow{display:none}.home-page :is(.home-next,.challenge-invitation) h2{margin:0 0 8px;font-size:17px}.home-page :is(.home-next,.challenge-invitation) p{margin:0 0 12px;font-size:13px;line-height:1.6}.home-page .home-next-icon{background:0 0;padding:0}.home-page .home-secondary-link{margin:8px 0 0;display:flex}.home-page .home-community-column .news-grid:has(>.news-card:only-child){grid-template-columns:1fr}.home-page .news-card:only-child:has(.news-thumbnail){grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);display:grid}.home-page .news-card:only-child .news-thumbnail{aspect-ratio:auto;object-fit:cover;height:150px}.home-page .news-card:only-child .news-copy{justify-content:center}.home-page .home-events .event-card{grid-template-columns:130px minmax(0,1fr) auto;gap:14px;padding:16px}.home-page .home-events .event-actions{flex-direction:column;grid-area:1/3;align-items:flex-start;width:auto}.home-page .home-events .event-description h3{margin:4px 0;font-size:17px}.home-page .home-events .event-description p{margin:5px 0}@media (width<=600px){.home-page .home-community-column .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .home-main-column{grid-template-columns:1fr}.home-page .news-copy{padding:11px}.home-page .news-copy h3{font-size:14px}.home-page .home-events .event-card{grid-template-columns:1fr}.home-page .home-events .event-actions{flex-direction:row;grid-area:auto/1}.home-page .news-card:only-child .news-thumbnail{height:130px}}.home-page .home-main-grid{grid-template-rows:auto;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);align-items:start;gap:18px}.home-page .home-main-column{grid-area:auto;gap:14px}.home-page .home-content-column{min-width:0}.home-page .home-side-column{flex-direction:column;order:0;grid-area:auto;gap:18px;display:flex}.home-page .home-side-column .daily-cup-card{gap:12px;margin:0;padding:18px}.home-page .home-friendly{grid-column:1/-1;gap:12px;padding:18px}.home-page .home-friendly>div{min-width:0}.home-page .home-friendly h3{margin:0 0 8px;font-size:17px}.home-page .home-friendly p{margin:0 0 12px;font-size:13px;line-height:1.6}.home-friendly-actions{flex-wrap:wrap;gap:12px 28px;display:flex}.home-page .chat-log{box-sizing:border-box;height:190px}.home-page .chat-log:has(.chat-empty){place-items:center;padding:18px;display:grid}.home-page .chat-empty{max-width:28ch;margin:0}.home-page .home-bottom{margin-top:24px;padding-top:18px}@media (width>=1101px){.home-page .home-side-column{align-self:stretch}.home-page #planet-chat-content,.home-page .chat-body{flex-direction:column;flex:1;display:flex}.home-page .planet-chat:has(.chat-body){flex-direction:column;flex:1;display:flex}.home-page .chat-body>.chat-log{flex:190px;min-height:190px}.home-page .chat-heading,.home-page .chat-body>:not(.chat-log){flex-shrink:0}}@media (width<=1100px){.home-page .home-main-grid{grid-template-columns:minmax(0,1fr)}}.tile{position:relative}.tile>.tile-face{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;padding:5% 9% 7%}.tile-index{color:#34483d;pointer-events:none;background:#faf8ed;border-radius:2px;padding:1px;font:600 9px/1 sans-serif;display:none;position:absolute;top:1px;left:2px}.tile-guides .tile-index,.tile-with-guide .tile-index{display:block}.tile-guides .tile>.tile-face,.tile-with-guide.tile>.tile-face{padding-top:16%}.tile-small .tile-index{font-size:7px}.art-tile .tile-index{display:none}.art-tile .tile>.tile-face{padding:8%}.spring-preview{grid-area:1/1;min-width:0;margin:0;position:relative}.spring-table-scene{aspect-ratio:1.08;--demo-tile:5.9cqw;--demo-gap:clamp(3.5px,.55cqw,4px);border-radius:22px;width:100%;position:relative;overflow:hidden;container-type:size}.spring-table-plane{background:var(--classic-felt-grain) repeat,var(--classic-felt-light);border:7px solid #8ca874;border-radius:20px;width:100%;height:92%;position:absolute;top:6%;left:0;box-shadow:inset 0 0 0 1px #eef4dd45,inset 0 0 35px #173b2235}.spring-table-plane:after{content:"";pointer-events:none;border:1px solid #e0eac930;border-radius:8px;position:absolute;inset:9px}.spring-tile{width:var(--demo-tile,43px);height:calc(var(--demo-tile,43px)*60/43);flex:none;display:inline-flex;position:relative}.app .spring-tile>.tile{width:100%;height:100%}.spring-hand,.spring-river{display:flex}.spring-hand{gap:var(--demo-gap);position:absolute;bottom:6%;left:5%}.spring-river{gap:var(--demo-gap);transform-origin:0 0;position:absolute}.spring-river-top{--tile-shadow-x:0px;--tile-shadow-y:-2px;--tile-light:-65deg;top:34%;left:64%;transform:rotate(180deg)}.spring-river-bottom{top:62%;left:38%}.spring-river-left{--tile-shadow-x:2px;--tile-shadow-y:0px;--tile-light:25deg;top:42%;left:33%;transform:rotate(90deg)}.spring-river-right{--tile-shadow-x:-2px;--tile-shadow-y:0px;--tile-light:205deg;top:59%;left:76%;transform:rotate(-90deg)}.spring-table-wind{color:#426139;width:calc(var(--demo-tile)*1.15);height:calc(var(--demo-tile)*1.15);background:var(--classic-console-bg,#eaf1df);border:1px solid #c4d5b1;border-radius:5px;place-items:center;font:400 clamp(16px,3.1cqw,23px)/1 serif;display:grid;position:absolute;top:45%;left:47%;box-shadow:0 2px #718b5b}.spring-table-plane .spring-backs{--standing-span:var(--demo-tile);position:absolute}.spring-backs .concealed-hand{justify-content:flex-start;gap:0;max-width:none;display:flex}.spring-backs-top{top:11.5%;left:12%}.spring-backs-left{top:30%;left:6%}.spring-backs-right{top:27%;left:91%}.spring-backs-left .concealed-hand,.spring-backs-right .concealed-hand{flex-direction:column}.spring-backs-right .concealed-hand{flex-direction:column-reverse}.spring-player{z-index:2;color:#2d452a;font:600 12px/1.3 var(--font-heading);white-space:nowrap;background:#f7f7e9ed;border-radius:28px;align-items:center;gap:7px;padding:4px 10px 4px 4px;display:flex;position:absolute;box-shadow:0 3px 12px #15302125}.spring-player img{object-fit:cover;border-radius:50%;width:42px;height:42px}.spring-player-you>img{object-fit:contain;background:#eaf1dd;padding:4px}.spring-player>span{flex-direction:column;gap:2px;display:flex}.spring-player small{color:#69875b;font:12px/1.2 serif}.spring-player-top{top:2%;left:44%}.spring-player-left{top:25%;left:1%}.spring-player-right{top:17%;right:1%}.spring-player-you{bottom:22%;left:13%}.spring-turn-tile{left:calc((var(--demo-tile) + var(--demo-gap))*var(--slot));visibility:hidden;--from-x:0px;--from-y:calc(var(--demo-tile)*2.4);animation-duration:32s;animation-timing-function:cubic-bezier(.2,.75,.25,1);animation-iteration-count:infinite;animation-play-state:paused;display:flex;position:absolute;top:0}.spring-table-scene[data-moving=true] .spring-turn-tile{animation-play-state:running}.spring-motion-control{color:#34533b;cursor:pointer;z-index:3;background:#f6f7e9e8;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;bottom:22px;right:14px}.spring-motion-control:focus-visible{outline-offset:3px;outline:2px solid #fff}.spring-preview .spring-player-you{height:34px;font-size:11px;bottom:20%;left:13%;right:auto}.spring-preview .spring-player-you img{width:26px;height:26px}.spring-turn-tile{top:calc((var(--demo-tile)*60/43 + var(--demo-gap))*var(--row,0))}.spring-turn-0{animation-name:spring-discard-0}@keyframes spring-discard-0{0%,1.99%{visibility:hidden;opacity:0;transform:translate(var(--from-x),var(--from-y))}2%{visibility:visible;opacity:1;transform:translate(var(--from-x),var(--from-y))}5%,97%{visibility:visible;opacity:1;transform:translate(0)}99%,to{visibility:hidden;opacity:0;transform:translate(0)}}.spring-turn-1{animation-name:spring-discard-1}@keyframes spring-discard-1{0%,13.49%{visibility:hidden;opacity:0;transform:translate(var(--from-x),var(--from-y))}13.5%{visibility:visible;opacity:1;transform:translate(var(--from-x),var(--from-y))}16.5%,97%{visibility:visible;opacity:1;transform:translate(0)}99%,to{visibility:hidden;opacity:0;transform:translate(0)}}.spring-turn-2{animation-name:spring-discard-2}@keyframes spring-discard-2{0%,24.99%{visibility:hidden;opacity:0;transform:translate(var(--from-x),var(--from-y))}25%{visibility:visible;opacity:1;transform:translate(var(--from-x),var(--from-y))}28%,97%{visibility:visible;opacity:1;transform:translate(0)}99%,to{visibility:hidden;opacity:0;transform:translate(0)}}.spring-turn-3{animation-name:spring-discard-3}@keyframes spring-discard-3{0%,36.49%{visibility:hidden;opacity:0;transform:translate(var(--from-x),var(--from-y))}36.5%{visibility:visible;opacity:1;transform:translate(var(--from-x),var(--from-y))}39.5%,97%{visibility:visible;opacity:1;transform:translate(0)}99%,to{visibility:hidden;opacity:0;transform:translate(0)}}.spring-turn-4{animation-name:spring-discard-4}@keyframes spring-discard-4{0%,47.99%{visibility:hidden;opacity:0;transform:translate(var(--from-x),var(--from-y))}48%{visibility:visible;opacity:1;transform:translate(var(--from-x),var(--from-y))}51%,97%{visibility:visible;opacity:1;transform:translate(0)}99%,to{visibility:hidden;opacity:0;transform:translate(0)}}.spring-turn-5{animation-name:spring-discard-5}@keyframes spring-discard-5{0%,59.49%{visibility:hidden;opacity:0;transform:translate(var(--from-x),var(--from-y))}59.5%{visibility:visible;opacity:1;transform:translate(var(--from-x),var(--from-y))}62.5%,97%{visibility:visible;opacity:1;transform:translate(0)}99%,to{visibility:hidden;opacity:0;transform:translate(0)}}.spring-turn-6{animation-name:spring-discard-6}@keyframes spring-discard-6{0%,70.99%{visibility:hidden;opacity:0;transform:translate(var(--from-x),var(--from-y))}71%{visibility:visible;opacity:1;transform:translate(var(--from-x),var(--from-y))}74%,97%{visibility:visible;opacity:1;transform:translate(0)}99%,to{visibility:hidden;opacity:0;transform:translate(0)}}.spring-turn-7{animation-name:spring-discard-7}@keyframes spring-discard-7{0%,82.49%{visibility:hidden;opacity:0;transform:translate(var(--from-x),var(--from-y))}82.5%{visibility:visible;opacity:1;transform:translate(var(--from-x),var(--from-y))}85.5%,97%{visibility:visible;opacity:1;transform:translate(0)}99%,to{visibility:hidden;opacity:0;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.spring-turn-tile{visibility:hidden;animation:none}.spring-motion-control{display:none}}.visitor-spring{--visitor-surface:var(--panel);--visitor-soft:var(--soft);--visitor-ink:var(--ink);--visitor-muted:var(--muted);--visitor-link:var(--green);color:var(--ink);padding:10px 0 0}.visitor-spring a{color:var(--visitor-link);text-decoration:none}.visitor-spring a:hover{text-underline-offset:4px;text-decoration:underline}.visitor-spring .eyebrow{font:600 10px/1.6 var(--font-body);letter-spacing:1.8px;color:var(--visitor-muted)}:root body .visitor-spring .button{font:600 16px/1.35 var(--font-heading);white-space:normal;text-align:center;border-radius:7px;gap:15px;min-height:49px;padding:13px 22px;text-decoration:none}.visitor-hero{isolation:isolate;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:50px;margin-bottom:65px;display:grid;position:relative}.spring-hero-print{object-fit:cover;object-position:100% 0;opacity:.15;mix-blend-mode:multiply;z-index:-1;pointer-events:none;width:72%;height:88%;position:absolute;top:-15px;right:0;-webkit-mask-image:radial-gradient(at 70% 45%,#000 10%,#0000 75%);mask-image:radial-gradient(at 70% 45%,#000 10%,#0000 75%)}:root[data-theme=dark] .spring-hero-print{opacity:.12;mix-blend-mode:screen}.visitor-hero-copy{z-index:2;grid-area:1/2;min-width:0;padding:20px 0;position:relative}:root body .visitor-spring .visitor-hero-copy h1{margin:19px 0 24px;font-size:clamp(48px,4.8vw,77px);line-height:.98;font-family:var(--font-brand)!important;letter-spacing:-.035em!important;font-weight:500!important}.visitor-hero-copy h1 span{color:var(--visitor-link)}.visitor-hero-copy>p{max-width:35ch;color:color-mix(in srgb,var(--visitor-ink) 80%,var(--visitor-muted));font-size:16px;line-height:1.8}.visitor-main-actions{flex-wrap:wrap;gap:11px;margin:28px 0 18px;display:flex}.visitor-main-actions .button-secondary{min-width:95px}.visitor-trust{color:var(--visitor-muted);align-items:center;gap:20px;font-size:12px;display:flex}.visitor-trust span{align-items:center;gap:6px;display:flex}.visitor-trust svg{color:var(--visitor-link)}.visitor-learn-link{align-items:center;gap:11px;max-width:365px;margin-top:25px;font-size:13px;display:flex}.visitor-learn-link>span{flex:1}.visitor-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}:root body .visitor-spring h2{letter-spacing:-.02em;margin:0;font-size:42px;line-height:1.1;font-family:var(--font-brand)!important;font-weight:500!important}.spring-carousel-tools{align-items:center;gap:9px;display:flex}.spring-carousel-tools>a{align-items:center;gap:8px;margin-right:15px;font-size:12px;display:flex}.spring-carousel-arrow{background:var(--soft);width:37px;height:37px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.spring-carousel-arrow:hover:not(:disabled){background:var(--control-hover)}.spring-carousel-arrow:disabled{opacity:.32}.spring-carousel{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:20px;padding:0 0 5px;display:flex;position:relative;overflow:auto hidden}.spring-carousel::-webkit-scrollbar{display:none}.spring-variant{scroll-snap-align:start;background:var(--visitor-surface);border-radius:12px;flex:0 0 calc(33.3333% - 13.3333px);min-width:0;scroll-margin:0;overflow:hidden;box-shadow:0 2px 4px #25391c0c}.spring-variant-art{isolation:isolate;background:#e5eed7;justify-content:center;align-items:center;height:170px;display:flex;position:relative;overflow:hidden}.spring-variant-art:before{content:"";opacity:.36;z-index:-1;background:url(/art/spring/hokusai-cherry-stream.jpg) 85% 18%/cover;position:absolute;inset:0}:root[data-theme=dark] .spring-variant-art{background:#425535}.spring-variant-art>div{--demo-tile:52px;gap:5px;display:flex;transform:perspective(800px)rotateX(12deg)rotate(-8deg)}.spring-variant-hongkong .spring-variant-art{background:#f2e8df}.spring-variant-sichuan .spring-variant-art{background:#e4ede7}.spring-variant-sanma .spring-variant-art{background:#e1eae9}.spring-variant-classical .spring-variant-art{background:#ebe7d7}.spring-variant-taiwanese .spring-variant-art{background:#ece4e6}:root[data-theme=dark] :is(.spring-variant-hongkong,.spring-variant-sichuan,.spring-variant-sanma,.spring-variant-classical,.spring-variant-taiwanese) .spring-variant-art{background:#405035}.spring-variant-copy{flex-direction:column;min-height:201px;padding:23px;display:flex}.visitor-spring .spring-variant-copy h3{font:600 23px/1.2 var(--font-heading);align-items:center;gap:10px;margin:0 0 10px;display:flex}.spring-variant-copy h3>.variant-icon{flex:none}.spring-variant-copy h3>span:last-child{min-width:0}.spring-variant-copy p{color:var(--visitor-muted);margin:0 0 23px;font-size:13px;line-height:1.7}.spring-variant-copy>a{font:600 15px var(--font-heading);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:4px 0;display:flex}.spring-carousel-dots{justify-content:center;gap:3px;padding-top:13px;display:flex}.spring-carousel-dots button{background:0 0;border:0;place-items:center;width:26px;height:26px;padding:0;display:grid}.spring-carousel-dots button:after{content:"";background:var(--muted);opacity:.35;border-radius:50%;width:6px;height:6px}.spring-carousel-dots button[aria-current]:after{opacity:1;background:var(--green);border-radius:3px;width:18px}.spring-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visitor-variants{margin-bottom:65px}.visitor-learn{grid-template-columns:1fr 1fr;align-items:center;gap:65px;margin-bottom:65px;padding:16px 0;display:grid}.visitor-learn-copy>p{color:var(--visitor-muted);max-width:33ch;margin:20px 0 24px;font-size:15px;line-height:1.8}.visitor-learn-copy>small{color:var(--visitor-muted);margin-top:12px;font-size:11px;display:block}.spring-lesson{background:var(--visitor-soft);text-align:center;border-radius:14px;padding:36px 28px 22px}.spring-lesson-tiles{--demo-tile:70px;justify-content:center;gap:9px;margin:0 0 29px;display:flex}.visitor-spring .spring-lesson h3{font:600 23px/1.3 var(--font-heading);margin:0 0 10px}.spring-lesson p{color:var(--visitor-muted);margin:0 0 28px;font-size:13px}.spring-lesson>a{border-top:1px solid var(--line);font:600 14px var(--font-heading);justify-content:space-between;align-items:center;padding-top:18px;display:flex}.visitor-account{margin-bottom:60px}.visitor-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.visitor-benefits>div{padding:7px 15px}.visitor-benefits svg{color:var(--green);stroke-width:1.5px;margin-bottom:15px}.visitor-spring .visitor-benefits h3{font:600 21px/1.3 var(--font-heading);margin:0 0 8px}.visitor-benefits p{color:var(--visitor-muted);margin:0;font-size:13px;line-height:1.7}.visitor-join{isolation:isolate;background:#eef4e3;border-radius:16px;min-height:260px;padding:42px;position:relative;overflow:hidden}.visitor-join>div{z-index:1;max-width:55%;position:relative}.visitor-join h2{margin:0 0 24px!important}.spring-join-print{object-fit:cover;object-position:75% 0;opacity:.85;width:52%;height:178%;position:absolute;top:-12%;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%);mask-image:linear-gradient(90deg,#0000,#000 30%)}:root[data-theme=dark] .visitor-join{background:#34442b}:root[data-theme=dark] .spring-join-print{opacity:.55}.visitor-watch-link{align-items:center;gap:8px;margin-top:16px;font-size:11px;display:flex}.spring-art-link{background:#f5f3e7d9;border-radius:4px;padding:4px 7px;font-size:10px;position:absolute;bottom:12px;right:14px;color:#2d4027!important}.visitor-account-loading{min-height:430px;color:var(--muted);place-items:center;font-size:14px;display:grid}.visitor-topbar .visitor-header-actions{align-items:center;gap:13px;font-size:13px;display:flex}.visitor-header-actions>a{color:var(--ink);white-space:nowrap;text-decoration:none}.visitor-header-actions .button{color:#fff;min-height:35px;padding:8px 13px;font-size:13px}@media (width>=1600px){.visitor-hero{gap:70px}.visitor-hero-copy>p{font-size:18px}.spring-table-scene{aspect-ratio:1.1}}@media (width<=1200px){.visitor-hero{gap:30px}.visitor-hero-copy>p{font-size:14px}:root body .visitor-spring .visitor-hero-copy h1{font-size:clamp(43px,4.5vw,53px)}.spring-player{gap:5px;padding-right:8px}.spring-player img{width:35px;height:35px}.spring-player-you{left:13%}.spring-variant-art>div{--demo-tile:46px}.spring-variant-copy{min-height:220px;padding:20px}.visitor-spring .spring-variant-copy h3{font-size:21px}.visitor-learn{gap:35px}.spring-lesson-tiles{--demo-tile:62px}}@media (width<=1100px){.visitor-topbar .breadcrumb{display:none}.spring-carousel{gap:16px}.spring-variant{flex-basis:calc(50% - 8px)}.spring-carousel-tools>a{font-size:11px}.visitor-main-actions .button{padding:12px 15px;font-size:14px!important}.spring-player{font-size:11px}.spring-player img{width:32px;height:32px}}@media (width<=900px){.visitor-hero{grid-template-columns:1fr;gap:20px;margin-bottom:48px}.visitor-hero-copy{grid-area:1/1;padding:0}.spring-preview{grid-area:2/1;justify-self:center;width:100%;max-width:590px}.spring-hero-print{opacity:.17;width:100%;height:65%;right:0}.visitor-hero-copy>p{max-width:48ch;font-size:15px}:root body .visitor-spring .visitor-hero-copy h1{font-size:65px}.visitor-learn-link{max-width:360px;margin-top:20px}.spring-player img{width:42px;height:42px}.spring-player{font-size:12px}.visitor-variants{margin-bottom:45px}.visitor-learn{gap:27px}.visitor-benefits{gap:15px}.visitor-benefits>div{padding:4px 0}.visitor-join{padding:32px}:root body .visitor-spring h2{font-size:37px}.spring-lesson{padding:30px 18px 20px}.spring-lesson-tiles{--demo-tile:53px}}@media (width<=600px){.visitor-spring{padding-top:0}.visitor-topbar .preview-label,.visitor-topbar .topbar-separator,.visitor-topbar .visitor-header-actions>.button{display:none}.visitor-topbar .topbar-end{gap:7px}.visitor-topbar .visitor-header-actions>a{padding:8px;font-size:12px}.visitor-topbar .language-menu{max-width:135px}:root body .visitor-spring .visitor-hero-copy h1{margin:13px 0 20px;font-size:clamp(43px,12.8vw,50px);line-height:1}.visitor-hero-copy>p{max-width:35ch;font-size:14px;line-height:1.75}.visitor-main-actions{margin-top:22px}.visitor-main-actions .button:first-child{flex:1}.visitor-main-actions .button-secondary{min-width:78px}.visitor-trust{gap:17px;font-size:11px}.visitor-learn-link{font-size:12px}.spring-table-scene{aspect-ratio:1.06;border-radius:16px}.spring-player img{width:32px;height:32px}.spring-player{font-size:11px}.spring-player-top{left:44%}.spring-player-you{bottom:25%;left:13%}.spring-player-right{top:17%;right:0}.spring-player-left{top:25%;left:0}.visitor-hero{margin-bottom:35px}.visitor-section-heading{gap:12px;margin-bottom:18px}:root body .visitor-spring h2{font-size:35px}.spring-carousel-tools{gap:5px}.spring-carousel-tools>a{display:none}.spring-carousel-arrow{width:35px;height:35px}.spring-carousel{gap:14px;scroll-padding-left:0}.spring-variant{flex-basis:88%}.spring-variant-art{height:165px}.spring-variant-art>div{--demo-tile:53px}.spring-variant-copy{min-height:190px;padding:22px}.visitor-spring .spring-variant-copy h3{font-size:24px}.spring-variant-copy p{font-size:13px}.spring-carousel-dots button{width:28px;height:32px}.visitor-variants{margin-bottom:34px}.visitor-learn{grid-template-columns:1fr;gap:25px;margin-bottom:37px;padding-top:0}.visitor-learn-copy>p{margin:15px 0 20px;font-size:14px}.spring-lesson{padding:30px 22px 21px}.spring-lesson-tiles{--demo-tile:65px}.visitor-account{margin-bottom:35px}.visitor-benefits{grid-template-columns:1fr;gap:23px}.visitor-benefits>div{grid-template-columns:30px 1fr;gap:2px 12px;display:grid}.visitor-benefits svg{grid-row:1/3;margin:0}.visitor-spring .visitor-benefits h3{margin:0;font-size:21px}.visitor-benefits p{grid-column:2;font-size:12px}.visitor-join{min-height:300px;padding:29px 23px}.visitor-join>div{max-width:100%}.spring-join-print{opacity:.28;object-position:60% 0;width:100%;-webkit-mask-image:linear-gradient(#0000 5%,#000);mask-image:linear-gradient(#0000 5%,#000)}:root[data-theme=dark] .spring-join-print{opacity:.2}.visitor-join h2{max-width:9em}.spring-art-link{bottom:10px;right:10px}}@media (width<=360px){:root body .visitor-spring .visitor-hero-copy h1{font-size:43px}.visitor-main-actions{grid-template-columns:1fr;display:grid}.visitor-main-actions .button{width:100%}.spring-player{gap:4px;padding-right:7px;font-size:10px}.spring-player img{width:29px;height:29px}.spring-variant{flex-basis:91%}.spring-lesson-tiles{--demo-tile:58px}.visitor-section-heading{gap:8px}.visitor-section-heading>h2{font-size:30px!important}.spring-carousel-arrow{width:31px;height:32px}}@media (prefers-reduced-motion:reduce){.spring-carousel{scroll-behavior:auto}}.visitor-learn-link.visitor-daily-link{margin-top:12px}.visitor-section-heading{flex-wrap:wrap}.visitor-section-heading>h2{flex:240px}.visitor-home:lang(ko){word-break:keep-all;overflow-wrap:anywhere}.notification-trigger{flex-shrink:0;position:relative}.notification-badge{background:var(--green);color:#fff;text-align:center;border-radius:12px;min-width:17px;padding:1px 4px;font-size:10px;font-weight:700;line-height:15px;position:absolute;top:-5px;right:-5px}.notification-sidebar-slot{display:none}.game-active .notification-sidebar-slot{justify-content:center;margin:10px 0;display:flex}.notification-dialog{width:min(440px,100vw - 24px);max-height:calc(100dvh - 88px);color:var(--ink);background:#fff;border:1px solid #dbe4d4;border-radius:12px;margin:0;padding:0;position:fixed;inset:68px 20px auto auto;overflow:hidden;box-shadow:0 16px 60px #233e3030}.notification-dialog[open]{flex-direction:column;display:flex}.notification-dialog::backdrop{background:#20372b18}.notification-heading{justify-content:space-between;align-items:center;padding:20px 22px 16px;display:flex}.notification-heading h2{margin:0;font-size:22px}.notification-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}.notification-toolbar{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;display:flex}.notification-toolbar .text-button{font-size:12px}.notification-list{overscroll-behavior:contain;min-height:120px;overflow:auto}.notification-list ul{margin:0;padding:0;list-style:none}.notification-list li{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:17px 18px;display:flex}.notification-list li.unread{background:#f1f4ef}.notification-symbol{width:34px;height:34px;color:var(--green);background:#e8ede3;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.notification-symbol.announcement{color:#967234;background:#f5ecd9}.notification-content{flex:1;min-width:0}.notification-open{text-align:left;overflow-wrap:anywhere;background:0 0;width:100%;padding:0;font-size:14px;line-height:1.6;display:block}.notification-open:hover strong{text-decoration:underline}.notification-category{letter-spacing:.7px;text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.notification-content time{color:var(--muted);margin-top:5px;font-size:11px;display:block}.notification-body,.notification-preview{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:9px;font-size:13px;line-height:1.7}.notification-preview{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification-read{color:var(--green);flex-shrink:0;width:26px;height:26px;padding:4px}.notification-empty{text-align:center;color:var(--muted);padding:32px 24px}.notification-empty h3{color:var(--ink);margin:12px 0 8px;font-size:17px}.notification-empty p{font-size:13px;line-height:1.7}.notification-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;font-size:11px;display:flex}.notification-footer a{align-items:center;gap:7px;font-weight:600;text-decoration:none;display:flex}.notification-error{color:#963f33;padding:12px 20px;font-size:13px}.announcement-editor{padding:24px}.announcement-editor form{margin-top:16px}.announcement-editor label{gap:7px;margin-bottom:14px;font-size:13px;display:grid}.announcement-editor input,.announcement-editor textarea{border:1px solid var(--line);width:100%;min-width:0;font:inherit;color:inherit;border-radius:6px;padding:10px}.announcement-preview{margin-top:20px}.announcement-preview h3{margin:10px 0}.announcement-preview p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:18px}.announcement-preview .text-button{margin:12px}.announcement-history article{border-top:1px solid var(--line);overflow-wrap:anywhere;margin-top:16px;padding:14px 0}.announcement-history small{color:var(--muted);margin:5px 0;display:block}.profile-connections-link{text-decoration:none}.player-hero>.profile-connections{margin:0 28px 24px}.player-actions .profile-connections-link{padding:10px 16px}@media (width<=540px){.notification-dialog{max-height:calc(100dvh - 74px);inset:62px 12px auto}.notification-heading{padding:16px}.notification-list li{gap:9px;padding:14px 12px}.notification-symbol{width:28px;height:28px}.notification-footer{padding:12px;font-size:10px}.player-hero>.profile-connections{margin-inline:18px}}.notification-invitation-title{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}.notification-invitation-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.notification-invitation-actions .button{white-space:normal;justify-content:center;gap:6px;min-height:40px;padding:9px 12px;font-size:12px}.notification-invitation-actions .button>svg{flex-shrink:0}.notification-invitation-actions .button:not(.button-secondary){background:var(--green);color:#fff}.notification-invitation-actions .button-secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.notification-message{color:var(--ink);margin:0;padding:10px 18px;font-size:13px}@media (width<=360px){.notification-invitation-actions .button{width:100%}}.site-fullscreen{flex-shrink:0;align-items:center;display:flex;position:relative}.site-fullscreen>.icon-button{color:#678563;width:34px;height:34px;padding:7px}.fullscreen-feedback{z-index:20;color:#37604b;background:#fff;border:1px solid #dae3d3;border-radius:6px;width:210px;padding:12px;font-size:12px;position:absolute;top:40px;right:0}.sidebar-fullscreen{display:none}.game-active .sidebar-fullscreen,.review-active .sidebar-fullscreen{justify-content:center;margin-top:8px;display:flex}.progress-sync{color:#37604b;background:#eff3ec;border:1px solid #dce4d5;border-radius:8px;margin:0 0 22px;padding:20px 22px}.progress-sync-line{align-items:center;gap:12px;display:flex}.progress-sync-line>svg{flex-shrink:0}.progress-sync-line>div{flex:1;min-width:0}.progress-sync-line strong{font-size:13px;font-weight:600}.progress-sync p{color:#5d7858;margin:5px 0 0;font-size:12px;line-height:1.7}.progress-sync-line .text-button,.progress-sync-line>a{white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:inline-flex}.progress-sync .sync-message{color:#865a32;margin-top:12px}.progress-sync.sync-problem{background:#faf6ed;border-color:#e6d8bd}.sync-details,.sync-import{margin-top:14px;font-size:12px}.sync-details summary,.sync-import summary{cursor:pointer;text-underline-offset:3px}.sync-import{border-top:1px solid #dce4d5;padding-top:14px}.sync-import .button{margin-top:12px;font-size:12px}.sync-import small{color:#5d7858;margin-top:9px;font-size:11px;line-height:1.6;display:block}.progress-sync-compact{margin:14px 0 20px;padding:12px 14px}.progress-sync-compact .progress-sync-line strong{font-size:11px}.progress-sync-compact .text-button{font-size:10px}@media (width<=480px){.progress-sync{padding:15px}.progress-sync-line{flex-wrap:wrap;align-items:flex-start}.progress-sync-line>div{flex-basis:calc(100% - 40px)}.progress-sync-line>.text-button,.progress-sync-line>a{margin-left:30px}.progress-sync-compact .progress-sync-line{gap:8px}}.play-entry{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;padding:8px 0 24px;display:flex}.play-entry h1{font-family:var(--font-heading);margin:0 0 7px;font-size:34px;line-height:1.2}.play-entry p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.play-entry-actions{flex-wrap:wrap;flex:none;align-items:center;gap:21px;display:flex}.play-entry-actions .button{min-height:46px;font-size:15px}.play-entry-actions .text-button{color:var(--green);font-size:13px}@media (width<=1050px){.play-entry{flex-direction:column;align-items:flex-start;gap:17px}.play-entry h1{font-size:30px}.play-entry-actions{gap:20px}}@media (width<=400px){.play-entry{padding-top:0}.play-entry-actions{gap:12px;width:100%}.play-entry-actions .button{flex:1;padding:12px 14px;font-size:14px}.play-entry-actions .text-button{font-size:12px}}.premium-badge{vertical-align:middle;color:#95701e;flex-shrink:0;justify-content:center;align-items:center;margin-left:5px;display:inline-flex}.premium-page{max-width:1180px;margin:auto}.premium-hero{text-align:center;border:1px solid var(--border,#dae3d2);background:radial-gradient(at 50% 0,#d8ba6830,#0000 68%);border-radius:22px;padding:50px 22px 44px}.premium-orbit{color:#aa8231;background:linear-gradient(135deg,#e9c77524,#c1984410);border:1px solid #b4935266;border-radius:50%;place-items:center;width:104px;height:104px;margin:0 auto 24px;display:grid;box-shadow:0 0 0 12px #bc975b0a}.premium-hero h1{margin:18px 0;font-size:clamp(38px,5vw,64px);line-height:1.08}.premium-hero h1 em{color:#99732d}.premium-hero p{line-height:1.8}.premium-price{justify-content:center;align-items:baseline;gap:8px;margin:20px 0 10px;display:flex}.premium-price strong{font-size:44px;font-weight:600}.premium-preview{color:var(--muted,#63805e);margin-bottom:22px;font-size:12px;display:block}.premium-hero .button{text-decoration:none;display:inline-flex}.premium-usage{justify-content:space-between;align-items:center;gap:18px;margin:24px 0;padding:22px;display:flex}.premium-usage>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.premium-usage small{flex-basis:100%}.premium-usage>span{font-size:13px}.premium-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.premium-benefits article{flex-direction:column;align-items:flex-start;padding:28px;display:flex}.premium-benefits article>svg{color:#a18445}.premium-benefits h2{margin:20px 0 12px;font-size:21px}.premium-benefits p{flex:1;font-size:14px;line-height:1.8}.premium-page a:not(.button){align-items:center;gap:8px;display:inline-flex}.premium-comparison{margin:24px 0;padding:32px;scroll-margin-top:20px}.premium-comparison h2{margin:15px 0 26px;font-size:25px;line-height:1.4}.premium-table-scroll{overflow-x:auto}.premium-comparison table{border-collapse:collapse;text-align:left;width:100%}.premium-comparison th,.premium-comparison td{border-bottom:1px solid var(--border,#dfe6d8);padding:18px 14px;font-size:14px}.premium-comparison th[scope=row]{font-weight:500}.premium-comparison thead th{font-size:18px}.premium-comparison thead span{margin-top:8px;font-size:12px;font-weight:400;display:block}.premium-comparison td:last-child,.premium-comparison th:last-child{background:#b3985120}.premium-comparison td svg{vertical-align:middle;margin-right:6px}.premium-comparison>p,.premium-account-note{font-size:12px;line-height:1.8}.premium-future{gap:22px;padding:28px;display:flex}.premium-future>svg{color:#a18445;flex-shrink:0}.premium-future h2{font-size:23px}.premium-future p{font-size:14px;line-height:1.8}.premium-faq{max-width:780px;margin:42px auto}.premium-faq details{border-bottom:1px solid var(--border,#dae3d2);padding:20px 0}.premium-faq summary{cursor:pointer;font-weight:600}.premium-faq p{font-size:14px;line-height:1.8}.membership-notice{z-index:1000;background:var(--surface,#fff);color:var(--text,#2a4939);border:1px solid #b49352;border-radius:12px;max-width:min(430px,100vw - 40px);padding:20px;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 30px #0003}.membership-notice p{margin:0 0 12px;font-size:14px}.membership-notice a{margin-right:20px}.premium-nav svg{color:#a18445}@media (width<=700px){.premium-benefits{grid-template-columns:1fr}.premium-usage{flex-direction:column;align-items:flex-start}.premium-comparison{padding:18px 10px}.premium-comparison th,.premium-comparison td{padding:14px 8px;font-size:12px}.premium-comparison h2{font-size:21px}.premium-hero{padding:32px 14px}.premium-comparison thead th{font-size:14px}.premium-comparison td svg{display:none}}.insight-game-buttons{flex-wrap:wrap;gap:6px;display:flex}.insight-game-buttons button{color:inherit;cursor:pointer;background:0 0;border:1px solid #aa823155;border-radius:6px;padding:8px 12px}.insight-game-buttons button[aria-pressed=true]{background:#aa823133;outline:2px solid #aa8231}.insight-selected{background:#aa823112;border-radius:8px;margin:18px 0;padding:20px}.character-picker{border:0;margin:20px 0;padding:0}.character-picker legend{font-weight:600}.character-picker>p{font-size:12px;line-height:1.7}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.character-card{text-align:left;color:inherit;cursor:pointer;background:0 0;border:1px solid #7a997555;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.character-card.selected{background:#aa823112;border-color:#aa8231;box-shadow:inset 0 0 0 1px #aa8231}.character-card:disabled{cursor:default;opacity:.6}.character-card>span{min-width:0}.character-card strong{align-items:center;gap:5px;display:flex}.character-card small,.character-card em{margin-top:5px;font-size:11px;line-height:1.5;display:block}.character-card em{font-size:12px}.character-card .bot-portrait{flex-shrink:0;width:48px;height:48px}.player-avatar .bot-portrait{border-radius:50%;width:100%;height:100%}.bot-portrait{display:block}@media (width<=600px){.character-grid{grid-template-columns:1fr}}.premium-hero>.eyebrow{text-align:center}.premium-page .premium-benefits h2{font-size:21px;line-height:1.3}.premium-page .premium-comparison h2{font-size:25px;line-height:1.4}.premium-page .premium-future h2{font-size:23px;line-height:1.4}.premium-comparison>p{margin-top:20px}.premium-faq h2{font-size:26px}.premium-page .panel{border-color:var(--line)}.premium-badge{color:#a37a24}:root[data-theme=dark] .premium-hero{border-color:#43463d}.premium-billing{border:1px solid #aa823166;border-radius:999px;gap:4px;margin-top:16px;padding:4px;display:inline-flex}.premium-billing button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:11px 19px;font-size:14px}.premium-billing button[aria-pressed=true]{background:var(--surface,#fff);box-shadow:0 2px 8px #0001}.premium-billing small{color:#99732d;margin-left:5px;font-size:10px}.premium-hero .premium-billing-total{margin:4px 0 14px;font-size:12px}.insight-filters{flex-wrap:wrap;gap:15px;margin:20px 0;display:flex}.insight-filters label{flex-direction:column;gap:6px;font-size:13px;display:flex}.insight-distribution{align-items:flex-end;gap:20px;height:180px;padding:15px;display:flex}.insight-distribution>div{text-align:center;flex-direction:column;flex:1;justify-content:flex-end;gap:8px;height:100%;font-size:12px;display:flex}.insight-distribution i{background:linear-gradient(#bba069,#92733a);border-radius:6px 6px 0 0;min-height:2px;display:block}.insight-split{border-collapse:collapse;width:100%;font-size:13px}.insight-split th,.insight-split td{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px}.insight-split-wrap{overflow:auto}.insight-form{flex-wrap:wrap;gap:24px;display:flex}.insight-form strong{font-size:25px;display:block}.premium-page .premium-benefits>section{padding:24px}.premium-page .premium-benefits>section p{margin:0 0 10px}.insight-filters select{border:1px solid var(--line);background:var(--surface,#fff);min-height:42px;color:inherit;font:inherit;border-radius:8px;padding:8px 34px 8px 12px}.premium-hero>.eyebrow{text-align:center;width:100%;display:block}.insight-distribution i{flex-shrink:1}@media (width<=700px){.insight-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.insight-filters select{width:100%;min-width:0}.premium-page .premium-benefits>section{padding:18px}.insight-distribution{gap:10px;padding:10px 0}}.character-picker{margin:24px 0}.character-picker legend{font-size:21px}.character-picker>p{font-size:13px}.character-seats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 22px;display:grid}.character-seats>button,.character-empty-seat{min-width:0;min-height:64px;color:inherit;font:inherit;background:#edf1ea;border:1px solid #7a997555;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.character-seats>button{cursor:pointer}.character-seats strong{overflow-wrap:anywhere;flex:1}.character-seats svg{flex-shrink:0}.character-seats .bot-portrait{border-radius:50%;flex-shrink:0;width:40px;height:40px}.character-empty-seat{color:#63805e;background:0 0;border-style:dashed}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.character-card{background:#fff;flex-direction:column;gap:14px;padding:20px;position:relative}.character-card .bot-portrait{object-fit:cover;border-radius:50%;width:88px;height:88px}.character-card>span{width:100%}.character-card strong{flex-wrap:wrap;justify-content:space-between;font-size:18px}.character-card small{font-size:12px;line-height:1.65}.character-card .character-tag{font-size:13px;font-weight:600}.character-card em{margin:10px 0;font-size:13px;line-height:1.6}.character-card:disabled{opacity:1}.character-card.locked{background:#f1f4ef}.character-card:not(:disabled):hover{border-color:#aa8231}.character-card:focus-visible,.character-seats button:focus-visible{outline-offset:3px;outline:3px solid #aa8231}.character-premium{color:#8b681d;align-items:center;gap:4px;font-size:10px;display:inline-flex}.character-selection-status{margin-bottom:0;padding:12px 0}@media (width<=800px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=500px){.character-grid{grid-template-columns:1fr}.character-card{flex-direction:row;gap:14px;padding:16px}.character-card .bot-portrait{width:64px;height:64px}.character-card strong{font-size:17px}.character-seats{grid-template-columns:1fr;gap:6px}.character-seats>button,.character-empty-seat{min-height:48px;padding:6px 10px}.character-seats .bot-portrait{width:32px;height:32px}.character-card{display:block}.character-card .bot-portrait{float:left;margin:0 12px 10px 0}.character-card>span{display:block}.character-card em{clear:both;padding-top:6px}.character-card strong{display:block}.character-card strong>svg{margin-left:6px}.character-premium{margin-top:5px;display:flex}}.character-difficulty{color:#3a654f;align-items:center;gap:7px;margin:9px 0;font-size:12px;font-weight:600;display:flex}.difficulty-bars{align-items:flex-end;gap:3px;height:14px;display:flex}.difficulty-bars i{background:#d7e1cf;border-radius:1px;width:4px;height:5px}.difficulty-bars i:nth-child(2){height:8px}.difficulty-bars i:nth-child(3){height:11px}.difficulty-bars i:nth-child(4){height:14px}.difficulty-bars i.filled{background:currentColor}.character-picker .difficulty-note{color:#63805e;margin-top:4px}.premium-offer{--premium-gold:#a17a32;--premium-tint:#b3985112;--plan-ink:#2e4f3e;--plan-muted:#6a8966;--plan-row:#ecf1e8;--plan-row-alt:#f3f6f1;--plan-column:#e7ede2;--plan-column-alt:#f0f3e9;--plan-heading:#315542;--plan-paper:#fffdf3;--plan-border:#789873;max-width:1100px}.premium-heading{text-align:center;padding:12px 0 20px}.premium-heading>.eyebrow{text-align:center;letter-spacing:2px;color:var(--premium-gold);font-size:10px;display:block}.premium-offer .premium-heading h1{letter-spacing:-1.3px;margin:12px 0;font-family:inherit;font-size:clamp(29px,3.5vw,46px);font-weight:750;line-height:1.17}.premium-heading>p{color:var(--plan-muted);margin:0;font-size:14px;line-height:1.6}.premium-title-break{display:none}.premium-plan-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:4px 0 32px;display:flex}.premium-offer .premium-billing{border:1px solid var(--line);background:var(--plan-row);border-radius:8px;flex-shrink:0;gap:4px;margin:0;padding:4px}.premium-offer .premium-billing button{color:var(--plan-ink);border-radius:5px;padding:10px 15px;font-size:13px;font-weight:600}.premium-offer .premium-billing button[aria-pressed=true]{background:var(--surface,#fff)}.premium-offer .premium-billing small{color:var(--premium-gold);font-size:10px}.premium-offer .premium-preview{color:var(--plan-muted);text-align:right;max-width:270px;margin:0;font-size:11px;line-height:1.6}.premium-offer .premium-comparison{margin:0;padding:0;scroll-margin-top:20px}.premium-offer .premium-table-scroll{overflow:visible}.premium-offer .premium-comparison table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%}.premium-offer .plan-feature-column{width:46%}.premium-offer .premium-comparison th,.premium-offer .premium-comparison td{color:var(--plan-ink);border:0;padding:12px 20px;font-size:14px;line-height:1.45}.premium-offer .premium-comparison thead th{vertical-align:middle;text-align:center;background:0 0;height:156px;padding:18px 20px}.premium-offer .premium-comparison thead .plan-feature-heading{text-align:left;padding-left:18px}.premium-offer .plan-feature-heading>span{letter-spacing:1.4px;color:var(--plan-muted);margin:0 0 8px;font-size:10px}.premium-offer .plan-feature-heading>strong{max-width:210px;font-size:20px;line-height:1.35;display:block}.premium-offer .plan-free-heading>svg{color:var(--plan-muted);margin-bottom:6px}.premium-offer .plan-free-heading>strong,.premium-offer .plan-premium-heading>strong{font-size:23px;line-height:1.25;display:block}.premium-offer .premium-comparison thead .plan-free-price{margin:8px 0 4px;font-size:27px;font-weight:600;line-height:1.25}.premium-offer .plan-free-heading>small{color:var(--plan-muted);font-size:11px;font-weight:400}.premium-offer .premium-comparison thead .plan-premium-heading{background:var(--plan-heading);color:var(--plan-paper);border:2px solid var(--plan-border);border-bottom:0;border-radius:15px 15px 0 0;padding-top:32px;position:relative}.premium-offer .premium-comparison thead .plan-emblem{background:var(--plan-heading);border:2px solid var(--plan-border);color:#ecd38d;border-radius:50%;place-items:center;width:52px;height:52px;margin:0;display:grid;position:absolute;top:-25px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #18292022}.premium-offer .premium-comparison thead .plan-kicker{letter-spacing:1.4px;color:#d5dfcd;margin:0 0 10px;font-size:8px}.premium-offer .premium-price{justify-content:center;gap:5px;margin:8px 0 3px}.premium-offer .premium-price strong{letter-spacing:-1px;font-size:30px;font-weight:650;line-height:1.1}.premium-offer .premium-comparison .premium-price>span{color:inherit;align-self:flex-end;margin:0;padding-bottom:2px;font-size:11px}.premium-offer .premium-billing-total{color:inherit;margin:5px 0 0;font-size:10px;font-weight:400;line-height:1.5}.premium-offer .premium-comparison tbody th,.premium-offer .premium-comparison tbody td{background:var(--plan-row);border-bottom:1px solid var(--surface,#fff)}.premium-offer .premium-comparison tbody tr:nth-child(2n)>*{background:var(--plan-row-alt)}.premium-offer .premium-comparison tbody td{text-align:center}.premium-offer .premium-comparison tbody td:last-child{background:var(--plan-column);border-left:2px solid var(--plan-border);border-right:2px solid var(--plan-border);font-weight:600}.premium-offer .premium-comparison tbody tr:nth-child(2n)>td:last-child{background:var(--plan-column-alt)}.plan-feature{align-items:center;gap:12px;min-height:30px;display:flex}.plan-feature>span:nth-child(2){font-weight:600}.plan-icon{background:var(--icon-bg);width:34px;height:34px;color:var(--icon-ink);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.plan-icon-amber{--icon-bg:#ebd7a55c;--icon-ink:#a87522}.plan-icon-blue{--icon-bg:#c8deef7a;--icon-ink:#5e795a}.plan-icon-violet{--icon-bg:#ddd0e97a;--icon-ink:#85649e}.plan-icon-green{--icon-bg:#d1dcc87a;--icon-ink:#487e62}.plan-icon-coral{--icon-bg:#efd4c97a;--icon-ink:#b47054}.premium-offer .plan-info{color:var(--plan-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:5px;display:grid}.premium-offer .plan-info:hover,.premium-offer .plan-info[aria-expanded=true]{color:var(--plan-ink);background:var(--plan-column)}.premium-offer .plan-feature-detail{color:var(--plan-muted);margin:8px 0 0 46px;font-size:12px;font-weight:400;line-height:1.65}.premium-offer .plan-value{justify-content:center;align-items:center;gap:6px;display:inline-flex}.premium-offer .plan-value svg{color:var(--plan-ink);flex-shrink:0;margin:0}.premium-offer td:last-child .plan-value>svg.lucide-check{box-sizing:content-box;background:var(--plan-heading);color:var(--plan-paper);stroke-width:3px;border-radius:50%;padding:5px}.premium-offer .plan-dash{color:var(--plan-muted);font-size:21px;font-weight:400}.premium-offer .premium-comparison tfoot td{text-align:center;vertical-align:middle;padding:18px 20px}.premium-offer .premium-comparison tfoot td:first-child{text-align:left}.premium-offer .premium-comparison tfoot td:last-child{border:2px solid var(--plan-border);background:var(--plan-column);border-top:0;border-radius:0 0 15px 15px}.premium-offer .premium-comparison tfoot .button{box-sizing:border-box;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 10px;font-size:12px;text-decoration:none;display:flex}.plan-footnote{color:var(--plan-muted);font-size:12px}.plan-coming-soon{color:var(--plan-ink);margin-top:10px;font-size:11px;font-weight:400;line-height:1.5;display:block}.premium-offer .plan-explore{text-underline-offset:3px;color:var(--plan-ink);justify-content:center;align-items:center;gap:7px;margin-top:9px;font-size:11px;display:inline-flex}.premium-shared{color:var(--plan-muted);justify-content:center;align-items:center;gap:9px;margin:20px 0 0;display:flex}.premium-shared>svg{flex-shrink:0}.premium-shared>p{margin:0;font-size:12px;line-height:1.6}.premium-allowance-details{color:var(--plan-muted);text-align:center;margin:10px 0 22px;font-size:11px}.premium-allowance-details summary{cursor:pointer;width:fit-content;margin:auto}.premium-allowance-details p{max-width:700px;margin:10px auto;line-height:1.7}.premium-offer .premium-usage{background:var(--premium-tint);box-shadow:none;gap:12px;margin:20px 0;padding:12px 16px;font-size:12px}.premium-offer .premium-usage>span{font-size:11px}.premium-offer .premium-usage small{font-size:10px}.premium-collection{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 160px 1fr;align-items:center;gap:22px;margin-top:24px;padding:24px 0;display:grid}.premium-collection-story>.eyebrow{color:var(--premium-gold);letter-spacing:1.5px;font-size:9px}.premium-offer .premium-collection-story h2{margin:8px 0;font-size:21px;line-height:1.3}.premium-collection-story>p{color:var(--plan-muted);margin:0 0 10px;font-size:12px;line-height:1.7}.premium-collection-story>a{text-underline-offset:3px;font-size:12px}.premium-collection-art{background-color:#1c3049;background-image:var(--mat-square);background-position:50%;background-size:cover;border-radius:8px;place-items:center;height:145px;display:grid}.premium-art-tiles{filter:drop-shadow(0 5px 3px #182d3b38);gap:4px;padding:15px 8px;display:flex}.premium-offer .premium-art-tiles .tile{aspect-ratio:5/7;flex-shrink:0;width:38px;height:auto}.premium-art-tiles .tile:first-child{transform:rotate(-12deg)translateY(5px)}.premium-art-tiles .tile:last-child{transform:rotate(12deg)translateY(5px)}.premium-offer .premium-art-tiles .tile-index{display:none!important}.premium-offer .premium-collection-caption h2{margin:0 0 5px;font-size:16px;line-height:1.3}.premium-collection-caption p{color:var(--plan-muted);margin:0 0 12px;font-size:11px;line-height:1.6}.premium-collection-options{flex-wrap:wrap;gap:5px;display:flex}.premium-offer .premium-collection-options button{border:1px solid var(--line);color:var(--plan-ink);font:inherit;cursor:pointer;background:0 0;border-radius:5px;padding:7px 8px;font-size:10px}.premium-offer .premium-collection-options button[aria-pressed=true]{background:var(--plan-column);border-color:var(--plan-border);box-shadow:inset 0 0 0 1px var(--plan-border)}.premium-offer .premium-faq{max-width:none;margin:28px 0 10px}.premium-offer .premium-faq h2{margin:0 0 4px;font-size:22px}.premium-offer .premium-faq details{padding:14px 0;font-size:13px}.premium-offer .premium-faq p{max-width:760px;margin:10px 0 0;font-size:12px;line-height:1.75}:root[data-theme=dark] .premium-offer{--premium-gold:#dfbd77;--premium-tint:#b3985118;--plan-ink:#e9eee5;--plan-muted:#a8bca5;--plan-row:#1d3328;--plan-row-alt:#223c2f;--plan-column:#294737;--plan-column-alt:#2e4f3e;--plan-heading:#284637;--plan-border:#819f7c}:root[data-theme=dark] .premium-offer .premium-collection-art{background-color:#1c3049}:root[data-theme=dark] .premium-offer .premium-comparison thead .plan-premium-heading{background:var(--plan-heading)}:root[data-theme=dark] .premium-offer .premium-comparison tbody td:last-child,:root[data-theme=dark] .premium-offer .premium-comparison tfoot td:last-child{background:var(--plan-column)}:root[data-theme=dark] .premium-offer .premium-comparison tbody tr:nth-child(2n)>td:last-child{background:var(--plan-column-alt)}:root[data-theme=dark] .premium-offer .plan-icon{color:var(--icon-ink);background:var(--icon-bg)}:root[data-theme=dark] .plan-icon-amber{--icon-ink:#e4bd6c;--icon-bg:#dfad3622}:root[data-theme=dark] .plan-icon-blue{--icon-ink:#b4c5b1;--icon-bg:#65826022}:root[data-theme=dark] .plan-icon-violet{--icon-ink:#c4a4e5;--icon-bg:#9574b022}:root[data-theme=dark] .plan-icon-green{--icon-ink:#a2b89e;--icon-bg:#7a997522}:root[data-theme=dark] .plan-icon-coral{--icon-ink:#e6aa91;--icon-bg:#b47f5e22}@media (width<=900px){.premium-offer .premium-comparison th,.premium-offer .premium-comparison td{padding:11px 13px;font-size:13px}.plan-feature{gap:8px}.premium-offer .plan-feature-column{width:44%}.premium-collection{grid-template-columns:1fr 130px 1fr;gap:16px}.premium-offer .premium-comparison thead .plan-kicker{letter-spacing:.5px;font-size:7px}}@media (width<=600px){.premium-heading{padding:5px 0 15px}.premium-heading>p{font-size:12px}.premium-title-break{display:block}.premium-heading>.eyebrow{font-size:9px}.premium-plan-toolbar{flex-direction:column;gap:10px;margin-bottom:34px}.premium-offer .premium-preview{text-align:center;max-width:none;font-size:10px}.premium-offer .premium-comparison th,.premium-offer .premium-comparison td{padding:10px 7px;font-size:11px}.premium-offer .plan-feature-column{width:44%}.premium-offer .premium-comparison thead th{height:140px;padding:22px 7px 12px}.premium-offer .premium-comparison thead .plan-feature-heading{padding-left:3px}.premium-offer .plan-feature-heading>span{letter-spacing:.7px;font-size:7px}.premium-offer .plan-feature-heading>strong{font-size:15px}.premium-offer .plan-free-heading>strong,.premium-offer .plan-premium-heading>strong{font-size:17px}.premium-offer .plan-free-heading>small{font-size:9px}.premium-offer .premium-comparison thead .plan-free-price{font-size:23px}.premium-offer .premium-price{flex-wrap:wrap;gap:2px;margin-top:6px}.premium-offer .premium-price strong{font-size:24px}.premium-offer .premium-comparison .premium-price>span,.premium-offer .premium-billing-total{font-size:9px}.premium-offer .premium-comparison thead .plan-kicker{display:none}.premium-offer .premium-comparison thead .plan-emblem{width:43px;height:43px;top:-22px}.plan-feature{flex-wrap:wrap;gap:6px}.plan-icon{border-radius:5px;width:24px;height:24px}.plan-icon>svg{width:18px;height:18px}.plan-feature>span:nth-child(2){flex:1;min-width:55px}.premium-offer .plan-info{margin-left:auto;padding:2px}.premium-offer .plan-feature-detail{margin-left:0;font-size:10px}.premium-offer .plan-value{gap:3px}.premium-offer .plan-value svg.lucide-infinity{display:none}.premium-offer .plan-value svg.lucide-check{display:block}.premium-offer .premium-comparison tfoot td{padding:12px 6px}.premium-offer .premium-comparison tfoot .button{padding:10px 5px;font-size:10px}.premium-offer .premium-comparison tfoot .button svg{display:none}.plan-footnote,.plan-coming-soon{font-size:10px}.premium-offer .plan-explore{gap:3px;font-size:10px}.plan-explore svg{display:none}.premium-shared{align-items:flex-start;margin-top:16px}.premium-shared>p{font-size:11px}.premium-offer .premium-usage{flex-flow:wrap;gap:8px 12px}.premium-offer .premium-usage>div{flex-basis:100%}.premium-collection{grid-template-columns:110px 1fr;gap:16px;padding:20px 0}.premium-collection-story{grid-column:1/-1}.premium-collection-art{height:125px}.premium-offer .premium-art-tiles .tile{width:29px}.premium-offer .premium-collection-options button{padding:6px;font-size:9px}.premium-offer .premium-account-note{font-size:11px}}@media (width<=360px){.premium-offer .premium-comparison th,.premium-offer .premium-comparison td{padding-left:4px;padding-right:4px;font-size:10px}.premium-offer .plan-feature-column{width:42%}.plan-feature{gap:4px}.plan-icon{width:20px;height:22px}.plan-feature>span:nth-child(2){min-width:54px}.premium-offer .plan-feature-heading>strong{font-size:13px}.premium-offer .premium-comparison thead .plan-feature-heading>span{font-size:6px}.premium-offer .premium-price strong{font-size:21px}.premium-offer .plan-premium-heading>strong{font-size:15px}.premium-offer .premium-comparison thead .plan-premium-heading{padding-left:3px;padding-right:3px}}.premium-offer,.premium-launch{--premium-gold:#8b631d;--premium-gold-soft:#b18b46;--premium-gold-line:#c5a766;--premium-gold-ink:#302514;--premium-gold-fill:#e1bd70;--premium-gold-hover:#ebcc88;--premium-hero-bg:#f1ebde;--premium-hero-glow:#d5b46d30;--premium-gold-paper:#fffaf0}:root[data-theme=dark] :is(.premium-offer,.premium-launch){--premium-gold:#e5c480;--premium-gold-soft:#c0a66c;--premium-gold-line:#8e7845;--premium-hero-bg:#32342e;--premium-hero-glow:#d5b46d16;--premium-gold-paper:#ede5d3}:root[data-theme] .app .premium-offer .premium-billing{background:var(--plan-row);border:1px solid var(--premium-gold-line);border-radius:10px;gap:5px;padding:5px}:root[data-theme] .app .premium-offer .premium-billing button{min-height:44px;color:var(--plan-muted);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:10px 17px;font-weight:650;display:flex}:root[data-theme] .app .premium-offer .premium-billing button[aria-pressed=true]{color:var(--premium-gold-ink);border-color:var(--premium-gold-line);background:linear-gradient(125deg,#fff0b5 0%,#e9c66d 48%,#d9af4d 100%);box-shadow:inset 0 1px #fff7d7,0 2px 5px #00000020}:root[data-theme] .app .premium-offer .premium-billing button[aria-pressed=false]:hover{color:var(--plan-ink);background:var(--plan-column)}:root[data-theme] .app .premium-offer .premium-billing small{color:inherit;border:1px solid;border-radius:4px;padding:2px 4px;font-size:10px;line-height:1.2}:root[data-theme] .app .premium-offer :is(button,a,input):focus-visible{outline-color:var(--premium-gold)}:root[data-theme] .app .premium-offer .premium-comparison thead .plan-emblem{color:var(--premium-gold-fill);background:var(--plan-heading);border-color:var(--plan-border)}.connections-page{max-width:1320px;margin:auto}.connections-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.connections-heading h1{margin:0 0 8px;font-size:36px}.connections-heading p{color:var(--muted);margin:0}.connections-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px;display:grid}.connections-list,.connections-invitations,.connections-help,.connections-moderation{padding:24px}.connections-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.connections-section-heading h2{align-items:center;gap:8px;margin:0;font-size:21px;display:flex}.connections-side{align-content:start;gap:20px;display:grid}.connections-tabs{border-bottom:1px solid var(--line);gap:8px;margin:20px 0 0;display:flex}.connections-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 8px}.connections-tabs button[aria-selected=true]{border-color:var(--green);color:var(--green);font-weight:600}.connections-tabs span{margin-left:5px;font-size:12px}.connection-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.connection-person{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.connection-person strong{overflow-wrap:anywhere}.connection-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.connection-kind{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.connections-empty{text-align:center;color:var(--muted);padding:55px 12px}.connections-empty h3{color:var(--ink);margin:14px 0 8px}.connections-empty p{max-width:420px;margin:0 auto 18px}.connections-empty a{align-items:center;gap:8px;display:inline-flex}.connections-empty-note{color:var(--muted);padding:12px 0}.connection-invite{border-top:1px solid var(--line);padding:16px 0}.connection-invite p{margin:0 0 5px}.connection-invite small{color:var(--muted)}.connection-invite>div{align-items:center;gap:16px;margin-top:12px;display:flex}.connection-invite .button{padding:10px 14px}.connections-help h3{margin-top:0}.connections-help p{font-size:14px}.profile-connections{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.profile-connection-actions,.profile-player-options{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.profile-player-options{margin-top:12px}.connection-report,.connection-confirm{background:var(--surface-soft,#f3f6f1);border-radius:8px;max-width:600px;margin-top:16px;padding:20px}.connection-report label,.room-friend-invite label{gap:8px;margin-bottom:14px;display:grid}.connection-report textarea,.connection-report select,.room-friend-invite input{border:1px solid var(--line);width:100%;color:inherit;font:inherit;background:#fff;border-radius:6px;padding:10px}.room-friend-invite{text-align:left;margin:14px 0 22px}.room-friend-invite summary{cursor:pointer;color:var(--green);font-weight:600}.room-friend-invite form{align-items:end;gap:14px;max-width:600px;display:flex}.room-friend-invite label{flex:1;margin:0}.room-friend-invite .button{flex-shrink:0}.invitation-bell{text-decoration:none;position:relative}.invitation-bell>span{background:var(--green,#315643);color:#fff;text-align:center;border-radius:10px;min-width:17px;padding:1px 4px;font-size:10px;position:absolute;top:-5px;right:-4px}.connections-moderation article{border-top:1px solid var(--line);overflow-wrap:anywhere;padding:16px 0}.connections-moderation small{display:block}.connections-moderation article p{white-space:pre-wrap}.connections-moderation article button{margin:4px;padding:6px 10px}.connections-welcome{text-align:center;padding:48px 24px}.connections-welcome .button{display:inline-flex}@media (width<=1000px){.connections-grid{grid-template-columns:1fr}.connections-side{grid-row:1}.connections-help{display:none}.connections-heading{flex-wrap:wrap}}@media (width<=540px){.connections-list,.connections-invitations,.connections-moderation{padding:16px}.connections-heading h1{font-size:28px}.connection-row{flex-direction:column;align-items:flex-start;gap:8px}.connection-row-actions{justify-content:space-between;width:100%}.connections-tabs{gap:0}.connections-tabs button{padding:12px 7px}.room-friend-invite form{flex-direction:column;align-items:stretch}.connection-report,.connection-confirm{padding:14px}.invitation-bell{flex-shrink:0}}.connections-page .small-note{margin-top:12px;font-size:12px;line-height:1.6}.connections-help p+p{margin-top:12px}.connections-help h3{margin-bottom:10px}.connections-heading .button{text-decoration:none}.connections-tabs button{white-space:nowrap}.connections-moderation article small{margin:6px 0}.connection-report textarea:focus-visible,.connection-report select:focus-visible{outline-offset:3px;outline:3px solid #bf9751}@media (width<=540px){.connections-grid{grid-template-columns:minmax(0,1fr)}.connections-tabs button{flex:1;padding:12px 5px;font-size:12px}.connections-tabs span{margin-left:3px}}.profile-follow-help{max-width:720px;margin:14px 0 0;line-height:1.7}.profile-invite-dialog{width:min(640px,100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}.profile-invite-variant{gap:8px;margin:18px 0;font-size:14px;display:grid}.profile-invite-variant select{border:1px solid var(--line);background:var(--surface,#fff);color:inherit;font:inherit;border-radius:6px;padding:11px}.profile-invite-existing,.profile-invite-result{padding:16px 0;line-height:1.7}.profile-invite-existing>a{align-items:center;gap:8px;margin-top:18px;display:flex}.profile-invite-result>svg{color:var(--green)}.profile-invite-dialog .play-setup-heading h2{overflow-wrap:anywhere}.profile-invite-dialog .play-setup-heading .icon-button{flex-shrink:0}.profile-invite-dialog .room-setup-form>.button{justify-content:center;width:100%}.solo-lobby{background:#ecf1e8;grid-template-columns:1.1fr 1fr;gap:36px;margin-bottom:21px;padding:34px;display:grid}.availability-dot{background:#7e9c7a;border-radius:50%;width:6px;height:6px;display:inline-block}.solo-lobby h2{font-family:var(--serif);letter-spacing:-1.4px;margin:21px 0 17px;font-size:42px;font-weight:400;line-height:1.15}.solo-lobby h2 em{color:#648160;font-weight:400}.solo-lobby-copy>p{color:#698864;font-size:12px;line-height:1.9}.solo-features{color:#617e5d;flex-wrap:wrap;gap:20px;margin-top:24px;font-size:10px;display:flex}.solo-features>span{align-items:center;gap:7px;display:flex}.solo-setup{background:#f9fbf5b3;border:1px solid #dbe3d4;border-radius:8px;align-self:center;padding:23px}.mode-options{gap:10px;margin:16px 0;display:grid}.mode-options>button{text-align:left;background:#fbfcf9;border:1px solid #dee5d7;border-radius:5px;align-items:center;gap:11px;padding:14px 12px;display:flex}.mode-options>button.chosen{background:#ecf1e8;border-color:#89a585}.mode-radio{border:1px solid #b1c3ae;border-radius:50%;flex-shrink:0;width:13px;height:13px}.chosen>.mode-radio{background:#f9fcf4;border:4px solid #617d5c}.mode-options strong{font-size:12px;font-weight:550;display:block}.mode-options small{color:#71926c;margin-top:5px;font-size:10px;display:block}.mode-time{white-space:nowrap;color:#74956f;margin-left:auto;font-size:9px}.start-table{width:100%}.resume-table{color:#3e6c54;background:0 0;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 0 0;font-size:11px;display:flex}.solo-rules-caption{text-align:center;color:#769672;margin-top:15px;font-size:8px;line-height:1.7;display:block}.replace-table{padding:4px 0}.replace-table p{color:#658360;margin-bottom:15px;font-size:11px;line-height:1.8}.replace-table>div{align-items:center;gap:17px;display:flex}.guided-practice-banner{align-items:center;gap:17px;margin:20px 0;padding:22px;display:flex}.guided-practice-banner>svg{color:#7d9b78;flex-shrink:0}.guided-practice-banner h2{font-size:15px}.guided-practice-banner p{color:#6e8e69;margin-top:7px;font-size:11px;line-height:1.8}.guided-practice-banner>.button{margin-left:auto}.table-toolbar{justify-content:space-between;align-items:center;gap:15px;margin:2px 0 23px;display:flex}.table-toolbar .back-link{margin:0}.table-toolbar>div{align-items:center;gap:17px;display:flex}.table-mode-label{letter-spacing:1.5px;color:#70916b;align-items:center;gap:7px;font-size:8px;display:flex}.table-toolbar-divider{background:#dee5d7;width:1px;height:14px}.table-tool{color:#64815f;background:0 0;align-items:center;gap:6px;padding:4px;font-size:10px;display:flex}.table-tool:hover{color:#345a46}.table-layout{grid-template-columns:minmax(0,1fr) 227px;gap:21px;display:grid}.table-main{min-width:0}.riichi-felt{aspect-ratio:1.38;background:radial-gradient(#3a654e,#2e503e);border:7px solid #dbe3d4;border-radius:10px;min-height:490px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #8aa5862b,inset 0 0 55px #102f3025}.riichi-felt:before{content:"";pointer-events:none;border:1px solid #adc0aa11;border-radius:4px;position:absolute;inset:13px}.felt-brand{color:#9cb39869;letter-spacing:2px;font-size:7px;position:absolute;top:16px;left:18px}.player-seat{z-index:2;align-items:center;gap:9px;min-width:107px;display:flex;position:absolute}.seat-top{top:19px;left:50%;transform:translate(-50%)}.seat-bottom{bottom:17px;left:50%;transform:translate(-50%)}.seat-right{text-align:center;flex-direction:column;min-width:66px;max-width:82px;top:50%;right:12px;transform:translateY(-50%)}.seat-left{text-align:center;flex-direction:column;min-width:66px;max-width:82px;top:50%;left:12px;transform:translateY(-50%)}.seat-avatar{color:#b4c5b1;background:#3b664f;border:1px solid #6a896660;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;display:grid;position:relative}.seat-avatar>.seat-wind{color:#345b47;background:#e3e5cc;border-radius:50%;place-items:center;width:16px;height:16px;font-family:serif;font-size:10px;display:grid;position:absolute;bottom:-4px;right:-4px}.seat-avatar>span:not(.seat-wind){font-family:var(--font-body)}.seat-active .seat-avatar{border-color:#98b094;box-shadow:0 0 0 3px #90aa8c2b}.seat-details{flex-direction:column;gap:5px;max-width:130px;display:flex}.seat-details>strong{color:#dfe6d8;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:10px;font-weight:500;overflow:hidden}.seat-details>span{color:#c3d1c1;font-size:13px;font-family:var(--font-body);font-weight:550}.seat-details small{color:#9bb297;font-size:8px;font-weight:400}.seat-details .riichi-label{letter-spacing:1.6px;color:#e8c792;font-size:7px;font-weight:600}.opponent-tiles{opacity:.9;gap:2px;display:flex;position:absolute}.opponent-tiles>span{background:linear-gradient(90deg,#8aa686,#a9bda6);border:1px solid #abbfa8;border-bottom:2px solid #698865;border-radius:2px;width:12px;height:18px}.opponent-top{top:76px;left:50%;transform:translate(-50%)}.opponent-left{top:50%;left:87px;transform:translate(-50%,-50%)rotate(90deg)}.opponent-right{top:50%;right:87px;transform:translate(50%,-50%)rotate(-90deg)}.table-center{color:#d7e0cf;text-align:center;background:#2b4a3a;border:1px solid #70906b6e;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:112px;height:115px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 9px #16261e15}.center-round{font-family:var(--font-body);letter-spacing:-.3px;font-size:20px}.table-center>strong{font-size:24px;line-height:1.2;font-family:var(--font-body);margin-top:9px;font-weight:500}.table-center>strong>span{font-family:var(--font-body);text-transform:uppercase;letter-spacing:1.3px;color:#9eb59a;margin-top:2px;font-size:7px;font-weight:400;display:block}.table-center>div{color:#c3d1c1;border-top:1px solid #66846140;gap:14px;margin-top:9px;padding-top:7px;font-size:8px;display:flex}.table-center>div>span>span{color:#9db499;font-size:7px}.discard-river{grid-template-columns:repeat(6,21px);align-content:start;gap:3px;width:max-content;max-width:145px;min-height:29px;display:grid;position:absolute}.river-top{top:108px;left:50%;transform:translate(-50%)rotate(180deg)}.river-bottom{bottom:80px;left:50%;transform:translate(-50%)}.river-left{top:50%;left:25%;transform:translate(-50%,-50%)rotate(90deg)}.river-right{top:50%;right:25%;transform:translate(50%,-50%)rotate(-90deg)}.river-tile{justify-content:center;align-items:center;height:30px;display:flex;position:relative}.river-tile .tile{border-radius:2px;width:21px;height:29px;box-shadow:0 1px #bcc6a5}.riichi-discard:after{content:"";background:#e6b980;height:2px;position:absolute;bottom:-2px;left:0;right:0}.claimed-discard{opacity:.35}.latest-discard .tile{outline-offset:1px;outline:1.5px solid #dfc47e}.table-meld{white-space:nowrap;gap:2px;display:inline-flex}.table-meld .tile{width:20px;height:28px}.seat-melds{gap:6px;display:flex;position:absolute}.melds-bottom{flex-wrap:wrap;justify-content:flex-end;max-width:26%;bottom:16px;right:14px}.melds-top{flex-wrap:wrap;max-width:26%;top:22px;left:14px}.melds-right{flex-direction:column;top:97px;right:13px}.melds-left{flex-direction:column;bottom:77px;left:13px}.your-hand{margin-top:14px;padding:18px 16px 16px}.your-hand-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.your-hand-top>span{letter-spacing:1.1px;color:#5e7a5a;align-items:center;gap:8px;font-size:8px;display:flex}.your-wind{color:#5c7758;background:#eef1e6;border-radius:3px;place-items:center;width:25px;height:25px;font-size:15px;display:grid}.hand-seat-name{letter-spacing:0;color:#7c9b77;font-size:9px}.hint-toggle{color:#7d9c78;white-space:nowrap;background:0 0;align-items:center;gap:6px;font-size:9px;display:flex}.hint-toggle.on{color:#3f6e56}.playable-hand{justify-content:center;gap:3px;padding:28px 0 13px;display:flex}.playable-tile{background:0 0;border-radius:4px;flex:1;min-width:0;max-width:45px;padding:0;position:relative}.playable-tile .game-tile{width:100%;display:block}.playable-tile .tile{aspect-ratio:43/60;border-radius:4px;width:100%;height:auto}.playable-tile:disabled{opacity:1;cursor:default}.playable-tile:hover:not(:disabled){transform:translateY(-6px)}.playable-tile.selected{transform:translateY(-9px)}.playable-tile.selected .tile{outline-offset:2px;outline:2px solid #839d66}.playable-tile.drawn-tile{margin-left:8px}.tile-english-label{text-align:center;color:#799874;margin-top:8px;font-size:8px;font-weight:500;line-height:14px;display:block}.playable-tile.riichi-eligible .tile{outline-offset:1px;outline:2px solid #adac71}.table-action-area{border-top:1px solid #e7ece2;padding-top:15px}.table-action-area>p{color:#658260;min-height:20px;font-size:11px;line-height:1.8}.table-action-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;min-height:40px;margin-top:13px;display:flex}.table-action-buttons .button{min-height:37px;padding:10px 13px;font-size:10px}.discard-action{margin-left:auto}.win-action{background:#8d7744}.win-action:hover:not(:disabled){background:#796236}.riichi-button{background:#5e7a5a}.call-options{border-top:1px solid #e1e8da;margin-top:16px;padding-top:14px}.call-options>p{color:#759670;margin-bottom:13px;font-size:9px;line-height:1.8}.call-options>div{flex-wrap:wrap;gap:9px;display:flex}.call-option{background:#f0f4ed;border:1px solid #d9e2d2;border-radius:5px;align-items:center;gap:10px;padding:9px 12px;display:flex}.call-option:hover{background:#e6ebe0}.call-option>strong{font-size:10px;font-weight:600}.call-option>span{gap:2px;display:flex}.call-option .tile{width:22px;height:31px}.call-option>svg{color:#789773}.hand-hint{color:#71916c;background:#f1f4ee;border:1px solid #e4eade;border-radius:5px;align-items:flex-start;gap:9px;margin:0 0 15px;padding:13px;display:flex}.hand-hint>svg{flex-shrink:0;margin-top:2px}.hand-hint p{color:#698864;font-size:10px;line-height:1.9}.hand-hint strong{color:#44775d;font-weight:600}.table-companion{flex-direction:column;gap:16px;display:flex}.companion-card{padding:21px 18px}.companion-card .eyebrow{letter-spacing:1.3px;font-size:8px}.companion-card h3{font-family:var(--serif);letter-spacing:-.5px;margin:14px 0 10px;font-size:23px;font-weight:400;line-height:1.3}.companion-card p{color:#70906b;font-size:10px;line-height:1.9}.table-facts{gap:13px;margin:21px 0;display:grid}.table-facts>span{color:#7d9c78;justify-content:space-between;gap:7px;font-size:9px;display:flex}.table-facts strong{color:#3e6b54;font-weight:500}.auto-save-note{color:#7d9b78;border-top:1px solid #e6ebe0;align-items:center;gap:6px;padding-top:13px;font-size:8px;display:flex}.dora-card>div:first-child,.table-activity>div{color:#87a382;justify-content:space-between;align-items:center;display:flex}.dora-tiles{gap:5px;margin:18px 0 16px;display:flex}.dora-tiles .tile{width:31px;height:44px}.dora-card p{font-size:9px}.table-activity ol{gap:13px;margin:18px 0 0;padding:0;list-style:none;display:grid}.table-activity li{color:#87a383;padding-left:14px;font-size:9px;line-height:1.8;position:relative}.table-activity li:before{content:"";background:#d4decc;border-radius:50%;width:4px;height:4px;position:absolute;top:6px;left:0}.table-activity .latest-event{color:#497f63}.table-activity .latest-event:before{background:#7e9c79}.table-kindness{color:#97b093;align-items:center;gap:13px;padding:4px 14px;display:flex}.table-kindness>span{font-family:serif;font-size:29px;line-height:1}.table-kindness p{color:#7f9d7a;font-size:9px;line-height:1.9}.table-paused{z-index:5;color:#d4decc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2a4939ed;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.table-paused h2{font-family:var(--serif);margin:20px 0 10px;font-size:32px;font-weight:400}.table-paused p{color:#a7bba4;margin-bottom:25px;font-size:12px}.table-paused .button{color:#305441;background:#d0dbc6}.table-loading{text-align:center;background:#eef2eb;min-height:400px;padding:85px 30px}.table-loading>svg{color:#7f9d7b;margin-bottom:23px}.table-loading h2{font-family:var(--serif);font-size:32px;font-weight:400}.table-loading p{color:#71926c;margin:18px 0 28px;font-size:12px;line-height:1.8}.loading-spinner{animation:1.5s linear infinite table-spin}@keyframes table-spin{to{transform:rotate(360deg)}}.table-rules{background:#f0f4ed;margin-bottom:22px;padding:24px}.table-rules>div{justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;display:flex}.table-rules h3{font-size:14px;font-weight:550}.table-rules p{color:#6a8966;margin-bottom:10px;font-size:11px;line-height:1.9}.table-rules a{color:#698864;align-items:center;gap:7px;font-size:10px;display:inline-flex}.hand-result{text-align:center;padding:29px 25px}.result-heading{flex-direction:column;align-items:center;display:flex}.result-icon{color:#769672;background:#eaefe6;border-radius:50%;place-items:center;width:60px;height:60px;margin:0 0 20px;display:grid}.result-heading h2{font-family:var(--serif);margin:15px 0 12px;font-size:31px;font-weight:400;line-height:1.25}.result-heading p{color:#7b9a77;font-size:12px;line-height:1.8}.winning-hand{background:#eff3eb;border-radius:6px;flex-wrap:wrap;justify-content:center;gap:12px 4px;margin:25px 0;padding:25px 12px;display:flex}.winning-hand .tile{width:30px;height:43px}.winning-hand .table-meld{margin-left:9px}.winning-hand .table-meld .tile{width:25px;height:36px}.yaku-list{gap:13px;margin:24px 0;padding:0 8px;display:grid}.yaku-list>div{color:#678563;justify-content:space-between;font-size:11px;display:flex}.yaku-list strong{font-weight:550}.result-scores{border-top:1px solid #e4eade;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0;padding-top:23px;display:grid}.result-scores>div{flex-direction:column;gap:9px;display:flex}.result-scores>div>span{color:#759570;font-size:10px}.result-scores>div>strong{font-family:var(--font-body);font-size:17px;font-weight:550}.result-scores small{color:#829f7d;font-size:10px}.result-scores .positive{color:#627f5e}.result-scores .negative{color:#b2795e}.ura-row{justify-content:center;align-items:center;gap:5px;margin:20px 0;display:flex}.ura-row>span:first-child{color:#7e9c79;margin-right:9px;font-size:10px}.ura-row .tile{width:25px;height:36px}.finished-table{text-align:center;background:#eff3eb;padding:48px 25px}.finish-orbit{color:#83a07e;background:#e6ebe0;border:1px solid #d5dfcc;border-radius:50%;place-items:center;width:100px;height:100px;margin:0 auto 25px;display:grid}.finished-table>.eyebrow{justify-content:center}.finished-table h2{font-family:var(--serif);letter-spacing:-1px;margin:18px 0;font-size:37px;font-weight:400}.finished-table>p{color:#769671;font-size:12px;line-height:1.8}.final-standings{gap:9px;max-width:440px;margin:30px auto;display:grid}.final-standings>div{background:#f9fbf5;border:1px solid #dee5d7;border-radius:5px;align-items:center;gap:19px;padding:16px 20px;display:flex}.final-standings .you{background:#e9eee4;border-color:#9eb59a}.final-standings>div>span:first-child{font-family:var(--font-body);color:#819f7c;width:20px;font-size:22px}.final-standings strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;overflow:hidden}.final-standings>div>span:last-child{white-space:nowrap;color:#497f63;margin-left:auto;font-size:12px}.finish-actions{flex-wrap:wrap;justify-content:center;gap:13px;display:flex}.recent-games{margin:22px 0;padding:25px}.recent-game{border-top:1px solid #e6ebe0;align-items:center;gap:14px;padding:20px 0;display:flex}.recent-game:first-of-type{margin-top:20px}.recent-game:last-child{padding-bottom:0}.recent-game-icon{color:#7e9c7a;background:#f0f3e9;border-radius:6px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.recent-game>div{flex-direction:column;gap:7px;display:flex}.recent-game>div>strong{font-size:12px;font-weight:550}.recent-game>div>span{color:#7e9c79;font-size:10px}.recent-game-score{white-space:nowrap;margin-left:auto;font-size:14px;font-weight:550}.recent-game-score small{color:#87a383;font-size:10px;font-weight:400}.recent-game>.icon-button{color:#789873}.red-five .tile svg{filter:sepia()saturate(2)}@media (width>=1550px){.riichi-felt{min-height:565px}.table-layout{grid-template-columns:minmax(0,1fr) 260px}.discard-river{grid-template-columns:repeat(6,25px);gap:4px;max-width:170px}.river-tile{height:35px}.river-tile .tile{width:25px;height:35px}.river-top{top:121px}.river-bottom{bottom:86px}.table-center{width:133px;height:132px}.center-round{font-size:24px}.table-center>strong{font-size:27px}.playable-tile{max-width:53px}.seat-details>strong{font-size:12px}.seat-details>span{font-size:15px}.opponent-top{top:80px}.opponent-tiles>span{width:15px;height:22px}.solo-lobby{gap:60px;padding:40px}}@media (width<=1200px){.table-layout{grid-template-columns:minmax(0,1fr) 190px;gap:15px}.companion-card{padding:18px 15px}.companion-card h3{font-size:21px}.riichi-felt{min-height:460px}.seat-left{min-width:57px;left:7px}.seat-right{min-width:57px;right:7px}.seat-details>strong{max-width:85px;font-size:9px}.seat-details>span{font-size:11px}.seat-avatar{width:29px;height:29px}.opponent-left{left:67px}.opponent-right{right:67px}.discard-river{grid-template-columns:repeat(6,17px);gap:2px}.river-tile{height:26px}.river-tile .tile{width:17px;height:25px}.river-left{left:26%}.river-right{right:26%}.table-center{width:95px;height:102px}.center-round{font-size:18px}.table-center>strong{font-size:22px}.table-center>div{gap:9px}.river-top{top:109px}.river-bottom{bottom:90px}.hand-seat-name{display:none}.your-hand-top{gap:6px}.hint-toggle{font-size:8px}.solo-lobby{gap:25px;padding:27px}.solo-lobby h2{font-size:37px}.solo-setup{padding:19px}.mode-options>button{gap:8px;padding:13px 10px}.mode-options strong{font-size:11px}.mode-options small{font-size:9px}.mode-time{font-size:8px}.solo-features{gap:13px;font-size:9px}.seat-melds .tile{width:15px;height:22px}.melds-right{top:100px}.melds-left{bottom:90px}}@media (width<=1050px){.table-layout{grid-template-columns:1fr}.table-companion{grid-template-columns:1fr 1fr;gap:15px;display:grid}.table-activity,.table-kindness{display:none}.companion-card{padding:22px}.companion-card h3{font-size:23px}.companion-card p{font-size:10px}.table-facts{gap:10px;margin:17px 0}.dora-card p{max-width:260px}.riichi-felt{aspect-ratio:1.35;min-height:490px}.discard-river{grid-template-columns:repeat(6,22px);gap:3px}.river-tile{height:31px}.river-tile .tile{width:22px;height:30px}.river-left{left:25%}.river-right{right:25%}.table-center{width:110px;height:115px}.seat-left{left:13px}.seat-right{right:13px}.opponent-left{left:78px}.opponent-right{right:78px}.seat-details>strong{font-size:10px}.seat-details>span{font-size:12px}.seat-avatar{width:32px;height:32px}.river-bottom{bottom:80px}.solo-lobby{grid-template-columns:1fr;gap:25px}.solo-lobby-copy{position:relative}.solo-lobby h2{font-size:40px}.solo-lobby h2>br{display:none}.solo-lobby h2>em:before{content:" "}.solo-features{margin-top:20px}.solo-setup{padding:22px}.mode-options{grid-template-columns:1fr 1fr}.mode-options>button{gap:10px;padding:15px 13px;position:relative}.mode-time{font-size:7px;position:absolute;top:9px;right:9px}.mode-options strong{font-size:12px}.mode-options small{font-size:10px}.guided-practice-banner{flex-wrap:wrap}.guided-practice-banner>.button{margin-left:auto}.table-mode-label,.table-toolbar-divider{display:none}.table-toolbar>div{gap:12px}.your-hand-top>span,.hint-toggle{font-size:9px}.seat-melds .tile{width:20px;height:28px}}@media (width<=580px){.solo-lobby{gap:25px;padding:25px 20px}.solo-lobby h2{font-size:36px}.solo-lobby h2>br{display:block}.solo-lobby h2>em:before{content:none}.solo-lobby-copy>p{font-size:11px}.solo-lobby-copy>p>br{display:none}.solo-features{gap:14px;font-size:9px;line-height:1.8}.solo-setup{padding:19px 15px}.mode-options{grid-template-columns:1fr;gap:10px}.mode-options>button{gap:9px;padding:16px 11px}.mode-options strong{font-size:11px}.mode-options small{font-size:9px}.mode-time{font-size:8px;position:static}.solo-rules-caption{font-size:7px}.guided-practice-banner{gap:14px;padding:21px 19px}.guided-practice-banner>div{flex:1}.guided-practice-banner h2{font-size:14px}.guided-practice-banner p{font-size:10px}.guided-practice-banner>.button{width:100%}.table-toolbar{align-items:center;gap:8px;margin-bottom:18px}.table-toolbar .back-link{gap:5px;font-size:10px}.table-toolbar>div{gap:8px}.table-tool{gap:4px;padding:0;font-size:9px}.table-tool>svg{width:13px}.table-rules{padding:20px 17px}.table-rules h3{font-size:13px;line-height:1.6}.table-rules p{font-size:10px}.riichi-felt{aspect-ratio:auto;border-width:4px;border-radius:8px;min-height:405px}.felt-brand{letter-spacing:1.3px;max-width:55px;font-size:5px;line-height:1.8;top:13px;left:13px}.seat-top{top:16px}.seat-bottom{bottom:13px}.seat-left{gap:8px;min-width:40px;max-width:51px;left:6px}.seat-right{gap:8px;min-width:40px;max-width:51px;right:6px}.seat-avatar{width:26px;height:26px;font-size:11px}.seat-avatar>svg{width:14px}.seat-avatar>.seat-wind{width:13px;height:13px;font-size:8px;bottom:-3px;right:-3px}.seat-details{gap:4px}.seat-details>strong{max-width:75px;font-size:8px}.seat-left .seat-details>strong,.seat-right .seat-details>strong{max-width:51px}.seat-details>span{font-size:10px}.seat-details small{font-size:7px}.seat-details .riichi-label{letter-spacing:1px;font-size:6px}.opponent-tiles{gap:1px}.opponent-tiles>span{width:8px;height:13px}.opponent-top{top:65px}.opponent-left{left:57px}.opponent-right{right:57px}.discard-river{grid-template-columns:repeat(6,14px);gap:2px;max-width:95px}.river-tile{height:21px}.river-tile .tile{border-radius:1px;width:14px;height:20px;box-shadow:0 1px #aabd91}.river-top{top:91px}.river-bottom{bottom:78px}.river-left{left:26%}.river-right{right:26%}.table-center{border-radius:4px;width:78px;height:91px}.center-round{font-size:17px}.table-center>strong{margin-top:5px;font-size:20px}.table-center>strong>span{letter-spacing:.8px;font-size:6px}.table-center>div{gap:7px;margin-top:7px;padding-top:6px;font-size:7px}.table-center>div>span>span{font-size:6px}.your-hand{margin-top:11px;padding:14px 10px}.your-hand-top>span{letter-spacing:.7px;gap:5px;font-size:7px}.your-wind{width:21px;height:21px;font-size:13px}.hint-toggle{gap:4px;padding:0;font-size:8px}.hint-toggle>svg{width:12px}.playable-hand{flex-wrap:wrap;gap:17px 2px;max-width:310px;margin:0 auto;padding:24px 0 10px}.playable-tile{flex:0 calc(14.2857% - 2.71429px);max-width:37px}.playable-tile .tile{border-radius:3px}.playable-tile.drawn-tile{margin-left:4px}.tile-english-label{margin-top:6px;font-size:7px;line-height:9px}.table-action-area>p{font-size:10px;line-height:1.9}.table-action-area{padding-top:13px}.table-action-buttons{gap:7px;margin-top:13px}.table-action-buttons .button{min-height:36px;padding:10px;font-size:9px}.table-action-buttons .win-action{width:100%}.hand-hint{gap:7px;padding:11px 9px}.hand-hint p{font-size:9px}.hand-hint>svg{width:14px}.call-option{gap:8px;padding:9px}.call-option strong{font-size:9px}.call-option .tile{width:20px;height:28px}.table-companion{gap:12px}.companion-card{padding:18px 13px}.companion-card .eyebrow{letter-spacing:.9px;font-size:6px}.companion-card h3{margin-top:13px;font-size:20px}.companion-card p{font-size:9px}.table-facts{gap:10px;margin:15px 0}.table-facts>span{flex-direction:column;gap:5px;font-size:8px}.auto-save-note{gap:5px;font-size:7px;line-height:1.6}.auto-save-note>svg{flex-shrink:0;width:11px}.dora-card>div:first-child>svg{width:11px}.dora-tiles{flex-wrap:wrap;row-gap:9px;margin:18px 0 14px}.dora-tiles .tile{width:25px;height:36px}.table-loading{min-height:360px;padding:65px 20px}.table-loading h2{font-size:28px}.table-loading p{font-size:11px}.table-paused h2{font-size:30px}.seat-melds{gap:4px}.seat-melds .tile{width:12px;height:17px}.seat-melds .table-meld{gap:1px}.melds-right{top:85px;right:6px}.melds-left{bottom:75px;left:6px}.melds-bottom{bottom:14px;right:7px}.melds-top{top:30px;left:7px}.result-heading h2{font-size:27px}.result-heading p{font-size:11px}.hand-result{padding:25px 18px}.winning-hand{gap:10px 3px;padding:22px 12px}.winning-hand .tile{width:26px;height:38px}.winning-hand .table-meld .tile{width:22px;height:32px}.result-scores{gap:6px}.result-scores>div>span{overflow-wrap:anywhere;font-size:8px}.result-scores>div>strong{font-size:13px}.result-scores small{font-size:9px}.yaku-list>div{font-size:10px}.finished-table{padding:32px 20px}.finished-table h2{font-size:31px}.finished-table>p{font-size:11px}.final-standings>div{gap:13px;padding:14px}.final-standings strong,.final-standings>div>span:last-child{font-size:11px}.recent-games{padding:22px 17px}.recent-games h2{font-size:16px}.recent-game{flex-wrap:wrap;gap:10px}.recent-game>div>strong{font-size:10px}.recent-game>div>span{font-size:8px}.recent-game-score{font-size:11px}.recent-game-score small{font-size:8px}.recent-game-icon{width:28px;height:28px}.recent-game>.icon-button{padding:5px}.recent-game>.icon-button>svg{width:14px}.replace-table>div{gap:10px}.replace-table .text-button{font-size:9px}}@media (width<=360px){.riichi-felt{min-height:390px}.discard-river{grid-template-columns:repeat(6,12px);gap:1px}.river-tile .tile{width:12px;height:18px}.river-tile{height:19px}.river-left{left:26%}.river-right{right:26%}.opponent-left{left:48px}.opponent-right{right:48px}.table-center{width:70px;height:85px}.seat-left{left:3px}.seat-right{right:3px}.seat-left .seat-details>strong,.seat-right .seat-details>strong{font-size:7px}.table-toolbar>div{gap:6px}.table-tool{font-size:8px}.table-toolbar .back-link{font-size:9px}.recent-game-icon{display:none}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pace-control{color:#71916c;justify-content:flex-end;align-items:center;gap:7px;margin-bottom:15px;font-size:9px;display:flex}.pace-control select{font:inherit;color:#5d7859;background:#f3f6f1;border:1px solid #dfe6d8;border-radius:4px;padding:4px 20px 4px 7px}.playable-hand{align-items:flex-start}@media (width<=580px){.playable-hand{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px 4px;max-width:295px;display:grid}.playable-tile{width:100%;max-width:none}.playable-tile.drawn-tile{width:calc(100% - 3px);margin-left:3px}.pace-control{font-size:8px}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}}.game-active .sidebar{align-items:center;width:72px;padding:16px 9px 12px}.game-active .sidebar .brand-button{margin:0 0 25px;padding:0}.game-active .sidebar .brand img{width:37px;height:37px}.game-active .sidebar .brand>span,.game-active .sidebar-caption,.game-active .sidebar .nav-item>span,.game-active .open-card,.game-active .sidebar-note{display:none}.game-active .sidebar nav{gap:7px;width:100%}.game-active .sidebar .nav-item{justify-content:center;width:48px;height:44px;margin:0 auto;padding:0}.game-active .sidebar .nav-item svg{width:20px;height:20px}.game-active .sidebar-divider{flex-shrink:0;width:30px;margin:20px 0 14px}.game-active .sidebar-bottom{width:100%;padding-top:20px}.game-active .sidebar-bottom .nav-item{height:40px}.game-active .workspace{flex-direction:column;height:100dvh;margin-left:72px;display:flex}.game-active .topbar{flex-shrink:0;height:44px;min-height:44px;padding:0 20px}.game-active main{flex-direction:column;flex:1;width:100%;max-width:none;min-height:0;margin:0;padding:8px 14px 12px;display:flex}.game-active main>footer{display:none}.game-active main>.notice{flex-shrink:0;margin:0 0 6px;padding:5px 12px;font-size:10px}.game-active .solo-table-page{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;position:relative}.game-active .table-toolbar{flex-shrink:0;gap:12px;width:min(100%,1100px,135dvh - 81px);height:32px;min-height:32px;margin:0 auto;padding:0 4px}.game-active .table-toolbar>div{gap:18px}.game-active .table-toolbar .back-link{font-size:11px}.game-active .table-tool{min-height:30px;font-size:11px}.game-active .pace-control{gap:8px;margin:0;font-size:10px}.game-active .pace-control select{min-height:29px;padding:5px 7px}.game-active .table-layout{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;min-height:0;display:grid;container-type:size}.game-active .table-main{grid-template-rows:minmax(0,1fr) auto;gap:8px;width:min(100%,1100px,135cqh);min-width:0;height:100%;min-height:0;margin:0 auto;display:grid}.game-active .riichi-felt{aspect-ratio:auto;border-width:5px;border-radius:8px;width:100%;height:100%;min-height:0;container-type:size}.game-active .felt-brand{letter-spacing:1.8px;max-width:none;font-size:8px;top:13px;left:17px}.felt-dora{z-index:2;flex-direction:column;gap:7px;display:flex;position:absolute;top:35px;left:17px}.felt-dora>span{letter-spacing:1.2px;color:#b6c7b3;font-size:7px}.felt-dora>div{gap:4px;display:flex}.felt-dora .tile{border-radius:3px;width:27px;height:38px}.game-active .table-center{border-radius:5px;width:82px;height:80px}.game-active .center-round{font-size:18px}.game-active .table-center>strong{margin-top:3px;font-size:21px}.game-active .table-center>strong>span{letter-spacing:.8px;font-size:6px}.game-active .table-center>div{gap:9px;margin-top:4px;padding-top:4px;font-size:8px}.game-active .table-center>div>span>span{font-size:6px}.game-active .player-seat{gap:8px;min-width:0;max-width:none}.game-active .seat-top{top:9px;left:50%;transform:translate(-50%)}.game-active .seat-bottom{bottom:9px;left:50%;transform:translate(-50%)}.game-active .seat-left{gap:9px;top:50%;left:18px;transform:translateY(-50%)}.game-active .seat-right{gap:9px;top:50%;right:18px;transform:translateY(-50%)}.game-active .seat-avatar{width:28px;height:28px}.game-active .seat-avatar>svg{width:15px}.game-active .seat-avatar>.seat-wind{width:14px;height:14px;font-size:9px}.game-active .seat-details{gap:4px;max-width:170px}.game-active .seat-details>strong{max-width:160px;font-size:11px}.game-active .seat-details>span{font-size:14px}.game-active .seat-top .seat-details,.game-active .seat-bottom .seat-details{flex-direction:row;align-items:center;gap:10px}.game-active .seat-details .riichi-label{font-size:7px}.game-active .opponent-top{opacity:.5;top:46px}.game-active .opponent-tiles>span{width:17px;height:23px}.game-active .opponent-left{opacity:.38;left:90px}.game-active .opponent-right{opacity:.38;right:90px}.game-active .discard-river{--river-span:calc(var(--river-tile)*6 + 15px);--river-height:calc(var(--river-tile)*1.38);grid-template-columns:repeat(6,var(--river-tile));gap:3px;max-width:none;min-height:0}.game-active .riichi-felt:has(.river-dense) .discard-river{--river-tile:clamp(12px,min(4.2cqw,calc((50cqh - 100px)/5.52)),30px)}.game-active .river-tile{height:var(--river-height)}.game-active .river-tile .tile{width:var(--river-tile);height:var(--river-height);border-radius:3px;box-shadow:0 2px #a5b68e}.game-active .river-top{top:auto;bottom:calc(50% + 49px);left:50%;transform:translate(-50%)rotate(180deg)}.game-active .river-bottom{top:calc(50% + 49px);bottom:auto;left:50%;transform:translate(-50%)}.game-active .river-left{left:calc(50% - var(--river-span)/2 - 9px);top:50%;transform:translate(-50%,-50%)rotate(90deg)translateY(50%)}.game-active .river-right{right:auto;left:calc(50% + var(--river-span)/2 + 9px);top:50%;transform:translate(-50%,-50%)rotate(-90deg)translateY(50%)}.game-active .seat-melds .tile{width:clamp(18px,5cqh,30px);height:clamp(26px,7cqh,42px)}.game-active .melds-bottom{max-width:32%;bottom:11px;right:15px}.game-active .melds-top{max-width:32%;top:11px;left:auto;right:15px}.game-active .melds-left{bottom:12px;left:15px}.game-active .melds-right{top:85px;right:15px}.game-active .your-hand{min-width:0;margin:0;padding:9px 16px 10px;position:relative;box-shadow:0 -2px 12px #345a4605}.game-active .your-hand-top{height:22px}.game-active .your-hand-top>span{letter-spacing:1px;font-size:9px}.game-active .hand-seat-name{font-size:10px;display:inline}.game-active .your-wind{width:22px;height:22px;font-size:14px}.game-active .hint-toggle{font-size:10px}.game-active .playable-hand{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:4px;max-width:none;margin:0 auto;padding:13px 0 6px;display:flex}.game-active .playable-tile{flex:0 49px;width:auto;min-width:0;max-width:49px}.game-active .playable-tile .tile{aspect-ratio:43/60;border-radius:4px;height:auto}.game-active .playable-tile.drawn-tile{width:auto;margin-left:10px}.game-active .tile-english-label{margin-top:5px;font-size:8px;line-height:9px}.game-active .table-action-area{justify-content:space-between;align-items:center;gap:15px;min-height:56px;padding-top:7px;display:flex}.game-active .table-action-area>p{flex:1;max-width:40%;min-height:0;font-size:11px;line-height:1.5}.game-active .table-action-buttons{flex:1;justify-content:flex-end;gap:8px;min-height:32px;margin:0}.game-active .table-action-buttons .button{min-height:32px;padding:8px 13px;font-size:11px}.game-active .table-action-buttons .win-action{width:auto}.game-active .discard-action{margin-left:0}.game-active .hand-hint{z-index:6;background:#f1f4ef;margin:0;padding:12px 15px;position:absolute;bottom:calc(100% + 8px);left:16px;right:16px;box-shadow:0 4px 20px #1d332825}.game-active .hand-hint p{font-size:11px}.game-active .call-options{border:0;align-items:center;gap:8px;margin:0;padding:0;display:flex}.game-active .call-options>p{flex:1;max-width:200px;margin:0;font-size:10px}.game-active .call-options>div{flex:2;justify-content:flex-end;gap:6px}.game-active .call-option{gap:7px;padding:5px 9px}.game-active .call-option .tile{width:22px;height:31px}.game-active .call-option>strong{font-size:10px}.game-active .solo-table-page>.notice{flex-shrink:0;margin:0;padding:4px 12px;font-size:10px}.game-active .table-showing-result{overflow:auto}.game-active .table-showing-result .table-layout{min-height:auto;display:block}.game-active .table-showing-result .table-main{width:100%;height:auto;display:block}.game-active .hand-result,.game-active .finished-table{width:min(100%,850px);margin:0 auto;padding:24px}.game-active .table-loading{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;overflow:auto}.table-info-dialog{color:#2f513f;background:#f7f9f5;border:1px solid #dbe4d4;border-radius:10px;width:530px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);padding:0;box-shadow:0 20px 80px #1d332733}.table-info-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#21392d70}.table-info-dialog .table-rules{border:0;border-bottom:1px solid #dee5d7;border-radius:0;margin:0;padding:24px}.dialog-game-details{padding:23px 24px}.dialog-game-details h3{margin-bottom:15px;font-size:13px}.dialog-game-details>p{color:#658361;margin:7px 0;font-size:11px;line-height:1.9}.dialog-game-details .auto-save-note{margin-top:22px;font-size:10px}.fullscreen-error{color:#668461;font-size:11px}.hand-options{align-items:center;gap:16px;display:flex}.discard-preference{color:#688763;background:0 0;align-items:center;gap:5px;padding:3px 0;font-size:10px;display:flex}.discard-preference:hover{color:#2e503e}.game-active .your-turn{border-bottom-color:#8aa686}.game-active .seat-active .seat-details>strong{color:#fff2bc}.table-center:after{content:"";background:#dac685;border-radius:3px;position:absolute}.table-center.turn-bottom:after{width:36%;height:3px;bottom:-2px;left:32%}.table-center.turn-top:after{width:36%;height:3px;top:-2px;left:32%}.table-center.turn-left:after{width:3px;height:36%;top:32%;left:-2px}.table-center.turn-right:after{width:3px;height:36%;top:32%;right:-2px}.table-info-dialog .table-controls-guide{border-top:1px solid #dbe4d4;margin-top:17px;padding-top:17px;display:block}.table-controls-guide h4{margin-bottom:10px;font-size:12px}.game-active .playable-tile:focus-visible{outline-offset:3px;outline:2px solid #5d7858}@media (width<=580px){.hand-options{gap:8px}.discard-preference{text-align:left;max-width:72px;font-size:8px;line-height:1.35}.discard-preference>svg{display:none}}@media (width>=761px){.game-active .topbar{display:none}.game-active .seat-top,.game-active .seat-bottom{max-width:240px;left:50%}.game-active .seat-details>strong{min-width:0}.game-active .opponent-top{display:none}}@media (height>=850px) and (width>=1000px){.game-active .playable-tile{flex-basis:60px;max-width:60px}.game-active .your-hand{padding:12px 20px}.game-active .playable-hand{padding-top:16px;padding-bottom:10px}.game-active .table-action-buttons .button{min-height:37px}.game-active .table-center{width:95px;height:90px}.game-active .river-top{bottom:calc(50% + 57px)}.game-active .river-bottom{top:calc(50% + 57px)}}@media (height<=700px){.game-active .opponent-top{display:none}.game-active .playable-tile{flex-basis:48px;max-width:48px}.game-active .playable-hand{padding-top:10px;padding-bottom:5px}.game-active .seat-details>span{font-size:12px}.game-active .seat-top .seat-avatar,.game-active .seat-bottom .seat-avatar{width:24px;height:24px}}@media (width<=1000px){.game-active .opponent-left{left:78px}.game-active .opponent-right{right:78px}.game-active .seat-left{left:10px}.game-active .seat-right{right:10px}.game-active .seat-left .seat-details>strong,.game-active .seat-right .seat-details>strong{max-width:64px;font-size:10px}.game-active .seat-left .seat-details>span,.game-active .seat-right .seat-details>span{font-size:12px}}@media (width<=760px){.game-active .workspace{margin-left:0}.game-active .topbar{height:40px;min-height:40px;padding:0 13px}.game-active .sidebar{align-items:stretch;width:229px;padding:25px 18px}.game-active .sidebar .brand-button{margin:0 0 20px;padding:0 10px}.game-active .sidebar .brand>span,.game-active .sidebar .nav-item>span{display:block}.game-active .sidebar .nav-item{justify-content:flex-start;gap:13px;width:100%;margin:0;padding:0 16px}.game-active .sidebar-divider{width:auto;margin:20px 13px 14px}.game-active main{padding:5px 7px 7px}.game-active .solo-table-page{gap:5px}.game-active .table-toolbar{gap:8px;width:100%;height:31px;min-height:31px;padding:0 3px}.game-active .table-toolbar>div{gap:10px}.game-active .pace-control>span{display:none}.game-active .table-tool,.game-active .table-toolbar .back-link{font-size:10px}.game-active .table-main{gap:5px;width:100%}.game-active .your-hand{padding:8px 10px}.game-active .table-action-area>p{font-size:10px}.game-active .table-action-buttons .button{padding:8px 10px;font-size:10px}.game-active .felt-dora{top:29px;left:10px}.game-active .felt-brand{letter-spacing:1px;font-size:6px;top:10px;left:10px}.game-active .felt-dora .tile{width:21px;height:30px}.game-active .felt-dora>span{letter-spacing:.5px;font-size:6px}.game-active .discard-river{--river-span:calc(var(--river-tile)*6 + 10px);gap:2px}.game-active .riichi-felt:has(.river-dense) .discard-river{--river-tile:clamp(13px,min(4.4cqw,calc((50cqh - 85px)/5.52)),25px)}.game-active .table-center{width:68px;height:73px}.game-active .center-round{font-size:16px}.game-active .table-center>strong{font-size:18px}.game-active .table-center>div{gap:5px;font-size:7px}.game-active .river-top{bottom:calc(50% + 45px)}.game-active .river-bottom{top:calc(50% + 45px)}.game-active .opponent-left,.game-active .opponent-right{display:none}.game-active .seat-left{width:90px;top:50%;left:-40px;transform:translateY(-50%)rotate(90deg)}.game-active .seat-right{width:90px;top:50%;right:-40px;transform:translateY(-50%)rotate(-90deg)}.game-active .seat-left .seat-avatar,.game-active .seat-right .seat-avatar{display:none}.game-active .seat-left .seat-details,.game-active .seat-right .seat-details{flex-direction:row;align-items:center;gap:5px}.game-active .seat-left .seat-details>strong,.game-active .seat-right .seat-details>strong{font-size:8px}.game-active .seat-left .seat-details>span,.game-active .seat-right .seat-details>span{font-size:9px}}@media (width<=580px){.game-active .table-toolbar .back-link>span{white-space:nowrap;max-width:62px;overflow:hidden}.game-active .table-toolbar>div{gap:7px}.game-active .table-tool{gap:4px;font-size:9px}.game-active .table-tool>svg{width:14px}.game-active .pace-control{font-size:9px}.game-active .pace-control select{min-height:26px;padding:4px 3px}.game-active .fullscreen-tool{display:none}.game-active .your-hand-top>span{gap:5px;font-size:7px}.game-active .hand-seat-name{display:none}.game-active .hint-toggle{font-size:9px}.game-active .playable-hand{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px 4px;max-width:310px;padding:10px 0 7px;display:grid}.game-active .playable-tile{width:100%;max-width:none}.game-active .playable-tile.drawn-tile{width:calc(100% - 4px);margin-left:4px}.game-active .tile-english-label{margin-top:3px;font-size:7px;line-height:8px}.game-active .table-action-area{gap:7px;min-height:55px;padding-top:5px}.game-active .table-action-area>p{font-size:9px}.game-active .table-action-buttons{gap:5px;max-width:65%;min-height:30px}.game-active .table-action-buttons .button{gap:6px;min-height:30px;padding:7px 9px;font-size:9px}.game-active .table-action-buttons .button>svg{width:12px}.game-active .opponent-top{display:none}.game-active .seat-top{top:8px}.game-active .seat-bottom{bottom:8px}.game-active .seat-top .seat-details,.game-active .seat-bottom .seat-details{gap:6px}.game-active .seat-top .seat-details>strong,.game-active .seat-bottom .seat-details>strong{max-width:75px;font-size:9px}.game-active .seat-top .seat-details>span,.game-active .seat-bottom .seat-details>span{font-size:11px}.game-active .seat-top .seat-avatar,.game-active .seat-bottom .seat-avatar{width:24px;height:24px}.game-active .felt-dora{gap:4px;top:30px}.game-active .felt-dora>span{font-size:5px}.game-active .felt-dora .tile{width:18px;height:26px}.game-active .seat-melds .tile{width:16px;height:23px}.game-active .melds-top{top:39px;right:8px}.game-active .melds-bottom{bottom:39px;right:8px}.game-active .melds-left{bottom:38px;left:8px}.game-active .melds-right{top:82px;right:8px}.game-active .call-options{align-items:flex-start;gap:5px}.game-active .call-options>p{display:none}.game-active .call-options>div{justify-content:center;gap:5px}.game-active .call-option{gap:4px;padding:4px 6px}.game-active .call-option>strong{font-size:9px}.game-active .call-option .tile{width:19px;height:27px}.game-active .call-option>svg{width:11px}.game-active .hand-hint{padding:10px;left:0;right:0}.game-active .hand-hint p{font-size:10px}}@media (height<=480px){.game-active .workspace{height:auto;min-height:100dvh}.game-active .table-main{grid-template-rows:340px auto;width:min(100%,850px);height:auto}.game-active .table-layout{flex:auto}.game-active .table-showing-result .table-main{display:block}}.game-active .riichi-felt[data-inspected=m5] [data-tile=m0] .tile,.game-active .riichi-felt[data-inspected=p5] [data-tile=p0] .tile,.game-active .riichi-felt[data-inspected=s5] [data-tile=s0] .tile,.game-active .riichi-felt[data-inspected=m1] [data-tile=m1] .tile,.game-active .riichi-felt[data-inspected=m2] [data-tile=m2] .tile,.game-active .riichi-felt[data-inspected=m3] [data-tile=m3] .tile,.game-active .riichi-felt[data-inspected=m4] [data-tile=m4] .tile,.game-active .riichi-felt[data-inspected=m5] [data-tile=m5] .tile,.game-active .riichi-felt[data-inspected=m6] [data-tile=m6] .tile,.game-active .riichi-felt[data-inspected=m7] [data-tile=m7] .tile,.game-active .riichi-felt[data-inspected=m8] [data-tile=m8] .tile,.game-active .riichi-felt[data-inspected=m9] [data-tile=m9] .tile,.game-active .riichi-felt[data-inspected=p1] [data-tile=p1] .tile,.game-active .riichi-felt[data-inspected=p2] [data-tile=p2] .tile,.game-active .riichi-felt[data-inspected=p3] [data-tile=p3] .tile,.game-active .riichi-felt[data-inspected=p4] [data-tile=p4] .tile,.game-active .riichi-felt[data-inspected=p5] [data-tile=p5] .tile,.game-active .riichi-felt[data-inspected=p6] [data-tile=p6] .tile,.game-active .riichi-felt[data-inspected=p7] [data-tile=p7] .tile,.game-active .riichi-felt[data-inspected=p8] [data-tile=p8] .tile,.game-active .riichi-felt[data-inspected=p9] [data-tile=p9] .tile,.game-active .riichi-felt[data-inspected=s1] [data-tile=s1] .tile,.game-active .riichi-felt[data-inspected=s2] [data-tile=s2] .tile,.game-active .riichi-felt[data-inspected=s3] [data-tile=s3] .tile,.game-active .riichi-felt[data-inspected=s4] [data-tile=s4] .tile,.game-active .riichi-felt[data-inspected=s5] [data-tile=s5] .tile,.game-active .riichi-felt[data-inspected=s6] [data-tile=s6] .tile,.game-active .riichi-felt[data-inspected=s7] [data-tile=s7] .tile,.game-active .riichi-felt[data-inspected=s8] [data-tile=s8] .tile,.game-active .riichi-felt[data-inspected=s9] [data-tile=s9] .tile,.game-active .riichi-felt[data-inspected=z1] [data-tile=z1] .tile,.game-active .riichi-felt[data-inspected=z2] [data-tile=z2] .tile,.game-active .riichi-felt[data-inspected=z3] [data-tile=z3] .tile,.game-active .riichi-felt[data-inspected=z4] [data-tile=z4] .tile,.game-active .riichi-felt[data-inspected=z5] [data-tile=z5] .tile,.game-active .riichi-felt[data-inspected=z6] [data-tile=z6] .tile,.game-active .riichi-felt[data-inspected=z7] [data-tile=z7] .tile{background:#fff5cf;box-shadow:inset 0 0 0 2px #d7c07d,0 2px #a5b68e}.hk-rules{color:var(--ink,#2a4939);margin:16px 0}.hongkong-hub .play-newcomer>div{flex:1;min-width:0}.hk-rules summary{cursor:pointer;padding:12px 0;font-weight:600}.hk-rules>div{padding:0 0 16px}.hk-rules p{font-size:14px;line-height:1.65}.hk-rules-scroll{max-width:100%;margin:18px 0;overflow:auto}.hk-rules table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.hk-rules caption{text-align:left;padding:10px 0;font-weight:600}.hk-rules td,.hk-rules th{vertical-align:top;border-bottom:1px solid #dae3d3;padding:10px 12px}.hk-rules td:first-child{min-width:130px}.hk-rules td:nth-child(2){font-variant-numeric:tabular-nums}.hongkong-page:fullscreen{background:#f6f8f5;padding:20px;overflow:auto}.app .riichi-felt .hk-bonus-panel{color:#e1e8db;max-width:19%;padding:8px!important}.hk-bonus-panel>div{flex-wrap:wrap;align-items:center;gap:3px;min-height:23px;font-size:11px;display:flex}.hk-bonus-panel b{color:#e1e8db;width:12px;font-weight:500}.hk-bonus-panel .hk-flower{color:#f3dfac;white-space:nowrap;font-size:11px;display:inline-block}.hk-bonus-panel .hk-flower.season{color:#d6e0ce}.hk-result{max-width:1050px;margin:auto;padding:clamp(20px,4vw,48px)}.hk-result ul{max-width:420px;padding:0;list-style:none}.hk-result li{border-bottom:1px solid #dae3d3;justify-content:space-between;padding:8px 0;display:flex}.hk-winning-hand{flex-wrap:wrap;gap:3px;margin:24px 0;display:flex}.hk-winning-hand>.game-tile{width:42px}.hk-result>.button,.hk-result>.text-button{margin:12px 16px 0 0}@media (width<=600px){.hk-bonus-panel>span{font-size:7px!important}.hk-bonus-panel>div{gap:1px;min-height:16px;font-size:8px}.hk-bonus-panel .hk-flower{font-size:8px}.hk-bonus-panel b{width:8px}.hk-rules td,.hk-rules th{padding:8px 5px}.hk-rules td:first-child{min-width:100px}}.extended-roster{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:24px 0;display:grid}.extended-roster>.panel{flex-direction:column;gap:12px;padding:18px;display:flex}.extended-waiting>label{flex-direction:column;gap:8px;margin:20px 0;display:flex}.extended-center{width:var(--compass-size,150px);height:var(--compass-size,150px);color:#f0e3ae;background:#284637;border:1px solid #7b9a76;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.extended-center strong{font-size:32px}.extended-center span{font-size:12px}.extended-center small{font-size:10px}.extended-page .table-action-buttons button>span{gap:2px;display:flex}.extended-page .table-action-buttons .tile{width:20px;height:28px}.extended-page .room-details{margin-top:20px}.extended-page .table-main{margin-inline:auto}@media (width<=580px){.extended-center{gap:2px;width:80px;height:80px}.extended-center strong{font-size:23px}.extended-center span,.extended-center small{font-size:8px}.extended-page .table-action-buttons{flex-wrap:wrap}.extended-roster{grid-template-columns:1fr}.extended-page .table-toolbar{flex-wrap:wrap}}.app .extended-page>.table-toolbar{flex-wrap:wrap;gap:12px;min-width:0;max-width:1050px;height:auto;margin:0 auto 20px;display:flex}.app .extended-page>.table-toolbar>.room-connection{flex-wrap:wrap;flex:1 0 100%;width:100%;min-width:0;margin:0}.app .extended-page>.table-toolbar>.variant-table-label{flex:180px}.app .extended-page>.table-toolbar>.variant-match-progress{flex:200px;margin:0}.app .extended-page>.table-toolbar .room-code{overflow-wrap:anywhere}.app .taiwanese-page .playing-surface .riichi-felt .hk-bonus-panel{grid-template-columns:repeat(4,auto);gap:2px 10px;max-width:70%;display:grid;padding:6px 8px!important}.taiwanese-page .hk-bonus-panel>span{grid-column:1/-1}.taiwanese-page .hk-bonus-panel>div{min-height:14px;font-size:10px}@container playing-table (width>=801px){.app .taiwanese-page .playing-surface .riichi-felt.tabletop .seat-station{--standing-span:clamp(18px,calc(var(--floor-size)*.9),39px)}.app .taiwanese-page .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .opponent-rack{width:max-content;position:absolute;top:50%;bottom:auto;transform:translateY(-50%)}.app .taiwanese-page .playing-surface .riichi-felt.tabletop .station-left .opponent-rack{left:20px;right:auto}.app .taiwanese-page .playing-surface .riichi-felt.tabletop .station-right .opponent-rack{left:auto;right:20px}}@media (width<=580px){.app.game-active .taiwanese-page .playing-surface .playable-hand{grid-template-columns:repeat(9,minmax(0,1fr));gap:9px 1px;max-width:none;display:grid}.app.game-active .taiwanese-page .playing-surface .playable-tile{width:100%;max-width:none}.app.game-active .taiwanese-page .playing-surface .playable-tile.drawn-tile{width:calc(100% - 2px);margin-left:2px}.app .taiwanese-page .playing-surface .riichi-felt .hk-bonus-panel{grid-template-columns:repeat(2,auto);gap:2px 5px;max-width:40%}}.app.game-active .variant-room{flex-direction:column;flex:1;min-height:0;display:flex}.app .variant-room>.room-connection{flex-shrink:0;align-items:center;gap:8px;width:100%;max-width:none;margin:0 0 8px;font-size:11px;display:flex}.app .variant-table-shell{flex:1;grid-template-columns:minmax(0,1fr) 190px;gap:18px;min-height:0;display:grid}.app .variant-table-shell>.table-layout{min-width:0}.app .variant-table-rail{flex-direction:column;gap:18px;min-width:0;padding:4px 3px 12px;display:flex;overflow:auto}.app .variant-table-rail>.table-toolbar{flex-direction:column;align-items:stretch;gap:18px;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:0;display:flex;position:static}.app .variant-table-rail .table-toolbar>div{flex-direction:column;align-items:stretch;gap:14px;display:flex}.app .variant-table-rail :is(.table-tool,.back-link){justify-content:flex-start;gap:9px;min-height:36px;font-size:13px}.app .variant-table-rail .room-clock{box-sizing:border-box;flex-wrap:wrap;gap:8px;width:100%;min-width:0;max-width:none;padding:12px;display:flex}.app .variant-table-rail .room-clock small{white-space:normal;flex-basis:100%}.app .variant-table-rail .variant-table-label{color:var(--muted);font-size:12px;line-height:1.6}.app .variant-table-rail .table-toolbar>.room-connection{flex-flow:wrap;order:1;gap:6px;width:100%;margin:0;font-size:11px;line-height:1.5;display:flex}.app .variant-table-rail .room-connection .room-code{white-space:normal;width:100%;margin:0;padding-left:20px}.app .variant-table-rail .table-toolbar>.back-link{order:-1}.app .variant-table-rail .hk-bonus-panel{border:1px solid var(--line);background:var(--surface);width:100%;max-width:none;color:var(--ink);border-radius:8px;flex-direction:column;gap:8px;display:flex;position:static;padding:14px!important}.app .variant-table-rail .hk-bonus-panel>span{letter-spacing:1px;color:var(--muted);font-size:10px}.app .variant-table-rail .hk-bonus-panel>div{min-height:24px;color:var(--ink);align-items:center;gap:8px;font-size:12px;display:flex}.app .variant-table-rail .hk-bonus-panel b{color:var(--ink);width:auto;min-width:18px}.app .variant-table-rail .hk-bonus-panel .hk-flower{color:var(--ink)}.app .variant-table-rail .hk-bonus-panel .tile{width:30px;height:42px}.app .variant-table-rail .room-details{margin:0;font-size:12px;line-height:1.6}@media (width>=1000px){.app.game-active:not(.review-active) .variant-room .solo-table-page{padding:0}.app.game-active .variant-table-shell>.table-layout{justify-content:center;align-items:center;height:100%;min-height:0;display:flex;container-type:size}.app.game-active .variant-room .variant-table-shell .table-layout .table-main{width:calc(100%*var(--table-width,1));grid-template-rows:minmax(0,1fr) auto;gap:0;max-width:1440px;height:100%;min-height:0;margin:0 auto;display:grid}.app.game-active .variant-table-shell .tabletop{height:100%;min-height:0}.app.game-active .variant-table-shell .your-hand{height:auto;min-height:0}}@media (width<=999px){.app.game-active .variant-room{flex:none;height:auto;display:block}.app .variant-table-shell{flex-direction:column;height:auto;display:flex}.app.game-active .variant-table-shell>.table-layout{flex:none;height:auto;display:block;container-type:normal}.app.game-active .variant-table-shell .table-main{width:100%;max-width:none;height:auto;display:block}.app.game-active .variant-table-shell .tabletop{height:480px;min-height:480px}.app .variant-table-rail{flex-flow:wrap;overflow:visible}.app .variant-table-rail>.table-toolbar{flex-flow:wrap;flex-basis:100%}.app .variant-table-rail .table-toolbar>div{flex-flow:wrap}.app .variant-table-rail>.hk-bonus-panel{flex:1;width:auto}.app .variant-table-rail>.room-details{flex-basis:100%}}.variant-match-progress{margin:0;font-size:12px;line-height:1.6}.variant-match-progress small{margin-top:4px;display:block}.bot-badge{font:500 11px/1.4 var(--sans,sans-serif);color:#64815f;vertical-align:middle;white-space:nowrap;letter-spacing:0;background:#eef1e6;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;display:inline-flex}.watch-page .page-heading,.bot-section-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.watch-page .page-heading{margin-bottom:22px}.watch-page .page-heading .button{flex-shrink:0}.bot-section-heading p{color:#6a8966;margin:7px 0}.bot-section-heading h2{margin:0;font-size:22px}.bot-section-heading>a{font-size:13px}.live-exhibitions,.bot-profile-details,.watch-complete{padding:24px}.watch-empty{text-align:center;color:#6b8b66;padding:35px 20px}.watch-empty>svg{margin-bottom:12px}.watch-empty h3{color:#2e4f3e;font-size:22px}.watch-empty p{max-width:510px;margin:12px auto 22px;line-height:1.7}.watch-empty .button{display:inline-flex}.roster-heading{margin:30px 0 18px}.bot-roster{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.bot-card{flex-direction:column;align-items:flex-start;min-width:0;padding:22px;display:flex}.bot-card-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bot-card h3{overflow-wrap:anywhere;margin:18px 0 12px;font-size:19px}.bot-card h3 a{text-decoration:none}.bot-card p{color:#698865;margin:16px 0 22px;font-size:13px;line-height:1.8}.bot-card-link{align-items:center;gap:8px;margin-top:auto;font-size:13px;display:flex}.bot-card .player-avatar{width:52px;height:52px}.bot-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}.bot-stat-grid>div{background:#f1f4ef;border-radius:7px;flex-direction:column;gap:9px;min-width:0;padding:18px;display:flex}.bot-stat-grid strong{color:#355c48;font-size:26px}.bot-stat-grid span{color:#688663;font-size:12px}.bot-stat-grid a{overflow-wrap:anywhere}.bot-history>a{border-bottom:1px solid #e3eadd;justify-content:space-between;gap:12px;padding:15px 0;font-size:13px;text-decoration:none;display:flex}.bot-profile-details{margin:20px 0}.bot-profile-details>p{font-size:13px;line-height:1.8}.live-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.live-game-card{background:#f0f4ed;border:1px solid #dde4d6;border-radius:8px;padding:22px;text-decoration:none}.live-game-card h3{margin:15px 0 8px}.live-game-card>span:last-child{justify-content:space-between;display:flex}.watch-status{color:#658260;align-items:center;gap:9px;margin:15px 0;display:flex}.watch-board{aspect-ratio:1.5;width:100%;max-width:1080px;min-height:480px;margin:auto}.watch-board .table-dora{color:#d0dbc6;font-size:10px;position:absolute;top:20px;left:20px}.watch-board .table-dora>div{margin-top:8px;display:flex}.watch-board .player-seat{font-size:12px}.watch-board .seat-top,.watch-board .seat-bottom{left:50%}.watch-board .seat-top{top:20px}.watch-board .seat-bottom{bottom:20px}.watch-player-links{flex-wrap:wrap;justify-content:space-around;gap:18px;padding:15px 0;font-size:13px;display:flex}.quick-mode{flex-direction:column;gap:7px;margin:12px 0;font-size:12px;display:flex}.quick-mode select{width:100%;min-width:0;color:inherit;background:#fff;border:1px solid #d8e1d0;border-radius:5px;padding:9px}.watch-complete .button{margin-top:12px}@media (width<=1200px){.bot-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.watch-page .page-heading{flex-direction:column;align-items:flex-start}.bot-roster,.live-game-grid{grid-template-columns:1fr}.live-exhibitions,.bot-profile-details,.watch-complete{padding:18px}.bot-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bot-stat-grid>div{padding:13px}.bot-section-heading,.bot-history>a{flex-wrap:wrap}.watch-board{min-height:420px}.watch-board .seat-avatar{display:none}.watch-board .seat-left,.watch-board .seat-right{overflow-wrap:anywhere;min-width:0;max-width:63px}.watch-board .seat-left{left:4px}.watch-board .seat-right{right:4px}.watch-board .seat-details strong{font-size:9px}.watch-board .seat-details>span{font-size:11px}.watch-board .table-dora{top:48px;left:8px}.watch-board .river-tile .tile{width:18px;height:25px}.watch-board .discard-river{grid-template-columns:repeat(6,18px);gap:2px}.watch-board .table-center{width:78px;height:94px}.watch-board .table-center>strong{font-size:24px}.watch-board .center-round{font-size:19px}.watch-board .river-top{top:auto;bottom:calc(50% + 53px);left:50%;transform:translate(-50%)rotate(180deg)}.watch-board .river-bottom{top:calc(50% + 53px);bottom:auto;left:50%;transform:translate(-50%)}.watch-board .river-left{top:50%;left:calc(50% - 62px);transform:translate(-50%,-50%)rotate(90deg)translateY(50%)}.watch-board .river-right{top:50%;left:calc(50% + 62px);right:auto;transform:translate(-50%,-50%)rotate(-90deg)translateY(50%)}}.watch-active .watch-page{max-width:1280px;margin:auto}.watch-active .watch-page .page-heading{margin:0 0 10px}.watch-active .watch-page h1{font-size:28px}.watch-active .watch-page .page-heading p{margin:6px 0;font-size:12px}.watch-active .watch-board{aspect-ratio:auto;max-width:min(100%,160dvh - 352px);height:clamp(420px,100dvh - 220px,800px);min-height:0;container-type:size}.watch-active .watch-player-links{padding:6px 0}.watch-active .watch-status{margin:8px 0;font-size:12px}.watch-active .watch-page .back-link{margin:0 0 8px}.quick-heading .quick-mode-select{color:#38624d;background:#f4f7f2;border:1px solid #d8e1d0;border-radius:5px;min-width:0;max-width:90px;margin-left:auto;padding:4px 7px;font-size:11px}.app.watch-active .watch-page{width:100%;margin:0 auto}.app.watch-active .watch-board{width:100%;max-width:min(100%,160dvh - 320px);height:clamp(420px,100dvh - 200px,800px);margin:0 auto}.app.watch-active .watch-page .page-heading{max-width:min(100%,160dvh - 320px);margin:0 auto 8px}.app.watch-active .watch-status,.app.watch-active .watch-page>.small-note,.app.watch-active .watch-player-links{width:min(100%,160dvh - 320px);margin:8px auto}.play-actions{grid-area:1/2/span 2}.featured-game{grid-area:2/1;min-width:0;margin:0;padding:20px}.featured-game>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.featured-game h2{margin:8px 0 0;font-size:21px}.featured-game .eyebrow{align-items:center;gap:7px;font-size:9px;display:flex}.featured-badge{color:#497f63;white-space:nowrap;background:#edf1ea;border-radius:4px;padding:5px 8px;font-size:10px}.featured-game-body{grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:20px;display:grid}.featured-game-copy h3{font:400 23px/1.25 var(--font-heading);margin:0 0 14px}.featured-game-copy p{color:#668462;margin:10px 0;font-size:12px;line-height:1.7}.featured-game-copy .button{margin-top:8px;padding:12px;font-size:11px;display:inline-flex}.featured-all{align-items:center;gap:7px;margin-top:20px;font-size:11px;text-decoration:none;display:flex}.featured-buffer{background:#eef1e6;border-radius:6px;place-items:center;min-height:350px;padding:16px;font-size:13px;display:grid}@media (width<=1150px){.featured-game-body{grid-template-columns:1fr}.featured-game-copy h3{font-size:21px}.featured-game-copy .featured-all{margin:12px;display:inline-flex}.featured-game .mini-watch-board{max-width:600px}}@media (width<=850px){.featured-game{grid-area:5/1/auto/-1;padding:16px}}.featured-empty{text-align:center;min-height:90px}.featured-pause{align-items:center;gap:6px;font-size:12px;display:inline-flex}.game-practice,.practice-hub{gap:16px;margin:20px 0;display:grid}.practice-intro{justify-content:space-between;align-items:center;gap:24px;display:flex}.practice-intro p{max-width:65ch}.practice-exercise h3{margin:14px 0;font-size:1.5rem}.practice-exercise p{max-width:80ch;line-height:1.7}.practice-hand{background:var(--surface-soft,#eef2eb);border-radius:10px;flex-wrap:wrap;justify-content:center;gap:5px;margin:20px 0;padding:24px 12px;display:flex}.practice-hand .game-tile{width:43px;height:62px}.practice-options,.practice-tiles{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.practice-options button{cursor:pointer;background:#ecf1e8;border:2px solid #0000;border-radius:7px;padding:7px;position:relative}.practice-options button[aria-pressed=true]{background:#dce4d5;border-color:#355b47}.practice-options button:focus-visible{outline-offset:3px;outline:3px solid #a48228}.practice-options button:disabled{opacity:1;cursor:default}.practice-options button>svg{background:#fff;border-radius:50%;position:absolute;bottom:0;right:0}.practice-feedback{border-top:1px solid #d9e2d1;margin-top:22px;padding-top:16px}.practice-feedback h4{font-size:1.2rem}.practice-feedback table{text-align:left;width:100%;margin-top:16px;font-size:.9rem}.practice-feedback th,.practice-feedback td{border-bottom:1px solid #d9e2d1;padding:8px 4px}.practice-actions,.practice-footer{flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px;display:flex}.practice-footer{justify-content:space-between;font-size:.8rem}.practice-topics{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.practice-topics>div{border:1px solid #d9e2d1;border-radius:10px;padding:20px}.practice-saved>div{border-bottom:1px solid #d9e2d1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;display:flex}.practice-saved>div>span{font-size:.8rem}.practice-position{margin:0 5px}.practice-exercise .game-tile{flex-shrink:0}@media (width<=650px){.practice-intro{flex-direction:column;align-items:start}.practice-topics{grid-template-columns:1fr}.practice-hand{gap:3px;padding:16px 5px}.practice-hand .game-tile{width:30px;height:44px}.practice-exercise{padding:20px 14px}.practice-options{gap:5px}.practice-options button{padding:5px}.practice-feedback table{font-size:.76rem}}.practice-count{flex-direction:column;align-items:center;gap:5px;display:flex}.practice-count small{font-size:.7rem}.practice-hub>.panel,.practice-intro,.practice-exercise,.practice-complete{padding:28px}.practice-hand .game-tile>.tile{width:100%;min-width:0;height:100%}@media (width<=650px){.practice-hub>.panel,.practice-intro,.practice-exercise,.practice-complete{padding:20px 14px}}.game-practice,.practice-hub{overflow-anchor:none}.practice-exercise,.practice-complete{scroll-margin-top:60px}.practice-exercise h3:focus,.practice-complete h3:focus{outline:none}:is(.game-practice:has(.practice-exercise),.game-practice:has(.practice-complete)){padding-bottom:calc(100dvh - 220px)}.ratings-board,.rating-rules{padding:24px}.ratings-toolbar,.rating-pools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ratings-toolbar{justify-content:space-between}.rating-pools .button{padding:10px 16px;font-size:13px}.rating-table-scroll{overflow-x:auto}.rating-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.rating-table th{text-transform:uppercase;letter-spacing:.08em;color:#658360;font-size:11px}.rating-table th,.rating-table td{border-bottom:1px solid #e0e7da;padding:14px 12px}.rating-table small{color:#6a8966;margin-top:4px;font-size:11px;display:block}.rating-table a{color:inherit;text-decoration:none}.rating-table a:hover{text-decoration:underline}.ratings-empty{text-align:center;color:#627f5e;padding:38px 16px}.ratings-empty h2{font-family:var(--font-heading);color:#2f5240;margin:14px 0;font-size:26px;font-weight:400}.ratings-empty p{margin-bottom:24px}.rating-rules{margin-top:20px;font-size:14px;line-height:1.7}.rating-rules p{color:#5f7a5b;max-width:900px}.rating-rules summary{cursor:pointer;color:#325844}.rating-rules h3{margin-top:24px}.provisional-title{margin-top:26px;font-size:18px}.rating-result{background:#eff3eb;border-radius:6px;margin:16px 0;padding:18px}.rating-changes{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.rating-changes>div{flex-direction:column;gap:6px;display:flex}.rating-changes strong{font-size:24px}.clock-setup-field{flex-direction:column;gap:8px;margin:18px 0;font-size:13px;display:flex}.clock-setup-field select{font:inherit;color:#2f5240;background:#fff;border:1px solid #d3ddcb;border-radius:5px;max-width:100%;padding:12px}.setup-clock-help{color:#498064;margin:12px 0;font-size:12px;line-height:1.6}.setup-clock-help summary{cursor:pointer}.setup-options-row{margin-top:14px}@media (width<=650px){.ratings-board,.rating-rules{padding:16px}.rating-table th,.rating-table td{padding:12px 8px}.rating-table{min-width:420px}.rating-changes{grid-template-columns:repeat(2,1fr)}.rating-pools .button{padding:10px;font-size:12px}}.rating-progress{text-align:left;min-width:0;margin-top:24px}.profile-rating-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.profile-rating-heading h3{margin:0}.profile-rating-heading p{color:var(--muted);margin:7px 0}.profile-rating-heading label{gap:6px;font-size:12px;display:grid}.profile-rating-heading select{border:1px solid var(--line);background:var(--paper,#fafbf7);font:inherit;color:inherit;border-radius:6px;padding:10px}.profile-rating-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 12px;display:grid}.profile-rating-stats>div{background:#f0f4ed;border-radius:8px;gap:8px;padding:18px;display:grid}.profile-rating-stats strong{color:#345a46;font-size:27px}.profile-rating-stats span{font-size:12px}.profile-rating-empty{padding:24px 0}.profile-rating-empty h4{margin:12px 0;font-size:19px}.rating-chart-wrap{border:1px solid var(--line);background:#fafbf7;border-radius:8px;height:220px;margin-top:22px;padding:12px 10px;display:flex}.rating-chart-scale{color:#6b8b66;flex-direction:column;justify-content:space-between;min-width:38px;padding:15px 8px 15px 0;font-size:11px;display:flex}.rating-chart{width:100%;min-width:0;overflow:hidden}.rating-chart-line{fill:none;stroke:#2a6957;stroke-width:2px;vector-effect:non-scaling-stroke}.rating-chart-area{fill:#2a6957;opacity:.1}.rating-chart-ends{color:#6b8b66;justify-content:space-between;margin:8px 10px 0 57px;font-size:11px;display:flex}.rating-history-inspector{gap:10px;margin-top:18px;font-size:13px;display:grid}.rating-history-inspector input{accent-color:#3a654e;width:100%}.profile-rating-link{margin-top:16px;font-size:13px;display:inline-block}.rating-progress .chart-grid{stroke:#dce3d5;fill:none;vector-effect:non-scaling-stroke}.rating-progress .chart-cursor{stroke:#6f8363;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.profile-rating-stats strong{overflow-wrap:anywhere}@media (width<=600px){.profile-rating-stats{grid-template-columns:repeat(2,1fr);gap:8px}.profile-rating-stats>div{padding:14px}.rating-chart-wrap{height:175px}.profile-rating-heading label{width:100%}.rating-progress .small-note{line-height:1.7}}.profile-pool-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:26px;display:grid}.profile-pool-card{text-align:left;color:#37604b;cursor:pointer;background:#fafbf7;border:1px solid #dee6d7;border-radius:8px;align-items:flex-start;gap:14px;min-width:0;padding:20px;display:flex}.profile-pool-card>svg{color:#6c8c67;flex:none;margin-top:2px}.profile-pool-card[aria-pressed=true]{background:#ecf1e8;border-color:#688763;box-shadow:inset 0 3px #607c5c}.pool-card-body{gap:7px;min-width:0;display:grid}.pool-card-name{flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.pool-card-name small{color:#6c8c67;font-size:10px;font-weight:400}.pool-card-body>strong{font-size:28px;font-weight:500;line-height:1.2}.pool-card-body>small{color:#5b7657;font-size:11px;line-height:1.6}.profile-rating-heading .eyebrow{letter-spacing:.14em;font-size:9px}.profile-rating-heading h3{font-size:23px;font-family:var(--font-heading);margin-top:8px;font-weight:400}.profile-history-ranges{background:#f1f4ef;border-radius:6px;flex-wrap:wrap;gap:3px;padding:4px;display:flex}.profile-history-ranges button{color:#617e5d;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px 10px;font-size:11px}.profile-history-ranges button[aria-pressed=true]{color:#fff;background:#365e49}.profile-rating-stats{margin:22px 0 8px}.player-rating-panel .profile-rating-stats>div{background:0 0;border-radius:0;gap:10px;padding:10px 0}.profile-rating-stats span{color:#698864;align-items:center;gap:5px;font-size:10px;display:flex}.profile-rating-stats strong{font-variant-numeric:tabular-nums;font-size:25px;font-weight:500}.profile-rating-stats .rating-down{color:#a76342}.profile-rating-stats .rating-up{color:#3f6e56}.player-rating-panel .rating-chart-wrap{background:#fcfdf9;border:0;border-top:1px solid #e2e9dc;border-radius:0;height:240px;margin-top:14px;padding:8px 0}.rating-chart-point{fill:#315846;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}.rating-history-inspector{font-size:12px;line-height:1.8}.profile-rating-empty{text-align:center;color:#63805f;padding:32px 10px}.profile-rating-empty svg{color:#789873}.profile-rating-empty h4{font-family:var(--font-heading);color:#365e49;font-size:25px;font-weight:400}.profile-rating-empty p{max-width:400px;margin:12px auto 20px;font-size:13px;line-height:1.8}.profile-rating-empty .button{padding:12px 18px;font-size:12px;text-decoration:none}.profile-history-loading{min-height:200px;padding-top:36px}.rating-progress .small-note{color:#698764;font-size:11px;line-height:1.7}.profile-placements{border-top:1px solid #dfe6d8;margin-top:26px;padding-top:24px}.placement-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.placement-heading h3{font-family:var(--font-heading);margin:0;font-size:23px;font-weight:400}.placement-heading p{color:#6b8b66;font-size:11px;line-height:1.7}.placement-average{text-align:right;flex:none;gap:4px;display:grid}.placement-average strong{color:#365e49;font-size:28px;font-weight:500}.placement-average span{color:#698764;font-size:10px}.placement-bars{gap:14px;margin:22px 0;display:grid}.placement-row{grid-template-columns:26px minmax(0,1fr) 42px 62px;align-items:center;gap:12px;font-size:12px;display:grid}.placement-row>span{color:#678563}.placement-row strong{text-align:right;font-size:12px;font-weight:500}.placement-row small{text-align:right;color:#70906b;font-size:10px}.placement-track{background:#eef1e6;border-radius:3px;height:10px;overflow:hidden}.placement-track>span{background:#678563;border-radius:3px;height:100%;display:block}.placement-row:nth-child(2) .placement-track>span{background:#84a180}.placement-row:nth-child(3) .placement-track>span{background:#a2b89e}.placement-row:nth-child(4) .placement-track>span{background:#c8baa0}@media (width<=700px){.profile-pool-card{gap:10px;padding:14px}.profile-pool-card>svg{width:19px}.pool-card-body>strong{font-size:24px}.pool-card-name{gap:4px;font-size:12px}.profile-history-ranges button{padding:8px}.profile-rating-heading{gap:14px}.profile-history-ranges{justify-content:space-between;width:100%}.player-rating-panel .rating-chart-wrap{height:210px}.placement-heading{align-items:flex-start}.placement-heading h3{font-size:21px}.placement-average strong{font-size:24px}.placement-average span{max-width:80px}.placement-row{grid-template-columns:23px minmax(0,1fr) 35px 52px;gap:8px}}@media (width<=380px){.profile-pool-cards{gap:8px}.profile-pool-card{gap:7px;padding:12px 10px}.profile-pool-card>svg{width:16px}.pool-card-body>strong{font-size:21px}.pool-card-body>small{font-size:10px}}.pool-card-body>.rating-unplayed{font-size:21px}.profile-pool-card{position:relative}@media (width<=700px){.profile-pool-card>svg{margin:0;position:absolute;top:14px;left:12px}.pool-card-body{width:100%}.pool-card-name{min-height:24px;padding-left:24px}.pool-card-body>.rating-unplayed{font-size:17px}}.ratings-help{justify-content:flex-end;margin:16px 0 0;font-size:13px;display:flex}.ratings-help a{align-items:center;gap:8px;display:inline-flex}.private-rooms{background:linear-gradient(120deg,#f3f6f0,#fff 65%);margin:24px 0;padding:28px}.private-room-intro{align-items:flex-start;gap:18px;display:flex}.private-room-intro>div{flex:1}.private-room-intro h2{margin:8px 0;font-size:29px}.private-room-intro p{color:#698865;max-width:530px;font-size:13px;line-height:1.8}.private-room-intro .tag{white-space:nowrap}.room-entry-grid{grid-template-columns:1fr 1fr;gap:32px;margin-top:25px;display:grid}.room-entry-grid form+form{border-left:1px solid #dee5d7;padding-left:32px}.room-entry-grid h3{margin-bottom:15px;font-size:15px}.room-entry-grid p{color:#688763;margin-bottom:18px;font-size:13px;line-height:1.8}.room-entry-grid label,.room-welcome label{color:#44775d;flex-direction:column;gap:7px;margin-bottom:15px;font-size:12px;display:flex}.room-entry-grid input,.room-entry-grid select,.room-welcome input{width:100%;font:inherit;color:#2e503f;background:#fff;border:1px solid #d8e1d0;border-radius:5px;min-width:0;padding:11px 12px}.room-entry-grid .button{margin-top:3px}.resume-room{margin-top:15px;font-size:12px}.room-footnote{color:#769672;align-items:center;gap:7px;font-size:11px;line-height:1.8;display:flex}.private-rooms>.room-footnote{border-top:1px solid #e0e7d9;margin-top:24px;padding-top:17px}.room-roster-heading{color:#6d8c68;justify-content:space-between;gap:15px;margin:0 0 13px;font-size:11px;line-height:1.7;display:flex}.room-roster-heading>span+span{color:#7e9c79;font-size:10px}.room-seat-control{color:#3e6d55;background:#f2f5ef;border:1px solid #d6e0ce;border-radius:5px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:12px;padding:9px 5px;font-size:11px;display:flex}.room-seat-control:hover{background:#e6ebe0}.computer-seat .room-seat-wind{color:#627f5e;background:#e1e8db}.room-settings{align-items:flex-end;gap:20px;padding:20px 0 0;display:flex}.room-settings label{color:#5f7a5b;flex-direction:column;gap:7px;font-size:11px;display:flex}.room-settings select{color:#3d6b53;font:inherit;background:#fafbf7;border:1px solid #dae3d3;border-radius:5px;padding:8px 11px}.room-settings p{color:#799974;flex:1;margin:0 0 2px;font-size:11px;line-height:1.8}.room-rematch{text-align:left;border-top:1px solid #dee5d7;justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:23px;display:flex}.room-rematch strong{font-size:14px}.room-rematch p,.room-rematch>span{color:#799874;margin-top:7px;font-size:12px;line-height:1.8}.room-rematch .button{flex-shrink:0;font-size:12px}.room-rematch>span{max-width:150px}@media (width<=580px){.room-roster-heading{flex-direction:column;gap:3px}.room-settings{flex-wrap:wrap;gap:14px}.room-settings label{flex:1;min-width:100px}.room-settings p{flex-basis:100%}.room-rematch{flex-direction:column;align-items:stretch}.room-rematch .button{justify-content:center}}.room-lobby-heading h1,.room-welcome h1,.room-finished h1,.private-room-intro h2{font-family:var(--serif);font-weight:400}.room-lobby-heading .eyebrow,.room-seat .eyebrow{justify-content:center}.room-error{color:#984e3e;margin-top:12px;font-size:13px;line-height:1.7}.room-error-bar{background:#fcf3ee;border:1px solid #eed9cc;border-radius:5px;flex-wrap:wrap;align-items:center;gap:16px;margin:0;padding:9px 14px;display:flex}.room-error-bar>span{flex:1}.room-page{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.room-connection{color:#6a8965;flex-shrink:0;align-items:center;gap:8px;width:min(100%,1100px);min-height:28px;margin:0 auto;font-size:11px;display:flex}.room-connection>span:first-of-type{flex:1}.room-code{letter-spacing:.4px;font-size:10px}.room-connection .text-button{margin-left:10px;font-size:10px}:is(.room-active:has(.room-lobby) main,.room-active:has(.room-welcome) main,.room-active:has(.room-finished) main){overflow:auto}.room-lobby{width:min(100%,1050px);margin:auto;padding:30px 36px}.room-lobby>.back-link{margin-bottom:24px;font-size:12px}.room-lobby-heading h1{margin:10px 0;font-size:38px;font-weight:400}.room-lobby-heading p{color:#70916b;font-size:13px;line-height:1.7}.room-invite{color:#6a8965;background:#f4f7f2;border:1px solid #dbe4d4;border-radius:6px;align-items:center;gap:12px;max-width:720px;margin:24px auto 30px;padding:8px 10px 8px 16px;display:flex}.room-invite input{min-width:0;font:inherit;color:#45795e;background:0 0;border:0;flex:1;padding:7px;font-size:12px}.room-invite .button{white-space:nowrap;min-height:36px;padding:10px 14px;font-size:11px}.room-seats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.room-seat{text-align:center;background:#fafbf7;border:1px dashed #d6dfce;border-radius:8px;padding:22px 10px 15px}.room-seat.occupied{background:#fff;border-style:solid}.room-seat.ready{background:#f3f6f1;border-color:#9eb59b}.room-seat-wind{color:#5e7a5a;background:#e8ede4;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 15px;font-size:27px;display:flex}.room-seat .eyebrow{letter-spacing:1px;font-size:9px}.room-seat h2{overflow-wrap:anywhere;margin:10px 0 6px;font-family:inherit;font-size:15px;font-weight:600}.room-seat>span:not(.eyebrow):not(.room-seat-wind){color:#819f7c;font-size:11px}.seat-ready-status{color:#759570;border-top:1px solid #e5ebe0;justify-content:center;align-items:center;gap:5px;min-height:30px;margin-top:19px;padding-top:12px;font-size:10px;display:flex}.room-seat.ready .seat-ready-status{color:#3b664f}.room-lobby-bottom{border-top:1px solid #e0e7da;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding-top:22px;display:flex}.room-lobby-bottom strong{font-size:13px}.room-lobby-bottom p{color:#6d8d69;margin:7px 0;font-size:11px}.room-ready-actions{align-items:center;gap:10px;display:flex}.room-ready-actions>span{color:#70906b;max-width:140px;font-size:11px;line-height:1.7}.room-ready-actions .button{padding:12px 17px;font-size:12px}.room-leave{color:#7b9a76;margin-top:23px;font-size:11px}.room-welcome{text-align:center;width:min(100%,530px);margin:auto;padding:35px}.room-welcome>.back-link{margin-bottom:25px;font-size:12px}.room-welcome-icon{color:#617e5d;background:#ecf0e8;border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;margin:0 auto 24px;display:flex}.room-welcome h1,.room-finished h1{margin:12px 0;font-size:36px;font-weight:400}.room-welcome p,.room-finished>p{color:#71916c;font-size:13px;line-height:1.9}.room-welcome form{text-align:left;margin:25px 0}.room-welcome form .button{justify-content:center;width:100%}.room-welcome .room-footnote{justify-content:center;margin-top:22px}.room-finished{margin:auto!important}.room-end-dialog{padding:28px}.room-end-dialog>.icon-button{float:right}.room-end-dialog h2{margin-bottom:15px;font-size:27px}.room-end-dialog p{margin-bottom:20px;font-size:13px;line-height:1.9}@media (width<=800px){.private-room-intro .tag{display:none}.room-lobby{padding:22px}.room-seats{gap:9px}.room-lobby-bottom{flex-direction:column;align-items:stretch}.room-ready-actions{justify-content:flex-end}.room-lobby-heading h1{font-size:30px}.room-connection{font-size:10px}.room-code{display:none}}@media (width<=580px){.private-rooms{padding:20px}.private-room-intro{gap:12px}.private-room-intro h2{font-size:25px}.private-room-intro>.path-icon{display:none}.room-entry-grid{grid-template-columns:1fr;gap:25px}.room-entry-grid form+form{border-top:1px solid #dee5d7;border-left:0;padding-top:23px;padding-left:0}.room-seats{grid-template-columns:repeat(2,minmax(0,1fr))}.room-lobby{padding:20px 14px}.room-seat{padding:14px 8px 10px}.room-seat-wind{width:36px;height:36px;margin-bottom:10px;font-size:22px}.room-invite{flex-wrap:wrap;margin:20px auto}.room-invite input{width:calc(100% - 50px)}.room-invite .button{margin-left:auto}.room-welcome{padding:24px 20px}.room-ready-actions{flex-wrap:wrap}.room-lobby-heading h1{font-size:27px}.room-connection{line-height:1.6}}.room-identity-note{color:#5d7959;margin:0 0 16px;font-size:12px;line-height:1.7}.room-identity-note a,.room-player-link{color:#325844;text-underline-offset:3px}.room-player-link{font:inherit;overflow-wrap:anywhere;text-decoration:none}.room-player-link:hover{text-decoration:underline}.room-entry-grid input[readonly],.room-welcome input[readonly]{background:#f0f4ed}.room-lobby{margin:0 auto;padding:20px 24px}.room-lobby>.back-link{margin-bottom:12px}.room-lobby-heading{text-align:left}.room-lobby-heading .eyebrow{display:none}.room-lobby-heading h1{margin:4px 0 8px;font-size:30px}.room-public-notice{justify-content:flex-start!important}.room-start-bar{z-index:3;background:#eff3ec;border:1px solid #b4c5b1;border-radius:7px;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;padding:15px 18px;display:flex;position:sticky;top:0;box-shadow:0 3px 10px #27443510}.room-start-bar>div:first-child{flex:1;min-width:0}.room-start-bar strong{font-size:15px}.room-start-bar p{color:#3f6e56;overflow-wrap:anywhere;margin:5px 0 0;font-size:12px;line-height:1.6}.room-invite{max-width:none;margin:14px 0 20px}.room-seat{padding-top:14px}.room-seat-wind{width:36px;height:36px;margin-bottom:9px;font-size:23px}.seat-ready-status{margin-top:12px;padding-top:9px}.room-lobby-bottom{margin-top:18px;padding-top:14px}@media (width<=700px){.room-start-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.room-start-bar .room-ready-actions{flex-wrap:wrap;justify-content:flex-start}.room-start-bar .room-ready-actions>span{max-width:none}.room-lobby{padding:16px 12px}.room-lobby-heading h1{font-size:26px}.room-start-bar .button{min-height:42px}}.public-lobby{margin:24px 0;padding:28px}.public-lobby-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.public-lobby h2{margin:9px 0;font-size:30px}.public-lobby-heading p,.public-table p{color:#627f5e;font-size:13px;line-height:1.7}.public-lobby-heading .button{flex-shrink:0}.lobby-rules{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.lobby-rules span{color:#3e6b54;background:#ecf1e8;border-radius:4px;padding:5px 10px;font-size:11px}.lobby-filters{border-top:1px solid #e2e8dc;border-bottom:1px solid #e2e8dc;align-items:end;gap:18px;padding:16px 0;display:flex}.lobby-filters label{color:#627f5e;flex-direction:column;gap:7px;font-size:11px;display:flex}.lobby-filters select{color:#38624d;font:inherit;background:#fff;border:1px solid #dae3d3;border-radius:5px;padding:8px 10px}.lobby-filters .text-button{align-items:center;gap:7px;margin-bottom:9px;margin-left:auto;display:flex}.lobby-empty{text-align:center;color:#6a8966;padding:35px 14px}.lobby-empty h3{color:#325844;margin:12px 0;font-size:18px}.lobby-empty p{max-width:480px;margin:0 auto;font-size:13px;line-height:1.8}.public-table{border-bottom:1px solid #e5ebdf;align-items:center;gap:20px;padding:20px 0;display:flex}.public-table>div{flex:1;min-width:0}.public-table h3{overflow-wrap:anywhere;margin:0 0 5px;font-size:15px}.public-table p{margin:0}.table-open-seats{color:#406f57;white-space:nowrap;font-size:12px}.lobby-update-note{color:#70906b;margin:17px 0 0;font-size:11px;line-height:1.7}.room-public-notice{justify-content:center;align-items:center;gap:7px;display:flex}@media (width<=600px){.public-lobby{padding:20px}.public-lobby-heading{flex-direction:column;align-items:flex-start}.lobby-filters{flex-wrap:wrap;gap:12px}.lobby-filters label{flex:1;min-width:120px}.lobby-filters select{width:100%;min-width:0}.public-table{flex-wrap:wrap;gap:12px}.public-table>div{flex-basis:100%}.public-table .button{margin-left:auto}.room-public-notice{flex-wrap:wrap}}.room-clock{color:#365e4a;font-variant-numeric:tabular-nums;background:#eef1e6;border:1px solid #dae3d3;border-radius:5px;align-items:center;gap:7px;min-width:210px;padding:7px 10px;font-size:12px;display:flex}.room-clock strong{min-width:36px;font-size:19px}.room-clock small{font-size:10px}.room-clock.clock-low{color:#835517;background:#fbefdf;border-color:#d5b77d}.room-clock-rules{background:#f1f4ef;border-radius:6px;margin:12px 0;padding:12px 16px;font-size:12px}.room-clock-rules p{margin:6px 0;line-height:1.6}.table-clock-label{color:#498064;font-size:11px}.lobby-filters{flex-wrap:wrap}@media (width<=650px){.room-clock{flex-wrap:wrap;min-width:0;padding:5px}.room-clock small{flex-basis:100%}.table-toolbar:has(.room-clock){flex-wrap:wrap}.room-clock-rules{font-size:11px}}.game-active .table-toolbar:has(.room-clock){height:auto;min-height:44px}.game-active .table-toolbar>.table-return{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.game-active .table-return .room-connection{gap:5px;width:auto;max-width:100%;min-height:0;margin:0;font-size:9px}.game-active .table-return .room-connection>svg{flex-shrink:0;width:12px;height:12px}.game-active .table-return .room-connection>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-active .table-return .room-code{white-space:nowrap;font-size:8px}.game-active .table-toolbar>.table-tools{flex-shrink:0}@media (width>=1000px){.game-active .table-toolbar>.table-return{max-width:calc(100% - 650px);position:absolute;top:0;left:4px}.game-active .table-toolbar>.table-tools{margin-left:auto}}@media (width<=650px){.game-active .table-toolbar:has(.room-clock){align-items:flex-start;gap:4px;min-height:76px}.game-active .table-toolbar:has(.room-clock)>div{justify-content:space-between;width:100%}.game-active .table-toolbar .room-clock{flex-wrap:nowrap}.game-active .table-toolbar .room-clock small{flex-basis:auto}}.room-roster-heading{margin-top:16px}.room-roster-heading>span+span{display:none}.room-seat>.seat-rating{justify-content:center;margin:0 auto 5px;color:#3b664f!important;font-size:17px!important}.room-seat h2 .seat-rating-compact,.quick-roster .seat-rating-compact{color:#63805f;gap:0;font-size:.8em;font-weight:400}.room-details{color:#5d7858;border-top:1px solid #dbe4d4;margin-top:18px;padding-top:14px;font-size:12px}.room-details summary{cursor:pointer;padding:5px 0;font-weight:600}.room-details>div{padding-top:8px}.room-details p{margin:6px 0;line-height:1.7}.room-lobby .room-seat{padding:12px 8px}.room-lobby .room-seat-wind{width:28px;height:28px;margin-bottom:6px;font-size:20px}.room-lobby .room-seat h2{margin:7px 0 4px}.room-lobby .seat-ready-status{min-height:25px;margin-top:7px;padding-top:6px}.room-lobby .room-start-bar{margin:14px 0}@media (width<=580px){.room-lobby .room-seat{padding:8px 6px}.room-lobby .room-seat .eyebrow{font-size:8px}.room-lobby .room-seat h2{font-size:13px}.room-lobby .room-seat-wind{width:23px;height:23px;margin-bottom:3px;font-size:17px}.room-lobby .room-start-bar{gap:5px;padding:9px}.room-lobby .room-start-bar p{margin-top:2px;font-size:10px}.room-lobby .room-start-bar strong{font-size:12px}}@media (width>=701px){.room-seats:has(>.room-seat:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}.participation-dialog{border:1px solid var(--line);background:var(--surface,#fff);width:min(540px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink);border-radius:14px;padding:28px;overflow:auto}.participation-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.participation-dialog h2{margin:0 0 16px;font-size:26px}.participation-dialog p{margin:12px 0;line-height:1.6}.participation-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.bot-lobby-countdown{background:#eef1e6;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;padding:18px;display:flex}.bot-lobby-countdown span{font-size:13px}.bot-lobby-waiting>p{font-size:13px;line-height:1.8}.bot-lobby-waiting .room-seat>span{align-items:center;gap:5px;display:flex}.bot-lobby-waiting .room-seat>small{margin-top:8px;display:block}.bot-lobby-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:24px;display:flex}.bot-lobby-footer>a{font-size:13px}.rules-heading{max-width:850px;margin:22px 0 30px}.rules-heading h1{font:400 clamp(32px,4vw,48px)/1.15 var(--serif);margin:15px 0}.rules-heading p{color:var(--muted);margin:12px 0;font-size:15px;line-height:1.8}.rules-heading .small-note{font-size:12px}.rules-preset{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.rules-page-actions{flex-wrap:wrap;align-items:center;gap:24px;margin:24px 0;display:flex}.rules-page a.button,.rules-directory a.button{width:fit-content;text-decoration:none}.rules-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.rules-cards article{flex-direction:column;align-items:flex-start;gap:18px;padding:28px;display:flex}.rules-cards h2{font:400 27px/1.2 var(--serif)}.rules-cards p{color:var(--muted);font-size:14px;line-height:1.8}.rules-cards .small-note{font-size:12px}.rules-cards .button{margin-top:auto}.rules-cards .text-button{font-size:12px}.rules-learning{margin:25px 0;padding:28px}.rules-learning p{color:var(--muted);max-width:750px;margin:14px 0;line-height:1.8}.rules-variant-nav{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.rules-variant-nav a{border:1px solid var(--line);border-radius:6px;padding:10px 15px;font-size:13px;text-decoration:none}.rules-variant-nav a[aria-current]{border-color:var(--green);background:#ecf1e8;font-weight:700}.rules-reading-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;display:grid}.rules-contents{flex-direction:column;gap:15px;padding:24px;font-size:12px;display:flex;position:sticky;top:20px}.rules-contents a{line-height:1.5;text-decoration:none}.rules-contents a:hover{text-decoration:underline}.rules-body{gap:20px;min-width:0;display:grid}.rule-section{min-width:0;padding:30px;scroll-margin-top:24px}.rule-section:focus-visible{outline:2px solid var(--green);outline-offset:3px}.rule-section h2{font:400 27px/1.3 var(--serif);margin-bottom:18px}.rule-section p{color:var(--muted);margin:14px 0;font-size:14px;line-height:1.9}.rule-examples{flex-wrap:wrap;gap:20px;margin-top:24px;display:flex}.rule-examples figure{border:1px solid var(--line);border-radius:8px;flex:1;min-width:180px;margin:0;padding:18px}.rule-examples figure>div{gap:4px;display:flex}.rule-examples .tile{width:36px;height:50px}.rule-examples figcaption{color:var(--muted);margin-top:14px;font-size:11px;line-height:1.7}.rule-table-scroll{border:1px solid var(--line);border-radius:6px;margin-top:22px;overflow-x:auto}.rule-table-scroll table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.7}.rule-table-scroll caption{text-align:left;background:#f2f5ef;padding:12px;font-weight:600}.rule-table-scroll th,.rule-table-scroll td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}.rule-table-scroll tbody th{font-weight:500}.rule-table-scroll td{color:var(--muted)}.rule-table-scroll thead{background:#f8f9f6}.rules-ready .button{margin-top:18px}.lobby-variant-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:25px;display:flex}.lobby-variant-bar .variant-tabs{margin:0}.lobby-rules-link{white-space:nowrap;text-underline-offset:4px;align-items:center;gap:8px;padding:12px 0;font-size:13px;display:inline-flex}.lobby-practice-status{border-top:1px solid var(--line);margin-top:22px;padding:25px 0 0}.lobby-practice-status .tag{margin-bottom:20px}.lobby-practice-status h3{margin-bottom:10px;font-size:20px}@media (width<=1050px){.rules-cards{grid-template-columns:1fr}.rules-reading-layout{grid-template-columns:180px minmax(0,1fr)}.rule-section{padding:23px}.rules-contents{padding:18px}}@media (width<=700px){.rules-reading-layout{display:block}.rules-contents{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid;position:static}.rules-contents>strong{grid-column:1/-1}.rules-heading h1{font-size:34px}.rule-section{padding:22px 16px}.rule-section h2{font-size:24px}.rule-table-scroll th,.rule-table-scroll td{padding:10px 8px;font-size:12px}.rule-examples figure{min-width:145px}.rules-variant-nav a{font-size:12px}.lobby-variant-bar{gap:8px}.lobby-variant-bar .variant-tabs a{padding:10px 12px;font-size:12px}.rules-page-actions{gap:15px}.rules-cards article{padding:24px}}.sc-hub .sc-intro .public-lobby-heading h2{margin:0 0 8px;font-family:inherit;font-size:25px;font-weight:600;line-height:1.3}.sc-hub .sc-intro .public-lobby-heading p{margin:0}.sc-hub .sc-intro .lobby-practice-status h3{margin:0 0 10px}.variant-open-count{font-variant-numeric:tabular-nums;background:#80808029;border-radius:1em;place-items:center;min-width:1.6em;margin-left:.65em;padding:0 .35em;font-size:.8em;display:inline-grid}.variant-tabs a{align-items:center;display:flex}.rules-learning{justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.rules-learning h2{font-size:17px}.rules-learning p{margin:6px 0 0;font-size:13px}.rules-learning nav{flex-wrap:wrap;gap:8px 18px;display:flex}.rules-learning nav a{text-underline-offset:3px;align-items:center;gap:6px;min-height:40px;font-size:13px;display:inline-flex}@media (width<=700px){.rules-learning{flex-direction:column;align-items:flex-start;gap:10px}}.play-hub-heading{justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px;display:flex}.play-hub-heading h1{font-family:var(--font-heading);color:#294737;margin:0 0 9px;font-size:36px;font-weight:400;line-height:1.2}.play-hub-heading p{color:#648160;margin:0;font-size:13px;line-height:1.6}.play-hub-label{color:#799974;white-space:nowrap;font-size:11px}.play-hub-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.play-hub .public-lobby{min-width:0;margin:0;padding:24px}.play-hub .public-lobby-heading{flex-direction:row;align-items:center}.play-hub .public-lobby h2{margin:0 0 5px;font-size:23px;line-height:1.3}.play-hub .public-lobby-heading p{margin:0;font-size:12px}.lobby-table-count{color:#688763;white-space:nowrap;font-size:11px}.play-hub .lobby-rules{margin:17px 0}.play-hub .lobby-filters{gap:12px;padding:13px 0}.play-hub .lobby-empty{box-sizing:border-box;min-height:190px;padding:48px 15px 16px}.play-hub .lobby-empty h3{font-size:18px}.play-hub .lobby-empty p{max-width:320px;font-size:12px}.lobby-empty-create{justify-content:center;align-items:center;gap:8px;margin:0 auto 32px;font-size:12px;display:flex}.play-hub .public-table-list{scrollbar-width:thin;max-height:min(52vh,600px);overflow-y:auto}.play-hub .public-table{gap:14px;padding:16px 0}.play-hub .public-table h3{font-size:14px}.play-hub .public-table p{font-size:11px}.play-hub .public-table .button{white-space:nowrap;padding:10px 12px;font-size:11px}.lobby-footer{border-top:1px solid #e4eadf;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding-top:12px;display:flex}.play-hub .lobby-update-note{color:#688763;margin:0;font-size:10px}.lobby-leaderboard-link{color:#355c48;border-radius:5px;align-items:center;gap:7px;padding:8px 0;font-size:11px;font-weight:500;text-decoration:none;display:inline-flex}.lobby-leaderboard-link:hover{text-underline-offset:4px;text-decoration:underline}.lobby-leaderboard-link:focus-visible{outline-offset:4px;outline:2px solid #5d7858}.play-action-buttons{gap:10px;display:grid}.play-action{text-align:left;color:#355c48;width:100%;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe4d4;border-radius:8px;align-items:center;gap:13px;padding:19px 16px;display:flex}.play-action>span{flex:1;min-width:0}.play-action strong{font-size:13px;font-weight:600;line-height:1.5;display:block}.play-action small{color:#6d8c68;margin-top:3px;font-size:10px;line-height:1.6;display:block}.play-action>svg{flex-shrink:0}.play-action.primary{color:#fff;background:#325844;border-color:#325844}.play-action.primary small{color:#d6dfce}.play-action:hover{background:#f0f4ed;border-color:#88a483}.play-action.primary:hover{background:#2a4939}.play-invitation{justify-content:center;align-items:center;gap:8px;width:100%;margin:16px 0 0;padding:6px;font-size:12px;display:flex}.play-newcomer{color:#698864;border-top:1px solid #dee6d7;gap:13px;margin-top:22px;padding:22px 2px;display:flex}.play-newcomer h2{color:#325844;margin:0 0 6px;font-size:14px}.play-newcomer p{margin:0 0 12px;font-size:12px;line-height:1.7}.play-newcomer a,.play-newcomer button{color:#38624d;text-underline-offset:3px;align-items:center;gap:7px;margin-top:10px;font-size:11px;display:flex}.play-newcomer>svg{flex-shrink:0}.play-resume{margin-top:18px;padding:16px}.play-resume .eyebrow{font-size:8px}.play-resume button{align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.play-history{border-top:1px solid #dfe6d9;margin-top:24px;padding-top:15px}.play-history>button{align-items:center;gap:10px;font-size:12px;display:flex}.play-history>button span{background:#e9eee5;border-radius:3px;padding:2px 6px}.play-setup-dialog{box-sizing:border-box;color:#2f513f;background:#fafbf7;border:1px solid #dae3d3;border-radius:12px;width:min(480px,100vw - 32px);max-height:calc(100dvh - 40px);padding:28px;overflow:auto;box-shadow:0 24px 80px #1e342830}.play-setup-dialog::backdrop{background:#192b2166}.play-setup-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.play-setup-heading h2{font:400 28px/1.2 var(--font-heading);margin:0}.play-setup-heading button{flex-shrink:0}.room-setup-form label{color:#3e6d55;flex-direction:column;gap:7px;margin:16px 0;font-size:12px;display:flex}.room-setup-form input,.room-setup-form select{box-sizing:border-box;color:#2e503f;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #d4decc;border-radius:5px;padding:11px 12px}.room-setup-form input[readonly]{background:#ecf1e8}.room-setup-form p{color:#63805e;font-size:12px;line-height:1.7}.room-setup-form .setup-account-note{margin:12px 0;font-size:11px}.setup-rule-summary{color:#45775d;background:#edf1ea;border-radius:5px;padding:10px 12px;font-size:11px}.room-setup-form>.button{justify-content:center;width:100%;margin-top:12px}.play-setup-dialog .solo-lobby{box-shadow:none;background:0 0;border:0;margin:0;padding:0;display:block}.play-setup-dialog .solo-lobby-copy{display:none}.play-setup-dialog .solo-setup{box-sizing:border-box;background:0 0;border:0;width:100%;padding:0}.play-setup-dialog .mode-options button{padding:14px 10px}.play-setup-dialog .mode-options strong{font-size:13px}.play-setup-dialog .mode-options small{font-size:11px}.play-setup-dialog .mode-time,.play-setup-dialog .solo-setup>.eyebrow{font-size:10px}.play-setup-dialog .solo-rules-caption{font-size:10px;line-height:1.7}@media (width<=1150px){.play-hub-grid{grid-template-columns:minmax(0,1fr) 255px;gap:16px}.play-hub .public-lobby{padding:20px}.play-action{gap:9px;padding:16px 12px}.play-action>svg:last-child,.play-hub-label{display:none}.play-hub .lobby-filters{flex-wrap:wrap}.play-hub .lobby-filters .text-button{margin-bottom:0}}@media (width<=850px){.play-hub-grid{grid-template-columns:1fr}.play-actions{display:contents}.play-action-buttons{grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr))}.play-action{flex-direction:column;align-items:flex-start;gap:7px;padding:13px 10px}.play-action small{display:none}.play-action strong{font-size:11px}.play-hub .public-lobby{grid-row:3}.play-invitation{grid-row:2;justify-content:flex-end;margin:0}.play-newcomer{margin:0}.play-hub-heading{margin-bottom:18px}.play-hub-heading h1{font-size:30px}.play-hub-heading p{font-size:12px}.play-resume{margin-top:0}.play-hub .public-table-list{max-height:none}.play-hub .lobby-empty{min-height:170px;padding-top:30px}}@media (width<=450px){.play-hub-heading h1{font-size:28px}.play-hub .public-lobby{padding:16px}.play-hub .public-lobby h2{font-size:21px}.play-hub .public-lobby-heading p{font-size:11px}.lobby-table-count{font-size:10px}.play-hub .lobby-filters label{min-width:105px}.play-hub .lobby-filters select{font-size:10px}.play-setup-dialog{padding:22px 18px}.play-setup-heading h2{font-size:25px}.play-hub .public-table>div{flex-basis:100%}.play-hub .public-table{flex-wrap:wrap}.play-hub .public-table .button{margin-left:auto}}.play-hub .lobby-empty-create{width:fit-content;margin:0 auto 32px;display:flex}.play-setup-description{color:#63805e;margin:0 0 22px;font-size:12px;line-height:1.7}@media (width<=850px){.hongkong-hub .play-action-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}.variant-tabs{flex-wrap:wrap;gap:8px;margin:0 0 25px;display:flex}.variant-tabs a{color:#46795f;border:1px solid #dae3d3;border-radius:6px;padding:12px 18px;font-size:13px;text-decoration:none}.variant-tabs a[aria-current]{color:#2f5240;background:#e4eade;font-weight:600}.play-lobby-column{flex-direction:column;gap:20px;min-width:0;display:flex}.play-hub-grid>.play-actions{grid-area:auto/2}.play-hub .play-invitation{background:#f1f4ee;justify-content:flex-start;margin:10px 0 0;padding:15px 16px;text-decoration:none}.play-hub .play-invitation:hover{background:#e6ece1}.lobby-variant-filters button:disabled{cursor:default;opacity:.6}@media (width<=850px){.play-lobby-column{display:contents}.play-hub-grid .public-lobby{grid-area:4/1/auto/-1}.play-hub-grid .featured-game{grid-row:5}.play-hub .play-invitation{flex-direction:row;align-items:center;margin:0}.play-hub .play-invitation small{display:block}.play-hub .quick-variant{grid-column:1;margin-bottom:8px}}.computer-setup-dialog{width:min(1040px,100vw - 32px);padding:28px 32px}.computer-setup-dialog .setup-variant{flex-direction:column;gap:7px;max-width:360px;font-size:13px;display:flex}.computer-setup-dialog .setup-variant select{width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #d4decc;border-radius:6px;padding:11px 12px}.computer-setup-dialog .play-setup-description{margin:12px 0 20px}.computer-setup-dialog .solo-setup>.eyebrow{display:none}.computer-setup-dialog .clock-setup-field{vertical-align:top;flex-direction:column;gap:7px;width:calc(50% - 10px);margin:0 16px 16px 0;font-size:13px;display:inline-flex}.computer-setup-dialog .clock-setup-field:nth-of-type(2n){margin-right:0}.computer-setup-dialog .mode-options{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px;display:grid}.computer-setup-dialog .mode-options button{min-width:0;margin:0}.computer-setup-dialog .start-table{justify-content:center;width:100%}.practice-settings{grid-template-columns:1fr 1fr;gap:20px;display:grid}.practice-settings label{margin-top:0}.practice-opponents{margin:24px 0}.practice-opponents h3{margin-bottom:8px;font-size:20px}.practice-roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.practice-opponent{background:#fff;border:1px solid #7a997555;border-radius:10px;align-items:center;gap:14px;padding:18px;display:flex}.practice-opponent .bot-portrait{border-radius:50%;flex-shrink:0;width:72px;height:72px}.practice-opponent strong,.practice-opponent small{display:block}.practice-opponent small{margin-top:6px;font-size:12px}@media (width<=650px){.computer-setup-dialog{padding:22px 18px}.computer-setup-dialog .mode-options,.practice-settings,.practice-roster{grid-template-columns:1fr}.computer-setup-dialog .clock-setup-field{width:100%;margin-right:0}.practice-roster{gap:8px}.practice-opponent{padding:12px}.practice-opponent .bot-portrait{width:54px;height:54px}}.computer-setup-dialog .practice-start{z-index:2;background:#fafbf7;border-top:1px solid #dae3d3;margin-top:16px;padding:16px 0;position:sticky;bottom:-28px;box-shadow:0 -8px 12px #fafbf7cc}.computer-setup-dialog .practice-start .solo-rules-caption{margin-top:8px}@media (width<=650px){.computer-setup-dialog .practice-start{bottom:-22px}}.computer-setup-dialog .practice-start>.button{justify-content:center;width:100%}.practice-fixed-length{color:#3e6d55;flex-direction:column;gap:7px;font-size:12px;display:flex}.practice-fixed-length strong{padding:11px 0;font-weight:500}.practice-fixed-length small{line-height:1.6}.setup-fields{border:0;min-width:0;margin:0;padding:0}.setup-footer{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:16px;display:flex}.setup-footer>a{font-size:12px}.setup-footer>.button{justify-content:center;max-width:100%}.lobby-heading-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.lobby-refresh{border-radius:5px;flex-shrink:0;place-items:center;width:34px;height:34px;padding:0;display:grid}.lobby-refresh:hover{background:#edf1ea}.play-hub .lobby-filters{grid-template-columns:1fr 1.3fr 1fr 1.3fr;gap:10px;display:grid}.play-hub .lobby-filters label{min-width:0}.play-hub .lobby-filters select{width:100%;min-width:0;padding:8px;font-size:11px}.play-hub .public-lobby .public-table-list{scrollbar-width:thin;max-height:440px;overflow:auto}.lobby-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;font-size:12px}.lobby-table th{z-index:1;color:#6b8b66;background:#fafbf8;padding:9px 6px;font-size:10px;font-weight:500;position:sticky;top:0}.lobby-table th:first-child{width:auto}.lobby-table th:nth-child(2){width:56px}.lobby-table th:nth-child(3){width:78px}.lobby-table th:nth-child(4){width:70px}.lobby-table th:nth-child(5){width:36px}.lobby-table th:last-child{width:50px}.lobby-table td{box-sizing:border-box;font-variant-numeric:tabular-nums;color:#3c6851;border-bottom:1px solid #e5ebdf;height:44px;padding:7px 6px}.lobby-table tr:hover td{background:#f4f7f2}.lobby-table small{color:#6e8e69;margin-top:3px;font-size:9px;display:block}.lobby-host a{text-overflow:ellipsis;white-space:nowrap;color:#2e503e;font-weight:600;text-decoration:none;display:block;overflow:hidden}.lobby-host a:hover{text-decoration:underline}.lobby-join{color:#345a46;background:#eef1e6;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:100%;min-height:32px;padding:3px;font-size:11px;display:flex}.lobby-join:hover{background:#e0e7d9}.lobby-table .mobile-table-detail{display:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1150px){.play-hub .lobby-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-table .lobby-format{display:none}.lobby-table .mobile-table-detail{display:block}}@media (width<=600px){.lobby-heading-actions{gap:4px}.lobby-table .lobby-clock{display:none}.lobby-table th:nth-child(2){width:43px}.lobby-table th:nth-child(5){width:29px}.lobby-table th:last-child{width:38px}.lobby-table td,.lobby-table th{padding-left:3px;padding-right:3px}.lobby-table{font-size:11px}.lobby-join svg{display:none}.lobby-table td{height:49px}.lobby-table .mobile-table-detail{font-size:8px}.play-hub .public-table-list{max-height:420px}}.public-lobby{container:lobby/inline-size}.lobby-variant-filters{border-bottom:1px solid #dfe6d9;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:16px;padding:0 0 16px;display:grid}.lobby-variant-filters button{color:#46795f;min-width:0;min-height:40px;font:inherit;white-space:normal;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:7px 4px;font-size:11px;line-height:1.35;display:flex}.lobby-variant-filters button svg{flex-shrink:0}.lobby-variant-filters button span{overflow-wrap:anywhere;min-width:0}.lobby-variant-filters button[aria-pressed=true]{color:#2f5240;background:#e4eade;border-color:#ced9c4;font-weight:600}.lobby-variant-filters button:hover{background:#edf1ea}.lobby-variant-mobile{display:none}.lobby-variant-name{align-items:center;gap:6px;margin-bottom:3px;font-weight:600;display:flex}.lobby-host a{font-size:11px;font-weight:400}.shared-lobby-table th:nth-child(2){width:125px}.shared-lobby-table th:nth-child(3){width:78px}.shared-lobby-table th:nth-child(4){width:38px}.shared-lobby-table th:last-child{width:45px}.quick-variant,.setup-variant{color:#3e6d55;flex-direction:column;gap:7px;margin:12px 0 16px;font-size:12px;display:flex}.quick-variant select,.setup-variant select,.lobby-variant-mobile select{color:#2e503f;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #d4decc;border-radius:5px;padding:10px}@media (width<=600px){.shared-lobby-table th:nth-child(4){width:34px}.shared-lobby-table th:last-child{width:38px}.shared-lobby-table .mobile-table-detail{font-size:10px;line-height:1.5}.lobby-variant-name{font-size:12px}}.app .public-lobby .lobby-variant-filters{scrollbar-width:thin;overscroll-behavior-x:contain;flex-wrap:nowrap;gap:4px;margin-bottom:12px;padding:2px 1px 12px;display:flex;overflow-x:auto}.app .public-lobby .lobby-variant-filters button{--variant-accent:#5d6155;white-space:nowrap;min-height:34px;color:var(--variant-accent);border:1px solid color-mix(in srgb,var(--variant-accent) 18%,transparent);background:color-mix(in srgb,var(--variant-accent) 6%,white);flex:none;gap:4px;padding:6px 7px;font-size:11px;line-height:1.25}.app .public-lobby .lobby-variant-filters button[data-variant=riichi]{--variant-accent:#a25246}.app .public-lobby .lobby-variant-filters button[data-variant=sanma]{--variant-accent:#365e49}.app .public-lobby .lobby-variant-filters button[data-variant=classical]{--variant-accent:#886014}.app .public-lobby .lobby-variant-filters button[data-variant=hongkong]{--variant-accent:#795093}.app .public-lobby .lobby-variant-filters button[data-variant=sichuan]{--variant-accent:#a43850}.app .public-lobby .lobby-variant-filters button[data-variant=taiwanese]{--variant-accent:#3b6650}.app .public-lobby .lobby-variant-filters button .variant-icon{width:15px;height:15px;color:inherit}.app .public-lobby .lobby-variant-filters button span{overflow-wrap:normal}.app .public-lobby .lobby-variant-filters button[aria-pressed=true]{color:var(--variant-accent);border-color:var(--variant-accent);background:color-mix(in srgb,var(--variant-accent) 14%,white);box-shadow:inset 0 -2px var(--variant-accent);font-weight:600}.app .public-lobby .lobby-variant-filters button:hover:not(:disabled){background:color-mix(in srgb,var(--variant-accent) 12%,white)}:root[data-theme=dark] .app .public-lobby .lobby-variant-filters button{--variant-accent:#c8cbc3;color:var(--variant-accent);background:color-mix(in srgb,var(--variant-accent) 8%,#252622);border-color:color-mix(in srgb,var(--variant-accent) 25%,transparent)}:root[data-theme=dark] .app .public-lobby .lobby-variant-filters button[data-variant=riichi]{--variant-accent:#e1a295}:root[data-theme=dark] .app .public-lobby .lobby-variant-filters button[data-variant=sanma]{--variant-accent:#a8bda5}:root[data-theme=dark] .app .public-lobby .lobby-variant-filters button[data-variant=classical]{--variant-accent:#e5c16e}:root[data-theme=dark] .app .public-lobby .lobby-variant-filters button[data-variant=hongkong]{--variant-accent:#c3a5db}:root[data-theme=dark] .app .public-lobby .lobby-variant-filters button[data-variant=sichuan]{--variant-accent:#efa0b4}:root[data-theme=dark] .app .public-lobby .lobby-variant-filters button[data-variant=taiwanese]{--variant-accent:#afc1ac}:root[data-theme=dark] .app .public-lobby .lobby-variant-filters button:is([aria-pressed=true],:hover:not(:disabled)){border-color:var(--variant-accent);background:color-mix(in srgb,var(--variant-accent) 17%,#252622)}.lobby-bot-badge{color:var(--muted);align-items:center;gap:3px;margin-top:4px;font-size:10px;display:inline-flex}.quick-play{color:#2e503f;background:#f0f3ed;border:1px solid #ced9c4;border-radius:9px;min-width:0;margin-bottom:12px;padding:18px}.quick-heading{align-items:center;gap:9px;display:flex}.quick-heading h2{flex:1;margin:0;font-size:17px}.quick-heading>span{color:#3f6d55;border:1px solid #d2ddc9;border-radius:4px;padding:3px 6px;font-size:10px}.quick-play .quick-rules{margin:11px 0 6px;font-size:12px}.quick-clock{color:#46795f;align-items:center;gap:6px;margin:0;font-size:10px;line-height:1.5;display:flex}.quick-status{margin:15px 0 12px;font-size:12px;line-height:1.6}.quick-status strong{align-items:center;gap:7px;font-size:14px;display:flex}.quick-status p{margin:4px 0}.quick-play>.button{justify-content:center;width:100%;min-height:42px;padding:10px;font-size:12px}.quick-note{color:#5c7658;margin:10px 0 0;font-size:10px;line-height:1.7}.quick-decline{margin:12px auto 0;font-size:11px;display:block}.quick-error{color:#933f2e;font-size:12px;line-height:1.6}.quick-error button{margin-top:8px;font-size:11px;text-decoration:underline;display:block}.quick-play.offered{border-color:#90aa8c;box-shadow:0 0 0 3px #e6ebe0}.quick-play button:focus-visible,.quick-arrival a:focus-visible{outline-offset:3px;outline:2px solid #38614c}.quick-arrival{max-width:660px;margin:30px auto;padding:32px}.quick-arrival h1{font:400 32px/1.3 var(--font-heading);margin:12px 0}.quick-arrival>p{font-size:13px;line-height:1.7}.quick-arrival-status{align-items:center;gap:9px;padding:16px 0;font-size:14px;display:flex}.quick-roster{border:1px solid #dde4d6;border-radius:7px;margin:8px 0 20px;overflow:hidden}.quick-roster>div{background:#f4f6f2;justify-content:space-between;gap:15px;padding:16px;display:flex}.quick-roster>div+div{border-top:1px solid #dde4d6}.quick-roster a{color:#2e503f;font-size:14px;text-decoration:none}.quick-roster span{color:#4a8064;align-items:center;gap:6px;font-size:12px;display:flex}.quick-arrival .quick-note{font-size:12px}.quick-arrival>.button{margin-top:20px}.quick-play.idle>.button{margin-top:12px}.quick-play>label.quick-note{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:12px;display:flex}.quick-play>label.quick-note select{font:inherit;color:inherit;background:0 0;border:1px solid #83887866;border-radius:5px;min-width:105px;padding:7px 10px}.quick-play select:focus-visible{outline-offset:2px;outline:2px solid}@media (width<=850px){.quick-play{grid-row:1;grid-template-columns:1fr auto;column-gap:18px;margin:0;display:grid}.quick-heading,.quick-rules,.quick-clock,.quick-status{grid-column:1}.quick-play>.button{grid-area:1/2/5;align-self:center;width:auto;min-width:130px}.quick-play>.quick-note,.quick-error,.quick-decline{grid-column:1/-1}.quick-status{margin:10px 0 0}.quick-arrival{margin:15px 0;padding:24px}}@media (width<=430px){.quick-play{display:block}.quick-play>.button{width:100%;margin-top:12px}.quick-roster>div{padding:13px 10px}}@media (width<=850px){.quick-play.idle{padding:14px}.quick-play.idle .quick-status{display:none}.quick-play.idle>.quick-note{margin-top:7px}}@media (width<=430px){.quick-play.idle{padding:10px 14px}.quick-play.idle>.button{margin-top:8px}}@media (width<=850px){.play-hub-grid:has(.quick-play){gap:12px}.play-hub .play-hub-grid:has(.quick-play)>.public-lobby{grid-area:4/1/auto/-1}.play-hub-grid .quick-play{grid-area:1/1/auto/-1}.play-hub-grid:has(.quick-play) .play-action-buttons{grid-area:2/1/auto/-1}.play-hub-grid:has(.quick-play) .play-invitation{grid-area:3/1/auto/-1}:is(.play-hub-grid:has(.quick-play) .play-newcomer,.play-hub-grid:has(.quick-play) .play-resume){grid-column:1/-1}}.account-page{max-width:1100px}.account-welcome{gap:30px;padding:44px;display:flex}.account-mark{color:#37604b;background:#e6ebe0;border-radius:50%;flex-shrink:0;place-items:center;width:80px;height:80px;display:grid}.account-welcome h2{font-family:var(--font-heading);margin:16px 0;font-size:34px!important;line-height:1.3!important}.account-welcome p{max-width:560px;line-height:1.8}.google-signin{margin:12px 0}.google-signin>span{color:#355d48;background:#fff;border-radius:4px;place-items:center;width:23px;height:23px;font-weight:700;display:grid}.account-coming{border:1px solid var(--line);background:#f3f6f0;border-radius:6px;padding:15px 18px}.account-columns{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.account-details,.account-security{padding:32px}.account-details p,.account-security p{line-height:1.8}.account-details form{gap:12px;margin-top:25px;display:grid}.account-details label{font-size:13px;font-weight:600}.account-details input{border:1px solid var(--line);width:100%;min-width:0;color:inherit;font:inherit;background:#fcfcf8;border-radius:5px;padding:12px}.account-details input:disabled{background:#eef2eb}.account-details small{color:#698864;font-size:11px;line-height:1.7}.account-details form>.button{justify-self:start;margin-top:12px}.username-field{align-items:center;gap:10px;display:flex}.username-field>span{color:#779772}.account-share{border-top:1px solid var(--line);flex-wrap:wrap;gap:20px;margin-top:24px;padding-top:20px;display:flex}.account-share a{color:#38624d;align-items:center;gap:6px;font-size:12px;display:inline-flex}.account-security h2{margin:20px 0}.account-security dl{gap:6px;margin:22px 0;display:grid}.account-security dt{text-transform:uppercase;letter-spacing:1px;color:#70906b;font-size:10px}.account-security dd{overflow-wrap:anywhere;margin:0 0 12px;font-size:13px}.account-security>.text-button{margin-top:20px;display:flex}.account-error{color:#9a4436}.account-message{color:#38614c;background:#edf1ea;border-radius:6px;align-items:center;gap:8px;padding:14px;display:flex}.account-delete{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.account-delete summary{cursor:pointer;font-size:12px}.account-delete .text-button{margin:15px 0;display:flex}.account-boundary{color:#6a8965;gap:14px;margin:28px 0;padding:20px;display:flex}.account-boundary>svg{flex-shrink:0}.account-boundary strong{font-size:13px}.account-boundary p{max-width:780px;margin:8px 0;font-size:12px;line-height:1.8}.public-player{text-align:center;max-width:740px;padding:48px}.public-player .large-avatar{margin:auto}.public-player h2{margin:24px 0 8px}.public-player-rating{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}.public-player-rating strong{font-size:14px}.public-player-rating p{font-size:13px;line-height:1.7}.public-player+.text-button{margin-top:25px}@media (width<=700px){.account-columns{grid-template-columns:1fr}.account-welcome{gap:18px;padding:26px;display:block}.account-mark{width:52px;height:52px;margin-bottom:22px}.account-welcome h2{font-size:28px!important}.account-details,.account-security{padding:24px}.account-boundary{padding:10px}.public-player{padding:30px 22px}.account-share{gap:16px}}.google-signin{cursor:pointer;background:0 0;border:0;border-radius:4px;max-width:100%;padding:0;display:inline-block}.google-signin img{width:190px;max-width:100%;height:auto;display:block}.google-signin:disabled{opacity:.55;cursor:wait}.play-access{align-items:center;gap:20px;margin-bottom:20px;padding:24px;display:flex}.play-access>svg{flex-shrink:0}.play-access h2{margin:0 0 6px}.play-access p{margin:0;line-height:1.7}.play-access .button{flex-shrink:0;margin-left:auto}.account-details textarea{resize:vertical;box-sizing:border-box;border:1px solid var(--line);width:100%;min-height:110px;font:inherit;color:inherit;background:#fcfcf8;border-radius:6px;padding:12px}.account-details .rename-confirm{background:#f6f0e3;border-radius:6px;align-items:flex-start;gap:10px;padding:12px;line-height:1.6;display:flex}.rename-confirm input{flex-shrink:0;width:auto;margin-top:4px}.account-play{margin-top:24px}.public-player{max-width:1100px;padding:32px}.player-bio{white-space:pre-wrap;overflow-wrap:anywhere;max-width:650px;margin:22px auto;line-height:1.8}.account-page>.account-details{margin-top:24px}.account-columns>*{min-width:0}@media (width<=700px){.play-access{flex-wrap:wrap;padding:20px}.play-access .button{margin-left:0}.public-player{padding:22px 16px}}.profile-identity{text-align:left;align-items:center;gap:20px;display:flex}.public-player .profile-identity .large-avatar{flex-shrink:0;width:68px;height:68px;margin:0}.public-player .profile-identity h2{font:400 30px/1.2 var(--font-heading);margin:0 0 6px}.profile-identity p{margin:5px 0 8px}.public-player .player-bio{text-align:left;max-width:680px;margin:20px 0}.public-player>.rating-progress{border-top:1px solid var(--line);margin-top:20px;padding-top:22px}.profile-identity>div{overflow-wrap:anywhere;min-width:0}@media (width<=450px){.profile-identity{gap:13px}.public-player .profile-identity h2{font-size:25px}.public-player .profile-identity .large-avatar{width:48px;height:48px}.profile-identity .tag{font-size:9px}}.account-shortcuts{flex-wrap:wrap;align-items:center;gap:24px;margin:0 0 24px;display:flex}.account-shortcuts .account-play{margin:0}.account-shortcuts>a{align-items:center;gap:8px;font-size:13px;display:flex}.account-settings-nav{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-wrap:wrap;gap:6px;margin:0 0 24px;padding:6px;display:flex}.account-settings-nav button{font:inherit;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 17px;font-size:14px}.account-settings-nav button[aria-pressed=true]{background:var(--green,#37604b);color:#fff;border-color:var(--green,#37604b);font-weight:600}.account-settings-nav button:focus-visible{outline-offset:2px;outline:2px solid}.account-change{max-width:680px;padding:28px}.account-change h2{align-items:center;gap:10px;margin:0 0 16px;display:flex}.account-change form{gap:16px;margin-top:24px;display:grid}.account-change label{gap:7px;font-size:14px;font-weight:600;display:grid}.account-change input:not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0;font:inherit;border:1px solid var(--line);background:var(--bg);color:inherit;border-radius:7px;padding:12px}.account-change small{color:var(--muted);font-size:12px}.account-change .password-visibility{align-items:center;gap:9px;font-weight:400;display:flex}.account-change form>.button{justify-self:start}.account-current-email{border-bottom:1px solid var(--line);overflow-wrap:anywhere;gap:6px;padding:14px 0;display:grid}.account-current-email span{color:var(--muted);font-size:12px}.account-change .account-message{line-height:1.6}:root[data-theme=dark] .app .account-settings-nav button[aria-pressed=true]{color:#fff;background:#3f6e56;border-color:#8aa586}.account-change .small-note{font-size:14px;line-height:1.65}@media (width<=500px){.account-settings-nav{grid-template-columns:1fr 1fr;display:grid}.account-settings-nav button{padding:10px 8px;font-size:13px}.account-change{padding:20px}.account-change form>.button{justify-content:center;width:100%}}.panel.play-access{background:linear-gradient(110deg,#ecf1e8,#fafbf7);border-color:#d4decb;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;padding:24px;display:grid}.play-access-icon{color:#37604b;background:#e0e7d9;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.play-access-copy{min-width:0}.panel.play-access h2{font-size:23px;line-height:1.3}.play-access-copy>p{max-width:650px;font-size:13px}.play-access-copy .small-note{margin-top:4px;font-size:11px}.play-access-learn{color:#38614c;text-underline-offset:3px;align-items:center;gap:6px;margin-top:10px;font-size:12px;display:inline-flex}.play-access-actions{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.play-access-actions .button{justify-content:center;min-height:46px;margin:0}.play-access-actions>p{flex-wrap:wrap;justify-content:center;gap:5px;font-size:11px;display:flex}.play-access-actions .text-button{font-size:inherit;text-underline-offset:3px;text-decoration:underline}@media (width<=850px){.panel.play-access{grid-template-columns:minmax(0,1fr) auto}.play-access-icon{display:none}}@media (width<=600px){.panel.play-access{grid-template-columns:1fr;gap:16px;padding:20px}.panel.play-access h2{font-size:24px}.play-access-actions{align-items:stretch}.play-access-actions .button{width:100%}}:root[data-theme=dark] .play-access{background:linear-gradient(110deg,#264234,#252622);border-color:#3f6d55}.account-shortcuts .account-signout{align-items:center;gap:8px;min-height:44px;margin-left:auto;padding:10px 12px;display:inline-flex}.password-forms{width:100%;max-width:400px;margin:20px 0}.password-forms h3{align-items:center;gap:8px;margin:0 0 14px;font-size:18px;display:flex}.password-forms label{color:#3a654f;flex-direction:column;gap:7px;margin:13px 0;font-size:12px;display:flex}.password-forms input{box-sizing:border-box;color:#2d4d3c;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #d7e0cf;border-radius:5px;padding:11px}.password-forms small{color:#678563;font-size:10px}.password-forms .button{margin:12px 0}.password-links{flex-wrap:wrap;gap:12px;margin-top:12px;font-size:11px;display:flex}.password-links button{color:#37604b;text-underline-offset:3px;background:0 0;padding:2px 0;text-decoration:underline}.password-forms .account-error,.password-forms .account-message{font-size:12px;line-height:1.7}.password-divider{color:#688763;border-top:1px solid #e0e7d9;margin-top:20px;padding-top:18px;font-size:11px}.app .password-forms .password-visibility{flex-direction:row;align-items:center;gap:8px;min-height:30px;margin:10px 0;font-size:12px;font-weight:400}.app .password-forms .password-visibility input{width:16px;height:16px;accent-color:var(--green,#37604b);flex-shrink:0;padding:0}.signup-inbox>svg{color:var(--muted,#678563)}.app .signup-inbox h1{margin:14px 0 8px;font-size:28px;line-height:1.3}.signup-inbox p{font-size:14px;line-height:1.65}.signup-inbox .signup-email{overflow-wrap:anywhere;margin:0 0 20px;font-weight:600}.signup-next-steps{margin:20px 0;padding-left:22px;font-size:14px;line-height:1.6}.signup-next-steps li+li{margin-top:8px}.signup-inbox>.button{justify-content:center;width:100%;min-height:46px}.app .account-page.account-entry{box-sizing:border-box;width:100%;max-width:480px;margin:clamp(8px,3vh,28px) auto}.app .account-auth-card{border:1px solid var(--line);background:var(--panel,#fff);border-radius:10px;padding:28px 32px;box-shadow:0 5px 24px #233c2f09}.app .account-auth-card .password-forms{max-width:none;margin:0}.app .auth-switch{border-bottom:1px solid var(--line);margin:0 0 24px;display:flex}.app .auth-switch button{color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;flex:1;padding:10px 8px 15px;font-size:19px;font-weight:500}.app .auth-switch button[aria-pressed=true]{color:var(--ink,#2d4d3c);border-bottom-color:#3a654f;font-weight:700}.app .auth-switch button:focus-visible{outline-offset:2px;outline:2px solid #6e8e69}.app .account-auth-card .password-forms label{color:inherit;margin:16px 0 7px;font-size:14px;font-weight:500;line-height:1.4}.app .account-auth-card .password-forms input{height:46px;color:inherit;background:var(--bg,#f5f8f3);border-color:var(--line);border-radius:5px;padding:10px 12px;font-size:16px}.app .account-auth-card .password-forms input:focus{outline-offset:1px;outline:2px solid #6e8e69}.app .account-auth-card .password-forms form>.button{justify-content:center;width:100%;min-height:46px;margin:20px 0 0;font-size:15px}.app .account-auth-card .password-forms small,.app .account-auth-card .small-note{font-size:12px;line-height:1.55}.app .account-auth-card .password-links{justify-content:space-between;gap:10px;margin-top:16px;font-size:12px}.app .account-auth-card .password-divider{color:inherit;opacity:.65;border:0;align-items:center;gap:12px;margin:22px 0 14px;padding:0;font-size:12px;display:flex}.app .account-auth-card .password-divider:before,.app .account-auth-card .password-divider:after{content:"";background:var(--line);flex:1;height:1px}.app .account-auth-card .google-signin{width:190px;margin:0 auto;display:block}.app .account-auth-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:22px;padding-top:16px;font-size:12px;display:flex}.app .account-auth-footer .text-button{padding:0;font-size:12px}.app .auth-form-title{margin:0 0 16px;font-size:23px}.auth-form-title-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=580px){.app .account-auth-card{padding:20px}.app .account-page.account-entry{margin:8px auto}.app .auth-switch{margin-bottom:18px}}.app .account-setup h1{margin:12px 0;font-size:26px;line-height:1.25}.app .account-setup p{font-size:14px;line-height:1.6}.app .account-setup form{gap:10px;margin:24px 0 14px;display:grid}.app .account-setup label{font-size:14px;font-weight:600}.app .account-setup input{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:var(--bg,#f5f8f3);border:1px solid var(--line);border-radius:5px;padding:12px;font-size:16px}.app .account-setup small{font-size:12px;line-height:1.5}.app .account-setup .button{justify-content:center;width:100%;min-height:46px;margin-top:8px}.app .account-setup .account-auth-footer{flex-wrap:wrap;gap:12px}.app .account-setup .account-auth-footer span{overflow-wrap:anywhere;min-width:0}.app .setup-success-icon{color:#37604b;background:#ecf0e8;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:18px;display:grid}.app .setup-success-actions{gap:8px;margin:20px 0 16px;display:grid}.app .account-setup-success h1:focus{outline:none}.app .account-setup-success strong{overflow-wrap:anywhere}.app .account-auth-card .google-signin{color:#20211d;background:#fff;border:1px solid #698764;border-radius:4px;justify-content:center;align-items:center;gap:10px;width:fit-content;min-width:190px;max-width:100%;min-height:40px;padding:9px 12px;font:500 14px/20px Google Sans,sans-serif;display:flex}.app .google-signin img{flex:none;width:20px;height:20px}.app .google-signin .google-signin-text{width:auto;height:auto;color:inherit;font:inherit;background:0 0;display:inline}@font-face{font-family:Google Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/google-sans-medium.ttf)format("truetype")}.app .account-setup-success h2{margin:24px 0 10px;font-size:20px}.app .setup-secondary-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:20px 0;display:flex}.app .setup-secondary-actions button{font-size:13px}.app .account-setup-success .setup-success-actions a{text-align:center;white-space:normal}.account-history{margin-bottom:24px;padding:24px}.account-history .panel-heading{gap:16px;margin-bottom:8px}.account-history .eyebrow{align-items:center;gap:8px;display:flex}.account-history h2{margin:9px 0 0}.history-description{color:var(--muted);margin:0 0 18px}.history-empty{text-align:center;max-width:600px;margin:auto;padding:22px 12px}.history-empty h3{margin:12px 0 8px}.history-empty p{line-height:1.7}.account-game{border-top:1px solid var(--line);align-items:center;gap:12px;display:flex}.account-game-open{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:18px;padding:18px 0;display:flex}.account-game-open:hover{color:var(--green)}.history-rank{min-width:55px;font-size:25px}.history-rank small{color:var(--muted);font-size:12px}.history-game-description{flex:1;min-width:0}.history-game-description strong,.history-game-description small,.history-score strong,.history-score small{display:block}.history-game-description small,.history-score small{color:var(--muted);margin-top:5px;font-size:12px}.history-players{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:12px;display:block}.history-score{text-align:right;white-space:nowrap}.history-retention{border-top:1px solid var(--line);margin:8px 0 0;padding-top:14px;line-height:1.7}.history-more{margin:16px 0}@media (width<=580px){.account-history{padding:18px}.account-game{gap:4px}.account-game-open{flex-wrap:wrap;gap:10px}.history-rank{min-width:36px;font-size:21px}.history-game-description{flex-basis:calc(100% - 48px)}.history-score{text-align:left;margin-left:46px}.account-history .panel-heading{align-items:flex-start}.account-history .panel-heading>.text-button{font-size:12px}}@font-face{font-family:Josefin Sans;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/josefin-sans-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Josefin Sans;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/josefin-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Josefin Sans;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/josefin-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Infant;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/cormorant-infant-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Infant;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/cormorant-infant-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Infant;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/cormorant-infant-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Infant;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/cormorant-infant-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Infant;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/cormorant-infant-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/source-sans-3-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/source-sans-3-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/source-sans-3-greek-ext.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/source-sans-3-greek.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/source-sans-3-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/source-sans-3-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/source-sans-3-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:var(--font-body);color:#274435;font-synthesis:none;--green:#345b47;--ink:#274435;--muted:#6f8f6a;--line:#e4eade;--serif:var(--font-heading);background:#f8f9f6;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #bf9751}a{color:var(--green)}button{border:0}button svg{flex-shrink:0}button:disabled{opacity:.55}h1,h2,h3,p{margin:0}button{transition:background .18s,color .18s,transform .18s,box-shadow .18s}svg{vertical-align:middle}::selection{background:#dee5d7}.app{min-height:100vh}.sidebar{z-index:30;background:#eff3ec;border-right:1px solid #e0e7d9;flex-direction:column;width:229px;padding:32px 18px 19px;display:flex;position:fixed;inset:0 auto 0 0}.brand-button{text-align:left;background:0 0;padding:0 10px}.brand{font-family:var(--font-brand);letter-spacing:-1px;align-items:center;gap:11px;font-size:22px;font-weight:750;line-height:1.16;display:flex}.brand img{width:43px;height:43px}.brand-planet{display:block}.brand-dot{color:#c8a56a}.sidebar-caption{letter-spacing:1.8px;color:#819f7c;padding:31px 12px 15px;font-size:9px}.sidebar nav{gap:5px;display:grid}.nav-item{text-align:left;color:#617d5d;background:0 0;border-radius:7px;align-items:center;gap:13px;width:100%;min-height:45px;padding:13px 16px;font-size:13px;font-weight:500;display:flex}.nav-item svg{stroke-width:1.7px}.nav-item:hover{color:var(--green);background:#e7ece2}.nav-item.active{color:var(--green);background:#e1e8da;font-weight:650}.nav-item.active svg{stroke-width:2px}.nav-dot{background:#87a383;border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebar-divider{background:#dee6d7;height:1px;margin:20px 13px 15px}.sidebar-bottom{margin-top:auto;padding-top:30px}.open-card{background:#e6ebe0;border:1px solid #dae3d3;border-radius:7px;margin:0 10px 22px;padding:20px 17px;position:relative;overflow:hidden}.open-card:after{content:"";border:1px solid #d5dfcc;border-radius:50%;width:120px;height:120px;position:absolute;top:-31px;right:-64px}.open-card>svg{color:#668462;stroke-width:1.3px;margin-bottom:12px}.open-card h3{font-size:12px;font-weight:650}.open-card p{color:#6e8f69;margin-top:6px;font-size:11px;line-height:1.8}.open-card button{color:#407057;background:0 0;align-items:center;gap:9px;margin-top:16px;padding:0;font-size:10px;font-weight:600;display:flex}.nav-item.subtle{min-height:36px;padding:10px 16px;font-size:11px}.sidebar-note{color:#85a281;align-items:center;gap:7px;margin:19px 15px 0;font-size:10px;display:flex}.workspace{margin-left:229px}.topbar{border-bottom:1px solid var(--line);background:#fbfcf9;justify-content:space-between;align-items:center;height:77px;padding:0 42px;display:flex}.topbar-start,.topbar-end{align-items:center;display:flex}.breadcrumb{color:#7f9d7a;align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumb strong{color:#3f6e56;font-weight:500}.topbar-end{gap:19px}.preview-label{color:#72936d;align-items:center;gap:7px;font-size:10px;display:flex}.preview-label>span{background:#7a9975;border-radius:50%;width:6px;height:6px}.topbar-separator{background:var(--line);width:1px;height:18px}.language-button,.profile-button{color:#648160;background:0 0;align-items:center;gap:8px;padding:0;font-size:11px;display:flex}.profile-button{color:#3b6750;gap:10px}.avatar{color:#63805f;background:#e8ede3;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.icon-button{background:0 0;border-radius:5px;place-items:center;padding:8px;display:grid}.icon-button:hover{background:#e5ebe0}.mobile-menu{display:none}main{max-width:1515px;margin:auto;padding:30px 42px 0}.welcome-line{color:#7d9c78;justify-content:space-between;align-items:center;margin:0 0 23px;font-size:11px;display:flex}.welcome-line>span:first-child{color:#64815f;align-items:center;gap:8px;font-weight:500;display:flex}.tiny-sun{color:#9d9b6a;font-size:23px;line-height:1}.hero{background:#ecf1e8;border:1px solid #e0e7d9;border-radius:10px;grid-template-columns:1.3fr 1fr;min-height:318px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:34px 0 27px 34px;position:relative}.eyebrow{letter-spacing:1.6px;color:#6c8c67;align-items:center;gap:7px;font-size:9px;font-weight:600;display:flex}.short-line{background:#789773;width:22px;height:1px;margin-right:2px}.hero h1{font-family:var(--serif);letter-spacing:-1.8px;color:#2e4f3e;margin:20px 0 15px;font-size:clamp(32px,3.05vw,49px);font-weight:400;line-height:1.16}.hero h1 em{color:#648160;font-weight:400}.hero-copy>p{color:#6f8f6a;font-size:12px;line-height:1.85}.hero-actions{align-items:center;gap:20px;margin-top:23px;display:flex}.button{background:var(--green);color:#fff;white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:12px;min-height:41px;padding:12px 19px;font-size:11px;font-weight:550;display:inline-flex}.button:hover:not(:disabled){background:#284536;box-shadow:0 3px 9px #29473715}.button-secondary{color:var(--green);background:#f3f6f0;border:1px solid #dae3d3}.button-secondary:hover:not(:disabled){background:#e5ebe0}.text-button{white-space:nowrap;background:0 0;align-items:center;gap:9px;padding:5px 0;font-size:10px;font-weight:600;display:inline-flex}.text-button:hover{color:#769671}.hero-actions>.text-button{color:#3e6b54;font-size:10px}.hero-footnote{color:#7d9b78;align-items:center;gap:6px;margin-top:23px;font-size:9px;display:flex}.hero-art{min-height:310px;position:relative;overflow:hidden}.orbit{border:1px solid #d6dfce;border-radius:50%;width:290px;height:290px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.orbit-two{width:370px;height:235px;transform:translate(-50%,-50%)rotate(-34deg)}.orbit-one:after{content:"";border:1px solid #e1e8db;border-radius:50%;width:360px;height:360px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tile-stage{width:285px;height:230px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.tile{vertical-align:middle;background:linear-gradient(115deg,#fffff9,#f4f1e5);border:1px solid #d7d7c9;border-radius:5px;flex-shrink:0;width:43px;height:60px;display:inline-flex;overflow:hidden;box-shadow:0 3px #cecfbb,0 4px #a5b195,0 5px 4px #283e3512}.tile>svg{width:100%;height:100%}.tile-number{text-anchor:middle;fill:#304b40;font-family:serif;font-size:22px}.tile-character{text-anchor:middle;fill:#ae5a4b;font-family:serif;font-size:21px}.tile-honor{text-anchor:middle;fill:#315d46;font-family:serif;font-size:30px;font-weight:600}.tile-honor.red{fill:#ab5549}.tile-small{border-radius:3px;width:29px;height:41px;box-shadow:0 2px #cecfbb,0 3px #99b195,0 4px 3px #28463712}.art-tile{filter:drop-shadow(7px 16px 8px #365e4a1c);position:absolute}.art-tile .tile{background:linear-gradient(110deg,#fffff6,#efeee0);border:1px solid #e5e6d5;border-radius:10px;width:105px;height:142px;box-shadow:0 7px #d2d3bc,0 12px #729071,0 14px #597c59,0 18px #496e49}.art-tile-back{top:15px;left:133px;transform:rotate(21deg)}.art-tile-left{top:60px;left:27px;transform:rotate(-24deg)}.art-tile-front{top:97px;left:127px;transform:rotate(13deg)}.art-tile-front .tile{width:108px;height:144px}.art-spark{color:#759570;font-size:26px;position:absolute}.spark-one{font-size:31px;top:39px;left:28%}.spark-two{font-size:17px;bottom:53px;right:15%}.art-dot{background:#809e7c;border-radius:50%;width:5px;height:5px;position:absolute;bottom:86px;left:17%}.art-caption{letter-spacing:2px;color:#84a180;white-space:nowrap;font-size:7px;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}.art-coordinate{writing-mode:vertical-rl;letter-spacing:2px;color:#95ae91;font-size:7px;position:absolute;top:20px;right:14px}.section-heading{justify-content:space-between;align-items:center;margin:29px 0 14px;display:flex}.section-heading h2,.panel h2{font-family:var(--font-heading);letter-spacing:-.5px;font-size:15px;font-weight:650}.section-heading>span{color:#85a281;font-size:10px}.path-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.path-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:7px;gap:13px;min-height:132px;padding:23px 17px;display:flex;position:relative}.path-card:hover{border-color:#a7bba4;transform:translateY(-2px);box-shadow:0 5px 18px #3b665009}.path-icon{border-radius:9px;flex-shrink:0;place-items:center;width:40px;height:43px;display:grid}.path-icon.green{color:#668462;background:#ebefe7}.path-icon.amber{color:#b29868;background:#f8f0e2}.path-icon.purple{color:#999d8f;background:#f0edf4}.path-copy{flex-direction:column;padding-top:2px;display:flex}.path-copy>strong{font-family:var(--font-body);letter-spacing:-.2px;margin-bottom:7px;font-size:12px;font-weight:700}.path-copy>span{color:#7d9b78;font-size:10px;line-height:1.5}.path-copy .path-link{color:#45785e;align-items:center;gap:7px;margin-top:14px;font-size:10px;font-weight:550;display:flex}.path-number{font-family:var(--font-body);color:#d5dfcc;font-size:11px;position:absolute;top:13px;right:13px}.home-grid{grid-template-columns:1.1fr 1fr;gap:18px;margin-top:24px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:8px}.daily-panel,.learning-panel{padding:22px 22px 0;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading .eyebrow{letter-spacing:1.5px;margin-bottom:10px;font-size:8px}.panel-heading h2{font-size:16px}.puzzle-emblem{color:#b0a38a;background:#f6f3ec;border:1px solid #eeeadf;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.puzzle-meta{color:#7e9c7a;align-items:center;gap:10px;margin-top:17px;font-size:9px;display:flex}.tag{color:#668462;background:#ecf1e8;border-radius:3px;align-items:center;width:fit-content;padding:4px 7px;font-size:9px;font-weight:500;display:inline-flex}.tag.neutral{color:#8f9385;background:#f2f1eb}.meta-dot{color:#bcccb9}.daily-panel>p,.learning-panel>p{color:#7a9976;margin-top:11px;font-size:11px;line-height:1.9}.mini-hand{background:#f2f5ef;border-radius:5px;justify-content:center;gap:3px;margin:16px 0 19px;padding:21px 12px;display:flex}.mini-hand>.tile:last-child{margin-left:5px}.mini-hand .tile-small{width:clamp(21px,2.05vw,34px);height:clamp(32px,2.9vw,47px)}.panel-bottom{color:#88a484;border-top:1px solid #ecf0e8;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:15px 0;font-size:9px;display:flex}.panel-bottom>span{align-items:center;gap:6px;display:flex}.panel-bottom .text-button{font-size:10px}.muted{color:#8ea98a}.learning-panel{flex-direction:column;display:flex}.learning-panel>p{margin-top:15px}.course-row{flex:1;align-items:center;gap:13px;margin:22px 0;display:flex}.course-art{background:#eeeede;border-radius:5px;flex-shrink:0;place-items:center;width:63px;height:66px;display:grid;position:relative}.course-art .tile{transform:rotate(-11deg)}.course-star{color:#95ae91;font-size:16px;position:absolute;top:7px;right:8px}.course-row>div:last-child{flex:1}.course-row strong{margin-bottom:7px;font-size:11px;font-weight:600;display:block}.course-row>div>span{color:#83a07e;font-size:9px}.course-row>div>span>span{margin:0 5px}.progress-track{background:#eaefe6;border-radius:2px;width:95%;height:4px;margin-top:13px}.progress-track>span{background:#769672;border-radius:2px;height:100%;display:block}.community-strip{background:#f1f4ef;border:1px solid #e1e8db;border-radius:7px;align-items:center;gap:16px;margin-top:25px;padding:21px 23px;display:flex}.community-mark{color:#769671;border:1px solid #d9e2d2;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.community-mark svg{stroke-width:1.2px}.community-strip h3{font-family:var(--font-heading);letter-spacing:-.2px;font-size:12px;font-weight:650}.community-strip p{color:#7a9975;margin-top:6px;font-size:10px}.community-strip>.text-button{color:#4a8165;margin-left:auto;font-size:10px}footer{color:#93ac8f;justify-content:space-between;align-items:center;padding:23px 0 20px;font-size:9px;display:flex}footer button{color:#809e7c;background:0 0;align-items:center;gap:4px;padding:0;font-size:9px;display:flex}.page-heading{padding:10px 0 28px}.page-heading h1{font-family:var(--serif);letter-spacing:-1px;margin:14px 0;font-size:36px;font-weight:400;line-height:1.2}.page-heading>p{color:#799874;font-size:13px;line-height:1.7}.play-feature{background:#ecf1e8;justify-content:space-between;align-items:center;gap:30px;margin-bottom:22px;padding:40px;display:flex}.play-feature h2{font-family:var(--serif);margin:20px 0 12px;font-size:37px;font-weight:400}.play-feature p{color:#6e8e69;max-width:400px;margin-bottom:24px;font-size:13px;line-height:1.8}.small-note{color:#89a485;line-height:1.7;display:block;font-size:10px!important}.play-feature .small-note{margin-top:15px}.practice-art{gap:6px;margin-right:25px;padding:15px;display:flex;transform:rotate(-9deg)}.practice-art .tile{width:78px;height:112px;box-shadow:0 5px #cecfbb,0 8px #759369,0 14px 10px #283e3512}.practice-art>.tile:nth-child(2){transform:translateY(-15px)}.two-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.feature-card{align-items:flex-start;gap:18px;margin-top:20px;padding:26px;display:flex}.two-columns>.feature-card{margin-top:0}.feature-icon{color:#7a9976;background:#f0f3e9;border-radius:8px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.feature-title{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.feature-card h2{font-size:15px}.feature-card p{color:#7a9975;margin-top:11px;font-size:12px;line-height:1.8}.notice{color:#6e8f69;background:#edf1ea;border:1px solid #dfe6d8;border-radius:6px;align-items:center;gap:12px;margin:22px 0;padding:17px 20px;font-size:11px;line-height:1.8;display:flex}.notice svg{flex-shrink:0}.learning-summary{background:#ecf1e8;align-items:center;gap:20px;margin-bottom:22px;padding:24px;display:flex}.learning-summary>svg{color:#789773}.learning-summary h3{font-size:14px}.learning-summary p{color:#7c9b77;margin-top:6px;font-size:11px}.learning-summary>strong{white-space:nowrap;margin-left:auto;font-size:27px;font-weight:500}.learning-summary>strong>span{color:#84a180;font-size:11px}.lesson-list{gap:14px;display:grid}.lesson-card{text-align:left;align-items:center;gap:25px;padding:26px;display:flex}.lesson-card:hover{border-color:#a1b79e;transform:translate(3px)}.lesson-number{font-family:var(--font-body);color:#96ae92;background:#f0f4ed;border-radius:6px;place-items:center;width:60px;height:70px;font-size:30px;display:grid}.lesson-number.done{color:#487e62;background:#e6ece1}.lesson-card h2{margin:8px 0;font-size:18px}.lesson-card p{color:#7c9b77;font-size:12px}.lesson-time{color:#85a281;white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.lesson-card>svg{color:#7e9c7a;margin-left:15px}.reference-note{color:#8ca788;margin-top:22px;font-size:10px;line-height:2}.reference-note a{color:#70906b;align-items:center;gap:3px;margin-left:4px;display:inline-flex}.back-link{color:#6e8f69;background:0 0;align-items:center;gap:5px;margin-bottom:16px;padding:0;font-size:11px;display:flex}.lesson-detail{padding:32px}.lesson-detail-header{justify-content:space-between;align-items:center;display:flex}.lesson-detail-header>span:last-child{color:#7d9c78;align-items:center;gap:7px;font-size:11px;display:flex}.lesson-detail h2{font-family:var(--serif);margin:20px 0;font-size:32px;font-weight:400}.lesson-detail p{color:#658260;font-size:14px;line-height:1.9}.lesson-intro{max-width:800px}.lesson-tiles{background:#f0f3ed;border-radius:7px;flex-wrap:wrap;justify-content:center;gap:6px;margin:25px 0;padding:30px 20px;display:flex}.lesson-quiz{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.lesson-quiz h3{margin:13px 0 20px;font-size:16px;font-weight:550}.quiz-options{gap:10px;display:grid}.quiz-options>button{text-align:left;background:#fafbf7;border:1px solid #e5ebe0;border-radius:5px;align-items:center;gap:15px;padding:14px;font-size:12px;display:flex}.quiz-options>button>span{color:#7b9a77;border:1px solid #d8e1d1;border-radius:4px;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.quiz-options>button.chosen{background:#eef2eb;border-color:#83a07f}.quiz-options>button.right{opacity:1;background:#e9eee5;border-color:#87a383}.quiz-options>button.wrong{background:#fbf2e9;border-color:#c8aa80}.quiz-options>button>svg{margin-left:auto}.lesson-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:22px;display:flex}.completed-label{color:#6e8e69;align-items:center;gap:6px;font-size:11px;display:flex}.lesson-quiz .quiz-success{color:#498064;margin-top:15px;font-size:12px}.lesson-quiz .quiz-error{color:#ad7d41;margin-top:15px;font-size:12px}.training-tabs{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.training-tabs button{color:#70916b;background:#edf1ea;border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;padding:10px 16px;font-size:11px;display:flex}.training-tabs button.selected{color:#3c6851;background:#e2e9dc;border-color:#c3d1c0}.puzzle-board{padding:28px}.puzzle-board-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.puzzle-board h2{margin:15px 0 10px;font-size:22px;font-weight:600}.puzzle-board-heading p{color:#84a180;font-size:12px}.puzzle-board-heading p>span{margin:0 7px}.round-badge{color:#698864;background:#eef2eb;border:1px solid #e0e7d9;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:60px;height:65px;font-family:serif;font-size:26px;display:flex}.round-badge>span{font-family:var(--font-body);font-size:9px}.table-surface{background:#365e4a;border:5px solid #e0e7d9;border-radius:8px;padding:23px 25px 26px;box-shadow:inset 0 0 40px #2642341c}.table-caption{color:#a3b9a0;letter-spacing:1.6px;justify-content:space-between;gap:10px;font-size:8px;display:flex}.interactive-hand{justify-content:center;gap:5px;margin:57px 0 28px;display:flex}.tile-button{background:0 0;border-radius:5px;padding:0;position:relative}.tile-button>.tile{width:clamp(31px,4.1vw,64px);height:clamp(46px,5.9vw,90px)}.tile-button:hover:not(:disabled){transform:translateY(-10px)}.tile-button.tile-selected{outline-offset:3px;outline:3px solid #d8bc76;transform:translateY(-14px)}.tile-button:disabled{opacity:1}.tile-button.tile-correct{outline-color:#b4c6b1}.tile-button:last-child{margin-left:9px}.table-instruction{text-align:center;color:#b5c6b3;height:15px;font-size:10px}.puzzle-controls{justify-content:space-between;align-items:center;gap:15px;margin-top:23px;display:flex}.puzzle-controls>span{color:#7d9c78;align-items:center;gap:7px;font-size:10px;display:flex}.answer-feedback{color:#627f5e;background:#eef1e6;border-radius:6px;gap:16px;margin-top:25px;padding:23px;display:flex}.answer-feedback.incorrect{color:#a9874d;background:#f7f1e7}.answer-feedback h3{margin-bottom:8px;font-size:14px}.answer-feedback p{font-size:12px;line-height:1.9}.answer-feedback small{color:#759670;margin-top:8px;font-size:10px;display:block}.training-tip{color:#83a07e;align-items:flex-start;gap:14px;padding:25px 20px;display:flex}.training-tip svg{flex-shrink:0;margin-top:2px}.training-tip p{color:#7d9c78;font-size:11px;line-height:1.8}.training-tip strong{color:#648160;font-weight:550}.stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0;display:grid}.stat{flex-direction:column;gap:14px;padding:25px;display:flex}.stat>span:first-child{color:#779772;font-size:11px}.stat>strong{font-family:var(--font-body);color:#365e4a;font-size:36px;font-weight:400}.stat-caption{color:#8da889;font-size:9px}.review-panel{padding:28px}.review-panel>p{color:#7f9d7b;margin:10px 0 20px;font-size:12px;line-height:1.8}.empty-state{text-align:center;padding:42px 20px}.empty-state>svg{color:#92ab8e;margin-bottom:20px}.empty-state h3{font-family:var(--serif);font-size:24px;font-weight:400}.empty-state p{color:#7d9b78;margin:12px 0 24px;font-size:12px}.review-row{border-top:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:15px;width:100%;padding:20px 0;display:flex}.review-row:hover{background:#f5f8f3}.review-row>span:nth-child(2){flex-direction:column;gap:6px;display:flex}.review-row strong{font-size:12px;font-weight:550}.review-row small{color:#84a17f;font-size:10px}.review-row>svg{color:#7f9d7a;margin-left:auto}.success-icon{color:#83a07e;background:#ebefe7;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.tournament-feature{text-align:center;background:#eff3ec;padding:42px}.trophy-art{color:#7f9d7a;background:#e6ece1;border:1px solid #d8e1d0;border-radius:50%;place-items:center;width:125px;height:125px;margin:0 auto 25px;display:grid}.tournament-feature>.tag{margin:0 auto}.tournament-feature h2{font-family:var(--serif);margin:20px 0;font-size:34px;font-weight:400}.tournament-feature>p{color:#74956f;max-width:500px;margin:0 auto;font-size:13px;line-height:1.9}.tournament-principles{color:#70906b;justify-content:center;gap:27px;margin:30px 0;font-size:11px;display:flex}.tournament-principles>span{align-items:center;gap:8px;display:flex}.tournament-feature>.small-note{margin-top:23px}.profile-summary{align-items:center;gap:23px;padding:28px;display:flex}.large-avatar{color:#73946e;background:#e6ece1;border-radius:50%;place-items:center;width:80px;height:80px;font-size:29px;display:grid}.profile-summary h2{font-size:23px}.profile-summary p{color:#809e7b;margin:8px 0 12px;font-size:12px}.profile-summary>.button{margin-left:auto}.journey-card{padding:28px}.journey-card>svg{color:#7e9c79;margin-bottom:20px}.journey-card h2{font-size:17px}.journey-card p{color:#809e7c;margin:12px 0 20px;font-size:12px;line-height:1.8}.modal{width:470px;max-width:calc(100vw - 35px);color:var(--ink);background:#fbfcf7;border:1px solid #dee5d7;border-radius:12px;padding:35px;position:fixed;box-shadow:0 20px 90px #1e342822}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1d332866}.modal-close{color:#74956f;position:absolute;top:13px;right:13px}.modal-icon{color:#799974;margin-bottom:20px}.modal h2{font-family:var(--serif);letter-spacing:-.6px;margin-bottom:15px;font-size:29px;font-weight:400}.modal>p{color:#7c9b77;margin-bottom:20px;font-size:12px;line-height:1.9}.modal form label{color:#658361;margin:22px 0 9px;font-size:11px;display:block}.modal input[type=text],.modal input:not([type]){color:#325744;background:#fff;border:1px solid #d6dfce;border-radius:5px;width:100%;margin-bottom:20px;padding:13px;font-size:13px}.modal form>.button{width:100%;margin-bottom:20px}.modal>.small-note{margin-bottom:0}.setting-row{color:#789873;border-top:1px solid #e0e7da;justify-content:space-between;align-items:center;gap:15px;padding:20px 0;font-size:12px;display:flex}.setting-row strong{color:#3b6650;font-size:12px;font-weight:550;display:block}.setting-row small{margin-top:6px;font-size:10px;display:block}.setting-row input{width:18px;height:18px;accent-color:var(--green)}.modal>.button{margin-top:10px}.brand-small{margin-bottom:25px;font-size:18px}.brand-small img{width:36px;height:36px}.about-note{background:#ebf0e7;border-radius:6px;gap:13px;margin:22px 0;padding:18px;display:flex}.about-note>svg{color:#809e7c;flex-shrink:0}.about-note strong{font-size:11px}.about-note p{color:#769671;margin-top:7px;font-size:10px;line-height:1.9}.compact-tiles .tile-button>.tile{width:34px;height:50px}.nav-backdrop{display:none}@media (width>=1600px){main{padding-top:36px}.hero{min-height:365px}.hero-copy{padding-top:44px;padding-left:42px}.hero h1{font-size:52px}.hero-copy>p{font-size:14px}.hero-actions{margin-top:28px}.hero-art{min-height:360px}.tile-stage{transform:translate(-50%,-50%)scale(1.2)}.hero-art .orbit{width:350px;height:350px}.hero-art .orbit-two{width:440px;height:280px}.path-card{gap:18px;padding:27px 22px}.path-copy>strong{font-size:14px}.path-copy>span,.path-copy .path-link{font-size:12px}.daily-panel,.learning-panel{padding:27px 27px 0}.mini-hand{padding:25px 18px}.panel-heading h2{font-size:19px}.daily-panel>p,.learning-panel>p,.course-row strong{font-size:13px}.course-row>div>span{font-size:11px}.panel-bottom{padding:20px 0}.hero-footnote{font-size:10px}}@media (width<=1200px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.workspace{margin-left:205px}main{padding:27px 28px 0}.topbar{padding:0 28px}.hero-copy{padding-left:26px}.hero-actions{flex-wrap:wrap;gap:13px}.hero-actions .button{padding:11px 15px}.hero h1{font-size:36px}.hero-art{min-height:340px}.hero{grid-template-columns:1.3fr 1fr}.tile-stage{transform:translate(-50%,-50%)scale(.88)}.path-card{gap:10px;padding:21px 13px}.path-icon{width:33px;height:36px}.path-copy>strong{font-size:11px}.path-copy>span,.path-copy .path-link{font-size:9px}.home-grid{gap:15px}.daily-panel,.learning-panel{padding:20px 16px 0}.panel-bottom>span{font-size:8px}.panel-bottom .text-button{font-size:9px}.panel-bottom>span>svg{display:none}.mini-hand{gap:2px;padding:20px 7px}.mini-hand .tile-small{width:22px;height:33px}.panel-heading h2{font-size:14px}.course-row{gap:10px}.course-art{width:50px;height:60px}.course-row strong{font-size:10px}.community-strip{padding:18px}.community-strip p,.community-strip>.text-button{font-size:9px}.practice-art .tile{width:60px;height:87px}.practice-art{margin-right:0}.play-feature{padding:30px}.puzzle-board{padding:23px}.table-surface{padding:20px 14px}.interactive-hand{gap:4px}.tile-button>.tile{width:clamp(27px,4vw,51px);height:clamp(41px,5.9vw,75px)}.tile-button:last-child{margin-left:5px}}@media (width<=1000px){.sidebar{width:182px;padding-left:10px;padding-right:10px}.workspace{margin-left:182px}.brand{gap:8px;font-size:19px}.brand img{width:36px;height:36px}.sidebar-caption{letter-spacing:1.2px;font-size:8px}.nav-item{padding-left:14px;font-size:12px}.open-card{margin-left:4px;margin-right:4px;padding:17px 12px}.topbar{height:68px;padding:0 24px}.topbar-end{gap:13px}.breadcrumb{gap:9px;font-size:10px}.preview-label{display:none}main{padding:25px 24px 0}.hero{grid-template-columns:1.4fr 1fr}.hero h1{font-size:31px}.hero-copy{padding:28px 0 24px 23px}.hero-copy>p{font-size:11px}.hero-footnote{font-size:8px}.hero .eyebrow{letter-spacing:1.3px;font-size:8px}.tile-stage{transform:translate(-50%,-50%)scale(.73)}.art-caption{letter-spacing:1.2px;font-size:6px}.spark-one{left:15%}.path-grid{gap:10px}.path-card{flex-direction:column;gap:12px;padding:17px 14px}.path-icon{width:34px;height:34px}.path-copy>strong{font-size:12px}.path-copy>span,.path-copy .path-link{font-size:10px}.home-grid{grid-template-columns:1fr}.mini-hand .tile-small{width:34px;height:48px}.mini-hand{gap:4px;margin-bottom:22px;padding:25px 10px}.panel-heading h2{font-size:17px}.daily-panel,.learning-panel{padding:23px 23px 0}.panel-bottom{padding:16px 0}.panel-bottom>span{font-size:10px}.panel-bottom .text-button{font-size:11px}.course-art{width:65px;height:65px}.course-row strong{font-size:13px}.course-row>div>span{font-size:11px}.learning-panel>p{font-size:12px}.community-strip{flex-wrap:wrap;gap:12px}.community-strip>.text-button{margin-left:58px}.page-heading h1{font-size:30px}.play-feature{padding:25px}.play-feature h2{font-size:30px}.play-feature p{font-size:12px}.practice-art{gap:3px;padding:0}.practice-art .tile{width:43px;height:64px}.two-columns{gap:14px}.feature-card{flex-direction:column;gap:15px;padding:20px}.feature-card h2{font-size:14px}.feature-card p{font-size:11px}.puzzle-board h2{font-size:18px}.table-surface{padding:18px 12px}.tile-button>.tile{width:clamp(22px,3.55vw,43px);height:clamp(33px,5.35vw,65px)}.interactive-hand{gap:3px;margin:48px 0 24px}.tile-button:last-child{margin-left:3px}.puzzle-controls{flex-direction:column;align-items:flex-start}.stats-grid{gap:14px}.stat{padding:20px}.tournament-principles{gap:16px;font-size:10px}.lesson-tiles .tile{width:35px;height:50px}.lesson-tiles{gap:4px}.lesson-card{gap:18px;padding:20px}.lesson-card h2{font-size:16px}.lesson-card p{font-size:11px}.lesson-number{width:50px;height:60px}.lesson-time{font-size:10px}.lesson-card>svg{margin-left:0}.learning-summary{gap:14px;padding:20px}.learning-summary>strong{font-size:22px}.learning-summary h3{font-size:13px}.learning-summary p{font-size:10px}.journey-card{padding:22px}.journey-card h2{font-size:15px}}@media (width<=760px){.sidebar{width:229px;padding:27px 18px 19px;transition:transform .2s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.brand{font-size:22px}.brand img{width:43px;height:43px}.nav-backdrop{z-index:29;background:#1d332866;display:block;position:fixed;inset:0}.workspace{margin-left:0}.mobile-menu{margin-left:-8px;display:grid}.topbar{height:65px;padding:0 20px}.topbar-start{gap:10px}.breadcrumb{font-size:10px}.topbar-end{gap:13px}.topbar-separator{display:none}.language-button{font-size:10px}.profile-button{gap:7px;font-size:10px}.avatar{width:27px;height:27px}.profile-button>svg{display:none}main{padding:23px 20px 0}.welcome-line{margin-bottom:18px;font-size:10px}.welcome-line>span:last-child{font-size:9px}.hero{grid-template-columns:1.3fr 1fr}.hero h1{font-size:33px}.hero-copy{padding-left:25px}.hero-art{min-height:330px}.hero-footnote{font-size:8px}.tile-stage{transform:translate(-50%,-50%)scale(.78)}.path-card{padding:20px 17px}.home-grid{grid-template-columns:1fr 1fr;gap:13px}.daily-panel,.learning-panel{padding:20px 15px 0}.panel-heading h2{font-size:14px}.panel-heading .eyebrow{letter-spacing:1px;font-size:6px}.puzzle-emblem{width:30px;height:30px}.puzzle-emblem svg{width:17px}.daily-panel>p,.learning-panel>p{font-size:10px}.mini-hand{gap:2px;padding:22px 5px}.mini-hand .tile-small{width:17px;height:27px}.mini-hand>.tile:last-child{margin-left:2px}.panel-bottom{flex-wrap:wrap;gap:5px;padding:12px 0}.panel-bottom>span{font-size:8px}.panel-bottom .text-button{font-size:9px}.course-row{gap:9px}.course-art{width:45px;height:54px}.course-row strong{font-size:10px}.course-row>div>span{font-size:8px}.community-strip{flex-wrap:nowrap;gap:12px;padding:20px 17px}.community-strip>.text-button{margin-left:auto;font-size:9px}.community-strip h3{font-size:11px}.community-strip p{max-width:260px;font-size:9px;line-height:1.6}.community-mark{width:37px;height:37px}.community-mark svg{width:25px}.tile-button>.tile{width:clamp(26px,5.5vw,42px);height:clamp(40px,8.2vw,64px)}.puzzle-controls{flex-direction:row;align-items:center}.puzzle-controls>span{max-width:210px;font-size:9px}.sidebar-caption{letter-spacing:1.8px;font-size:9px}.nav-item{font-size:13px}.open-card{margin:0 10px 22px;padding:20px 17px}.sidebar-bottom{padding-top:20px}.compact-tiles .tile-button>.tile{width:28px;height:43px}}@media (width<=580px){.topbar{padding:0 17px}.breadcrumb{gap:7px}.breadcrumb>strong,.breadcrumb>svg,.language-button{display:none}.topbar-end{gap:0}main{padding:21px 17px 0}.welcome-line>span:last-child{display:none}.hero{min-height:492px;display:block}.hero-copy{padding:27px 24px 0}.hero h1{letter-spacing:-1.5px;margin-top:18px;font-size:37px}.hero-copy>p{font-size:12px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:22px}.hero-actions .button{padding:12px 17px;font-size:11px}.hero-actions .text-button{font-size:9px}.hero-footnote{margin-top:18px;font-size:8px}.hero-art{height:202px;min-height:202px;margin-top:0;position:relative}.tile-stage{top:42%;left:51%;transform:translate(-50%,-50%)scale(.63)}.hero-art .orbit-one{width:240px;height:180px;top:40%}.hero-art .orbit-two{width:290px;height:170px;top:40%;transform:translate(-50%,-50%)rotate(-21deg)}.orbit-one:after{width:330px;height:220px}.art-caption{letter-spacing:1.8px;font-size:6px;bottom:12px}.art-coordinate{display:none}.spark-one{font-size:25px;top:17px;left:22%}.spark-two{bottom:55px;right:22%}.art-dot{bottom:52px;left:21%}.section-heading{margin-top:26px;margin-bottom:13px}.section-heading h2{font-size:15px}.section-heading>span{display:none}.path-grid{grid-template-columns:1fr;gap:10px}.path-card{flex-direction:row;align-items:center;gap:17px;min-height:103px;padding:20px}.path-icon{border-radius:9px;width:46px;height:46px}.path-icon svg{width:25px;height:25px}.path-copy{padding:0}.path-copy>strong{margin-bottom:4px;font-size:13px}.path-copy>span{font-size:11px}.path-copy .path-link{margin-top:9px;font-size:10px}.path-number{font-size:12px;top:18px;right:18px}.home-grid{grid-template-columns:1fr;gap:17px;margin-top:20px}.daily-panel,.learning-panel{padding:23px 20px 0}.panel-heading h2{font-size:17px}.panel-heading .eyebrow{letter-spacing:1.3px;font-size:8px}.puzzle-emblem{width:40px;height:40px}.puzzle-emblem svg{width:22px}.daily-panel>p,.learning-panel>p{font-size:11px}.puzzle-meta{font-size:9px}.mini-hand{gap:2px;padding:22px 8px}.mini-hand .tile-small{width:clamp(17px,5.1vw,27px);height:clamp(27px,7.5vw,40px)}.panel-bottom{flex-wrap:nowrap;padding:16px 0}.panel-bottom>span{font-size:8px}.panel-bottom .text-button{font-size:10px}.course-row{gap:14px;margin:24px 0}.course-art{width:63px;height:66px}.course-row strong{font-size:12px}.course-row>div>span{font-size:10px}.community-strip{flex-wrap:wrap;gap:13px;margin-top:20px;padding:20px}.community-mark{width:40px;height:40px}.community-strip>div:nth-child(2){flex:1}.community-strip h3{font-size:12px}.community-strip p{font-size:10px}.community-strip>.text-button{margin-left:53px;font-size:10px}footer{flex-wrap:wrap;gap:15px;padding-top:25px;font-size:8px}footer>span:nth-child(2){display:none}footer button{font-size:8px}.page-heading{padding:5px 0 25px}.page-heading h1{font-size:32px;line-height:1.2}.page-heading>p{font-size:12px}.page-heading .eyebrow{font-size:8px}.play-feature{align-items:flex-start;padding:25px;position:relative;overflow:hidden}.play-feature>div:first-child{z-index:1;position:relative}.play-feature p{padding-right:30px}.practice-art{display:none}.play-feature h2{font-size:32px}.two-columns{grid-template-columns:1fr;gap:16px}.feature-card{flex-direction:row;gap:17px;padding:22px}.feature-title{gap:10px}.notice{padding:16px;font-size:10px}.puzzle-board{padding:18px 12px}.puzzle-board-heading{gap:10px;margin-bottom:22px;padding:0 5px}.puzzle-board h2{max-width:240px;margin-top:12px;font-size:17px;line-height:1.5}.puzzle-board-heading p{font-size:10px;line-height:1.8}.puzzle-board-heading .tag{font-size:8px}.round-badge{flex-shrink:0;width:43px;height:52px;font-size:23px}.round-badge>span{font-size:7px}.table-surface{border-width:3px;padding:17px 7px 20px}.table-caption{letter-spacing:1px;font-size:6px}.interactive-hand{flex-wrap:wrap;gap:23px 2px;max-width:255px;margin:38px auto 25px}.tile-button>.tile{width:29px;height:44px}.tile-button:last-child{margin-left:3px}.tile-button.tile-selected{outline-offset:2px;outline-width:2px;transform:translateY(-8px)}.table-instruction{font-size:9px}.puzzle-controls{flex-direction:column;align-items:stretch;gap:15px;padding:0 5px}.puzzle-controls>span{max-width:none;font-size:9px}.puzzle-controls>.button{width:100%}.training-tabs{gap:7px}.training-tabs button{gap:6px;padding:10px 12px;font-size:10px}.answer-feedback{gap:10px;padding:18px 13px}.answer-feedback h3{font-size:12px}.answer-feedback p{font-size:11px}.answer-feedback small{font-size:9px}.training-tip{gap:10px;padding:20px 5px}.learning-summary{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:20px 15px}.learning-summary>svg{width:25px}.learning-summary>div{flex:1}.learning-summary h3{font-size:13px}.learning-summary p{font-size:10px;line-height:1.7}.learning-summary>strong{font-size:19px}.learning-summary>strong>span{font-size:9px;display:block}.lesson-card{gap:13px;padding:20px 15px}.lesson-number{flex-shrink:0;width:43px;height:58px;font-size:24px}.lesson-card .eyebrow{letter-spacing:1px;font-size:7px}.lesson-card h2{font-size:14px}.lesson-card p{font-size:10px;line-height:1.5}.lesson-time{flex-direction:column;gap:4px;font-size:9px}.lesson-card>svg{width:16px}.lesson-detail{padding:23px 18px}.lesson-detail h2{font-size:29px}.lesson-detail p{font-size:12px;line-height:1.95}.lesson-tiles{gap:12px 5px;padding:25px 12px}.lesson-tiles .tile{width:30px;height:44px}.quiz-options>button{gap:10px;padding:12px 10px;font-size:11px;line-height:1.7}.quiz-options>button>span{flex-shrink:0}.lesson-quiz h3{font-size:14px;line-height:1.7}.stats-grid{gap:9px;margin:18px 0}.stat{gap:13px;padding:18px 12px}.stat>span:first-child{min-height:28px;font-size:9px;line-height:1.7}.stat>strong{font-size:26px}.stat-caption{font-size:8px}.review-panel{padding:23px 18px}.empty-state{padding:30px 5px}.empty-state h3{font-size:25px}.empty-state p{font-size:11px;line-height:1.8}.review-row strong{font-size:11px}.tournament-feature{padding:30px 21px}.tournament-feature h2{font-size:30px}.tournament-feature>p{font-size:12px}.tournament-principles{flex-direction:column;align-items:center;gap:13px;margin:25px 0}.tournament-feature>.button{font-size:10px}.profile-summary{flex-wrap:wrap;gap:17px;padding:23px 20px}.large-avatar{width:60px;height:60px;font-size:25px}.profile-summary h2{font-size:19px}.profile-summary p{font-size:10px}.profile-summary>.button{width:100%;margin:3px 0 0}.modal{padding:30px 24px}.modal h2{font-size:28px}.modal>p{font-size:12px}.compact-tiles .interactive-hand{gap:19px 2px;max-width:none}.compact-tiles .tile-button>.tile{width:22px;height:34px}}.sidebar{scrollbar-width:thin;scrollbar-color:#c1d0bf transparent;overflow-y:auto}.sidebar>*{flex-shrink:0}.skip-link{z-index:100;background:var(--green);color:#fff;border-radius:5px;padding:12px 18px;font-size:13px;position:fixed;top:8px;left:245px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.hero-copy>p,.daily-panel>p,.learning-panel>p,.path-copy>span,.community-strip p,.page-heading>p,.play-feature p,.feature-card p,.lesson-card p,.learning-summary p,.course-row>div>span,.puzzle-board-heading p,.reference-note,.stat>span:first-child,.review-panel>p,.empty-state p,.journey-card p,.profile-summary p,.tournament-feature>p,.modal>p{color:#658361}.hero-footnote,.panel-bottom,.welcome-line,.section-heading>span,.small-note{color:#6c8c67}.path-copy .path-link{color:#45785e}.table-instruction{color:#d1dcc8}@media (height<=800px) and (width>=761px){.open-card{display:none}.sidebar-bottom{padding-top:20px}.sidebar{padding-top:25px}.sidebar-caption{padding-top:24px}}@media (width<=760px){.sidebar{visibility:hidden}.sidebar.sidebar-open{visibility:visible}.skip-link{left:20px}}@media (width<=580px){.community-strip>div:nth-child(2){flex-basis:calc(100% - 60px)}.community-strip>.text-button{flex-basis:calc(100% - 53px);margin-left:53px}}.mini-hand .tile-small{aspect-ratio:29/41;flex:1 1 0;width:auto;min-width:0;max-width:34px;height:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.game-menu{display:none}.navigation-close{position:absolute;top:12px;right:12px}.sidebar.sidebar-open{overscroll-behavior:contain;overflow-y:auto}.nav-backdrop{z-index:29;background:#1d332866;display:block;position:fixed;inset:0}.setting-row select{font:inherit;max-width:140px;color:var(--green);background:#f3f6f0;border:1px solid #dae3d3;border-radius:5px;padding:9px;font-size:12px}.table-width-setting{border-bottom:1px solid var(--line);padding:16px 0;font-size:12px}.table-width-setting label,.table-width-setting>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.table-width-setting input{width:100%;accent-color:var(--green);margin:14px 0;display:block}.table-width-setting small{color:var(--muted);line-height:1.6}.table-width-setting .text-button{white-space:normal;text-align:right;flex-shrink:0}@media (width>=761px){.game-active .sidebar{overflow-y:auto}.game-active .sidebar .brand-button{margin-bottom:12px}.game-active .game-menu{flex-shrink:0;width:44px;height:36px;margin-bottom:12px;display:grid}.game-active .sidebar.sidebar-open{align-items:stretch;width:260px;padding:28px 18px 19px;box-shadow:12px 0 40px #1d332818}.game-active .sidebar-open .brand-button{margin:10px 0 16px;padding:0 10px}.game-active .sidebar-open .brand>span{display:block}.game-active .sidebar-open .nav-item{justify-content:flex-start;width:100%;padding:0 16px}.game-active .sidebar-open .nav-item>span{display:block}.game-active .sidebar-open .game-menu{display:none}.game-active .sidebar-open .sidebar-divider{width:auto;margin:20px 13px 14px}.game-active .sidebar-open .sidebar-note{display:flex}}.sidebar nav{gap:4px}.nav-group{min-width:0}.nav-group-toggle .nav-chevron{flex:none;width:14px;height:14px;margin-left:auto;transition:transform .15s}.nav-group-toggle[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}.nav-group-toggle.group-active{color:var(--green);background:#e8ede3;font-weight:650}.nav-submenu{border-left:1px solid #cedac4;margin:4px 0 6px 25px;padding-left:10px}.nav-submenu[hidden]{display:none}.nav-child{text-align:left;color:#617e5d;background:0 0;border-radius:5px;width:100%;min-height:38px;padding:10px 12px;font-size:12px;display:block}.nav-child:hover{color:var(--green);background:#e7ece2}.nav-child.active{color:var(--green);background:#e1e8da;font-weight:650}.sidebar-bottom{padding-top:12px}.sidebar-bottom .sidebar-divider{margin:12px 13px}.sidebar-profile .player-avatar{width:32px;height:32px;font-size:16px}.sidebar-profile>span:not(.player-avatar){gap:3px;min-width:0;display:grid}.sidebar-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;display:block;overflow:hidden}.sidebar-profile small{color:#71916c;font-size:10px;font-weight:400}.sidebar .sidebar-profile{gap:10px;min-height:58px;padding:12px}.sidebar-note{margin-top:10px;font-size:9px}@media (width>=761px){.game-active .sidebar:not(.sidebar-open) .nav-chevron{display:none}.game-active .sidebar:not(.sidebar-open) .sidebar-profile>.player-avatar{display:inline-flex}.game-active .sidebar.sidebar-open .nav-group{width:100%}.game-active .sidebar.sidebar-open .nav-chevron{width:14px;height:14px}.game-active .sidebar.sidebar-open .sidebar-profile{gap:10px;height:58px}.game-active .sidebar.sidebar-open .sidebar-profile>.player-avatar{display:inline-flex}}@media (width<=760px){.sidebar.sidebar-open{padding-top:25px}.sidebar .sidebar-caption{padding-top:20px}.sidebar .nav-item{min-height:42px;padding-top:10px;padding-bottom:10px}.sidebar .sidebar-profile{min-height:58px}.game-active .sidebar .nav-group-toggle .nav-chevron{width:14px;height:14px}.game-active .sidebar .sidebar-profile>.player-avatar{display:inline-flex}.game-active .sidebar .sidebar-profile{gap:10px;height:58px}}.nav-play-heading{border-radius:7px;align-items:center;display:flex}.nav-play-heading.group-active{color:var(--green);background:#e1e8da}.nav-play-heading.group-active>.nav-item{color:var(--green);font-weight:650}.nav-play-heading>.nav-item{flex:1;min-width:0}.nav-play-expand{color:#617d5d;background:0 0;border-radius:0 7px 7px 0;flex:none;align-self:stretch;place-items:center;width:46px;display:grid}.nav-play-expand:hover{background:#e7ece2}.nav-play-expand[aria-expanded=true]>svg{transform:rotate(180deg)}@media (width>=761px){.game-active .sidebar:not(.sidebar-open) .nav-play-expand{display:none}.game-active .sidebar:not(.sidebar-open) .nav-play-heading>.nav-item{flex:none}.game-active .sidebar.sidebar-open .nav-play-heading>.nav-item{width:auto}}.sidebar .nav-item,.sidebar .nav-child{text-decoration:none}.sidebar .brand img{object-fit:contain;flex-shrink:0;width:56px;height:56px}.game-active .sidebar:not(.sidebar-open) .brand img{width:37px;height:37px}.sidebar nav .nav-item{font-size:14px;font-weight:600}.sidebar nav .nav-item>svg:not(.nav-chevron){stroke-width:1.8px;flex-shrink:0;width:20px;height:20px}.sidebar nav :is(.nav-item.active,.nav-group-toggle.group-active,.nav-play-heading.group-active>.nav-item){font-weight:700}.sidebar-bottom .nav-item.subtle{font-size:12px;font-weight:400}.sidebar-bottom .nav-item.subtle>svg{stroke-width:1.6px;width:17px;height:17px}@media (width>=761px){.app:not(.game-active) .sidebar{padding-top:24px;padding-bottom:16px}.app:not(.game-active) .sidebar-caption{padding-top:20px;padding-bottom:12px}.app:not(.game-active) .sidebar .nav-item:not(.subtle):not(.sidebar-profile){min-height:44px;padding-block:12px}.game-active.table-comfortable:not(.review-active) .table-action-area{min-height:40px}.game-active.table-comfortable:not(.review-active) .table-action-area>p{max-width:55%}}@media (width>=1000px) and (height>=760px){.game-active.table-comfortable:not(.review-active) .table-main{width:min(100%,1440px,210cqh - 462px)}.game-active.table-comfortable:not(.review-active) .table-toolbar{width:min(100%,1440px,210dvh - 588px)}.room-active.table-comfortable .table-toolbar,.room-active.table-comfortable .room-connection{width:min(100%,1440px,210dvh - 663.6px)}.game-active.table-comfortable:not(.review-active) .your-hand{padding:10px 20px}.game-active.table-comfortable:not(.review-active) .playable-hand{padding:12px 0 8px}.game-active.table-comfortable:not(.review-active) .playable-tile{flex-basis:clamp(54px,7.5dvh,68px);max-width:clamp(54px,7.5dvh,68px)}.game-active.table-comfortable:not(.review-active) .seat-avatar{width:32px;height:32px}.game-active.table-comfortable:not(.review-active) .seat-details>strong{font-size:13px}.game-active.table-comfortable:not(.review-active) .seat-details>span{font-size:16px}.game-active.table-comfortable:not(.review-active) .seat-left,.game-active.table-comfortable:not(.review-active) .seat-right{width:96px}.game-active.table-comfortable:not(.review-active) .seat-left .seat-details>strong,.game-active.table-comfortable:not(.review-active) .seat-right .seat-details>strong{max-width:96px}.game-active.table-comfortable:not(.review-active) .opponent-left{left:130px}.game-active.table-comfortable:not(.review-active) .opponent-right{right:130px}.game-active.table-comfortable:not(.review-active) .felt-dora .tile{width:33px;height:46px}.game-active.table-comfortable:not(.review-active) .table-center{width:106px;height:100px}.game-active.table-comfortable:not(.review-active) .center-round{font-size:22px}.game-active.table-comfortable:not(.review-active) .table-center>strong{font-size:26px}.game-active.table-comfortable:not(.review-active) .table-center>strong>span{font-size:8px}.game-active.table-comfortable:not(.review-active) .table-center>div{font-size:10px}.game-active.table-comfortable:not(.review-active) .river-top{bottom:calc(50% + 62px)}.game-active.table-comfortable:not(.review-active) .river-bottom{top:calc(50% + 62px)}}.game-active:not(.review-active) .your-hand{--rack-tile-width:49px;--rack-height:calc(var(--rack-tile-width) * 60 / 43 + 34px);--decision-height:60px;grid-template-rows:22px var(--rack-height) var(--decision-height);display:grid}.game-active:not(.review-active) .playable-hand{align-content:start;width:100%;height:100%;min-height:0}.game-active:not(.review-active) .table-action-area{min-width:0;height:100%;min-height:0}.game-active:not(.review-active) .table-action-area>p{min-width:0;max-height:100%;overflow-y:auto}.game-active:not(.review-active) .table-action-buttons{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;min-width:0;max-height:100%;padding:4px;overflow:auto hidden}.game-active:not(.review-active) .table-action-buttons>*{flex-shrink:0}.game-active:not(.review-active) .call-options>div{flex-wrap:nowrap}@media (height>=850px) and (width>=1000px){.game-active:not(.review-active) .your-hand{--rack-tile-width:60px}}@media (width>=1000px) and (height>=760px){.game-active.table-comfortable:not(.review-active) .your-hand{--rack-tile-width:clamp(54px, 7.5dvh, 68px)}}@media (height<=700px){.game-active:not(.review-active) .your-hand{--rack-tile-width:48px;--rack-height:calc(var(--rack-tile-width) * 60 / 43 + 30px)}}@media (width<=580px){.game-active:not(.review-active) .your-hand{--rack-height:calc((min(310px, 100vw - 50px) - 24px) / 7 * 120 / 43 + 49px);--decision-height:82px}.game-active:not(.review-active) .table-action-area{grid-template-rows:28px minmax(0,1fr);gap:0;display:grid}.game-active:not(.review-active) .table-action-area>p{width:100%;max-width:none;line-height:1.4}.game-active:not(.review-active) .table-action-buttons{width:100%;max-width:none}}@media (width>=1000px){.game-active:not(.review-active) .table-main{width:calc(min(100%, 1100px, 135cqh) * var(--table-width,1))}.game-active:not(.review-active) .table-toolbar{width:calc(min(100%, 1100px, (100dvh - 60px) * 1.35) * var(--table-width,1))}.room-active .room-connection{width:calc(min(100%, 1100px) * var(--table-width,1))}}@media (width>=1000px) and (height>=760px){.game-active.table-comfortable:not(.review-active) .table-main{width:calc(min(100%, 1440px, (100cqh - 220px) * 2.1) * var(--table-width,1))}.game-active.table-comfortable:not(.review-active) .table-toolbar{width:calc(min(100%, 1440px, (100dvh - 280px) * 2.1) * var(--table-width,1))}.room-active.table-comfortable .table-toolbar,.room-active.table-comfortable .room-connection{width:calc(min(100%, 1440px, (100dvh - 316px) * 2.1) * var(--table-width,1))}}.app:not(.game-active) .topbar{height:56px;min-height:56px}.app:not(.game-active) main{padding-top:16px}.app:not(.game-active) .page-heading{padding:0 0 18px}.app:not(.game-active) .page-heading h1{margin:8px 0}.app:not(.game-active) .page-heading>p{margin:0}.app:not(.game-active) .welcome-line,.app:not(.game-active) .play-hub-heading{margin-bottom:16px}.app:not(.game-active) .play-hub-heading h1{margin-bottom:6px}.app:not(.game-active) .play-hub .lobby-rules{margin:12px 0}.app:not(.game-active) .play-hub .lobby-empty{min-height:150px;padding-top:26px;padding-bottom:12px}.app:not(.game-active) .play-hub .lobby-empty-create{margin-bottom:22px}@media (width<=580px){.app:not(.game-active) main{padding-top:14px}.app:not(.game-active) .page-heading{padding-bottom:16px}.app:not(.game-active) .page-heading h1{margin:7px 0}.app:not(.game-active) .play-hub-heading{margin-bottom:14px}}.page-load-error{max-width:650px;margin:24px auto;padding:28px}.page-load-error h1{margin:0 0 12px;font-size:26px;line-height:1.3}.page-load-error p{font-size:14px;line-height:1.6}.page-load-error>div{flex-wrap:wrap;align-items:center;gap:18px;margin-top:20px;display:flex}.app .riichi-felt.tabletop{--hub-size:84px;--edge-space:64px;--side-space:116px;--river-rows:4;--river-gap:4px;--river-clearance:9px;--river-max:36px;container-type:size}.app .riichi-felt.tabletop .discard-river{--river-tile:max(10px, min(var(--river-max), (100cqh - var(--edge-space)*2 - var(--hub-size) - var(--river-clearance)*2 - (var(--river-rows) - 1)*var(--river-gap)*2) / (var(--river-rows)*2*1.38), (100cqw - var(--side-space)*2 - 40px) / (6.38 + var(--river-rows)*2*1.38)));--river-height:calc(var(--river-tile)*1.38);--river-span:calc(var(--river-tile)*6.38 + var(--river-gap)*5);gap:var(--river-gap);width:var(--river-span);flex-direction:column;max-width:none;min-height:0;display:flex}.tabletop .river-row{gap:var(--river-gap);height:var(--river-height);flex:none;display:flex}.app .riichi-felt.tabletop .river-tile{width:var(--river-tile);height:var(--river-height);flex:none}.tabletop .river-tile>.game-tile{flex:none;justify-content:center;align-items:center;line-height:0;display:flex}.app .riichi-felt.tabletop .river-tile .tile{width:var(--river-tile);height:var(--river-height);border-radius:3px;box-shadow:0 2px #a5b68e}.app .riichi-felt.tabletop .riichi-discard{width:var(--river-height)}.app .riichi-felt.tabletop .riichi-discard>.game-tile{transform:rotate(90deg)}.app .riichi-felt.tabletop .riichi-discard:after{content:none}.app .riichi-felt.tabletop .river-top{top:auto;bottom:calc(50% + var(--hub-size)/2 + var(--river-clearance));left:50%;right:auto;transform:translate(-50%)rotate(180deg)}.app .riichi-felt.tabletop .river-bottom{bottom:auto;top:calc(50% + var(--hub-size)/2 + var(--river-clearance));left:50%;right:auto;transform:translate(-50%)}.app .riichi-felt.tabletop .river-left{left:calc(50% - var(--river-span)/2 - var(--river-clearance));top:50%;bottom:auto;right:auto;transform:translate(-50%,-50%)rotate(90deg)translateY(50%)}.app .riichi-felt.tabletop .river-right{left:calc(50% + var(--river-span)/2 + var(--river-clearance));top:50%;bottom:auto;right:auto;transform:translate(-50%,-50%)rotate(-90deg)translateY(50%)}.app .riichi-felt.tabletop .table-center{width:var(--hub-size);height:var(--hub-size);background:#243f31e0;border-radius:10px;line-height:1.1}.app .riichi-felt.tabletop .center-round{font-size:18px;line-height:1.15}.app .riichi-felt.tabletop .table-center>strong{margin-top:2px;font-size:24px;line-height:1.1}.app .riichi-felt.tabletop .table-center>strong>span{letter-spacing:1px;font-size:6px;line-height:8px}.app .riichi-felt.tabletop .table-center>div{gap:7px;margin-top:4px;padding-top:4px;font-size:8px;line-height:1.1}.app .riichi-felt.tabletop .table-center>div>span>span{font-size:7px}.tabletop .seat-station{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.tabletop .station-top{top:10px;left:50%;transform:translate(-50%)}.tabletop .station-bottom{bottom:8px;left:50%;transform:translate(-50%)}.tabletop .station-left{width:100px;top:50%;left:12px;transform:translateY(-50%)}.tabletop .station-right{width:100px;top:50%;right:12px;transform:translateY(-50%)}.app .riichi-felt.tabletop .player-seat{gap:9px;width:auto;min-width:0;max-width:100%;position:relative;inset:auto;transform:none}.app .riichi-felt.tabletop .seat-details{gap:4px;max-width:100%}.app .riichi-felt.tabletop .seat-details>strong{max-width:150px;font-size:12px}.app .riichi-felt.tabletop .seat-details>span{font-size:15px}.app .riichi-felt.tabletop .seat-avatar{width:32px;height:32px}.app .riichi-felt.tabletop .seat-avatar>.player-avatar{width:100%;height:100%;font:inherit;color:inherit;background:0 0;border-radius:50%;display:grid;position:static;overflow:hidden}.tabletop .seat-avatar .player-avatar img{object-fit:cover;width:100%;height:100%}.app .riichi-felt.tabletop .seat-details .riichi-label{color:#ffe5a4;letter-spacing:1px;white-space:nowrap;background:#584823;border:1px solid #c8ab63;border-radius:4px;align-self:center;padding:3px 6px;font-size:9px;font-weight:700}.app .riichi-felt.tabletop .seat-left .seat-details>strong,.app .riichi-felt.tabletop .seat-right .seat-details>strong{max-width:100px}.app .riichi-felt.tabletop .seat-melds{flex-flow:wrap;justify-content:center;gap:5px;max-width:100%;display:flex;position:static;inset:auto}.tabletop .station-top .seat-melds,.tabletop .station-bottom .seat-melds{flex-wrap:nowrap}.app .riichi-felt.tabletop .seat-top .seat-details,.app .riichi-felt.tabletop .seat-bottom .seat-details{flex-direction:row;align-items:center;gap:10px;display:flex}:is(.tabletop .station-top:has(.seat-melds),.tabletop .station-bottom:has(.seat-melds)){gap:4px}:is(.tabletop .station-top:has(.seat-melds) .seat-avatar,.tabletop .station-bottom:has(.seat-melds) .seat-avatar){width:26px;height:26px}.game-active:not(.review-active) .playing-surface{background:#2f5240;border:5px solid #dae3d2;border-radius:12px;gap:0;overflow:hidden}.game-active:not(.review-active) .playing-surface .riichi-felt{background:radial-gradient(#3b664f,#2f5240);border:0;border-radius:0}.game-active:not(.review-active) .playing-surface .your-hand{box-shadow:none;background:#2f5240;border:0;border-radius:0;padding:8px 18px 10px}.playing-surface .your-hand-top{border-top:1px solid #cdd8c326;padding-top:5px}.playing-surface .your-hand-top>span,.playing-surface .hand-seat-name,.playing-surface .discard-preference,.playing-surface .hint-toggle,.playing-surface .tile-english-label{color:#cfdac6}.game-active .playing-surface .table-action-area{border-color:#cdd8c326}.game-active .playing-surface .table-action-area>p{color:#e0e7d9}.playing-surface .your-wind{color:#2f5240;background:#d9e2d1}.playing-surface .table-action-buttons .button:not(.button-secondary){color:#2b4a3a;background:#dde5d6}.playing-surface .table-action-buttons .text-button{color:#dde5d6}.playing-surface .playable-tile:focus-visible{outline-color:#e4cc8c}.playing-surface .playable-tile.selected .tile{outline-color:#f0d795}.sound-toggle{flex-shrink:0}@media (width>=1000px){.game-active.table-comfortable .riichi-felt.tabletop{--river-max:44px}.game-active.table-comfortable:not(.review-active) .table-main{width:calc(min(100%,1560px, (100cqh - 175px)*2.25)*var(--table-width,1))}.game-active.table-comfortable:not(.review-active) .table-toolbar{width:calc(min(100%,1560px, (100dvh - 235px)*2.25)*var(--table-width,1))}.room-active.table-comfortable .room-connection{width:calc(min(100%,1560px)*var(--table-width,1))}}@media (width<=999px){.app .riichi-felt.tabletop{--side-space:85px}.tabletop .station-left,.tabletop .station-right{width:74px}.tabletop .station-left{left:5px}.tabletop .station-right{right:5px}.app .riichi-felt.tabletop .seat-left .seat-details>strong,.app .riichi-felt.tabletop .seat-right .seat-details>strong{max-width:74px}.app .riichi-felt.tabletop .seat-melds .tile{width:16px;height:23px}}@container (width<=700px){.tabletop .station-left,.tabletop .station-right{gap:5px;width:46px}.tabletop .station-left{left:4px;transform:translateY(-50%)}.tabletop .station-right{right:4px;transform:translateY(-50%)}.app .riichi-felt.tabletop .seat-left,.app .riichi-felt.tabletop .seat-right{flex-direction:column;gap:4px}.app .riichi-felt.tabletop .seat-left .seat-avatar,.app .riichi-felt.tabletop .seat-right .seat-avatar{display:none}.app .riichi-felt.tabletop .seat-details>strong{max-width:90px;font-size:10px}.app .riichi-felt.tabletop .seat-details>span{font-size:11px}.app .riichi-felt.tabletop .seat-left .seat-details,.app .riichi-felt.tabletop .seat-right .seat-details{flex-direction:column;align-items:center;gap:4px}.app .riichi-felt.tabletop .seat-left .seat-details>strong,.app .riichi-felt.tabletop .seat-right .seat-details>strong{max-width:46px;font-size:8px}.app .riichi-felt.tabletop .seat-left .seat-details>span,.app .riichi-felt.tabletop .seat-right .seat-details>span{font-size:10px}.app .riichi-felt.tabletop .seat-details small{display:none}.app .riichi-felt.tabletop .seat-details .riichi-label{letter-spacing:0;padding:2px 4px;font-size:7px}.app .riichi-felt.tabletop .seat-melds{flex-wrap:wrap;gap:3px}.app .riichi-felt.tabletop .seat-melds .tile{width:12px;height:17px}.app .riichi-felt.tabletop .station-left .seat-melds .tile,.app .riichi-felt.tabletop .station-right .seat-melds .tile{width:10px;height:15px}.app .riichi-felt.tabletop .table-meld{gap:1px}.app .riichi-felt.tabletop .discard-river{--river-gap:3px;--river-tile:max(8px,min(28px,(100cqh - 196px - (var(--river-rows) - 1)*6px)/(var(--river-rows)*2*1.38),(100cqw - 144px)/(6.38 + var(--river-rows)*2*1.38)))}.app .riichi-felt.tabletop .seat-avatar{width:24px;height:24px}.app .riichi-felt.tabletop .station-top,.app .riichi-felt.tabletop .station-bottom{max-width:calc(100% - 86px)}}.featured-game .mini-watch-board{height:360px;min-height:360px;container-type:size}.app .mini-watch-board.tabletop{--hub-size:66px;--edge-space:62px;--side-space:40px}.mini-watch-board.tabletop .table-center>strong{font-size:20px}.mini-watch-board.tabletop .center-round{font-size:16px}.app .mini-watch-board.tabletop .table-center>div{gap:4px;margin-top:2px;padding-top:2px;font-size:6px}.app .mini-watch-board.tabletop .table-center>strong{font-size:19px}.app .mini-watch-board.tabletop .center-round{font-size:16px}@media (width<=580px){.watch-page .watch-board.tabletop{aspect-ratio:auto;height:440px;min-height:440px}.game-active:not(.review-active) .playing-surface{border-width:3px}.game-active:not(.review-active) .playing-surface .your-hand{padding:7px 8px 8px}.app .riichi-felt.tabletop{--hub-size:64px}.app .riichi-felt.tabletop .table-center>strong{font-size:19px}.app .riichi-felt.tabletop .center-round{font-size:16px}.app .riichi-felt.tabletop .table-center>div{gap:4px;margin-top:2px;padding-top:2px;font-size:6px}.app .riichi-felt.tabletop .table-center>div>span>span{font-size:6px}.game-active .table-toolbar .table-tool>span{display:none}}.tabletop .river-bottom{--tile-shadow-x:0px;--tile-shadow-y:2px;--tile-light:115deg}.tabletop .river-top{--tile-shadow-x:0px;--tile-shadow-y:-2px;--tile-light:-65deg}.tabletop .river-left{--tile-shadow-x:2px;--tile-shadow-y:0px;--tile-light:25deg}.tabletop .river-right{--tile-shadow-x:-2px;--tile-shadow-y:0px;--tile-light:205deg}.tabletop .river-bottom .riichi-discard{--tile-shadow-x:2px;--tile-shadow-y:0px;--tile-light:25deg}.tabletop .river-top .riichi-discard{--tile-shadow-x:-2px;--tile-shadow-y:0px;--tile-light:205deg}.tabletop .river-left .riichi-discard{--tile-shadow-x:0px;--tile-shadow-y:-2px;--tile-light:-65deg}.tabletop .river-right .riichi-discard{--tile-shadow-x:0px;--tile-shadow-y:2px;--tile-light:115deg}.app .riichi-felt.tabletop .river-tile .tile{background:linear-gradient(var(--tile-light),#fffff9,#f4f1e5);box-shadow:var(--tile-shadow-x) var(--tile-shadow-y) 0 #a5b68e}.app .playing-surface .riichi-felt.tabletop{--hub-size:68px;--edge-space:34px;--river-clearance:7px;--river-gap:4px}.app .playing-surface .tabletop .table-center{top:calc(50% + 24px)}.app .playing-surface .tabletop .river-top{bottom:calc(50% - 24px + var(--hub-size)/2 + var(--river-clearance))}.app .playing-surface .tabletop .river-bottom{top:calc(50% + 24px + var(--hub-size)/2 + var(--river-clearance))}.app .playing-surface .tabletop .river-left,.app .playing-surface .tabletop .river-right{top:calc(50% + 24px)}.app .playing-surface .tabletop .center-round{font-size:16px}.app .playing-surface .tabletop .table-center>strong{font-size:21px}.app .playing-surface .tabletop .table-center>div{gap:4px;margin-top:3px;padding-top:2px;font-size:6px}.app .playing-surface .tabletop .table-center>div>span>span{font-size:6px}.app .playing-surface .your-hand-top{height:32px;padding-top:0}.app .your-hand-top .player-seat{flex-shrink:1;gap:8px;min-width:0;position:static;transform:none}.app .your-hand-top .seat-details{flex-direction:row;align-items:center;gap:10px;max-width:none}.app .your-hand-top .seat-details>strong{max-width:150px;font-size:12px}.app .your-hand-top .seat-details>span{white-space:nowrap;font-size:14px}.app .your-hand-top .seat-avatar{width:26px;height:26px}.app .your-hand-top .seat-avatar>.player-avatar{background:0 0;border-radius:50%;width:100%;height:100%;display:grid;position:static;overflow:hidden}.your-hand-top .player-avatar img{object-fit:cover;width:100%;height:100%}.app .your-hand-top .seat-details .riichi-label{color:#ffe5a4;letter-spacing:1px;background:#584823;border:1px solid #c8ab63;border-radius:4px;padding:3px 6px;font-size:9px}.hand-rack{justify-content:center;align-items:flex-start;gap:16px;min-width:0;display:flex}.app.game-active .hand-rack .playable-hand{flex:1;width:auto;min-width:0}.app.game-active .hand-rack .seat-melds{flex-flow:wrap;place-content:flex-start flex-end;gap:8px;max-width:45%;padding-top:13px;display:flex;position:static}.app.game-active .hand-rack .seat-melds:empty{display:none}.app.game-active .hand-rack .table-meld{gap:2px}.app.game-active .hand-rack .table-meld .tile{width:calc(var(--rack-tile-width)*.65);height:calc(var(--rack-tile-width)*.65*60/43)}@media (width>=581px){.app.game-active .playing-surface .your-hand{--rack-height:calc(var(--rack-tile-width)*60/43 + 26px);--decision-height:44px}.app.game-active .hand-rack .playable-hand{padding-top:10px;padding-bottom:4px}}@container (width<=700px){.app .playing-surface .tabletop .discard-river{--river-tile:max(8px,min(32px,(100cqh - 68px - var(--hub-size) - 14px - 12px)/(8*1.38),(100cqw - 144px)/(6.38 + 8*1.38)))}}@media (width<=580px){.app .your-hand-top .seat-details{gap:5px}.app .your-hand-top .seat-details>strong{max-width:82px;font-size:9px}.app .your-hand-top .seat-details>span{font-size:10px}.app .your-hand-top .seat-details small{display:none}.app .your-hand-top .seat-details .riichi-label{letter-spacing:0;padding:2px;font-size:7px}.app .your-hand-top .hand-options{gap:7px}.app .your-hand-top .discard-preference,.app .your-hand-top .hint-toggle{gap:0;font-size:0}.app .your-hand-top .discard-preference svg,.app .your-hand-top .hint-toggle svg{width:17px;height:17px}.hand-rack{gap:8px}.app.game-active .hand-rack .seat-melds{gap:6px;max-width:28%;padding-top:10px}.app.game-active .hand-rack .table-meld .tile{width:18px;height:25px}.app.game-active .hand-rack:has(.table-meld) .playable-hand{grid-template-columns:repeat(6,minmax(0,1fr))}}.app .tabletop .river-extended .river-row:last-child{height:auto;min-height:var(--river-height);row-gap:var(--river-gap);flex-wrap:wrap}@container (width>=701px){.app .playing-surface .tabletop .discard-river{--river-tile:max(12px,min(52px,(100cqh - 28px - 68px - 14px - 8px)/(6*1.38),(100cqw - 270px)/(6.38 + 8*1.38)))}.app .playing-surface .tabletop .river-extended .river-row{width:var(--river-span);height:var(--river-height);flex-wrap:nowrap;align-self:flex-start}.app .playing-surface .tabletop .river-top .river-row:last-child,.app .playing-surface .tabletop .river-bottom .river-row:last-child{width:max-content}.app .playing-surface .tabletop .river-left .river-row:last-child,.app .playing-surface .tabletop .river-right .river-row:last-child{width:var(--river-span);flex-wrap:wrap;height:auto}.app .playing-surface .tabletop .station-top{align-items:flex-end;max-width:200px;top:16px;left:auto;right:18px;transform:none}.app .playing-surface .tabletop .station-top .seat-melds{flex-wrap:wrap}.app .playing-surface .tabletop .table-center{top:50%}.app .playing-surface .tabletop .river-top{bottom:calc(50% + var(--hub-size)/2 + var(--river-clearance))}.app .playing-surface .tabletop .river-bottom{top:calc(50% + var(--hub-size)/2 + var(--river-clearance))}.app .playing-surface .tabletop .river-left,.app .playing-surface .tabletop .river-right{top:50%}}@container (width>=701px) and (width<=800px){.app .playing-surface .tabletop .river-top .river-row:last-child,.app .playing-surface .tabletop .river-bottom .river-row:last-child{width:var(--river-span);flex-wrap:wrap;height:auto}}.seat-rating{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:4px;font-weight:750;display:inline-flex}.seat-rating sup{font-size:.65em}.seat-rating small{font-size:9px;font-weight:400}.app .playing-surface .seat-details>.seat-rating{color:#ffe5a4;font-size:14px}.app .playing-surface .seat-details>.seat-rating small{color:#d9cda5}.app .playing-surface .seat-details>.seat-points{color:#c5d2c3;font-size:12px}.concealed-hand{justify-content:center;gap:1px;max-width:100%;display:flex}.tile-back{background:linear-gradient(#6c8b67,#3c6851);border:1px solid #829f7e;border-radius:2px;flex:0 6px;width:6px;height:12px;display:block;box-shadow:0 2px #233c2f}.app .playing-surface .tabletop .station-top{align-items:center;gap:5px;max-width:calc(100% - 110px);top:7px;left:50%;right:auto;transform:translate(-50%)}.app .playing-surface .tabletop .station-top .seat-melds{justify-content:flex-start;width:150px;max-width:150px;position:absolute;top:0;left:calc(100% + 16px)}.app.game-active .playing-surface .your-hand{grid-template-rows:32px var(--rack-height)}.app.game-active .playing-surface .table-action-area{z-index:5;border:0;justify-content:flex-end;height:40px;min-height:0;padding:0;display:flex;position:absolute;bottom:calc(100% + 5px);left:14px;right:14px}.app.game-active .playing-surface .table-action-area>p{clip-path:inset(50%);width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.app.game-active .playing-surface .table-action-buttons{flex:0 auto;justify-content:flex-end;max-width:100%;height:40px;min-height:0;padding:2px}.app.game-active .playing-surface .table-action-buttons:empty{display:none}.app.game-active .playing-surface .table-action-buttons .button,.app.game-active .playing-surface .call-option{box-shadow:0 2px 8px #102f3040}.app.game-active .playing-surface .hand-hint{bottom:calc(100% + 52px)}.app .playing-surface .tabletop .latest-discard .tile{background:linear-gradient(var(--tile-light),#fff9dd,#f3edcf);border-color:#ddbf6e;outline:0}@media (width>=581px){.app.game-active .playing-surface .your-hand{--rack-height:calc(var(--rack-tile-width)*60/43 + 18px);padding-bottom:5px}.app.game-active .hand-rack .playable-hand{padding-top:6px}}@container (width>=701px){.app .playing-surface .tabletop .discard-river{--river-tile:max(12px,min(52px,(100cqh - 94px - 60px - 14px - 8px)/(6*1.38),(100cqw - 270px)/(6.38 + 8*1.38)))}.app .playing-surface .tabletop .table-center{width:60px;height:60px;top:calc(50% + 3px)}.app .playing-surface .tabletop .river-top{bottom:calc(50% - 3px + 30px + var(--river-clearance))}.app .playing-surface .tabletop .river-bottom{top:calc(50% + 3px + 30px + var(--river-clearance))}.app .playing-surface .tabletop .river-left,.app .playing-surface .tabletop .river-right{top:calc(50% + 3px)}}@container (width<=700px){.app .playing-surface .tabletop .station-top .seat-melds{width:auto;max-width:100%;position:static}.app .playing-surface .tabletop .seat-details>.seat-rating{font-size:10px}.app .playing-surface .tabletop .seat-details>.seat-rating small{display:none}.app .playing-surface .tabletop .station-left .tile-back,.app .playing-surface .tabletop .station-right .tile-back{border-width:.5px;flex-basis:2px;width:2px;height:8px}}@media (width<=580px){.app .playing-surface .your-hand-top .seat-details>.seat-rating{font-size:10px}.app .playing-surface .your-hand-top .seat-rating small{display:none}.app .playing-surface .your-hand-top .seat-details>strong{max-width:64px}.app.game-active .playing-surface .table-action-area{left:5px;right:5px}}.concealed-count{color:#d5dfcc;align-self:center;margin-left:3px;font-size:10px;line-height:12px}@container (width<=700px){.station-left .concealed-count,.station-right .concealed-count{margin-left:1px;font-size:8px}}.app .seat-details .seat-identity{color:#dfe6d8;justify-content:center;align-items:baseline;gap:4px;min-width:0;font-size:12px;display:flex}.seat-identity .seat-name-line>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:150px;font-weight:600;overflow:hidden}.app .seat-identity .seat-rating-compact{color:#c5d2c3;gap:0;font-size:.85em;font-weight:400}.seat-rating-compact sup{vertical-align:baseline;font-size:1em}.app .seat-active .seat-identity .seat-name-line>strong{color:#fff2bc}.app .playing-surface .station-left,.app .playing-surface .station-right{width:100px}.app .playing-surface .station-left .seat-identity,.app .playing-surface .station-right .seat-identity{flex-wrap:wrap;gap:0 3px;max-width:100%}.app .playing-surface .concealed-hand{gap:2px;overflow:visible}.app .playing-surface .tile-back{background:linear-gradient(110deg,#799974,#45785e);border:1px solid #8ca787;border-radius:2px;flex:none;width:10px;height:17px;box-shadow:0 2px #20382c}.app .playing-surface .station-left .concealed-hand,.app .playing-surface .station-right .concealed-hand{flex-direction:column;max-width:none;position:absolute;top:50%;transform:translateY(-50%)}.app .playing-surface .station-left .concealed-hand{left:calc(100% + 8px)}.app .playing-surface .station-right .concealed-hand{flex-direction:column-reverse;right:calc(100% + 8px)}.app .playing-surface .tabletop .station-left .tile-back,.app .playing-surface .tabletop .station-right .tile-back{flex:none;width:17px;height:10px}.app .playing-surface .tabletop .station-left .tile-back{border-right:3px solid #b6c7b3}.app .playing-surface .tabletop .station-right .tile-back{border-left:3px solid #b6c7b3}.app .playing-surface .station-top .tile-back{border-bottom:3px solid #b6c7b3}.app .playing-surface .station-left .concealed-count,.app .playing-surface .station-right .concealed-count{margin:2px 0}.app .playing-surface .riichi-felt.tabletop{--hub-size:80px}.app .playing-surface .tabletop .table-center.center-console{width:var(--hub-size);box-sizing:border-box;background:linear-gradient(145deg,#2d4f3d,#254032);border:1px solid #88a48470;border-radius:9px;grid-template-rows:18px 30px 16px;align-content:center;justify-items:center;gap:3px;height:80px;padding:3px;display:grid;box-shadow:inset 0 1px #9eb59b26,0 2px 5px #1a2e2433}.app .playing-surface .center-console .center-round{font:500 17px/20px var(--font-body)}.app .playing-surface .table-center.center-console>strong{margin:0;font-size:24px;line-height:24px}.app .playing-surface .table-center.center-console>strong>span{letter-spacing:.9px;margin:1px 0 0;font-size:6px;line-height:8px}.app .playing-surface .table-center.center-console>.center-counters{justify-content:space-evenly;align-self:stretch;align-items:center;gap:6px;width:100%;margin:0;padding:2px 0 0;font-size:10px;line-height:12px}.center-counters>span{align-items:center;gap:4px;display:inline-flex}.counter-stick{background:#eee9d4;border-radius:1px;width:13px;height:4px;display:inline-block;position:relative}.counter-stick:after{content:"";background:#b0443d;border-radius:50%;width:3px;height:2px;position:absolute;top:1px;left:5px}.honba-stick:after{background:#345a46;width:2px;left:3px;box-shadow:3px 0 #345a46,6px 0 #345a46}@container (width>=701px){.app .playing-surface .tabletop .table-center.center-console,.app .playing-surface .tabletop .river-left,.app .playing-surface .tabletop .river-right{top:calc(50% + 23px)}.app .playing-surface .tabletop .discard-river{--river-tile:max(12px,min(52px,(100cqh - 74px - 80px - 14px - 16px)/(6*1.38),(100cqw - 342px)/(6.38 + 8*1.38)))}.app .playing-surface .tabletop .river-top{bottom:calc(50% - 23px + 40px + var(--river-clearance))}.app .playing-surface .tabletop .river-bottom{top:calc(50% + 23px + 40px + var(--river-clearance))}}@container (width<=700px){.app .playing-surface .riichi-felt.tabletop{--hub-size:68px}.app .playing-surface .tabletop .table-center.center-console{grid-template-rows:18px 30px 16px;gap:2px;width:68px;height:78px}.app .playing-surface .center-console .center-round{font-size:15px;line-height:18px}.app .playing-surface .table-center.center-console>strong{font-size:21px;line-height:21px}.app .playing-surface .table-center.center-console>.center-counters{gap:3px;font-size:9px}.app .playing-surface .tabletop .river-top{bottom:calc(50% - 24px + 39px + var(--river-clearance))}.app .playing-surface .tabletop .river-bottom{top:calc(50% + 24px + 39px + var(--river-clearance))}.app .playing-surface .station-left,.app .playing-surface .station-right{width:46px}.app .tabletop .seat-details .seat-identity{font-size:9px}.app .playing-surface .station-left .seat-identity,.app .playing-surface .station-right .seat-identity{font-size:8px}.app .playing-surface .station-left .concealed-hand,.app .playing-surface .station-right .concealed-hand{top:-10px;left:50%;right:auto;transform:translate(-50%,-100%)}.app .playing-surface .tile-back{width:6px;height:11px}.app .playing-surface .tabletop .station-left .tile-back,.app .playing-surface .tabletop .station-right .tile-back{border-width:1px;width:9px;height:6px}.app .playing-surface .concealed-hand{gap:1px}}@media (width<=580px){.app .your-hand-top .seat-details .seat-identity{font-size:10px}.your-hand-top .seat-identity .seat-name-line>strong{max-width:76px}}.hand-result .result-heading{gap:8px}.hand-result .result-icon{margin-bottom:4px}.hand-result .winner-avatar{color:#3b664f;background:#e7ece2;border:3px solid #d8e1d0;width:64px;height:64px;font-size:26px;overflow:hidden}.winner-avatar>.player-avatar{width:100%;height:100%;font:inherit;background:0 0;border-radius:50%;place-items:center;display:grid;position:static}.winner-avatar .player-avatar img{object-fit:cover;width:100%;height:100%}.hand-result .result-heading h2,.hand-result .result-heading p{margin:0}.hand-result .winning-hand{margin-top:20px}.app .playing-surface .tabletop .tile-back{box-sizing:border-box;background:linear-gradient(120deg,#fffff3,#e8e8d2);border:1px solid #c5d3c3;border-radius:3px;flex:none;width:13px;height:19px;position:relative;box-shadow:0 2px #90aa8c,0 3px 2px #1e352980}.app .playing-surface .tabletop .tile-back:before{content:"";background:linear-gradient(125deg,#759670,#3b6650);border-radius:2px;position:absolute;inset:1px 1px 3px;box-shadow:inset 0 1px #bdccbb6b,inset 0 0 0 1px #2e503e40}.app .playing-surface .tabletop .station-left .tile-back,.app .playing-surface .tabletop .station-right .tile-back{border:1px solid #c5d3c3;width:19px;height:13px}.app .playing-surface .tabletop .station-top{gap:2px}.app .playing-surface .tabletop .station-top .tile-back{border:1px solid #c5d3c3}.app .riichi-felt .felt-dora{background:#254132e6;border:1px solid #94ad9080;border-radius:7px;max-width:calc(100% - 24px);padding:8px 9px 10px;box-shadow:inset 0 1px #a9bda61a,0 2px 5px #20372b40}.app .riichi-felt .felt-dora>div{flex-wrap:wrap}.app .playing-surface .your-hand-top{justify-content:center;position:relative}.app .playing-surface .your-hand-top .player-seat{max-width:calc(100% - 100px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.app .playing-surface .your-hand-top .hand-options{margin-left:auto}.center-winds{pointer-events:none;position:absolute;inset:0}.center-wind{box-sizing:border-box;color:#dae3d3;width:14px;height:14px;font:700 9px/1 var(--font-body);pointer-events:auto;background:#2c4d3c;border:1px solid #789873;border-radius:3px;place-items:center;display:grid;position:absolute;box-shadow:0 1px 2px #1a2e2450}.wind-top{top:-6px;left:calc(50% - 7px)}.wind-bottom{bottom:-6px;left:calc(50% - 7px)}.wind-left{top:calc(50% - 7px);left:-6px}.wind-right{top:calc(50% - 7px);right:-6px}.center-wind.wind-active{color:#294838;background:#e6cf90;border-color:#eddaa8}.table-center.has-winds:after{display:none}@container (width<=1000px){.app .playing-surface .your-hand-top .discard-preference,.app .playing-surface .your-hand-top .hint-toggle{gap:0;font-size:0}.app .playing-surface .your-hand-top .hand-options svg{width:16px;height:16px}}@container (width<=700px){.app .playing-surface .tabletop .tile-back{width:7px;height:12px}.app .playing-surface .tabletop .station-left .tile-back,.app .playing-surface .tabletop .station-right .tile-back{width:12px;height:8px}.app .playing-surface .tabletop .tile-back:before{border-radius:1px;inset:1px 1px 2px}.app .riichi-felt .felt-dora{max-width:105px;padding:5px 6px 7px}.center-wind{width:12px;height:12px;font-size:8px}.wind-top,.wind-bottom{left:calc(50% - 6px)}.wind-left,.wind-right{top:calc(50% - 6px)}}.app .riichi-felt.tabletop .seat-melds{--meld-width:20px;--meld-height:28px}.app .riichi-felt.tabletop .station-left .table-meld,.app .riichi-felt.tabletop .station-right .table-meld{flex-direction:column;gap:4px}.app .riichi-felt.tabletop .station-right .table-meld{flex-direction:column-reverse}.app .riichi-felt.tabletop .station-top .table-meld{flex-direction:row-reverse}.app .riichi-felt.tabletop .station-left .seat-melds .game-tile,.app .riichi-felt.tabletop .station-right .seat-melds .game-tile{width:var(--meld-height);height:var(--meld-width);flex:none;justify-content:center;align-items:center;display:flex}.app .riichi-felt.tabletop .seat-melds .tile{width:var(--meld-width);height:var(--meld-height)}.app .riichi-felt.tabletop .station-left .seat-melds .tile{background:linear-gradient(25deg,#fffff9,#f4f1e5);transform:rotate(90deg);box-shadow:2px 0 #a5b68e}.app .riichi-felt.tabletop .station-right .seat-melds .tile{background:linear-gradient(205deg,#fffff9,#f4f1e5);transform:rotate(-90deg);box-shadow:-2px 0 #a5b68e}.app .riichi-felt.tabletop .station-top .seat-melds .tile{background:linear-gradient(-65deg,#fffff9,#f4f1e5);transform:rotate(180deg);box-shadow:0 -2px #a5b68e}@media (width<=999px){.app .riichi-felt.tabletop .seat-melds{--meld-width:16px;--meld-height:23px}}@container (width<=700px){.app .riichi-felt.tabletop .seat-melds{--meld-width:12px;--meld-height:17px}.app .riichi-felt.tabletop .station-left .seat-melds,.app .riichi-felt.tabletop .station-right .seat-melds{--meld-width:10px;--meld-height:15px}}.sound-volume{padding:5px 0 18px}.sound-volume label{justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.sound-volume input{width:100%;accent-color:var(--green);display:block}.sound-settings .setting-row{padding:13px 0}.sound-settings .small-note{margin:8px 0 16px;font-size:11px;line-height:1.6}.modal{max-height:calc(100dvh - 32px);overflow-y:auto}.game-settings-tool{flex-shrink:0}@media (width<=580px){.game-active .table-toolbar>div{gap:6px}.game-active .table-toolbar .back-link>span{max-width:53px}}.game-settings-tabs{gap:8px;margin:20px 0 14px;display:flex}.game-settings-tabs button{color:var(--ink);background:0 0;border:1px solid #dae3d2;border-radius:6px;flex:1;padding:11px}.game-settings-tabs button[aria-selected=true]{background:#e2e9dc;border-color:#88a483;font-weight:600}.game-settings-content>p{font-size:12px;line-height:1.6}.game-settings-content>.small-note{color:#658260;margin:18px 0;font-size:11px}.game-settings-content .setting-row{padding:14px 0}.game-settings-content .table-width-setting{padding:16px 0}.game-settings-content select{max-width:135px}.game-settings-content .button{width:100%}.app .playing-surface{container:playing-table/inline-size}@media (width>=1000px){.app.game-active.table-comfortable:not(.review-active) .table-main{width:calc(min(100%,1320px,(100cqh - 105px)*1.8)*var(--table-width,1))}.app.game-active.table-comfortable:not(.review-active) .table-toolbar{width:calc(min(100%,1320px,(100dvh - 165px)*1.8)*var(--table-width,1))}}@media (width>=581px){.app.game-active .playing-surface .your-hand{grid-template-rows:24px var(--rack-height);--rack-height:calc(var(--rack-tile-width)*60/43 + 8px);padding-bottom:2px}.app .playing-surface .your-hand-top{height:24px}.app.game-active .playing-surface .playable-hand{padding-top:4px;padding-bottom:0}}.app .playing-surface .tabletop .discard-river,.app .playing-surface .tabletop .table-compass,.app .playing-surface .tabletop .seat-station{--floor-size:max(8px,min(52px,(100cqh - 74px)/14.8,(100cqh - 40px)/15.9,(100cqw - 266px)/18.7,(100cqw - 310px)/17.7));--square-size:var(--river-span);--core-offset:14px;--river-tile:var(--floor-size);--river-height:calc(var(--floor-size)*60/43);--river-span:calc(var(--floor-size)*(5 + 60/43) + 15px);--river-gap:3px;--river-clearance:6px;--standing-span:calc(var(--floor-size)*.76);--standing-depth:calc(var(--floor-size)*.5);--back-edge:clamp(2px,calc(var(--floor-size)*.18),8px)}.app .playing-surface .tabletop .table-center.table-compass{top:calc(50% + var(--core-offset));width:var(--square-size);height:var(--square-size);background:linear-gradient(135deg,#2a4939,#20372b);border:1px solid #8ca78880;border-radius:6px;grid-template-rows:none;place-items:center;gap:0;padding:6px;display:grid;box-shadow:inset 0 0 0 4px #94ad9012,0 3px #1c3127,0 5px 9px #1d332740}.app .playing-surface .tabletop .river-top{bottom:calc(50% - var(--core-offset) + var(--square-size)/2 + 6px);left:50%}.app .playing-surface .tabletop .river-bottom{top:calc(50% + var(--core-offset) + var(--square-size)/2 + 6px);left:50%}.app .playing-surface .tabletop .river-left{left:calc(50% - var(--square-size)/2 - 6px);top:calc(50% + var(--core-offset))}.app .playing-surface .tabletop .river-right{left:calc(50% + var(--square-size)/2 + 6px);top:calc(50% + var(--core-offset))}.app .playing-surface .tabletop .river-tile .tile>.tile-face{height:100%;transform:none}.table-compass .compass-round{z-index:1;background:#365e4955;border:1px solid #85a28126;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 5px;display:flex}.app .table-compass .compass-round .center-round{font:500 clamp(12px,calc(var(--floor-size)*.45),22px)/1.1 var(--font-body)}.table-compass .compass-round>strong{color:#ece3b8;font-variant-numeric:tabular-nums;font-size:clamp(23px,4cqh,32px);font-weight:500;line-height:1}.table-compass .compass-round>strong>span{color:#afc2ac;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;font-size:6px;font-weight:400;line-height:10px;display:block}.table-compass .center-counters{color:#ccd8c2;gap:8px;font-size:9px;line-height:12px;display:flex}.app .playing-surface .tabletop .table-compass>.compass-scores{border:0;margin:0;padding:0;display:block;position:absolute;inset:0}.compass-score{color:#d2dcc9;font-size:clamp(9px,calc(var(--floor-size)*.31),16px);font-variant-numeric:tabular-nums;align-items:center;gap:5px;line-height:16px;display:flex;position:absolute}.app .tabletop .table-compass>.compass-scores>.compass-score>span{color:#a1b79e;font-size:12px;line-height:14px}.compass-score>strong{font-weight:500}.compass-score.score-active,.app .tabletop .table-compass>.compass-scores>.score-active>span{color:#f5dd96}.score-top{top:8px;left:50%;transform:translate(-50%)}.score-bottom{bottom:8px;left:50%;transform:translate(-50%)}.score-left{flex-direction:column;gap:2px;top:50%;left:7px;transform:translateY(-50%)}.score-right{flex-direction:column;gap:2px;top:50%;right:7px;transform:translateY(-50%)}@container playing-table (width>=601px){.app .playing-surface .seat-points{display:none}}@container (width>=601px){.app .playing-surface .table-compass .center-wind{width:3px;height:24px;box-shadow:none;background:0 0;border:0;border-radius:2px;font-size:0}.app .playing-surface .table-compass .center-wind.wind-active{background:#e6cf90}.app .playing-surface .table-compass .wind-top,.app .playing-surface .table-compass .wind-bottom{width:24px;height:3px;left:calc(50% - 12px)}.app .playing-surface .table-compass .wind-top{top:0}.app .playing-surface .table-compass .wind-bottom{bottom:0}.app .playing-surface .table-compass .wind-left{top:calc(50% - 12px);left:0}.app .playing-surface .table-compass .wind-right{top:calc(50% - 12px);right:0}.app .playing-surface .tabletop .station-left,.app .playing-surface .tabletop .station-right{top:calc(50% + var(--core-offset));width:72px}.app .playing-surface .tabletop .station-left .seat-identity,.app .playing-surface .tabletop .station-right .seat-identity{font-size:11px}.app .playing-surface .tabletop .station-top{gap:7px;width:100%;max-width:none;top:8px;left:0;right:0;transform:none}.app .playing-surface .tabletop .station-top .player-seat{flex-direction:column;align-items:center;gap:7px;width:100px;max-width:100px;position:absolute;top:18px;left:auto;right:22px}.app .playing-surface .tabletop .station-top .seat-details{flex-direction:column;align-items:center;gap:5px}.app .playing-surface .tabletop .station-top .seat-identity{flex-wrap:wrap;justify-content:center}.app .playing-surface .tabletop .station-top .seat-avatar{flex-shrink:0;width:34px;height:34px}.app .playing-surface .tabletop .station-top .seat-melds{justify-content:flex-start;width:max-content;max-width:150px;position:absolute;top:0;left:52px;right:auto}.app .playing-surface .tabletop .concealed-count{margin:0;font-size:9px;position:absolute}.app .playing-surface .tabletop .station-top .concealed-hand{position:relative}.app .playing-surface .tabletop .station-top .concealed-count{top:50%;left:calc(100% + 7px);transform:translateY(-50%)}.app .playing-surface .tabletop .station-left .concealed-count,.app .playing-surface .tabletop .station-right .concealed-count{top:calc(100% + 6px);left:50%;transform:translate(-50%)}}.app .playing-surface .tabletop .concealed-hand{gap:2px}.app .playing-surface .tabletop .tile-back{box-sizing:border-box;width:var(--standing-span);height:var(--standing-depth);background:linear-gradient(125deg,#fffef3 0 46%,#edeedb 72%,#becdbb);border:1px solid #aabea6;border-radius:2px;flex:none;position:relative;box-shadow:0 2px #7f9d7a,0 4px 3px #1e352980}.app .playing-surface .tabletop .tile-back:before{content:"";height:var(--back-edge);background:linear-gradient(#4a8064,#2b4a3a);border-radius:1px;position:absolute;inset:auto 0 0;box-shadow:inset 0 1px #8ba68766}.app .playing-surface .tabletop .station-left .tile-back,.app .playing-surface .tabletop .station-right .tile-back{width:var(--standing-depth);height:var(--standing-span)}.app .playing-surface .tabletop .station-left .tile-back:before{width:var(--back-edge);background:linear-gradient(90deg,#4a8064,#2b4a3a);height:auto;inset:0 0 0 auto}.app .playing-surface .tabletop .station-right .tile-back:before{width:var(--back-edge);background:linear-gradient(90deg,#2b4a3a,#4a8064);height:auto;inset:0 auto 0 0}@container (width<=600px){.app .playing-surface .tabletop .discard-river,.app .playing-surface .tabletop .table-compass,.app .playing-surface .tabletop .seat-station{--floor-size:max(8px,min(28px,(100cqw - 156px)/18.5,(100cqw - 208px)/11.2,(100cqh - 130px)/18));--square-size:max(78px,var(--river-span));--core-offset:24px;--standing-span:clamp(7px,1.8cqh,10px);--standing-depth:7px;--back-edge:2px}.app .playing-surface .tabletop .table-compass>.compass-scores{display:none}.table-compass .compass-round{background:0 0;border:0;gap:2px;padding:0}.app .table-compass .compass-round .center-round{font-size:15px}.table-compass .compass-round>strong{font-size:21px;line-height:21px}.table-compass .center-counters{gap:6px;font-size:8px}.app .playing-surface .tabletop .concealed-hand{gap:1px}}@container (width>=601px){.app .playing-surface .tabletop .river-top .river-row:last-child,.app .playing-surface .tabletop .river-bottom .river-row:last-child{width:max-content;height:var(--river-height);flex-wrap:nowrap}.app .playing-surface .tabletop .station-left .concealed-hand,.app .playing-surface .tabletop .station-right .concealed-hand{top:50%;transform:translateY(-50%)}.app .playing-surface .tabletop .station-left .concealed-hand{left:calc(100% + 22px);right:auto}.app .playing-surface .tabletop .station-right .concealed-hand{left:auto;right:calc(100% + 22px)}.app .playing-surface .tabletop .station-left .seat-avatar,.app .playing-surface .tabletop .station-right .seat-avatar{width:28px;height:28px;display:grid}}@container (width>=601px) and (width<=760px){.table-compass .compass-round{gap:2px;padding:4px 2px}.app .table-compass .compass-round .center-round{font-size:12px}.table-compass .compass-round>strong{font-size:21px}.table-compass .compass-score{font-size:8px}.table-compass .center-counters{gap:4px;font-size:8px}.table-compass .counter-stick{width:9px}.table-compass .counter-stick:after{left:3px}.table-compass .honba-stick:after{left:1px}}@container (width<=600px){.app .playing-surface .tabletop .station-left .concealed-hand,.app .playing-surface .tabletop .station-right .concealed-hand{top:calc(100% + 10px);transform:translate(-50%)}}.app .playing-surface .tile-english-label{display:none}@container (width>=601px){.app .playing-surface .tabletop .station-left{left:12px}.app .playing-surface .tabletop .station-right{right:12px}.app .playing-surface .tabletop .station-left .seat-identity,.app .playing-surface .tabletop .station-right .seat-identity{font-size:clamp(11px,calc(var(--floor-size)*.3),15px)}}@container (width>=851px) and (height>=560px){.table-compass .compass-round{gap:4px;padding:12px 13px}.app .table-compass .compass-round .center-round{font-size:22px}.table-compass .compass-round>strong{font-size:38px}.table-compass .compass-score{font-size:16px}}@container playing-table (width>=601px){.app .playing-surface .your-hand-top .player-seat{max-width:220px}.app.game-active .playing-surface .table-action-area{width:calc(100% - 90px);height:40px;max-height:40px;bottom:calc(100% - 44px);left:auto;right:12px}.app.game-active .playing-surface .table-action-buttons{scrollbar-width:thin;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:6px;width:100%;height:40px;max-height:40px;padding:0;overflow:visible}.app.game-active .playing-surface .call-options,.app.game-active .playing-surface .call-options>div{display:contents}.app.game-active .playing-surface .call-option,.app.game-active .playing-surface .table-action-buttons .button{color:#2b4c3b;background:#f7f7ec;border:1px solid #b0c2ad;border-radius:6px;min-height:32px;padding:5px 9px;font-size:11px;box-shadow:0 2px #1b302566}.app.game-active .playing-surface .call-option{gap:7px;padding:4px 7px}.app.game-active .playing-surface .call-option .tile{width:14px;height:20px}.app.game-active .playing-surface .call-option>svg,.app.game-active .playing-surface .table-action-buttons>.button>svg,.app.game-active .playing-surface .call-option[data-call-kind=pon]>span,.app.game-active .playing-surface .call-option[data-call-kind=kan]>span{display:none}}.app .playing-surface .tabletop .felt-dora{max-width:98px}.app .playing-surface .tabletop .felt-dora:has(.game-tile:nth-child(3)) .tile{width:20px;height:28px}@container (width>=601px){.app .playing-surface .tabletop .felt-dora{border-radius:4px;gap:5px;width:33px;max-width:33px;padding:4px 2px 6px;left:3px}.app .playing-surface .tabletop .felt-dora>span{letter-spacing:0;font-size:0;line-height:7px}.app .playing-surface .tabletop .felt-dora>span:before{content:"DORA";letter-spacing:1px;font-size:6px}.app .playing-surface .tabletop .felt-dora>div{flex-direction:column;align-items:center;gap:3px}.app .playing-surface .tabletop .felt-dora .tile{width:25px;height:35px}.app .playing-surface .tabletop .station-left .player-seat,.app .playing-surface .tabletop .station-left .seat-melds{transform:translate(14px)}.app .playing-surface .tabletop .station-right .player-seat,.app .playing-surface .tabletop .station-right .seat-melds{transform:translate(-14px)}}@media (width>=1000px){.app.game-active:not(.table-comfortable):not(.review-active) .table-main{width:calc(min(100%,1060px,(100cqh - 105px)*1.6)*var(--table-width,1))}.app.game-active:not(.table-comfortable):not(.review-active) .table-toolbar{width:calc(min(100%,1060px,(100dvh - 165px)*1.6)*var(--table-width,1))}}@container (width>=601px) and (width<=850px){.table-compass .compass-round{gap:2px;padding:3px 2px}.table-compass .center-counters{gap:4px;font-size:8px}.table-compass .counter-stick{width:9px}.table-compass .counter-stick:after{left:3px}.table-compass .honba-stick:after{left:1px}}@container playing-table (width>=601px){.app .playing-surface .your-hand-top .hand-options{margin-left:0;margin-right:auto}.app.game-active .playing-surface .table-action-buttons button:hover:not(:disabled){background:#e1e8db;border-color:#e3ce91}.app.game-active .playing-surface .table-action-buttons button:focus-visible{outline-offset:-3px;outline:2px solid #e3ce91}}.app.game-active .playing-surface .table-action-buttons .button-secondary{color:#e0e7d9;background:#2b4c3b;border-color:#88a484}.app.game-active .playing-surface .table-action-buttons .call-option{background:#e4eadf;border-color:#b5c6b2}.app.game-active .playing-surface .table-action-buttons .win-action,.app.game-active .playing-surface .table-action-buttons .riichi-button{color:#284637;background:#ead69d;border-color:#f5e3b2}.app .playing-surface .your-hand-top .player-seat{flex-direction:column;align-items:center;gap:6px;max-width:145px;inset:auto auto calc(100% + 18px) 0;transform:none}.app .playing-surface .your-hand-top .seat-details{flex-direction:column;align-items:center;gap:4px}.app .playing-surface .your-hand-top .seat-avatar{width:34px;height:34px}.app .playing-surface .your-hand-top .hand-options{gap:10px;margin:0 auto 0 0}.app .playing-surface .your-hand-top .hand-options button{gap:0;font-size:0}.app .playing-surface .your-hand-top .hand-options svg{width:16px;height:16px}@container playing-table (width<=600px){.app.game-active .playing-surface .your-hand{grid-template-rows:110px var(--rack-height)}.app .playing-surface .your-hand-top{align-items:flex-end;height:110px}.app.game-active .playing-surface .table-action-area{width:auto;height:100px;max-height:100px;bottom:calc(100% - 104px);left:6px;right:6px}.app.game-active .playing-surface .table-action-buttons{flex-wrap:wrap;place-content:flex-start flex-end;gap:5px;width:100%;height:100px;max-height:100px;padding:0;overflow:visible}.app.game-active .playing-surface .call-options,.app.game-active .playing-surface .call-options>div{display:contents}.app.game-active .playing-surface .table-action-buttons .button,.app.game-active .playing-surface .call-option{gap:5px;min-height:44px;padding:6px 7px;font-size:11px}.app.game-active .playing-surface .call-option .tile{width:12px;height:16.7442px}.app.game-active .playing-surface .call-option>svg,.app.game-active .playing-surface .table-action-buttons>.button>svg,.app.game-active .playing-surface .call-option[data-call-kind=pon]>span,.app.game-active .playing-surface .call-option[data-call-kind=kan]>span{display:none}.app .playing-surface .your-hand-top .player-seat{max-width:110px}.app .playing-surface .your-hand-top .seat-avatar{width:26px;height:26px}}.opponent-rack{display:contents}@container (width>=601px){.app .playing-surface .tabletop .station-top .opponent-rack{flex-direction:row-reverse;justify-content:center;align-items:flex-start;gap:12px;display:flex}.app .playing-surface .tabletop .station-top .seat-melds{width:max(70px,calc(50% - var(--square-size)/2 - var(--floor-size)*2 - 178px));justify-content:flex-end;max-width:240px;position:absolute;top:0;left:148px}.app .playing-surface .tabletop .felt-dora{border-radius:6px;gap:7px;width:max-content;max-width:128px;padding:7px 6px 8px;top:18px;left:12px}.app .playing-surface .tabletop .felt-dora>span{letter-spacing:1px;font-size:7px;line-height:9px}.app .playing-surface .tabletop .felt-dora>span:before{content:none}.app .playing-surface .tabletop .felt-dora>div{flex-direction:row;gap:3px}.app .playing-surface .tabletop .felt-dora:has(.game-tile:nth-child(3)) .tile{width:18px;height:25.1163px}.app .playing-surface .your-hand-top .player-seat{width:110px;bottom:calc(100% + 26px)}.app .table-compass .compass-round .center-round{font-size:clamp(12px,calc(var(--floor-size)*.65),22px)}.table-compass .compass-round>strong{font-size:clamp(21px,calc(var(--floor-size)*.95),38px)}.table-compass .compass-score{font-size:clamp(8px,calc(var(--floor-size)*.4),16px)}}.app .playing-surface .tabletop .tile-back:after{content:"";pointer-events:none;border-radius:1px;position:absolute;inset:1px;box-shadow:inset 1px 1px #ffffff85}.app .playing-surface .seat-active .seat-avatar{outline-offset:3px;background:#3e6d55;outline:2px solid #e4cd8d}.app .playing-surface .seat-active .seat-identity .seat-name-line>strong{color:#fff1bd}@container (width>=601px){.app .playing-surface .tabletop .felt-dora>span{letter-spacing:.8px;font-size:8px;line-height:10px}.app .playing-surface .tabletop .felt-dora .tile{width:clamp(24px,2.6cqw,32px);height:clamp(33.4884px,3.62791cqw,44.6512px)}}.app .playing-surface .felt-brand{display:none}.app.game-active .playing-surface .table-action-area:has(.table-action-buttons:empty)>p{clip-path:none;color:#d5dfcd;text-align:right;width:auto;max-width:100%;height:auto;max-height:none;margin:0;padding:9px 2px;font-size:11px;line-height:18px;position:absolute;inset:0 0 auto auto;overflow:visible}@container (width>=601px){.table-compass .center-counters{font-size:clamp(9px,calc(var(--floor-size)*.28),12px);gap:8px}.table-compass .counter-stick{width:14px;height:5px}}.app .playing-surface :is(.tabletop .seat-station,.your-hand-top) .player-seat .seat-avatar{flex:0 0 36px;width:36px;height:36px;display:grid}.app .playing-surface :is(.tabletop .seat-station,.your-hand-top) .player-seat .seat-details{flex-direction:column;align-items:center;gap:5px;width:100%;min-width:0;display:flex}.app .playing-surface :is(.tabletop .seat-station,.your-hand-top) .player-seat .seat-identity{flex-direction:column;align-items:center;gap:2px;width:100%;font-size:14px;line-height:18px;display:flex}.app .playing-surface :is(.tabletop .seat-station,.your-hand-top) .player-seat .seat-identity .seat-name-line>strong{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;line-height:18px;display:block;overflow:hidden}.app .playing-surface :is(.tabletop .seat-station,.your-hand-top) .player-seat .seat-rating-compact{white-space:nowrap;flex:none;font-size:12px;line-height:16px}@container playing-table (width>=601px){.app .playing-surface .tabletop .station-left .player-seat{width:92px;max-width:none;transform:translate(6px)}.app .playing-surface .tabletop .station-right .player-seat{width:92px;max-width:none;transform:translate(-6px)}.app .playing-surface .tabletop .station-top .player-seat{width:140px;max-width:140px;right:12px}.app .playing-surface .your-hand-top .player-seat{width:120px;max-width:120px;bottom:calc(100% + 8px)}}.app.game-active .playing-surface .table-action-area{align-items:flex-end;height:auto;max-height:none;bottom:calc(100% - 22px)}.app.game-active .playing-surface .table-action-buttons{align-content:flex-end;align-items:stretch;gap:8px;height:auto;max-height:none}.app.game-active .playing-surface .table-action-buttons .button,.app.game-active .playing-surface .table-action-buttons .call-option{border-radius:8px;gap:10px;min-height:54px;padding:9px 15px;font-size:15px;line-height:20px;box-shadow:0 3px #17292080,0 5px 12px #17292040}.app.game-active .playing-surface .call-option .tile{width:24px;height:33.4884px}.app.game-active .playing-surface .table-action-buttons .button-secondary{padding-inline:20px}.app.game-active .playing-surface .table-action-area:has(.table-action-buttons:empty)>p{top:auto;bottom:0}@container playing-table (width<=600px){.app .playing-surface :is(.tabletop .seat-station,.your-hand-top) .player-seat .seat-avatar{flex-basis:26px;width:26px;height:26px;display:grid}.app .playing-surface :is(.tabletop .seat-station,.your-hand-top) .player-seat .seat-identity{font-size:10px;line-height:12px}.app .playing-surface :is(.tabletop .seat-station,.your-hand-top) .player-seat .seat-identity .seat-name-line>strong{line-height:12px}.app .playing-surface :is(.tabletop .seat-station,.your-hand-top) .player-seat .seat-rating-compact{font-size:9px;line-height:12px}.app.game-active .playing-surface .table-action-area{bottom:calc(100% - 102px)}.app.game-active .playing-surface .table-action-buttons{gap:6px}.app.game-active .playing-surface .table-action-buttons .button,.app.game-active .playing-surface .table-action-buttons .call-option{gap:7px;min-height:48px;padding:7px 10px;font-size:13px}.app.game-active .playing-surface .call-option .tile{width:18px;height:25.1163px}.app.game-active .playing-surface .table-action-buttons .button-secondary{padding-inline:14px}}.app.game-active .playing-surface .call-option>strong{font-size:inherit}@container playing-table (width<=600px){.app .playing-surface .tabletop .station-top{width:100%;max-width:none;top:10px;left:0;right:0;transform:none}.app .playing-surface .tabletop .station-top .player-seat{flex-direction:column;gap:5px;width:100px;max-width:100px;position:absolute;top:28px;left:auto;right:8px}.app .playing-surface .tabletop .station-top .opponent-rack{flex-direction:column;align-items:center;gap:5px;display:flex}.app .playing-surface .your-hand-top .player-seat{left:48px}}@media (width>=581px){.app.game-active .playing-surface .playable-hand{--hand-slots:14;gap:4px}.app.game-active .playing-surface .playable-tile{flex:0 0 min(var(--rack-tile-width),calc((100% - (var(--hand-slots) - 1)*4px - 10px)/var(--hand-slots)));max-width:var(--rack-tile-width)}}.app .featured-game-body{grid-template-columns:minmax(0,1fr);gap:16px}.app .featured-game .spectator-preview{border:0;border-radius:9px;width:100%;max-width:none;margin:0}.app .featured-game .spectator-preview .watch-board{aspect-ratio:1.35;border:5px solid #dae3d2;border-radius:9px;width:100%;max-width:none;height:auto;min-height:460px;container-type:size}.featured-game-copy{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.featured-game-copy h3{display:none}.featured-game-copy p{flex:230px;margin:0}.featured-game-copy .button,.featured-game-copy .featured-all{margin:0}footer .footer-discord{color:inherit;align-items:center;gap:5px;text-decoration:none;display:inline-flex}footer .footer-discord:hover{color:var(--green);text-decoration:underline}.app.watch-active .watch-page{max-width:1400px}.app.watch-active .spectator-surface{border:0;width:100%;max-width:1320px;margin:auto}.app.watch-active .spectator-surface .watch-board{border:5px solid #dae3d2;border-radius:12px;width:100%;max-width:none;height:clamp(480px,100dvh - 260px,850px)}.app .spectator-surface .tabletop .discard-river,.app .spectator-surface .tabletop .table-compass,.app .spectator-surface .tabletop .seat-station{--core-offset:0px}.app .spectator-surface .tabletop .station-bottom{width:100%;max-width:none;bottom:14px;left:0;transform:none}.app .spectator-surface .tabletop .station-bottom .player-seat{flex-direction:column;width:140px;max-width:140px;position:absolute;bottom:12px;left:24px}.app .spectator-surface .tabletop .station-bottom .seat-details{flex-direction:column}.app .spectator-surface .tabletop .station-bottom .opponent-rack{justify-content:center;align-items:center;gap:12px;display:flex}.app .spectator-surface .tabletop .station-bottom .concealed-count{display:none}.app .spectator-surface .tabletop .seat-points{display:inline}.app .spectator-surface .tabletop .station-bottom .seat-avatar{flex-basis:38px;width:38px;height:38px}@container (width<=600px){.app .featured-game .spectator-preview .watch-board,.app.watch-active .spectator-surface .watch-board{min-height:580px}.app .spectator-surface .tabletop .discard-river,.app .spectator-surface .tabletop .table-compass,.app .spectator-surface .tabletop .seat-station{--floor-size:max(8px,min(28px,(100cqw - 34px)/15.2,(100cqh - 180px)/15.2))}.app .spectator-surface .tabletop .station-left{width:80px;top:120px;left:8px;transform:none}.app .spectator-surface .tabletop .station-right{width:80px;top:auto;bottom:55px;right:8px;transform:none}.app .spectator-surface .tabletop :is(.station-left,.station-right) .player-seat{flex-direction:row;align-items:flex-start;gap:4px}.app .spectator-surface .tabletop :is(.station-left,.station-right) .player-seat .seat-avatar{flex-shrink:0;flex-basis:20px;width:20px;height:20px;display:grid}.app .spectator-surface .tabletop :is(.station-left,.station-right) .seat-melds{gap:3px}.app .spectator-surface .tabletop .station-left .concealed-hand,.app .spectator-surface .tabletop .station-right .concealed-hand{display:none}.app .spectator-surface .tabletop .station-bottom .player-seat{width:100px;max-width:100px;bottom:24px;left:8px}.app .spectator-surface .tabletop .station-bottom .seat-avatar{flex-basis:26px;width:26px;height:26px}.app .spectator-surface .tabletop .seat-points{display:inline}.app .spectator-surface .tabletop .station-bottom .seat-points{font-size:11px}.app .spectator-surface .tabletop .station-bottom .opponent-rack{flex-direction:column;gap:6px}}:root[data-theme=dark] ::selection{background:#393733}:root[data-theme=dark] .sidebar{background:#393733;border-right:1px solid #514d46}:root[data-theme=dark] .brand-dot,:root[data-theme=dark] .sidebar-caption,:root[data-theme=dark] .nav-item{color:#b9b7ae}:root[data-theme=dark] .nav-item:hover,:root[data-theme=dark] .nav-item.active{background:#393733}:root[data-theme=dark] .nav-dot{background:#4a4640}:root[data-theme=dark] .sidebar-divider{background:#393733}:root[data-theme=dark] .open-card{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .open-card:after{border:1px solid #514d46}:root[data-theme=dark] .open-card>svg,:root[data-theme=dark] .open-card p{color:#b9b7ae}:root[data-theme=dark] .open-card button{color:#eeeae2}:root[data-theme=dark] .sidebar-note{color:#b9b7ae}:root[data-theme=dark] .topbar{background:#393733}:root[data-theme=dark] .breadcrumb{color:#b9b7ae}:root[data-theme=dark] .breadcrumb strong{color:#eeeae2}:root[data-theme=dark] .preview-label{color:#b9b7ae}:root[data-theme=dark] .language-button,:root[data-theme=dark] .profile-button{color:#b9b7ae}:root[data-theme=dark] .profile-button{color:#eeeae2}:root[data-theme=dark] .avatar{color:#b9b7ae;background:#393733}:root[data-theme=dark] .icon-button:hover{background:#393733}:root[data-theme=dark] .welcome-line,:root[data-theme=dark] .welcome-line>span:first-child,:root[data-theme=dark] .tiny-sun{color:#b9b7ae}:root[data-theme=dark] .hero{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .eyebrow{color:#b9b7ae}:root[data-theme=dark] .short-line{background:#4a4640}:root[data-theme=dark] .hero h1{color:#eeeae2}:root[data-theme=dark] .hero h1 em,:root[data-theme=dark] .hero-copy>p{color:#b9b7ae}:root[data-theme=dark] .button{color:#eeeae2}:root[data-theme=dark] .button:hover:not(:disabled){background:#403d38}:root[data-theme=dark] .button-secondary{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .button-secondary:hover:not(:disabled){background:#393733}:root[data-theme=dark] .text-button:hover{color:#b9b7ae}:root[data-theme=dark] .hero-actions>.text-button{color:#eeeae2}:root[data-theme=dark] .hero-footnote{color:#b9b7ae}:root[data-theme=dark] .orbit,:root[data-theme=dark] .orbit-one:after{border:1px solid #514d46}:root[data-theme=dark] .art-spark{color:#b9b7ae}:root[data-theme=dark] .art-dot{background:#4a4640}:root[data-theme=dark] .art-caption,:root[data-theme=dark] .art-coordinate,:root[data-theme=dark] .section-heading>span{color:#b9b7ae}:root[data-theme=dark] .path-card{background:#393733}:root[data-theme=dark] .path-card:hover{border-color:#514d46}:root[data-theme=dark] .path-icon.green,:root[data-theme=dark] .path-icon.amber,:root[data-theme=dark] .path-icon.purple{color:#b9b7ae;background:#393733}:root[data-theme=dark] .path-copy>span{color:#b9b7ae}:root[data-theme=dark] .path-copy .path-link,:root[data-theme=dark] .path-number{color:#eeeae2}:root[data-theme=dark] .panel{background:#393733}:root[data-theme=dark] .puzzle-emblem{color:#b9b7ae;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .puzzle-meta{color:#b9b7ae}:root[data-theme=dark] .tag,:root[data-theme=dark] .tag.neutral{color:#b9b7ae;background:#393733}:root[data-theme=dark] .meta-dot,:root[data-theme=dark] .daily-panel>p,:root[data-theme=dark] .learning-panel>p{color:#b9b7ae}:root[data-theme=dark] .mini-hand{background:#393733}:root[data-theme=dark] .panel-bottom{color:#b9b7ae;border-top:1px solid #514d46}:root[data-theme=dark] .muted{color:#b9b7ae}:root[data-theme=dark] .course-art{background:#393733}:root[data-theme=dark] .course-star,:root[data-theme=dark] .course-row>div>span{color:#b9b7ae}:root[data-theme=dark] .progress-track{background:#393733}:root[data-theme=dark] .progress-track>span{background:#4a4640}:root[data-theme=dark] .community-strip{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .community-mark{color:#b9b7ae;border:1px solid #514d46}:root[data-theme=dark] .community-strip p{color:#b9b7ae}:root[data-theme=dark] .community-strip>.text-button{color:#eeeae2}:root[data-theme=dark] footer,:root[data-theme=dark] footer button,:root[data-theme=dark] .page-heading>p{color:#b9b7ae}:root[data-theme=dark] .play-feature{background:#393733}:root[data-theme=dark] .play-feature p,:root[data-theme=dark] .small-note{color:#b9b7ae}:root[data-theme=dark] .feature-icon{color:#b9b7ae;background:#393733}:root[data-theme=dark] .feature-card p{color:#b9b7ae}:root[data-theme=dark] .notice{color:#b9b7ae;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .learning-summary{background:#393733}:root[data-theme=dark] .learning-summary>svg,:root[data-theme=dark] .learning-summary p,:root[data-theme=dark] .learning-summary>strong>span{color:#b9b7ae}:root[data-theme=dark] .lesson-card:hover{border-color:#514d46}:root[data-theme=dark] .lesson-number{color:#b9b7ae;background:#393733}:root[data-theme=dark] .lesson-number.done{color:#eeeae2;background:#393733}:root[data-theme=dark] .lesson-card p,:root[data-theme=dark] .lesson-time,:root[data-theme=dark] .lesson-card>svg,:root[data-theme=dark] .reference-note,:root[data-theme=dark] .reference-note a,:root[data-theme=dark] .back-link,:root[data-theme=dark] .lesson-detail-header>span:last-child,:root[data-theme=dark] .lesson-detail p{color:#b9b7ae}:root[data-theme=dark] .lesson-tiles{background:#393733}:root[data-theme=dark] .quiz-options>button{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .quiz-options>button>span{color:#b9b7ae;border:1px solid #514d46}:root[data-theme=dark] .quiz-options>button.chosen,:root[data-theme=dark] .quiz-options>button.right,:root[data-theme=dark] .quiz-options>button.wrong{background:#393733;border-color:#514d46}:root[data-theme=dark] .completed-label{color:#b9b7ae}:root[data-theme=dark] .lesson-quiz .quiz-success{color:#eeeae2}:root[data-theme=dark] .lesson-quiz .quiz-error{color:#f0b08a}:root[data-theme=dark] .training-tabs button{color:#b9b7ae;background:#393733}:root[data-theme=dark] .training-tabs button.selected{color:#eeeae2;background:#393733;border-color:#514d46}:root[data-theme=dark] .puzzle-board-heading p{color:#b9b7ae}:root[data-theme=dark] .round-badge{color:#b9b7ae;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .table-surface{background:#403d38;border:5px solid #514d46}:root[data-theme=dark] .table-caption{color:#b9b7ae}:root[data-theme=dark] .tile-button.tile-correct{outline-color:#a7c49c}:root[data-theme=dark] .table-instruction,:root[data-theme=dark] .puzzle-controls>span{color:#b9b7ae}:root[data-theme=dark] .answer-feedback{color:#b9b7ae;background:#393733}:root[data-theme=dark] .answer-feedback.incorrect{color:#f0b08a;background:#393733}:root[data-theme=dark] .answer-feedback small,:root[data-theme=dark] .training-tip,:root[data-theme=dark] .training-tip p,:root[data-theme=dark] .training-tip strong,:root[data-theme=dark] .stat>span:first-child{color:#b9b7ae}:root[data-theme=dark] .stat>strong{color:#eeeae2}:root[data-theme=dark] .stat-caption,:root[data-theme=dark] .review-panel>p,:root[data-theme=dark] .empty-state>svg,:root[data-theme=dark] .empty-state p{color:#b9b7ae}:root[data-theme=dark] .review-row:hover{background:#393733}:root[data-theme=dark] .review-row small,:root[data-theme=dark] .review-row>svg{color:#b9b7ae}:root[data-theme=dark] .success-icon{color:#b9b7ae;background:#393733}:root[data-theme=dark] .tournament-feature{background:#393733}:root[data-theme=dark] .trophy-art{color:#b9b7ae;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .tournament-feature>p,:root[data-theme=dark] .tournament-principles{color:#b9b7ae}:root[data-theme=dark] .large-avatar{color:#b9b7ae;background:#393733}:root[data-theme=dark] .profile-summary p,:root[data-theme=dark] .journey-card>svg,:root[data-theme=dark] .journey-card p{color:#b9b7ae}:root[data-theme=dark] .modal{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .modal::backdrop{background:#403d3866}:root[data-theme=dark] .modal-close,:root[data-theme=dark] .modal-icon,:root[data-theme=dark] .modal>p,:root[data-theme=dark] .modal form label{color:#b9b7ae}:root[data-theme=dark] .modal input[type=text],:root[data-theme=dark] .modal input:not([type]){color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .setting-row{color:#b9b7ae;border-top:1px solid #514d46}:root[data-theme=dark] .setting-row strong{color:#eeeae2}:root[data-theme=dark] .about-note{background:#393733}:root[data-theme=dark] .about-note>svg,:root[data-theme=dark] .about-note p{color:#b9b7ae}@media (width<=760px){:root[data-theme=dark] .nav-backdrop{background:#403d3866}}:root[data-theme=dark] .skip-link{color:#eeeae2}:root[data-theme=dark] .hero-copy>p,:root[data-theme=dark] .daily-panel>p,:root[data-theme=dark] .learning-panel>p,:root[data-theme=dark] .path-copy>span,:root[data-theme=dark] .community-strip p,:root[data-theme=dark] .page-heading>p,:root[data-theme=dark] .play-feature p,:root[data-theme=dark] .feature-card p,:root[data-theme=dark] .lesson-card p,:root[data-theme=dark] .learning-summary p,:root[data-theme=dark] .course-row>div>span,:root[data-theme=dark] .puzzle-board-heading p,:root[data-theme=dark] .reference-note,:root[data-theme=dark] .stat>span:first-child,:root[data-theme=dark] .review-panel>p,:root[data-theme=dark] .empty-state p,:root[data-theme=dark] .journey-card p,:root[data-theme=dark] .profile-summary p,:root[data-theme=dark] .tournament-feature>p,:root[data-theme=dark] .modal>p,:root[data-theme=dark] .hero-footnote,:root[data-theme=dark] .panel-bottom,:root[data-theme=dark] .welcome-line,:root[data-theme=dark] .section-heading>span,:root[data-theme=dark] .small-note{color:#b9b7ae}:root[data-theme=dark] .path-copy .path-link,:root[data-theme=dark] .table-instruction{color:#eeeae2}:root[data-theme=dark] .account-mark,:root[data-theme=dark] .google-signin>span{color:#eeeae2;background:#393733}:root[data-theme=dark] .account-coming,:root[data-theme=dark] .account-details input,:root[data-theme=dark] .account-details input:disabled{background:#393733}:root[data-theme=dark] .account-details small,:root[data-theme=dark] .username-field>span{color:#b9b7ae}:root[data-theme=dark] .account-share a{color:#eeeae2}:root[data-theme=dark] .account-security dt{color:#b9b7ae}:root[data-theme=dark] .account-error{color:#f0b08a}:root[data-theme=dark] .account-message{color:#eeeae2;background:#393733}:root[data-theme=dark] .account-boundary{color:#b9b7ae}:root[data-theme=dark] .account-details textarea,:root[data-theme=dark] .account-details .rename-confirm{background:#393733}:root[data-theme=dark] .account-settings-nav button[aria-pressed=true]{background:var(--green,#403d38);color:#eeeae2;border-color:var(--green,#514d46)}:root[data-theme=dark] .panel.play-access{background:linear-gradient(110deg,#393733,#393733);border-color:#514d46}:root[data-theme=dark] .play-access-icon{color:#eeeae2;background:#393733}:root[data-theme=dark] .play-access-learn,:root[data-theme=dark] .password-forms label{color:#eeeae2}:root[data-theme=dark] .password-forms input{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .password-forms small{color:#b9b7ae}:root[data-theme=dark] .password-links button{color:#eeeae2}:root[data-theme=dark] .password-divider{color:#b9b7ae;border-top:1px solid #514d46}:root[data-theme=dark] .signup-inbox>svg{color:var(--muted,#b9b7ae)}:root[data-theme=dark] .app .account-auth-card{background:var(--panel,#393733)}:root[data-theme=dark] .app .auth-switch button[aria-pressed=true]{color:var(--ink,#eeeae2)}:root[data-theme=dark] .app .account-auth-card .password-forms input,:root[data-theme=dark] .app .account-setup input{background:var(--bg,#393733)}:root[data-theme=dark] .app .setup-success-icon{color:#eeeae2;background:#393733}:root[data-theme=dark] .app .account-auth-card .google-signin{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .profile-return{background:#393733}:root[data-theme=dark] .player-cover{color:#eeeae2;background:#403d38}:root[data-theme=dark] .player-cover>span:last-child{color:#b9b7ae}:root[data-theme=dark] .player-avatar{color:#eeeae2;background:#393733}:root[data-theme=dark] .player-metadata{color:#b9b7ae}:root[data-theme=dark] .player-about .player-bio{color:#eeeae2}:root[data-theme=dark] .player-personal{background:#393733}:root[data-theme=dark] .player-personal>svg{color:#b9b7ae}:root[data-theme=dark] .player-personal p{color:#eeeae2}:root[data-theme=dark] .player-personal a{color:#eeeae2;border-top:1px solid #514d46}:root[data-theme=dark] .player-personal small{color:#b9b7ae}:root[data-theme=dark] .player-search-input{color:#b9b7ae;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .player-search-input input{color:#eeeae2}:root[data-theme=dark] .player-search-empty{color:#b9b7ae}:root[data-theme=dark] .player-search-empty h2,:root[data-theme=dark] .player-result{color:#eeeae2}:root[data-theme=dark] .player-result:hover{background:#393733;border-color:#514d46}:root[data-theme=dark] .player-result span:not(.player-avatar){color:#b9b7ae}:root[data-theme=dark] .account-details select,:root[data-theme=dark] .picture-preview{background:#393733}:root[data-theme=dark] .player-avatar-hero{border:3px solid #514d46}:root[data-theme=dark] .app .player-hero{border-top:4px solid #514d46}:root[data-theme=dark] .app .player-rating-panel .profile-pool-card[aria-pressed=true]{border-color:#514d46}:root[data-theme=dark] .app .player-personal{background:var(--panel,#393733)}:root[data-theme=dark]{color:#eeeae2;background:#393733}:root[data-theme=dark] .brand-dot{color:#f0b08a}:root[data-theme=dark] .dashboard-sidebar nav a[aria-current=page]{color:#eeeae2;background:#403d38}:root[data-theme=dark] .site-statistics .statistics-card{border-top:3px solid #514d46}:root[data-theme=dark] .statistics-bars>div:hover span{background:#4a4640}:root[data-theme=dark] .issue-group{border-left:3px solid #514d46}:root[data-theme=dark] .statistics-controls select{background:var(--panel,#393733)}:root[data-theme=dark] .statistics-bars span{background:#4a4640}:root[data-theme=dark] .statistics-bars .statistics-partial span{background:repeating-linear-gradient(135deg,#4a4640 0 4px,#0000 4px 7px);border:1px solid #514d46}:root[data-theme=dark] .american-intro{color:#eeeae2;background:#403d38}:root[data-theme=dark] .american-label{color:#b9b7ae}:root[data-theme=dark] .american-intro p{color:#eeeae2}:root[data-theme=dark] .american-intro .button{color:#eeeae2;background:#393733}:root[data-theme=dark] .american-resume{color:#eeeae2}:root[data-theme=dark] .american-special{color:#eeeae2;background:#393733!important}:root[data-theme=dark] .american-special.special-J{color:#f0b08a}:root[data-theme=dark] .american-features article>svg,:root[data-theme=dark] .american-features p{color:#b9b7ae}:root[data-theme=dark] .american-connection{color:#f0b08a}:root[data-theme=dark] .american-connection.connected{color:#eeeae2}:root[data-theme=dark] .american-error{color:#f0b08a;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .american-lobby>p{color:#b9b7ae}:root[data-theme=dark] .american-invite input{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .american-seats article{border:1px dashed #514d46}:root[data-theme=dark] .american-seats article.is-ready{background:#393733;border-color:#514d46}:root[data-theme=dark] .american-avatar{background:#4a464055;border:1px solid #514d4655}:root[data-theme=dark] .american-seats article>span:not(.american-avatar),:root[data-theme=dark] .american-seats small{color:#b9b7ae}:root[data-theme=dark] .american-table{color:#eeeae2;background:radial-gradient(#403d38,#403d38);border:5px solid #514d46}:root[data-theme=dark] .american-table:before{border:1px solid #514d4612}:root[data-theme=dark] .american-table-label,:root[data-theme=dark] .american-seat>span:not(.american-avatar),:root[data-theme=dark] .american-seat>small{color:#b9b7ae}:root[data-theme=dark] .american-seat.current>strong{color:#eeeae2}:root[data-theme=dark] .american-center{background:#403d38;border:1px solid #514d4666}:root[data-theme=dark] .american-center>strong{color:#eeeae2}:root[data-theme=dark] .american-center>small{color:#b9b7ae}:root[data-theme=dark] .american-decision{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .american-decision p{color:#b9b7ae}:root[data-theme=dark] .american-controls select{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .american-controls .american-win{color:#eeeae2;background:#393733}:root[data-theme=dark] .american-win-form{border-top:1px solid #514d46}:root[data-theme=dark] .american-win-form input{border:1px solid #514d46}:root[data-theme=dark] .american-declaration{border-top:1px solid #514d46}:root[data-theme=dark] .american-rack{color:#eeeae2;background:#403d38;border:5px solid #514d46}:root[data-theme=dark] .american-rack-tools>.text-button{color:#eeeae2}:root[data-theme=dark] .american-help{color:#b9b7ae}:root[data-theme=dark] .american-help summary{color:#eeeae2}:root[data-theme=dark] .variant-tabs small{color:#eeeae2}:root[data-theme=dark] .american-backs>span{background:linear-gradient(120deg,#393733,#393733);border:1px solid #514d46;border-bottom-width:3px}:root[data-theme=dark] .american-backs-left>span{border-right:3px solid #514d46}:root[data-theme=dark] .american-backs-right>span{border-left:3px solid #514d46}:root[data-theme=dark] .american-declaration .american-revealed-meld{border-right:1px solid #514d46}:root[data-theme=dark] .cobalt-catalog .catalog-tile{color:#eeeae2}:root[data-theme=dark] .artwork-dialog::backdrop{background:#403d38bd}:root[data-theme=dark] .artwork-tile-stage,:root[data-theme=dark] .artwork-tile-stage[data-collection=crane-blossom]{background:#403d38}:root[data-theme=dark] .bot-badge{color:#b9b7ae;background:#393733}:root[data-theme=dark] .bot-section-heading p,:root[data-theme=dark] .watch-empty{color:#b9b7ae}:root[data-theme=dark] .watch-empty h3{color:#eeeae2}:root[data-theme=dark] .bot-card p{color:#b9b7ae}:root[data-theme=dark] .bot-stat-grid>div{background:#393733}:root[data-theme=dark] .bot-stat-grid strong{color:#eeeae2}:root[data-theme=dark] .bot-stat-grid span{color:#b9b7ae}:root[data-theme=dark] .bot-history>a{border-bottom:1px solid #514d46}:root[data-theme=dark] .live-game-card{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .watch-status{color:#b9b7ae}:root[data-theme=dark] .watch-board .table-dora{color:#eeeae2}:root[data-theme=dark] .quick-mode select{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .quick-heading .quick-mode-select{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .featured-badge{color:#eeeae2;background:#393733}:root[data-theme=dark] .featured-game-copy p{color:#b9b7ae}:root[data-theme=dark] .featured-buffer{background:#393733}:root[data-theme=dark] .bot-portrait-fallback{color:#eeeae2;background:#393733}:root[data-theme=dark] .bots-gallery .bots-intro{color:var(--text-muted,#b9b7ae)}:root[data-theme=dark] .bots-gallery .bot-card .player-avatar{border:3px solid #514d46}:root[data-theme=dark] .bot-character-tag{color:var(--text-muted,#b9b7ae)}:root[data-theme=dark] .bot-art-source{color:var(--text-muted,#b9b7ae);border-top:1px solid #514d4630}:root[data-theme=dark] .character-card .bot-portrait{border:2px solid #514d46}:root[data-theme=dark] .app .spectator-surface.playing-surface .watch-board{border:5px solid #514d46}:root[data-theme=dark] .featured-playback{border-bottom:1px solid var(--border,#514d46)}:root[data-theme=dark] .featured-position{color:var(--muted,#b9b7ae)}:root[data-theme=dark] .app .featured-game .spectator-preview .watch-board,:root[data-theme=dark] .app.watch-active .spectator-surface .watch-board{border:5px solid #514d46}:root[data-theme=dark] .calculator-hand{color:#eeeae2;background:#403d38}:root[data-theme=dark] .calculator-target select,:root[data-theme=dark] .calculator-fields select,:root[data-theme=dark] .calculator-fields input,:root[data-theme=dark] .calculator-draft{background:#393733}:root[data-theme=dark] .calculator-winning{border-left:1px solid #514d46}:root[data-theme=dark] .calculator-empty-tile{border:1px dashed #514d46}:root[data-theme=dark] .challenge-invitation{background:#393733}:root[data-theme=dark] .challenge-invitation>svg{color:#b9b7ae}:root[data-theme=dark] .challenge-library-hero{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .challenge-library-hero h1 em{color:#b9b7ae}:root[data-theme=dark] .challenge-progress{border-left:1px solid #514d46}:root[data-theme=dark] .challenge-progress>strong{color:#eeeae2}:root[data-theme=dark] .challenge-progress>strong span{color:#b9b7ae}:root[data-theme=dark] .challenge-filters select{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .challenge-card:hover{border-color:#514d46}:root[data-theme=dark] .challenge-card-meta{color:#b9b7ae}:root[data-theme=dark] .challenge-card-bottom{border-top:1px solid #514d46}:root[data-theme=dark] .challenge-position{color:#eeeae2;background:radial-gradient(at top,#403d38,#403d38);border:5px solid #514d46}:root[data-theme=dark] .challenge-scores{border-top:1px solid #514d4620;border-bottom:1px solid #514d4620}:root[data-theme=dark] .challenge-scores .is-you{color:#eeeae2;background:#39373310}:root[data-theme=dark] .challenge-event{border-top:1px solid #514d4620}:root[data-theme=dark] .challenge-context{color:#eeeae2}:root[data-theme=dark] .challenge-selection-note{color:#b9b7ae}:root[data-theme=dark] .challenge-options button{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .challenge-options button[aria-pressed=true]{background:#393733;border-color:#514d46}:root[data-theme=dark] .challenge-check{border:1px solid #514d46}:root[data-theme=dark] .challenge-options button[aria-pressed=true] .challenge-check{color:#eeeae2;background:#403d38;border-color:#514d46}:root[data-theme=dark] .challenge-hint{background:#393733}:root[data-theme=dark] .challenge-feedback{border-top:1px solid #514d46}:root[data-theme=dark] .challenge-answer{color:#eeeae2}:root[data-theme=dark] .challenge-feedback blockquote{background:#393733;border-left:3px solid #514d46}@media (width<=600px){:root[data-theme=dark] .challenge-progress{border-top:1px solid #514d46}}:root[data-theme=dark] .app .tile[data-set=cobalt-garden]{color:#eeeae2;border-color:#514d46!important}:root[data-theme=dark] .app .playing-surface[data-board=cobalt-garden]{background:#403d38!important;border-color:#514d46!important}:root[data-theme=dark] .app .playing-surface[data-board=cobalt-garden] .player-seat{color:#eeeae2;background:#393733ed;border:1px solid #514d4688}:root[data-theme=dark] .app .hand-cobalt-garden{background:linear-gradient(110deg,#403d38,#403d38)!important;border-color:#514d46!important}:root[data-theme=dark] .app .playing-surface[data-board=cobalt-garden] :is(.center-counters,.compass-round>strong>span){color:#eeeae2}:root[data-theme=dark] .swatch-cobalt-garden{background:#393733 url(/themes/cobalt-garden/mat.webp) 50%/100% 100%;border-color:#514d46}:root[data-theme=dark] .swatch-cobalt-garden .swatch-core{background:#403d38;border-color:#514d46}:root[data-theme=dark] .swatch-cobalt-garden .swatch-river i{background:#393733}:root[data-theme=dark] .cobalt-feature{color:#eeeae2;background:#393733;border-bottom:1px solid #514d46}:root[data-theme=dark] .cobalt-kicker,:root[data-theme=dark] .cobalt-feature h2,:root[data-theme=dark] .cobalt-feature p{color:#eeeae2}:root[data-theme=dark] .cobalt-feature button{color:#eeeae2;background:#403d38;border:1px solid #514d46}:root[data-theme=dark] .cobalt-feature button:hover{background:#403d38}:root[data-theme=dark] .cobalt-feature-art{background:#393733 url(/themes/cobalt-garden/mat.webp) 50%/cover}:root[data-theme=dark] .cobalt-feature-art:after{background:linear-gradient(90deg,#393733,#0000 24%)}:root[data-theme=dark] .cobalt-feature-art>span{color:#eeeae2;background:#393733ed;border:1px solid #514d4666}:root[data-theme=dark] .cobalt-catalog>div{background:#403d38;border:1px solid #514d46}:root[data-theme=dark] .cobalt-catalog h3{color:#b9b7ae}@media (width<=580px){:root[data-theme=dark] .cobalt-feature-art:after{background:linear-gradient(#393733,#0000 28%)}}:root[data-theme=dark] .planet-chat{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .chat-heading h2{color:#eeeae2}:root[data-theme=dark] .chat-toggle{color:#eeeae2;background:#393733}:root[data-theme=dark] .chat-toggle>span,:root[data-theme=dark] .chat-toggle[aria-pressed=true]{background:#4a4640}:root[data-theme=dark] .chat-toggle[aria-pressed=true]>span{background:#403d38}:root[data-theme=dark] .chat-empty,:root[data-theme=dark] .chat-message .chat-author{color:#b9b7ae}:root[data-theme=dark] .chat-message>span a{color:#eeeae2}:root[data-theme=dark] .chat-options{color:#b9b7ae}:root[data-theme=dark] .chat-composer{border-top:1px solid #514d46}:root[data-theme=dark] .chat-compose-row textarea::placeholder{color:#b9b7ae}:root[data-theme=dark] .chat-compose-row button{color:#eeeae2}:root[data-theme=dark] .chat-compose-hint{color:#b9b7ae}:root[data-theme=dark] .chat-signin{border-top:1px solid #514d46}:root[data-theme=dark] .chat-signin a{color:#eeeae2}:root[data-theme=dark] .chat-footer{color:#b9b7ae;background:#393733;border-top:1px solid #514d46}:root[data-theme=dark] .chat-live{color:#b9b7ae}:root[data-theme=dark] .chat-footer details[open] summary{color:#eeeae2}:root[data-theme=dark] .chat-message-actions,:root[data-theme=dark] .chat-moderation{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .chat-message-actions input{border:1px solid #514d46}:root[data-theme=dark] .chat-moderation article{border-bottom:1px solid #514d46}:root[data-theme=dark] .chat-error{color:#f0b08a}:root[data-theme=dark] .connection-report,:root[data-theme=dark] .connection-confirm{background:var(--surface-soft,#393733)}:root[data-theme=dark] .connection-report textarea,:root[data-theme=dark] .connection-report select,:root[data-theme=dark] .room-friend-invite input{background:#393733}:root[data-theme=dark] .invitation-bell>span{background:var(--green,#403d38);color:#eeeae2}:root[data-theme=dark] .profile-invite-variant select{background:var(--surface,#393733)}:root[data-theme=dark] .notification-badge{color:#eeeae2}:root[data-theme=dark] .notification-dialog{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .notification-dialog::backdrop{background:#403d3818}:root[data-theme=dark] .notification-list li.unread,:root[data-theme=dark] .notification-symbol{background:#393733}:root[data-theme=dark] .notification-symbol.announcement{color:#f0b08a;background:#393733}:root[data-theme=dark] .notification-error{color:#f0b08a}:root[data-theme=dark] .notification-invitation-actions .button:not(.button-secondary){color:#eeeae2}:root[data-theme=dark] .app .tile[data-set=crane-blossom]{color:#eeeae2;border-color:#514d46!important}:root[data-theme=dark] .app .playing-surface[data-board=crane-blossom]{background:#403d38!important;border-color:#514d46!important}:root[data-theme=dark] .app .playing-surface[data-board=crane-blossom] .player-seat{color:#eeeae2;background:#393733f2;border:1px solid #514d4688}:root[data-theme=dark] .app .hand-crane-blossom{background:linear-gradient(115deg,#403d38,#403d38)!important;border-color:#514d46!important}:root[data-theme=dark] .app .playing-surface[data-board=crane-blossom] :is(.center-counters,.compass-round>strong>span){color:#eeeae2}:root[data-theme=dark] .swatch-crane-blossom{background:#393733 url(/themes/crane-blossom/mat-wide.webp) 50%/100% 100%;border-color:#514d46}:root[data-theme=dark] .swatch-crane-blossom .swatch-core{background:#403d38;border-color:#514d46}:root[data-theme=dark] .swatch-crane-blossom .swatch-river i{background:#393733}:root[data-theme=dark] .cobalt-feature[data-collection=crane-blossom]{color:#eeeae2;background:#393733;border-color:#514d46}:root[data-theme=dark] .cobalt-feature[data-collection=crane-blossom] h2,:root[data-theme=dark] .cobalt-feature[data-collection=crane-blossom] p{color:#eeeae2}:root[data-theme=dark] .cobalt-feature[data-collection=crane-blossom] .cobalt-kicker{color:#f0b08a}:root[data-theme=dark] .cobalt-feature[data-collection=crane-blossom] button{color:#eeeae2;background:#403d38;border-color:#514d46}:root[data-theme=dark] .cobalt-feature[data-collection=crane-blossom] button:hover{background:#403d38}:root[data-theme=dark] .cobalt-feature[data-collection=crane-blossom] .cobalt-feature-art{background:#393733 url(/themes/crane-blossom/mat.webp) 50%/cover}:root[data-theme=dark] .cobalt-feature[data-collection=crane-blossom] .cobalt-feature-art:after{background:linear-gradient(90deg,#393733,#0000 24%)}:root[data-theme=dark] .cobalt-feature[data-collection=crane-blossom] .cobalt-feature-art>span{color:#eeeae2;background:#393733ed;border-color:#514d4666}:root[data-theme=dark] .crane-catalog>div{background:#403d38;border-color:#514d46}:root[data-theme=dark] .crane-catalog h3{color:#eeeae2}@media (width<=580px){:root[data-theme=dark] .cobalt-feature[data-collection=crane-blossom] .cobalt-feature-art:after{background:linear-gradient(#393733,#0000 28%)}}:root[data-theme=dark] .site-fullscreen>.icon-button{color:#b9b7ae}:root[data-theme=dark] .fullscreen-feedback{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .engine-analysis p{color:#b9b7ae}:root[data-theme=dark] .engine-choice{background:#393733}:root[data-theme=dark] .engine-analysis summary,:root[data-theme=dark] .engine-difference-list>button{color:#eeeae2}:root[data-theme=dark] .engine-difference-list>button[aria-current]{background:#393733}:root[data-theme=dark] .engine-analysis .engine-error{color:#f0b08a}:root[data-theme=dark] .engine-analysis .engine-label{color:#eeeae2}:root[data-theme=dark] .analysis-stats>div{background:#393733}:root[data-theme=dark] .analysis-stats strong,:root[data-theme=dark] .analysis-chart-legend span:first-child{color:#eeeae2}:root[data-theme=dark] .analysis-chart-legend span:last-child{color:#f0b08a}:root[data-theme=dark] .analysis-decision-strip button{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .analysis-decision-strip .decision-different{color:#f0b08a;background:#393733;border-color:#514d46}:root[data-theme=dark] .analysis-decision-strip .decision-forced,:root[data-theme=dark] .analysis-decision-strip .decision-unavailable{color:#b9b7ae;background:#393733}:root[data-theme=dark] .analysis-guide{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .chart-heading>span{color:#b9b7ae}:root[data-theme=dark] .analysis-chart-legend span:before{background:#403d38}:root[data-theme=dark] .analysis-chart-legend span:last-child:before{background:#4a4640}:root[data-theme=dark] .chart-surface{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .chart-scale,:root[data-theme=dark] .chart-endpoints,:root[data-theme=dark] .chart-readout strong span,:root[data-theme=dark] .chart-readout small,:root[data-theme=dark] .chart-explanation,:root[data-theme=dark] .analysis-chart .chart-intro{color:#b9b7ae}:root[data-theme=dark] .chart-surface{background:#393733;border-color:#514d46}:root[data-theme=dark] .chart-readout{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .analysis-guide{background:#393733;border-color:#514d46}:root[data-theme=dark] .chart-heading select,:root[data-theme=dark] .analysis-stats>div:first-child{background:#393733}:root[data-theme=dark] .decision-key>span:first-child{color:#eeeae2}:root[data-theme=dark] .decision-key>span:nth-child(2){color:#f0b08a}:root[data-theme=dark] .decision-key>span:last-child{color:#b9b7ae}:root[data-theme=dark] .analysis-game-overview{background:#393733}:root[data-theme=dark] .analysis-hand-list button{color:#eeeae2;background:#393733}:root[data-theme=dark] .analysis-hand-list button[aria-current]{background:#393733}:root[data-theme=dark] .decision-map-card{background:var(--surface-soft,#393733)}:root[data-theme=dark] .decision-map-card.decision-different{color:#f0b08a;background:#393733;border-color:#514d46}:root[data-theme=dark] .decision-map-card.decision-match{color:#eeeae2;background:#393733;border-color:#514d46}:root[data-theme=dark] .decision-map .chart-readout{background:var(--surface-soft,#393733)}:root[data-theme=dark] .analysis-current-hand .hand-played,:root[data-theme=dark] .analysis-current-hand .hand-suggested{border-color:#514d46}:root[data-theme=dark] .coach-choice-switch button,:root[data-theme=dark] .coach-choice-switch button[aria-pressed=true]{background:#393733}:root[data-theme=dark] .app .tile[data-set=black]:after{background:linear-gradient(var(--tile-light,125deg),#39373315,transparent 30%,#403d3822)}:root[data-theme=dark] .review-extra,:root[data-theme=dark] .review-practice-dialog{background:var(--surface,#393733)}:root[data-theme=dark] .review-practice-dialog::backdrop{background:#403d385c}:root[data-theme=dark] .game-file-label input{border:1px solid var(--line,#514d46);background:var(--paper,#393733)}:root[data-theme=dark] .game-file-label input::file-selector-button{color:#eeeae2;background:#393733}:root[data-theme=dark] .import-preview{border-top:1px solid var(--line,#514d46)}:root[data-theme=dark] .import-options select{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .import-error{color:#f0b08a!important}:root[data-theme=dark] .import-success{border-top:1px solid #514d46}:root[data-theme=dark] .review-library-item{border-bottom:1px solid #514d46}:root[data-theme=dark] .study-import{border-top:1px solid #514d46}:root[data-theme=dark] .game-active .hand-hint{background:#393733}:root[data-theme=dark] .table-info-dialog{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .table-info-dialog::backdrop{background:#403d3870}:root[data-theme=dark] .table-info-dialog .table-rules{border-bottom:1px solid #514d46}:root[data-theme=dark] .dialog-game-details>p,:root[data-theme=dark] .fullscreen-error,:root[data-theme=dark] .discard-preference{color:#b9b7ae}:root[data-theme=dark] .discard-preference:hover{color:#eeeae2}:root[data-theme=dark] .table-info-dialog .table-controls-guide{border-top:1px solid #514d46}:root[data-theme=dark] .app .replay-speed,:root[data-theme=dark] .replay-key-help{color:var(--muted,#b9b7ae)}:root[data-theme=dark] .review-intro{background:#393733}:root[data-theme=dark] .review-intro h2 em,:root[data-theme=dark] .review-intro p,:root[data-theme=dark] .review-intro-art>span{color:#b9b7ae}:root[data-theme=dark] .review-game-icon{color:#b9b7ae;background:#393733}:root[data-theme=dark] .review-game-row small{color:#b9b7ae}:root[data-theme=dark] .review-game-row:hover strong{color:#eeeae2}:root[data-theme=dark] .review-heading p,:root[data-theme=dark] .review-settings label{color:#b9b7ae}:root[data-theme=dark] .review-settings select{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .reveal-hands{color:#b9b7ae}:root[data-theme=dark] .reveal-hands.on{color:#eeeae2}:root[data-theme=dark] .review-table .review-concealed,:root[data-theme=dark] .review-hand small,:root[data-theme=dark] .review-readonly{color:#b9b7ae}:root[data-theme=dark] .replay-controls>p{color:#eeeae2}:root[data-theme=dark] .replay-timeline>span{color:#b9b7ae}:root[data-theme=dark] .replay-buttons button{color:#eeeae2}:root[data-theme=dark] .replay-buttons .replay-play{background:#393733}:root[data-theme=dark] .decision-navigation button,:root[data-theme=dark] .decision-navigation>span,:root[data-theme=dark] .review-decisions>p{color:#b9b7ae}:root[data-theme=dark] .comparison-table th{color:#b9b7ae;background:#393733}:root[data-theme=dark] .comparison-table td{color:#eeeae2;border-bottom:1px solid #514d46}:root[data-theme=dark] .comparison-selected{background:#393733}:root[data-theme=dark] .comparison-detail>span,:root[data-theme=dark] .review-method,:root[data-theme=dark] .review-moves button,:root[data-theme=dark] .review-moves button>span:first-child{color:#b9b7ae}:root[data-theme=dark] .review-moves button[aria-current]{color:#eeeae2;background:#393733}:root[data-theme=dark] .decision-dot{background:#4a4640}:root[data-theme=dark] .review-outcome>p,:root[data-theme=dark] .review-yaku>span,:root[data-theme=dark] .review-score-changes span,:root[data-theme=dark] .review-score-changes small,:root[data-theme=dark] .review-unavailable p{color:#b9b7ae}:root[data-theme=dark] .recent-game .review-record-link{color:#eeeae2}:root[data-theme=dark] .revealed-hands>p,:root[data-theme=dark] .revealed-hands small{color:#b9b7ae}@media (width<=1000px),(height<=540px){:root[data-theme=dark] .review-active .review-settings{background:#393733}}:root[data-theme=dark] .app.review-active .review-settings{background:var(--panel,#393733)}:root[data-theme=dark] .study-notebook>p{color:#b9b7ae}:root[data-theme=dark] .study-notebook textarea{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .study-saved li button:hover,:root[data-theme=dark] .study-saved [aria-current]{background:#393733}:root[data-theme=dark] .study-saved li span{color:#b9b7ae}:root[data-theme=dark] .table-compass .compass-round{background:#403d3855;border:1px solid #514d4626}:root[data-theme=dark] .table-compass .compass-round>strong{color:#eeeae2}:root[data-theme=dark] .table-compass .compass-round>strong>span{color:#b9b7ae}:root[data-theme=dark] .table-compass .center-counters,:root[data-theme=dark] .compass-score{color:#eeeae2}:root[data-theme=dark] .compass-score.score-active{color:#b9b7ae}@container (width>=601px){:root[data-theme=dark] .app .playing-surface .table-compass .center-wind.wind-active{background:#393733}}@container playing-table (width>=601px){:root[data-theme=dark] .app.game-active .playing-surface .call-option,:root[data-theme=dark] .app.game-active .playing-surface .table-action-buttons .button{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .app.game-active .playing-surface .table-action-buttons button:hover:not(:disabled){background:#393733;border-color:#514d46}}:root[data-theme=dark] .app.game-active .playing-surface .table-action-buttons .button-secondary{color:#eeeae2;background:#403d38;border-color:#514d46}:root[data-theme=dark] .app.game-active .playing-surface .table-action-buttons .call-option{background:#393733;border-color:#514d46}:root[data-theme=dark] .app.game-active .playing-surface .table-action-buttons .win-action,:root[data-theme=dark] .app.game-active .playing-surface .table-action-buttons .riichi-button{color:#eeeae2;background:#393733;border-color:#514d46}:root[data-theme=dark] .app.game-active .playing-surface .table-action-area:has(.table-action-buttons:empty)>p{color:#eeeae2}:root[data-theme=dark] .app .playing-surface .table-compass .center-wind.wind-active{background:#393733}:root[data-theme=dark] .app .playing-surface .hand-wind-label{color:#eeeae2}:root[data-theme=dark] .app .playing-surface .hand-wind-character{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .draw-wall .wall-tile{background:var(--back-shade,#393733)}:root[data-theme=dark] .draw-wall .wall-tile>i{background:linear-gradient(130deg,var(--back-color,#403d38),var(--back-face-shade,var(--back-deep,#403d38)))}:root[data-theme=dark] .table-result-dialog{background:var(--paper,#393733);color:var(--ink,#eeeae2);border:1px solid #514d46}:root[data-theme=dark] .table-result-dialog::backdrop{background:#403d3880}:root[data-theme=dark] .app .review-table .review-hand{color:#eeeae2;border-top:1px solid #514d4616}:root[data-theme=dark] .solo-lobby{background:#393733}:root[data-theme=dark] .availability-dot{background:#4a4640}:root[data-theme=dark] .solo-lobby h2 em,:root[data-theme=dark] .solo-lobby-copy>p,:root[data-theme=dark] .solo-features{color:#b9b7ae}:root[data-theme=dark] .solo-setup{background:#393733b3;border:1px solid #514d46}:root[data-theme=dark] .mode-options>button{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .mode-options>button.chosen{background:#393733;border-color:#514d46}:root[data-theme=dark] .mode-radio{border:1px solid #514d46}:root[data-theme=dark] .chosen>.mode-radio{background:#393733;border:4px solid #514d46}:root[data-theme=dark] .mode-options small,:root[data-theme=dark] .mode-time{color:#b9b7ae}:root[data-theme=dark] .resume-table{color:#eeeae2}:root[data-theme=dark] .solo-rules-caption,:root[data-theme=dark] .replace-table p,:root[data-theme=dark] .guided-practice-banner>svg,:root[data-theme=dark] .guided-practice-banner p,:root[data-theme=dark] .table-mode-label{color:#b9b7ae}:root[data-theme=dark] .table-toolbar-divider{background:#393733}:root[data-theme=dark] .table-tool{color:#b9b7ae}:root[data-theme=dark] .table-tool:hover{color:#eeeae2}:root[data-theme=dark] .opponent-tiles>span{background:linear-gradient(90deg,#4a4640,#4a4640);border:1px solid #514d46;border-bottom-width:2px}:root[data-theme=dark] .riichi-discard:after{background:#4a4640}:root[data-theme=dark] .your-wind{color:#eeeae2;background:#393733}:root[data-theme=dark] .hand-seat-name,:root[data-theme=dark] .hint-toggle{color:#b9b7ae}:root[data-theme=dark] .hint-toggle.on{color:#eeeae2}:root[data-theme=dark] .tile-english-label{color:#b9b7ae}:root[data-theme=dark] .table-action-area{border-top:1px solid #514d46}:root[data-theme=dark] .table-action-area>p{color:#b9b7ae}:root[data-theme=dark] .win-action{background:#4a4640}:root[data-theme=dark] .win-action:hover:not(:disabled){background:#403d38}:root[data-theme=dark] .riichi-button{background:#4a4640}:root[data-theme=dark] .call-options{border-top:1px solid #514d46}:root[data-theme=dark] .call-options>p{color:#b9b7ae}:root[data-theme=dark] .call-option{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .call-option:hover{background:#393733}:root[data-theme=dark] .call-option>svg{color:#b9b7ae}:root[data-theme=dark] .hand-hint{color:#b9b7ae;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .hand-hint p{color:#b9b7ae}:root[data-theme=dark] .hand-hint strong{color:#eeeae2}:root[data-theme=dark] .companion-card p,:root[data-theme=dark] .table-facts>span{color:#b9b7ae}:root[data-theme=dark] .table-facts strong{color:#eeeae2}:root[data-theme=dark] .auto-save-note{color:#b9b7ae;border-top:1px solid #514d46}:root[data-theme=dark] .dora-card>div:first-child,:root[data-theme=dark] .table-activity>div,:root[data-theme=dark] .table-activity li{color:#b9b7ae}:root[data-theme=dark] .table-activity li:before{background:#393733}:root[data-theme=dark] .table-activity .latest-event{color:#eeeae2}:root[data-theme=dark] .table-activity .latest-event:before{background:#4a4640}:root[data-theme=dark] .table-kindness,:root[data-theme=dark] .table-kindness p{color:#b9b7ae}:root[data-theme=dark] .table-paused{color:#eeeae2;background:#403d38ed}:root[data-theme=dark] .table-paused p{color:#b9b7ae}:root[data-theme=dark] .table-paused .button{color:#eeeae2;background:#393733}:root[data-theme=dark] .table-loading{background:#393733}:root[data-theme=dark] .table-loading>svg,:root[data-theme=dark] .table-loading p{color:#b9b7ae}:root[data-theme=dark] .table-rules{background:#393733}:root[data-theme=dark] .table-rules p,:root[data-theme=dark] .table-rules a{color:#b9b7ae}:root[data-theme=dark] .result-icon{color:#b9b7ae;background:#393733}:root[data-theme=dark] .result-heading p{color:#b9b7ae}:root[data-theme=dark] .winning-hand{background:#393733}:root[data-theme=dark] .yaku-list>div{color:#b9b7ae}:root[data-theme=dark] .result-scores{border-top:1px solid #514d46}:root[data-theme=dark] .result-scores>div>span,:root[data-theme=dark] .result-scores small,:root[data-theme=dark] .result-scores .positive{color:#b9b7ae}:root[data-theme=dark] .result-scores .negative{color:#f0b08a}:root[data-theme=dark] .ura-row>span:first-child{color:#b9b7ae}:root[data-theme=dark] .finished-table{background:#393733}:root[data-theme=dark] .finish-orbit{color:#b9b7ae;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .finished-table>p{color:#b9b7ae}:root[data-theme=dark] .final-standings>div{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .final-standings .you{background:#393733;border-color:#514d46}:root[data-theme=dark] .final-standings>div>span:first-child{color:#b9b7ae}:root[data-theme=dark] .final-standings>div>span:last-child{color:#eeeae2}:root[data-theme=dark] .recent-game{border-top:1px solid #514d46}:root[data-theme=dark] .recent-game-icon{color:#b9b7ae;background:#393733}:root[data-theme=dark] .recent-game>div>span,:root[data-theme=dark] .recent-game-score small,:root[data-theme=dark] .recent-game>.icon-button,:root[data-theme=dark] .pace-control{color:#b9b7ae}:root[data-theme=dark] .pace-control select{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .game-active:not(.review-active) .playing-surface{background:#403d38;border:5px solid #514d46}:root[data-theme=dark] .playing-surface .hand-seat-name,:root[data-theme=dark] .playing-surface .discard-preference,:root[data-theme=dark] .playing-surface .hint-toggle,:root[data-theme=dark] .playing-surface .tile-english-label{color:#eeeae2}:root[data-theme=dark] .game-active .playing-surface .table-action-area{border-color:#514d4626}:root[data-theme=dark] .game-active .playing-surface .table-action-area>p{color:#eeeae2}:root[data-theme=dark] .playing-surface .your-wind,:root[data-theme=dark] .playing-surface .table-action-buttons .button:not(.button-secondary){color:#eeeae2;background:#393733}:root[data-theme=dark] .playing-surface .table-action-buttons .text-button{color:#eeeae2}:root[data-theme=dark] .playing-surface .playable-tile:focus-visible{outline-color:#a7c49c}:root[data-theme=dark] .concealed-count{color:#eeeae2}:root[data-theme=dark] .counter-stick{background:#393733}:root[data-theme=dark] .counter-stick:after{background:#4a4640}:root[data-theme=dark] .honba-stick:after{background:#403d38}:root[data-theme=dark] .hand-result .winner-avatar{color:#eeeae2;background:#393733;border:3px solid #514d46}:root[data-theme=dark] .center-wind{color:#eeeae2;background:#403d38;border:1px solid #514d46}:root[data-theme=dark] .center-wind.wind-active{color:#eeeae2;background:#393733;border-color:#514d46}:root[data-theme=dark] .game-settings-tabs button{border:1px solid #514d46}:root[data-theme=dark] .game-settings-tabs button[aria-selected=true]{background:#393733;border-color:#514d46}:root[data-theme=dark] .game-settings-content>.small-note{color:#b9b7ae}:root[data-theme=dark] .variant-flower-tile{color:#eeeae2;background:#403d38;border:1px solid #514d46}:root[data-theme=dark] .help-tip-content{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .home-return-hero{background:#393733}:root[data-theme=dark] .home-return-hero h1 em{color:#b9b7ae}:root[data-theme=dark] .home-return-hero p{color:#eeeae2}:root[data-theme=dark] .home-next-icon{color:#b9b7ae;background:#393733}:root[data-theme=dark] .home-next p,:root[data-theme=dark] .home-friendly p{color:#b9b7ae}:root[data-theme=dark] .community-empty{background:#393733}:root[data-theme=dark] .community-empty p{color:#b9b7ae}:root[data-theme=dark] .event-card{background:#393733}:root[data-theme=dark] .event-date,:root[data-theme=dark] .event-description p,:root[data-theme=dark] .event-description small{color:#eeeae2}:root[data-theme=dark] .news-card{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .news-card:hover{border-color:#514d46}:root[data-theme=dark] .news-thumbnail{background:#393733}:root[data-theme=dark] .content-meta{color:#b9b7ae}:root[data-theme=dark] .content-meta>span,:root[data-theme=dark] .news-copy p{color:#eeeae2}:root[data-theme=dark] .home-bottom,:root[data-theme=dark] .daily-toolbar{color:#b9b7ae}:root[data-theme=dark] .article-summary{color:#eeeae2}:root[data-theme=dark] .publisher-item{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .publisher-item.selected{background:#393733;border-color:#514d46}:root[data-theme=dark] .publisher-item small{color:#b9b7ae}:root[data-theme=dark] .publisher-form input,:root[data-theme=dark] .publisher-form select,:root[data-theme=dark] .publisher-form textarea{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .publisher-form small{color:#b9b7ae}:root[data-theme=dark] .publisher-upload{border-top:1px solid #514d46}:root[data-theme=dark] .publisher-preview{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .publisher-preview::backdrop{background:#403d38b3}:root[data-theme=dark] .home-lobby-card{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .home-lobby-card p,:root[data-theme=dark] .home-lobby-card small{color:#eeeae2}:root[data-theme=dark] .home-variants>a{background:#393733}:root[data-theme=dark] .home-variants>a:hover{border-color:#514d46}:root[data-theme=dark] .home-variants small{color:#b9b7ae}:root[data-theme=dark] .home-art-board{background:#403d38}:root[data-theme=dark] .home-art-board-line{border:1px solid #514d4630}:root[data-theme=dark] .home-art-marker span{background:#393733}:root[data-theme=dark] .extended-center{color:#eeeae2;background:#403d38;border:1px solid #514d46}:root[data-theme=dark] .hk-rules{color:var(--ink,#eeeae2)}:root[data-theme=dark] .hk-rules td,:root[data-theme=dark] .hk-rules th{border-bottom:1px solid #514d46}:root[data-theme=dark] .hongkong-page:fullscreen{background:#393733}:root[data-theme=dark] .hk-bonus-panel b,:root[data-theme=dark] .hk-bonus-panel .hk-flower,:root[data-theme=dark] .hk-bonus-panel .hk-flower.season{color:#eeeae2}:root[data-theme=dark] .hk-result li{border-bottom:1px solid #514d46}:root[data-theme=dark] .course-header p{color:#b9b7ae}:root[data-theme=dark] .course-resume{background:#393733}:root[data-theme=dark] .course-stages h2>span{border:1px solid #514d46}:root[data-theme=dark] .course-lesson-row,:root[data-theme=dark] .course-lesson-row:hover{background:#393733}:root[data-theme=dark] .course-lesson-row small,:root[data-theme=dark] .course-number,:root[data-theme=dark] .course-done,:root[data-theme=dark] .course-minutes{color:#b9b7ae}:root[data-theme=dark] .tile-suit-tabs button{background:#393733}:root[data-theme=dark] .tile-suit-tabs button[aria-pressed=true]{color:#eeeae2;background:#403d38}:root[data-theme=dark] .course-sources,:root[data-theme=dark] .course-breadcrumb{color:#b9b7ae}:root[data-theme=dark] .course-explanation figure{background:#393733}:root[data-theme=dark] .course-explanation figcaption{color:#eeeae2}:root[data-theme=dark] .course-choices>button{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .course-choices b{color:#b9b7ae}:root[data-theme=dark] .course-choices>button.selected{border-color:#514d46}:root[data-theme=dark] .course-choices>button.correct,:root[data-theme=dark] .course-choices>button.incorrect{background:#393733;border-color:#514d46}:root[data-theme=dark] .course-feedback{background:#393733;border-left:3px solid #514d46}:root[data-theme=dark] .course-feedback.incorrect{background:#393733;border-color:#514d46}:root[data-theme=dark] .course-check-actions small{color:#b9b7ae}:root[data-theme=dark] .guided-felt{color:#eeeae2;background:#403d38;border:5px solid #514d46}:root[data-theme=dark] .guided-footer{color:#b9b7ae}:root[data-theme=dark] .course-tile-example>small{color:#eeeae2}:root[data-theme=dark] .course-explanation>p.course-takeaway{background:#393733;border-left:3px solid #514d46}:root[data-theme=dark] .premium-launch-grid{background:var(--surface,#393733)}:root[data-theme=dark] .premium-launch-story{color:#eeeae2;background:linear-gradient(140deg,#403d38,#403d38)}:root[data-theme=dark] .launch-eyebrow{color:#b9b7ae}:root[data-theme=dark] .premium-launch-story h1,:root[data-theme=dark] .premium-launch-story .launch-intro{color:#eeeae2}:root[data-theme=dark] .launch-orbit{border:1px solid #514d4630}:root[data-theme=dark] .launch-benefits svg{color:#b9b7ae}:root[data-theme=dark] .launch-coming{color:var(--text,#eeeae2);background:#4a464012;border:1px solid #514d4666}:root[data-theme=dark] .premium-launch-card h2,:root[data-theme=dark] .launch-discount{color:var(--text,#eeeae2)}:root[data-theme=dark] .premium-launch-card p{color:var(--muted,#b9b7ae)}:root[data-theme=dark] .launch-email{border:1px solid var(--line,#514d46);background:var(--surface,#393733)}:root[data-theme=dark] .premium-launch-card .launch-error{color:#f0b08a}:root[data-theme=dark] .launch-success-icon{background:#4a464022}:root[data-theme=dark] .premium-offer .premium-billing button[aria-pressed=true]{background:var(--surface,#393733)}:root[data-theme=dark] .premium-offer .premium-comparison thead .plan-emblem{color:#b9b7ae}:root[data-theme=dark] .premium-offer .premium-comparison thead .plan-kicker{color:#eeeae2}:root[data-theme=dark] .premium-offer .premium-comparison tbody th,:root[data-theme=dark] .premium-offer .premium-comparison tbody td{border-bottom:1px solid var(--surface,#514d46)}:root[data-theme=dark] .premium-collection-art{background-color:#403d38}:root[data-theme=dark] .premium-hero{border:1px solid var(--border,#514d46);background:radial-gradient(at 50% 0,#4a464030,#0000 68%)}:root[data-theme=dark] .premium-orbit{color:#f0b08a;background:linear-gradient(135deg,#4a464024,#4a464010);border:1px solid #514d4666}:root[data-theme=dark] .premium-hero h1 em{color:#f0b08a}:root[data-theme=dark] .premium-preview{color:var(--muted,#b9b7ae)}:root[data-theme=dark] .premium-benefits article>svg{color:#b9b7ae}:root[data-theme=dark] .premium-comparison th,:root[data-theme=dark] .premium-comparison td{border-bottom:1px solid var(--border,#514d46)}:root[data-theme=dark] .premium-comparison td:last-child,:root[data-theme=dark] .premium-comparison th:last-child{background:#4a464020}:root[data-theme=dark] .premium-future>svg{color:#b9b7ae}:root[data-theme=dark] .premium-faq details{border-bottom:1px solid var(--border,#514d46)}:root[data-theme=dark] .membership-notice{background:var(--surface,#393733);color:var(--text,#eeeae2);border:1px solid #514d46}:root[data-theme=dark] .premium-nav svg{color:#b9b7ae}:root[data-theme=dark] .insight-game-buttons button{border:1px solid #514d4655}:root[data-theme=dark] .insight-game-buttons button[aria-pressed=true]{background:#4a464033}:root[data-theme=dark] .insight-selected{background:#4a464012}:root[data-theme=dark] .character-card{border:1px solid #514d4655}:root[data-theme=dark] .character-card.selected{background:#4a464012;border-color:#514d46}:root[data-theme=dark] .premium-badge{color:#f0b08a}:root[data-theme=dark] .premium-billing{border:1px solid #514d4666}:root[data-theme=dark] .premium-billing button[aria-pressed=true]{background:var(--surface,#393733)}:root[data-theme=dark] .premium-billing small{color:#f0b08a}:root[data-theme=dark] .insight-distribution i{background:linear-gradient(#4a4640,#403d38)}:root[data-theme=dark] .insight-filters select{background:var(--surface,#393733)}:root[data-theme=dark] .character-seats>button,:root[data-theme=dark] .character-empty-seat{background:#393733;border:1px solid #514d4655}:root[data-theme=dark] .character-empty-seat{color:#b9b7ae}:root[data-theme=dark] .character-card,:root[data-theme=dark] .character-card.locked{background:#393733}:root[data-theme=dark] .character-card:not(:disabled):hover{border-color:#514d46}:root[data-theme=dark] .character-premium{color:#f0b08a}:root[data-theme=dark] .character-difficulty{color:#eeeae2}:root[data-theme=dark] .difficulty-bars i{background:#393733}:root[data-theme=dark] .character-picker .difficulty-note{color:#b9b7ae}:root[data-theme=dark] .nav-backdrop{background:#403d3866}:root[data-theme=dark] .setting-row select{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .nav-group-toggle.group-active{background:#393733}:root[data-theme=dark] .nav-submenu{border-left:1px solid #514d46}:root[data-theme=dark] .nav-child{color:#b9b7ae}:root[data-theme=dark] .nav-child:hover,:root[data-theme=dark] .nav-child.active{background:#393733}:root[data-theme=dark] .sidebar-profile small{color:#b9b7ae}:root[data-theme=dark] .nav-play-heading.group-active{background:#393733}:root[data-theme=dark] .nav-play-expand{color:#b9b7ae}:root[data-theme=dark] .nav-play-expand:hover{background:#393733}:root[data-theme=dark] .practice-hand{background:var(--surface-soft,#393733)}:root[data-theme=dark] .practice-options button{background:#393733}:root[data-theme=dark] .practice-options button[aria-pressed=true]{background:#393733;border-color:#514d46}:root[data-theme=dark] .practice-options button>svg{background:#393733}:root[data-theme=dark] .practice-feedback{border-top:1px solid #514d46}:root[data-theme=dark] .practice-feedback th,:root[data-theme=dark] .practice-feedback td{border-bottom:1px solid #514d46}:root[data-theme=dark] .practice-topics>div{border:1px solid #514d46}:root[data-theme=dark] .practice-saved>div{border-bottom:1px solid #514d46}:root[data-theme=dark] .progress-sync{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .progress-sync p{color:#eeeae2}:root[data-theme=dark] .progress-sync .sync-message{color:#f0b08a}:root[data-theme=dark] .progress-sync.sync-problem{background:#393733;border-color:#514d46}:root[data-theme=dark] .sync-import{border-top:1px solid #514d46}:root[data-theme=dark] .sync-import small{color:#eeeae2}:root[data-theme=dark] .rating-table th{color:#b9b7ae}:root[data-theme=dark] .rating-table th,:root[data-theme=dark] .rating-table td{border-bottom:1px solid #514d46}:root[data-theme=dark] .rating-table small,:root[data-theme=dark] .ratings-empty{color:#b9b7ae}:root[data-theme=dark] .ratings-empty h2,:root[data-theme=dark] .rating-rules p,:root[data-theme=dark] .rating-rules summary{color:#eeeae2}:root[data-theme=dark] .rating-result{background:#393733}:root[data-theme=dark] .clock-setup-field select{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .setup-clock-help{color:#eeeae2}:root[data-theme=dark] .profile-rating-heading select{background:var(--paper,#393733)}:root[data-theme=dark] .profile-rating-stats>div{background:#393733}:root[data-theme=dark] .profile-rating-stats strong{color:#eeeae2}:root[data-theme=dark] .rating-chart-wrap{background:#393733}:root[data-theme=dark] .rating-chart-scale,:root[data-theme=dark] .rating-chart-ends{color:#b9b7ae}:root[data-theme=dark] .profile-pool-card{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .profile-pool-card>svg{color:#b9b7ae}:root[data-theme=dark] .profile-pool-card[aria-pressed=true]{background:#393733;border-color:#514d46}:root[data-theme=dark] .pool-card-name small{color:#b9b7ae}:root[data-theme=dark] .pool-card-body>small{color:#eeeae2}:root[data-theme=dark] .profile-history-ranges{background:#393733}:root[data-theme=dark] .profile-history-ranges button{color:#b9b7ae}:root[data-theme=dark] .profile-history-ranges button[aria-pressed=true]{color:#eeeae2;background:#403d38}:root[data-theme=dark] .profile-rating-stats span{color:#b9b7ae}:root[data-theme=dark] .profile-rating-stats .rating-down{color:#f0b08a}:root[data-theme=dark] .profile-rating-stats .rating-up{color:#eeeae2}:root[data-theme=dark] .player-rating-panel .rating-chart-wrap{background:#393733;border-top:1px solid #514d46}:root[data-theme=dark] .profile-rating-empty,:root[data-theme=dark] .profile-rating-empty svg{color:#b9b7ae}:root[data-theme=dark] .profile-rating-empty h4{color:#eeeae2}:root[data-theme=dark] .rating-progress .small-note{color:#b9b7ae}:root[data-theme=dark] .profile-placements{border-top:1px solid #514d46}:root[data-theme=dark] .placement-heading p{color:#b9b7ae}:root[data-theme=dark] .placement-average strong{color:#eeeae2}:root[data-theme=dark] .placement-average span,:root[data-theme=dark] .placement-row>span,:root[data-theme=dark] .placement-row small{color:#b9b7ae}:root[data-theme=dark] .placement-track{background:#393733}:root[data-theme=dark] .placement-track>span,:root[data-theme=dark] .placement-row:nth-child(2) .placement-track>span,:root[data-theme=dark] .placement-row:nth-child(3) .placement-track>span,:root[data-theme=dark] .placement-row:nth-child(4) .placement-track>span{background:#4a4640}:root[data-theme=dark] .site-activity{color:#eeeae2}:root[data-theme=dark] .profile-honours{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .profile-award{border:1px solid #514d46}:root[data-theme=dark] .trophy-1{color:#f0b08a;background:#393733}:root[data-theme=dark] .trophy-2{color:#eeeae2;background:#393733}:root[data-theme=dark] .trophy-3{color:#f0b08a;background:#393733}:root[data-theme=dark] .tile[data-set=black]{color:#eeeae2;border-color:#514d46;background:#403d38!important}:root[data-theme=dark] .study-candidates button{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .study-candidates button[aria-pressed=true],:root[data-theme=dark] .study-selected{background:#393733}:root[data-theme=dark] .connection-tooltip{color:#eeeae2;background:#403d38}:root[data-theme=dark] .reconnecting-notice,:root[data-theme=dark] .return-game-notice{color:#f0b08a;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .lobby-refresh:hover{background:#393733}:root[data-theme=dark] .lobby-table th{color:#b9b7ae;background:#393733}:root[data-theme=dark] .lobby-table td{color:#eeeae2;border-bottom:1px solid #514d46}:root[data-theme=dark] .lobby-table tr:hover td{background:#393733}:root[data-theme=dark] .lobby-table small{color:#b9b7ae}:root[data-theme=dark] .lobby-host a{color:#eeeae2}:root[data-theme=dark] .lobby-join{color:#eeeae2;background:#393733}:root[data-theme=dark] .lobby-join:hover{background:#393733}:root[data-theme=dark] .lobby-variant-filters{border-bottom:1px solid #514d46}:root[data-theme=dark] .lobby-variant-filters button{color:#eeeae2}:root[data-theme=dark] .lobby-variant-filters button[aria-pressed=true]{color:#eeeae2;background:#393733;border-color:#514d46}:root[data-theme=dark] .lobby-variant-filters button:hover{background:#393733}:root[data-theme=dark] .quick-variant,:root[data-theme=dark] .setup-variant{color:#eeeae2}:root[data-theme=dark] .quick-variant select,:root[data-theme=dark] .setup-variant select,:root[data-theme=dark] .lobby-variant-mobile select{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .app .public-lobby .lobby-variant-filters button{background:color-mix(in srgb,var(--variant-accent) 6%,#393733)}:root[data-theme=dark] .app .public-lobby .lobby-variant-filters button[aria-pressed=true]{background:color-mix(in srgb,var(--variant-accent) 14%,#393733)}:root[data-theme=dark] .app .public-lobby .lobby-variant-filters button:hover:not(:disabled){background:color-mix(in srgb,var(--variant-accent) 12%,#393733)}:root[data-theme=dark] .play-hub-heading h1{color:#eeeae2}:root[data-theme=dark] .play-hub-heading p,:root[data-theme=dark] .play-hub-label,:root[data-theme=dark] .lobby-table-count{color:#b9b7ae}:root[data-theme=dark] .lobby-footer{border-top:1px solid #514d46}:root[data-theme=dark] .play-hub .lobby-update-note{color:#b9b7ae}:root[data-theme=dark] .lobby-leaderboard-link{color:#eeeae2}:root[data-theme=dark] .play-action{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .play-action small{color:#b9b7ae}:root[data-theme=dark] .play-action.primary{color:#eeeae2;background:#403d38;border-color:#514d46}:root[data-theme=dark] .play-action.primary small{color:#eeeae2}:root[data-theme=dark] .play-action:hover{background:#393733;border-color:#514d46}:root[data-theme=dark] .play-action.primary:hover{background:#403d38}:root[data-theme=dark] .play-newcomer{color:#b9b7ae;border-top:1px solid #514d46}:root[data-theme=dark] .play-newcomer h2,:root[data-theme=dark] .play-newcomer a,:root[data-theme=dark] .play-newcomer button{color:#eeeae2}:root[data-theme=dark] .play-history{border-top:1px solid #514d46}:root[data-theme=dark] .play-history>button span{background:#393733}:root[data-theme=dark] .play-setup-dialog{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .play-setup-dialog::backdrop{background:#403d3866}:root[data-theme=dark] .room-setup-form label{color:#eeeae2}:root[data-theme=dark] .room-setup-form input,:root[data-theme=dark] .room-setup-form select{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .room-setup-form input[readonly]{background:#393733}:root[data-theme=dark] .room-setup-form p{color:#b9b7ae}:root[data-theme=dark] .setup-rule-summary{color:#eeeae2;background:#393733}:root[data-theme=dark] .play-setup-description{color:#b9b7ae}:root[data-theme=dark] .variant-tabs a{color:#eeeae2;border:1px solid #514d46}:root[data-theme=dark] .variant-tabs a[aria-current]{color:#eeeae2;background:#393733}:root[data-theme=dark] .play-hub .play-invitation,:root[data-theme=dark] .play-hub .play-invitation:hover{background:#393733}:root[data-theme=dark] .computer-setup-dialog .setup-variant select{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .practice-opponent{background:#393733;border:1px solid #514d4655}:root[data-theme=dark] .computer-setup-dialog .practice-start{background:#393733;border-top:1px solid #514d46}:root[data-theme=dark] .practice-fixed-length{color:#eeeae2}:root[data-theme=dark] .quick-play{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .quick-heading>span{color:#eeeae2;border:1px solid #514d46}:root[data-theme=dark] .quick-clock,:root[data-theme=dark] .quick-note{color:#eeeae2}:root[data-theme=dark] .quick-error{color:#f0b08a}:root[data-theme=dark] .quick-play.offered{border-color:#514d46}:root[data-theme=dark] .quick-roster{border:1px solid #514d46}:root[data-theme=dark] .quick-roster>div{background:#393733}:root[data-theme=dark] .quick-roster>div+div{border-top:1px solid #514d46}:root[data-theme=dark] .quick-roster a,:root[data-theme=dark] .quick-roster span{color:#eeeae2}:root[data-theme=dark] .quick-play>label.quick-note select{border:1px solid #514d4666}:root[data-theme=dark] .private-rooms{background:linear-gradient(120deg,#393733,#393733 65%)}:root[data-theme=dark] .private-room-intro p{color:#b9b7ae}:root[data-theme=dark] .room-entry-grid form+form{border-left:1px solid #514d46}:root[data-theme=dark] .room-entry-grid p{color:#b9b7ae}:root[data-theme=dark] .room-entry-grid label,:root[data-theme=dark] .room-welcome label{color:#eeeae2}:root[data-theme=dark] .room-entry-grid input,:root[data-theme=dark] .room-entry-grid select,:root[data-theme=dark] .room-welcome input{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .room-footnote{color:#b9b7ae}:root[data-theme=dark] .private-rooms>.room-footnote{border-top:1px solid #514d46}:root[data-theme=dark] .room-roster-heading,:root[data-theme=dark] .room-roster-heading>span+span{color:#b9b7ae}:root[data-theme=dark] .room-seat-control{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .room-seat-control:hover{background:#393733}:root[data-theme=dark] .computer-seat .room-seat-wind{color:#b9b7ae;background:#393733}:root[data-theme=dark] .room-settings label{color:#eeeae2}:root[data-theme=dark] .room-settings select{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .room-settings p{color:#b9b7ae}:root[data-theme=dark] .room-rematch{border-top:1px solid #514d46}:root[data-theme=dark] .room-rematch p,:root[data-theme=dark] .room-rematch>span{color:#b9b7ae}:root[data-theme=dark] .room-error{color:#f0b08a}:root[data-theme=dark] .room-error-bar{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .room-connection,:root[data-theme=dark] .room-lobby-heading p{color:#b9b7ae}:root[data-theme=dark] .room-invite{color:#b9b7ae;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .room-invite input{color:#eeeae2}:root[data-theme=dark] .room-seat{background:#393733;border:1px dashed #514d46}:root[data-theme=dark] .room-seat.occupied{background:#393733}:root[data-theme=dark] .room-seat.ready{background:#393733;border-color:#514d46}:root[data-theme=dark] .room-seat-wind{color:#eeeae2;background:#393733}:root[data-theme=dark] .room-seat>span:not(.eyebrow):not(.room-seat-wind){color:#b9b7ae}:root[data-theme=dark] .room-lobby-bottom{border-top:1px solid #514d46}:root[data-theme=dark] .room-lobby-bottom p,:root[data-theme=dark] .room-ready-actions>span,:root[data-theme=dark] .room-leave{color:#b9b7ae}:root[data-theme=dark] .room-welcome-icon{color:#b9b7ae;background:#393733}:root[data-theme=dark] .room-welcome p,:root[data-theme=dark] .room-finished>p{color:#b9b7ae}@media (width<=580px){:root[data-theme=dark] .room-entry-grid form+form{border-top:1px solid #514d46}}:root[data-theme=dark] .room-identity-note,:root[data-theme=dark] .room-identity-note a,:root[data-theme=dark] .room-player-link{color:#eeeae2}:root[data-theme=dark] .room-entry-grid input[readonly],:root[data-theme=dark] .room-welcome input[readonly]{background:#393733}:root[data-theme=dark] .room-start-bar{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .room-start-bar p{color:#eeeae2}:root[data-theme=dark] .public-lobby-heading p,:root[data-theme=dark] .public-table p{color:#b9b7ae}:root[data-theme=dark] .lobby-rules span{color:#eeeae2;background:#393733}:root[data-theme=dark] .lobby-filters{border-top:1px solid #514d46;border-bottom:1px solid #514d46}:root[data-theme=dark] .lobby-filters label{color:#b9b7ae}:root[data-theme=dark] .lobby-filters select{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .lobby-empty{color:#b9b7ae}:root[data-theme=dark] .lobby-empty h3{color:#eeeae2}:root[data-theme=dark] .public-table{border-bottom:1px solid #514d46}:root[data-theme=dark] .table-open-seats{color:#eeeae2}:root[data-theme=dark] .lobby-update-note{color:#b9b7ae}:root[data-theme=dark] .room-clock{color:#eeeae2;background:#393733;border:1px solid #514d46}:root[data-theme=dark] .room-clock.clock-low{color:#f0b08a;background:#393733;border-color:#514d46}:root[data-theme=dark] .room-clock-rules{background:#393733}:root[data-theme=dark] .table-clock-label{color:#eeeae2}:root[data-theme=dark] .room-details{color:#eeeae2;border-top:1px solid #514d46}:root[data-theme=dark] .participation-dialog{background:var(--surface,#393733)}:root[data-theme=dark] .bot-lobby-countdown{background:#393733}:root[data-theme=dark] .app .room-lobby.panel .room-ready-actions .button:not(.button-secondary){color:#eeeae2}:root[data-theme=dark] .rules-variant-nav a[aria-current],:root[data-theme=dark] .rule-table-scroll caption,:root[data-theme=dark] .rule-table-scroll thead{background:#393733}:root[data-theme=dark] .guide-hand{background:var(--surface-alt,#393733)}@media print{:root[data-theme=dark] body:has(.yaku-guide){background:#393733!important}:root[data-theme=dark] .yaku-print-reference,:root[data-theme=dark] .yaku-print-reference *{background:#393733!important}:root[data-theme=dark] .yaku-print-reference th,:root[data-theme=dark] .yaku-print-reference td{border-color:#514d46}}:root[data-theme=dark] .sc-fan-hand{background:#403d38;border:5px solid #514d46}:root[data-theme=dark] .sc-facts span{background:#393733}:root[data-theme=dark] .sc-own-status{color:#eeeae2}:root[data-theme=dark] .sc-result>svg{color:#f0b08a}:root[data-theme=dark] .app .sc-game .sc-suits strong,:root[data-theme=dark] .app .sc-game .sc-suits small{color:#eeeae2}:root[data-theme=dark] .daily-cup-card{background:#393733;border:1px solid #514d46}:root[data-theme=dark] .daily-cup-card>svg,:root[data-theme=dark] .daily-cup-card p{color:#b9b7ae}:root[data-theme=dark] .cup-entry{background:#393733}:root[data-theme=dark] .cup-entry p,:root[data-theme=dark] .cup-rules ul{color:#eeeae2}:root[data-theme=dark] .cup-tables article{border-top:1px solid #514d46}:root[data-theme=dark] .cup-tables article span{color:#b9b7ae}:root[data-theme=dark] .cup-entrants li{border-bottom:1px solid #514d46}:root[data-theme=dark] .cup-entrants li span{color:#b9b7ae}:root[data-theme=dark] .cup-standings td,:root[data-theme=dark] .cup-standings th{border-bottom:1px solid #514d46}:root[data-theme=dark] .cup-standings th{color:#b9b7ae}:root[data-theme=dark] .quiet-progress-track{background:color-mix(in srgb,var(--green) 15%,var(--panel,#393733))}.site-activity{color:#5f7a5b;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:32px 0 12px;font-size:13px;display:flex}.site-activity>span,.site-activity>a{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.site-activity small{font-size:11px}.site-activity details{max-width:650px;font-size:12px}.site-activity summary{cursor:pointer}.site-activity details[open]{flex-basis:100%}.site-activity details p{padding:10px 0;line-height:1.7}.public-page-links{flex-wrap:wrap;gap:12px 22px;margin:20px 0;font-size:12px;display:flex}.seo-arrival{max-width:850px;line-height:1.8}.seo-arrival p{margin:20px 0}.profile-honours{background:#eef2eb;border:1px solid #dbe3d4;border-radius:10px;margin:20px 0;padding:22px 26px}.profile-honours p{margin:8px 0 0;font-size:13px;line-height:1.7}.profile-trophies{flex-wrap:wrap;gap:12px;display:flex}.profile-award{border:1px solid #b1c3af;border-radius:8px;align-items:center;gap:10px;padding:9px 13px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.profile-award small{font-size:11px;font-weight:400;display:block}.profile-developer+.profile-trophies{margin-top:16px}.trophy-1{color:#84651d;background:#fff6d8}.trophy-2{color:#6a6e60;background:#eff3f9}.trophy-3{color:#8a583b;background:#f8eadf}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ededed;--ink:#ededed;--green:#ddd;--muted:#bfc1b9;--line:#464840;background:#191a16}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .topbar{color:#ddd;background:#21221e}:root[data-theme=dark] .panel,:root[data-theme=dark] dialog{color:#ededed;background:#262723;border-color:#4a4d43}:root[data-theme=dark] :is(.hero,.home-return-hero){background:#2a2c26}:root[data-theme=dark] .brand{color:#ededed}:root[data-theme=dark] .hero h1,:root[data-theme=dark] .home-return-hero h1{color:#eee}:root[data-theme=dark] .tile-index{color:#34483d;background:#faf8ed}.tile[data-set=black]{color:#eee;border-color:#606060;box-shadow:0 3px #101010;background:#242424!important}.tile[data-set=black] .tile-index{color:#eee;background:#242424}.app .riichi-felt.tabletop .seat-melds .tile[data-set=black]{background:#242424;border-color:#606060}:root[data-theme=dark] .chart-played{stroke:#d8bc74}:root[data-theme=dark] .chart-grid{stroke:#484848}:root[data-theme=dark] .chart-area{fill:#d8bc7412}.app.game-active .site-activity,.app.game-active .public-page-links{display:none}:root[data-theme=dark] .app :is(.riichi-felt,.playing-surface,.tabletop){background:#31332d;border-color:#52554b}:root[data-theme=dark] .app .playing-surface .tabletop .table-center.table-compass{background:#252622;border-color:#696d5f;box-shadow:inset 0 0 0 4px #ffffff0a,0 3px #161614}:root[data-theme=dark] .app :is(.felt-dora,.table-compass .compass-round){background:#2a2c26;border-color:#575b4f}:root[data-theme=dark] .app .playing-surface .your-hand{background:#31332d;border-color:#52554b}@media (width<=600px){.site-activity{gap:10px;font-size:12px}.profile-honours{padding:18px}.public-page-links{gap:10px 16px}}.decision-study{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.decision-study h3{font-family:var(--serif);margin:12px 0;font-size:24px}.study-candidates{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;display:grid}.study-candidates button{text-align:left;color:#325744;background:#f1f4ef;border:1px solid #d4decb;border-radius:7px;align-items:center;gap:10px;padding:9px;display:flex}.study-candidates button[aria-pressed=true]{background:#e4eadf;outline:2px solid #7e9c79}.study-candidates .tile,.study-acceptance .tile{min-width:30px;width:30px!important;height:43px!important}.study-candidates span{font-size:12px}.study-candidates small{font-size:10px;display:block}.study-selected{background:#eef1e6;border-radius:8px;margin-top:14px;padding:16px}.study-selected h4{margin:0}.study-acceptance{flex-wrap:wrap;gap:9px;display:flex}.study-acceptance>span{text-align:center;gap:6px;display:grid}.study-acceptance .exhausted{opacity:.45}.chart-dot{fill:#ecd28d;stroke:#30503b;stroke-width:2px;pointer-events:none}.analysis-report-graph .chart-surface{min-height:160px}.profile-developer+div{margin-top:16px}.app .tile[data-set=nocturne]{color:#25343b;background:linear-gradient(112deg,#fffcef 0%,#f7efda 68%,#efe2c5 100%)!important;border-color:#dac69b!important;box-shadow:0 2px #a98a51,0 4px #3d3a33,0 5px 6px #0003!important}.app .tile[data-set=nocturne]>.tile-face{padding:4% 6% 5%}.app .tile[data-set=nocturne] .tile-index{color:#25343b;background:#faf3df}.app .tile-with-guide[data-set=nocturne]>.tile-face,.app.tile-guides .tile[data-set=nocturne]>.tile-face{padding-top:16%}.app .playing-surface[data-board=nocturne]{box-shadow:0 0 0 1px #2f2d28,0 3px #181818,0 15px 35px #0002;background:#262626!important;border-color:#9c8257!important}.app .playing-surface[data-board=nocturne] .riichi-felt.tabletop{box-shadow:inset 0 0 70px #0004;background:radial-gradient(at 48% 42%,#383838aa,#0000 70%),url(/themes/nocturne/inlay.svg) 50%/100% 100% no-repeat,repeating-linear-gradient(0deg,#ffffff02 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#ffffff02 0 1px,#0000 1px 4px),#282828!important;border-color:#947a4e!important}.app .playing-surface[data-board=nocturne] .tabletop .table-center.table-compass{color:#f4e4ba;background:linear-gradient(135deg,#282828,#202020)!important;border-color:#a38a5b!important;box-shadow:inset 0 0 0 4px #3b3933,0 4px 9px #0004!important}.app .playing-surface[data-board=nocturne] :is(.felt-dora,.table-compass .compass-round){color:#efdfb9;background:#242424!important;border-color:#736448!important}.app .playing-surface[data-board=nocturne] .your-hand{background:linear-gradient(#303030,#262626)!important;border-color:#806d48!important}.app .playing-surface[data-board=nocturne] :is(.player-seat,.seat-points,.concealed-count){color:#f2e7cb}.app .playing-surface[data-board=nocturne] .seat-avatar{background:#42403a;border-color:#ac9465}.app .playing-surface[data-board=nocturne] .seat-active .seat-avatar{outline-color:#d1b273}.nocturne-page{max-width:1500px;margin:auto}.nocturne-page>.back-link{margin-bottom:24px}.nocturne-hero{color:#f5ecd8;isolation:isolate;background:#232323;border:1px solid #85724b;border-radius:16px;grid-template-columns:1.1fr 1fr;align-items:center;min-height:430px;display:grid;overflow:hidden}.nocturne-story{z-index:2;padding:clamp(26px,4vw,64px);position:relative}.nocturne-kicker{letter-spacing:3px;color:#ceb783;font-size:10px;font-weight:600}.nocturne-story h1{font-family:var(--serif);color:#fcf3df;margin:26px 0;font-size:clamp(54px,5.4vw,86px);font-weight:400;line-height:1.06}.nocturne-story h1 span{color:#d3bd8e;margin-top:13px;font-size:clamp(23px,2.3vw,36px);font-style:italic;display:block}.nocturne-story p{color:#c9c4ba;font-size:15px;line-height:1.9}.nocturne-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px;display:flex}.nocturne-actions .button{color:#292721!important;background:#e8d5a7!important;border-color:#e8d5a7!important}.nocturne-actions>span{color:#c6b68f;align-items:center;gap:7px;font-size:11px;display:flex}.nocturne-still-life{perspective:1000px;background:radial-gradient(at 45% 60%,#55504670,#0000 65%);height:430px;position:relative}.nocturne-orbit{border:1px solid #a88c4c40;border-radius:50%;position:absolute;inset:15% 7%;transform:rotate(-25deg)}.nocturne-orbit:after{content:"";border:1px solid #a88c4c30;border-radius:50%;position:absolute;inset:20px -35px;transform:rotate(50deg)}.nocturne-sample{filter:drop-shadow(8px 20px 15px #0006);position:absolute}.nocturne-sample .tile{border-radius:9px;width:122px;height:174px;box-shadow:0 4px #b79551,0 13px #171717,0 16px #5c5140!important}.nocturne-sample.sample-one{top:92px;left:7%;transform:rotate(-17deg)rotateX(15deg)}.nocturne-sample.sample-two{z-index:2;top:146px;left:34%;transform:rotate(9deg)rotateX(15deg)}.nocturne-sample.sample-three{top:72px;left:58%;transform:rotate(24deg)rotateX(15deg)}.nocturne-edition{text-align:center;letter-spacing:3px;color:#c1ab79;font-size:9px;position:absolute;bottom:36px;left:0;right:0}.nocturne-materials{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:18px 35px;padding:28px 0 42px;font-size:12px;display:flex}.nocturne-materials>span{align-items:center;gap:9px;display:flex}.nocturne-materials i{border:1px solid #958367;border-radius:50%;width:15px;height:15px}.material-ivory{background:#f7efda}.material-charcoal{background:#282828}.material-gold{background:linear-gradient(120deg,#d9c99d,#9e7d45)}.material-jade{background:linear-gradient(90deg,#22564b 50%,#a43239 50%)}.nocturne-section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.nocturne-section-heading h2{font-family:var(--serif);margin:10px 0;font-size:36px;font-weight:400}.nocturne-section-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.nocturne-table-stage{background:#252525;border:1px solid #a68b53;border-radius:14px;padding:8px;overflow:hidden}.nocturne-table-stage .spectator-surface{border-radius:8px 8px 0 0;margin:0}.app .nocturne-table-stage .full-watch-board{height:clamp(440px,46vw,680px);min-height:0}.nocturne-rack{background:linear-gradient(#303030,#262626);border-top:1px solid #a68b5344;justify-content:center;align-items:flex-end;gap:clamp(2px,.5vw,7px);padding:24px 14px 20px;display:flex}.nocturne-rack .tile{aspect-ratio:43/60;border-radius:4px;width:clamp(17px,4.1vw,59px);min-width:0;height:auto}.nocturne-rack .tile:last-child{margin-left:10px}.nocturne-table-stage:fullscreen{border-radius:0;flex-direction:column;padding:12px;display:flex;overflow:auto}.nocturne-table-stage:fullscreen .spectator-surface{flex:1;min-height:0}.app .nocturne-table-stage:fullscreen .full-watch-board{height:100%;min-height:0}.nocturne-table-stage:fullscreen .nocturne-rack{flex:none}.nocturne-apply{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:25px 0 36px;display:flex}.nocturne-apply strong{font-size:17px}.nocturne-apply p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.7}.nocturne-apply .button{flex-shrink:0}.nocturne-catalog{margin-top:48px}.nocturne-switches{flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.nocturne-switches label{cursor:pointer;align-items:center;gap:7px;display:flex}.nocturne-specimens{background:#303030;border:1px solid #9a8156;border-radius:12px;grid-template-columns:1fr 1fr;gap:28px 38px;padding:28px 32px;display:grid}.nocturne-suit h3{color:#dcc79c;text-transform:uppercase;letter-spacing:2px;margin:0 0 18px;font-size:11px}.nocturne-suit>div{flex-wrap:wrap;gap:7px;display:flex}.nocturne-suit .tile{border-radius:4px;flex:none;width:43px;height:60px}.nocturne-back-sample{border:1px solid #ac8445;box-shadow:0 3px #9c8152;background:#25343b!important}.nocturne-back-sample img{width:100%;height:100%}.nocturne-specimens.is-small .tile{width:28px;height:39px}.nocturne-credit{color:var(--muted);max-width:760px;margin-top:20px;font-size:12px;line-height:1.7}.nocturne-settings-link{margin:12px 0 24px;font-size:12px;display:block}@media (width<=1100px){.nocturne-specimens{grid-template-columns:1fr}.nocturne-sample .tile{width:100px;height:142px}.nocturne-sample.sample-three{left:60%}.nocturne-sample.sample-two{left:34%}.nocturne-section-heading{align-items:flex-start}.nocturne-switches{flex-direction:column}}@media (width<=700px){.nocturne-hero{grid-template-columns:1fr}.nocturne-story{padding-bottom:8px}.nocturne-still-life{height:315px}.nocturne-sample .tile{width:94px;height:133px}.nocturne-sample.sample-one{top:45px;left:13%}.nocturne-sample.sample-two{top:91px;left:40%}.nocturne-sample.sample-three{top:27px;left:64%}.nocturne-edition{letter-spacing:2px;font-size:8px;bottom:30px}.nocturne-section-heading,.nocturne-apply{flex-direction:column;align-items:flex-start;gap:16px}.nocturne-section-heading h2{font-size:29px}.nocturne-materials{justify-content:flex-start;gap:15px 22px;padding-bottom:30px}.nocturne-table-stage{border-radius:10px;padding:4px}.app .nocturne-table-stage .full-watch-board{height:420px}.nocturne-rack{gap:2px;padding:16px 4px 15px}.nocturne-rack .tile{width:calc(7.14286vw - 7.14286px);max-width:35px}.nocturne-rack .tile:last-child{margin-left:5px}.nocturne-specimens{padding:24px 16px}.nocturne-suit>div{gap:7px}.nocturne-suit .tile{width:36px;height:50px}.nocturne-switches{flex-direction:row}.nocturne-apply .button{justify-content:center;width:100%}}@media (prefers-reduced-motion:no-preference){.nocturne-sample{transition:transform .4s}.nocturne-still-life:hover .sample-two{transform:translateY(-8px)rotate(5deg)rotateX(10deg)}}.app .tile[data-set=grove]{color:#292a23;background:repeating-linear-gradient(97deg,#70522204 0 1px,#0000 1px 5px),linear-gradient(110deg,#fff4d9,#f1e4c5 72%,#e5d4ae)!important;border-color:#c9b88f!important;box-shadow:0 2px #bbad86,0 4px #526342,0 5px 6px #0003!important}.app .tile[data-set=grove]>.tile-face{padding:3% 5% 4%}.app .tile[data-set=grove] .tile-index{color:#292a23;background:#f1e4c5}.app .tile-with-guide[data-set=grove]>.tile-face,.app.tile-guides .tile[data-set=grove]>.tile-face{padding-top:16%}.app .playing-surface[data-board=grove]{box-shadow:0 0 0 1px #392f23,0 4px #3e3020,0 15px 35px #0002;background:repeating-linear-gradient(2deg,#735338 0 2px,#64492f 2px 5px,#725538 5px 9px)!important;border-color:#795c3d!important}.app .playing-surface[data-board=grove] .riichi-felt.tabletop{box-shadow:inset 0 0 65px #18231266;background:radial-gradient(at 45% 35%,#74826540,#0000 70%),url(/themes/grove/inlay.svg) 50%/100% 100% no-repeat,repeating-linear-gradient(0deg,#ebe5c605 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#00000006 0 1px,#0000 1px 4px),#404e37!important;border-color:#a69a71!important}.app .playing-surface[data-board=grove] .tabletop .table-center.table-compass{color:#f1e5c6;background:linear-gradient(135deg,#374331,#2e392a)!important;border-color:#9e9470!important;box-shadow:inset 0 0 0 4px #546047,0 4px 9px #0004!important}.app .playing-surface[data-board=grove] :is(.felt-dora,.table-compass .compass-round){color:#f1e5c6;background:#303e2b!important;border-color:#899373!important}.app .playing-surface[data-board=grove] .your-hand{background:linear-gradient(#424f38,#39462f)!important;border-color:#828a66!important}.app .playing-surface[data-board=grove] :is(.player-seat,.seat-points,.concealed-count){color:#f3e8cc}.app .playing-surface[data-board=grove] .seat-avatar{background:#637252;border-color:#b6af81}.app .playing-surface[data-board=grove] .seat-active .seat-avatar{outline-color:#d8c68c}.collection-navigation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.collection-navigation nav{flex-wrap:wrap;gap:8px;display:flex}.collection-navigation nav a{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:9px 13px;font-size:12px}.collection-navigation nav a[aria-current=page]{color:var(--text);background:var(--surface);border-color:var(--muted)}.collection-settings-links{flex-wrap:wrap;gap:20px;display:flex}.grove-page .nocturne-hero{color:#2c372a;background:repeating-linear-gradient(94deg,#725c3704 0 1px,#0000 1px 5px),#e9e2ce;border-color:#b4a784;border-radius:8px}.grove-page .nocturne-kicker{color:#6b7158}.grove-page .nocturne-story h1{color:#2d382b;font-size:clamp(48px,5vw,78px)}.grove-page .nocturne-story h1 span{color:#687253}.grove-page .nocturne-story p{color:#5f6250}.grove-page .nocturne-actions .button{color:#f7edd6!important;background:#394a32!important;border-color:#394a32!important}.grove-page .nocturne-actions>span{color:#62674f}.grove-page .nocturne-still-life{background:radial-gradient(at 45% 70%,#b7ac8066,#0000 70%)}.grove-page .nocturne-orbit{filter:brightness(.45);background:url(/themes/grove/inlay.svg) 50%/cover;border:0;border-radius:0;inset:0;transform:none}.grove-page .nocturne-orbit:after{background:repeating-linear-gradient(2deg,#80613e 0 2px,#795a37 2px 5px,#846642 5px 9px);border:1px solid #7d6037;border-radius:5px;height:33%;inset:auto 7% 15%;transform:rotate(-4deg);box-shadow:0 6px #59442c,0 17px 18px #443a2533}.grove-page .nocturne-sample .tile{border-radius:6px;box-shadow:0 4px #c1b28d,0 13px #4a603c,0 16px #36472b!important}.grove-page .sample-one{top:104px;left:9%;transform:rotate(-9deg)rotateX(12deg)}.grove-page .sample-two{top:134px;left:37%;transform:rotate(2deg)rotateX(12deg)}.grove-page .sample-three{top:88px;left:64%;transform:rotate(9deg)rotateX(12deg)}.grove-page .nocturne-edition{color:#61694d}.grove-page .material-ivory{background:#f1e4c5}.grove-page .material-charcoal{background:#404e37}.grove-page .material-gold{background:linear-gradient(12deg,#664d32,#96764d)}.grove-page .material-jade{background:linear-gradient(90deg,#292a23 50%,#a53726 50%)}.grove-page .nocturne-table-stage{background:repeating-linear-gradient(2deg,#735338 0 2px,#64492f 2px 5px,#725538 5px 9px);border-color:#8e7550;border-radius:7px}.grove-page .nocturne-rack{background:linear-gradient(#424f38,#39462f);border-color:#89937366}.grove-page .nocturne-specimens{background:repeating-linear-gradient(0deg,#ebe5c605 0 1px,#0000 1px 3px),#404e37;border-color:#8e7550;border-radius:7px}.grove-page .nocturne-suit h3{color:#e1d5b4}.grove-page .nocturne-back-sample{border-color:#c4bb8d;box-shadow:0 3px #b4a781;background:#485a39!important}@media (width<=700px){.collection-navigation{flex-direction:column;align-items:flex-start}.collection-navigation nav a{padding:8px 10px}.grove-page .sample-one{top:55px;left:7%}.grove-page .sample-two{top:79px;left:35%}.grove-page .sample-three{top:41px;left:63%}.grove-page .nocturne-orbit:after{bottom:20%}}.app .tile[data-set=traditional]{--face-light:#fffff9;--face-dark:#f4f1e5;--tile-edge:#a5b68e;--tile-base:#718361}.app .tile[data-set=black]{--face-light:#303030;--face-dark:#242424;--tile-edge:#515151;--tile-base:#141414;color:#eee;border-color:#606060;background:#242424!important}.app .tile[data-set=black] .tile-index{color:#eee;background:#242424}.app .tile[data-set=nocturne]{--face-light:#fffcef;--face-dark:#f1e5c9;--tile-edge:#c4ad76;--tile-base:#4e4940}.app .tile[data-set=grove]{--face-light:#fff4d9;--face-dark:#ebdcba;--tile-edge:#bbad86;--tile-base:#526342}.app :is(.playing-surface .tabletop :is(.river-tile,.seat-melds),.spring-river) .tile{background:linear-gradient(var(--tile-light,115deg),var(--face-light),var(--face-dark))!important;box-shadow:var(--tile-shadow-x,0px) var(--tile-shadow-y,2px) 0 var(--tile-edge),calc(var(--tile-shadow-x,0px)*1.5) calc(var(--tile-shadow-y,2px)*1.5) 0 var(--tile-base)!important}.tabletop .station-top .seat-melds{--tile-shadow-x:0px;--tile-shadow-y:-2px;--tile-light:-65deg}.tabletop .station-left .seat-melds{--tile-shadow-x:2px;--tile-shadow-y:0px;--tile-light:25deg}.tabletop .station-right .seat-melds{--tile-shadow-x:-2px;--tile-shadow-y:0px;--tile-light:205deg}.app .playing-surface[data-tiles=grove]{--back-cap:#f1e4c5;--back-shade:#c4b994;--back-color:#485a39;--back-deep:#293d29}.app .playing-surface[data-tiles=nocturne]{--back-cap:#faf3df;--back-shade:#cbbd9c;--back-color:#68716a;--back-deep:#25343b}.app .playing-surface[data-tiles=black]{--back-cap:#555;--back-shade:#333;--back-color:#303030;--back-deep:#141414}.app :is(.playing-surface,.spring-preview)[data-tiles=traditional],.traditional-back-choice{--back-cap:#fffffb;--back-shade:#ecece3;--wall-body:#f6f6ed;--back-color:#8eafb5;--back-face-shade:#83a5ac;--back-deep:#4b6871}.app :is(.playing-surface,.spring-preview)[data-tiles=traditional][data-tile-back=burgundy],.traditional-back-choice[data-tile-back=burgundy]{--back-color:#93454f;--back-face-shade:#873c47;--back-deep:#602b35;--back-outline:#c6a49a}.traditional-back-picker{border:1px solid var(--studio-line);min-width:0;color:var(--studio-ink);border-radius:8px;margin:0 0 20px;padding:14px}.traditional-back-picker legend{padding:0 6px;font-size:14px;font-weight:600}.traditional-back-picker p{color:var(--studio-muted);margin:0 0 12px;font-size:12px;line-height:1.6}.traditional-back-picker>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.traditional-back-choice{border:1px solid var(--studio-line);cursor:pointer;border-radius:7px;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-width:0;padding:10px;display:grid}.traditional-back-choice:has(:checked){border-color:var(--studio-active);box-shadow:inset 0 0 0 1px var(--studio-active)}.traditional-back-choice:focus-within{outline:2px solid var(--studio-active);outline-offset:3px}.traditional-back-choice strong{grid-column:1/-1;font-size:12px}.traditional-back-sample{background:#2c4d3c;border-radius:4px;justify-content:center;padding:8px 4px;display:flex}.traditional-back-sample i{background:linear-gradient(130deg,var(--back-color),var(--back-face-shade));width:18px;height:25px;box-shadow:inset 0 1px 0 #ffffff25,inset 0 0 0 .6px var(--back-outline,#ffffff25),inset -1px -1px 1px #10263830,0 2px var(--back-deep);border-radius:2px;display:block}.app{--classic-felt-base:#2c4d3c;--classic-felt-rim:#829f7d;--classic-felt-grain:url(/themes/classic/felt-grain-v1.png);--classic-felt-light:radial-gradient(ellipse at 48% 42%,#365e49 0%,#315542 52%,#2a4939 100%)}.app .playing-surface[data-board=classic]{background:var(--classic-felt-grain) repeat,var(--classic-felt-base)!important;border-color:var(--classic-felt-rim)!important}.app .playing-surface[data-board=classic] .tabletop{background:var(--classic-felt-grain) repeat,var(--classic-felt-light)!important;border-color:var(--classic-felt-rim)!important}.app .playing-surface[data-board=classic] .table-center.table-compass{background:var(--classic-console-bg,#eaf1df)!important;border-color:#8ca788!important}.app .playing-surface[data-board=slate]{background:#31332d!important;border-color:#56594f!important}.app .playing-surface[data-board=slate] .tabletop{background:radial-gradient(#3d3f37,#2e302a)!important;border-color:#56594f!important}.app .playing-surface[data-board=slate] .table-center.table-compass{background:linear-gradient(135deg,#31332d,#252622)!important;border-color:#7a7f6f!important;box-shadow:inset 0 0 0 4px #ffffff09,0 3px #1c1d19!important}.app .playing-surface[data-board=slate] :is(.felt-dora,.compass-round){background:#2a2c26!important;border-color:#696d5f!important}.app .playing-surface[data-board=slate] .your-hand{background:#31332d!important;border-color:#62665a!important}.app .playing-surface[data-board=classic] .your-hand{background:var(--classic-felt-grain) repeat,var(--classic-felt-base)!important}.app .playing-surface[data-board=classic] :is(.felt-dora,.compass-round){background:var(--classic-console-inset,transparent)!important;border-color:#7a9975!important}.app :is(.appearance-table,.nocturne-table-stage) .station-bottom .opponent-rack{visibility:hidden}.app .appearance-table[data-guides=false] .tile-index{display:none}.app .appearance-table[data-guides=false] .tile>.tile-face{padding-top:5%}.app .appearance-table[data-guides=false] .tile[data-set=nocturne]>.tile-face{padding-top:4%}.app .appearance-table[data-guides=false] .tile[data-set=grove]>.tile-face{padding-top:3%}.app .playing-surface .tabletop .latest-discard .tile{outline-offset:1px;outline:1px solid #e6bd5999;border-color:#e6bd59!important}.appearance-page{max-width:1460px;margin:auto}.appearance-heading{padding:30px 0}.appearance-heading h1{font:400 clamp(32px,4vw,52px)/1.15 var(--serif);margin:14px 0}.appearance-heading p{color:var(--muted);font-size:15px;line-height:1.7}.appearance-heading .eyebrow{align-items:center;gap:9px;display:flex}.appearance-picker{--studio-bg:#fff;--studio-soft:#eff3ec;--studio-ink:#284637;--studio-muted:#627f5e;--studio-line:#d9e2d1;--studio-active:#345a46;background:var(--studio-bg);border:1px solid var(--studio-line);color:var(--studio-ink);border-radius:14px;overflow:hidden}:root[data-theme=dark] .appearance-picker{--studio-bg:#252622;--studio-soft:#31332d;--studio-ink:#ededed;--studio-muted:#bec0b8;--studio-line:#4a4d43;--studio-active:#d5cfb7}.appearance-layout{grid-template-columns:minmax(300px,.85fr) minmax(0,1.4fr);gap:30px;padding:30px;display:grid}.appearance-options{min-width:0}.appearance-tabs{border-bottom:1px solid var(--studio-line);gap:20px;display:flex}.appearance-tabs button{color:var(--studio-muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:12px 0 14px;font-size:14px;font-weight:600}.appearance-tabs button[aria-selected=true]{color:var(--studio-ink);border-bottom-color:var(--studio-active)}.appearance-hint{color:var(--studio-muted);margin:19px 0;font-size:12px;line-height:1.6}.appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;display:grid}.appearance-card{cursor:pointer;flex-direction:column;min-width:0;display:flex;position:relative}.appearance-card>input{opacity:0;z-index:2;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.appearance-card-art{background:var(--studio-soft);border:2px solid #0000;border-radius:9px;height:116px;padding:7px;transition:border-color .15s;display:block;position:relative}.appearance-card.is-selected .appearance-card-art{border-color:var(--studio-active);box-shadow:0 0 0 2px var(--studio-bg),0 0 0 3px var(--studio-active)}.appearance-card:focus-within .appearance-card-art{outline:2px solid var(--studio-active);outline-offset:5px}.appearance-card:hover .appearance-card-art{border-color:var(--studio-active)}.appearance-card>strong{margin:12px 0 5px;font-size:13px}.appearance-card>small{color:var(--studio-muted);font-size:11px;line-height:1.6}.appearance-selection{background:var(--studio-bg);border:1px solid var(--studio-line);width:21px;height:21px;color:var(--studio-ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:9px;right:9px}.is-selected .appearance-selection{background:var(--studio-active);color:var(--studio-bg);border-color:var(--studio-active)}.board-swatch{background:#335845;border:6px solid #dae3d2;border-radius:5px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #0003}.swatch-slate{background:#353731;border-color:#676b5e}.swatch-nocturne{background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),#2a2c26;border-color:#a38b5b}.swatch-grove{background:url(/themes/grove/inlay.svg) 50%/cover,#345b47;border-color:#795c3d}.swatch-core{background:#0002;border:1px solid #ece0b44d;border-radius:2px;width:20%;height:40%;position:absolute;top:30%;left:40%}.swatch-river{gap:2px;width:35%;display:flex;position:absolute;left:33%}.swatch-river-top{top:10%}.swatch-river-bottom{bottom:10%}.swatch-river i{aspect-ratio:3/4;background:#e9e1c9;border-radius:1px;width:12%;box-shadow:0 1px #7c9b77}.tile-swatch{justify-content:center;align-items:center;gap:5px;height:100%;display:flex}.tile-swatch .tile{border-radius:3px;flex:none;width:32px;height:45px}.appearance-card-art>.board-swatch+.tile-swatch{padding-top:14px;position:absolute;inset:0}:is(.appearance-card-art>.board-swatch:has(+.tile-swatch) .swatch-river,.appearance-card-art>.board-swatch:has(+.tile-swatch) .swatch-core){display:none}.appearance-note{color:var(--studio-muted);margin-top:24px;font-size:12px;line-height:1.8}.appearance-note a{text-decoration:underline}.appearance-preview{min-width:0}.appearance-preview-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.appearance-preview-heading h2{font:400 27px/1.2 var(--serif);color:var(--studio-ink);margin:6px 0}.appearance-preview-heading p{color:var(--studio-muted);font-size:12px}.appearance-preview-heading label{white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.appearance-preview-heading .eyebrow{letter-spacing:2px;color:var(--studio-muted);font-size:9px}.appearance-table{border-radius:8px;overflow:hidden}.app .appearance-table .spectator-surface{border-width:5px;border-radius:8px 8px 0 0;width:100%;margin:0}.app .appearance-table .full-watch-board{width:100%;height:450px;min-height:0}.appearance-hand{background:#2c4d3c;justify-content:center;gap:3px;padding:17px 8px 14px;display:flex}.hand-slate{background:#31332d}.hand-nocturne{background:#292b25}.hand-grove{background:#345b47}.appearance-hand .tile{aspect-ratio:43/60;border-radius:3px;flex:none;width:calc(7.14286% - 3.57143px);max-width:38px;height:auto}.appearance-hand .tile:last-child{margin-left:7px}.appearance-preview-note{color:var(--studio-muted);margin-top:13px;font-size:11px;line-height:1.6}.appearance-savebar{background:var(--studio-soft);border-top:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:20px;padding:23px 30px;display:flex}.appearance-savebar strong{font-size:14px}.appearance-savebar p{color:var(--studio-muted);margin-top:5px;font-size:11px;line-height:1.7}.appearance-save-actions{flex-shrink:0;align-items:center;gap:18px;display:flex}.appearance-save-actions .button{white-space:nowrap}.appearance-save-actions .text-button{color:var(--studio-ink);font-size:12px}.appearance-explore{flex-wrap:wrap;gap:25px;margin-top:26px;font-size:13px;display:flex}.appearance-explore>span{color:var(--muted)}.appearance-explore>a{align-items:center;gap:8px;display:flex}.appearance-settings{border:1px solid var(--line);border-radius:8px;margin:20px 0}.appearance-settings>summary{cursor:pointer;padding:18px;font-size:16px;font-weight:600}.appearance-settings>summary span{color:var(--muted);margin-top:7px;font-size:12px;font-weight:400;display:block}.appearance-settings[open]>summary{border-bottom:1px solid var(--line)}.appearance-settings .appearance-picker{border:0;border-radius:0 0 8px 8px}.modal:has(.appearance-settings[open]){width:calc(100% - 32px);max-width:1100px}.appearance-compact .appearance-layout{gap:20px;padding:20px}.appearance-compact .appearance-savebar{padding:20px}.appearance-compact .appearance-card-art{height:100px}@media (width<=1100px){.appearance-layout{grid-template-columns:minmax(230px,.8fr) minmax(0,1fr);gap:20px;padding:22px}.appearance-card-art{height:100px}.tile-swatch .tile{width:27px;height:38px}.appearance-savebar{padding:20px}.appearance-save-actions{gap:12px}}@media (width<=850px){.appearance-layout,.appearance-compact .appearance-layout{grid-template-columns:1fr}.appearance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.appearance-card-art{height:100px}.appearance-savebar{flex-wrap:wrap}.appearance-save-actions{justify-content:flex-end;width:100%}.appearance-save-actions .text-button:first-child{margin-right:auto}}@media (width<=580px){.appearance-heading{padding:24px 0}.appearance-heading p{font-size:13px}.appearance-layout,.appearance-compact .appearance-layout{gap:26px;padding:18px}.appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-card-art{height:110px}.tile-swatch .tile{width:30px;height:42px}.appearance-savebar{padding:18px}.appearance-tabs{gap:25px}.appearance-preview-heading h2{font-size:23px}.appearance-preview-heading{gap:8px}.app .appearance-table .full-watch-board{height:420px}.appearance-hand{gap:2px;padding:13px 4px}.appearance-hand .tile{width:calc(7.14286% - 2.64286px)}.appearance-picker{border-radius:10px}.appearance-save-actions{gap:12px}.appearance-save-actions .button{padding:12px}.appearance-preview-heading label{font-size:10px}.modal:has(.appearance-settings[open]){padding:30px 14px}.appearance-explore{gap:15px}.appearance-explore>span{width:100%}}@media (prefers-reduced-motion:reduce){.appearance-card-art{transition:none}}.appearance-card .tile-swatch .tile{aspect-ratio:43/60;width:calc(33.3333% - 5.33333px);max-width:32px;height:auto}.swatch-porcelain{background:repeating-linear-gradient(45deg,#ffffff04 0 1px,#0000 1px 6px),#1c3049;border-color:#90aac5}.app .playing-surface[data-board=porcelain]{background:#15273d!important;border-color:#90aac5!important}.app .playing-surface[data-board=porcelain] .riichi-felt.tabletop{background:radial-gradient(at 50% 40%,#37547666,#0000 70%),repeating-linear-gradient(45deg,#ffffff02 0 1px,#0000 1px 6px),#1c3049!important;border-color:#829bb8!important}.app .playing-surface[data-board=porcelain] .table-center.table-compass{color:#e1eafa;background:#182a40!important;border-color:#90aac5!important}.app .tile[data-set=porcelain]{--face-light:#fbfdff;--face-dark:#e3edf6;--tile-edge:#9bb3c9;--tile-base:#355773;color:#203d6a;background:linear-gradient(120deg,#fbfdff,#e3edf6)!important}.app .tile[data-set=porcelain] .tile-index{color:#203d6a;background:0 0}.app .playing-surface[data-tiles=porcelain]{--back-cap:#edf6ff;--back-shade:#9bb3c9;--back-color:#325778;--back-deep:#192f48}.app .seat-avatar>.bot-portrait{border-radius:50%;width:100%;height:100%}.app .playing-surface[data-board=porcelain] :is(.felt-dora,.table-compass .compass-round){color:#e1eafa;background:#182a40!important;border-color:#829bb8!important}.app .playing-surface[data-board=porcelain] .your-hand,.app .hand-porcelain{background:#1c3049!important;border-color:#829bb8!important}.app .playing-surface[data-board=porcelain] :is(.player-seat,.seat-points,.concealed-count){color:#e1eafa}.app .playing-surface[data-board=porcelain] .seat-avatar{background:#365471;border-color:#829bb8}.app .tile[data-set=porcelain]>.tile-face{padding:4% 6% 5%}.app .tile-with-guide[data-set=porcelain]>.tile-face,.app.tile-guides .tile[data-set=porcelain]>.tile-face{padding-top:16%}.app .swatch-classic{background:var(--classic-felt-grain) repeat,var(--classic-felt-light);border-color:var(--classic-felt-rim)}.app .hand-classic,.app .traditional-back-sample{background:var(--classic-felt-grain) repeat,var(--classic-felt-base)}.app .tile[data-set=cobalt-garden]{--face-light:#fffdf6;--face-dark:#f0e8d7;--tile-edge:#c8ae77;--tile-base:#254b73;color:#17375f;background:linear-gradient(120deg,var(--face-light),var(--face-dark))!important;border-color:#c5a86d!important;box-shadow:0 2px #c8ae77,0 4px #254b73,0 5px 6px #10274435!important}.app .tile[data-set=cobalt-garden]>.tile-face{border-radius:inherit;padding:2%}.app .tile[data-set=cobalt-garden] .tile-index{color:#17375f;z-index:1;background:#fffaf0}.app .tile-with-guide[data-set=cobalt-garden]>.tile-face,.app.tile-guides .tile[data-set=cobalt-garden]>.tile-face,.app .tile-guides .tile[data-set=cobalt-garden]>.tile-face{padding-top:16%}.app .appearance-table[data-guides=false] .tile[data-set=cobalt-garden]>.tile-face{padding:2%}.app .playing-surface[data-tiles=cobalt-garden]{--back-cap:#fffaf0;--back-shade:#c8ae77;--back-color:#416b9a;--back-deep:#17375f}.app .playing-surface[data-board=cobalt-garden]{box-shadow:0 0 0 1px #17375f,0 4px #19314d,0 12px 30px #12294025;background:#17375f!important;border-color:#b8a16e!important}.app .playing-surface[data-board=cobalt-garden] .riichi-felt.tabletop{box-shadow:inset 0 0 0 2px #edf2ef88,inset 0 0 22px #18375920;background:#dce8ee url(/themes/cobalt-garden/mat.webp) 50%/100% 100% no-repeat!important;border-color:#b8a16e!important}.app .playing-surface[data-board=cobalt-garden] .tabletop .table-center.table-compass{color:#fff7e4;background:linear-gradient(145deg,#284e78,#152f51)!important;border-color:#c5ab72!important;box-shadow:inset 0 0 0 3px #a9c3d326,0 3px 8px #17375f35!important}.app .playing-surface[data-board=cobalt-garden] :is(.felt-dora,.table-compass .compass-round){color:#fff7e4;background:#1c3c61!important;border-color:#c5ab72!important}.app .playing-surface[data-board=cobalt-garden] .player-seat{color:#17375f;background:#fffaf0ed;border:1px solid #b8a16e88;border-radius:6px;padding:3px 2px;box-shadow:0 2px 6px #17375f12}.app .playing-surface[data-board=cobalt-garden] :is(.seat-points,.concealed-count),.app .playing-surface[data-board=cobalt-garden] :is(.seat-identity,.seat-identity .seat-name-line>strong,.seat-identity .seat-rating-compact){color:#17375f}.app .playing-surface[data-board=cobalt-garden] .seat-avatar{color:#fffaf0;background:#244b76;border-color:#c9ae74}.app .playing-surface[data-board=cobalt-garden] .seat-wind{color:#fffaf0;background:#17375f;border-color:#c5ab72}.app .playing-surface[data-board=cobalt-garden] .seat-active .seat-avatar{outline-color:#c29640}.app .playing-surface[data-board=cobalt-garden] .your-hand,.app .hand-cobalt-garden{background:linear-gradient(110deg,#254b73,#17375f)!important;border-color:#c5ab72!important}.app .playing-surface[data-board=cobalt-garden] .your-hand .sc-own-status{color:#fff7e4}.app .playing-surface[data-board=cobalt-garden] .tabletop .table-compass .compass-score>span,.app .playing-surface[data-board=cobalt-garden] :is(.center-counters,.compass-round>strong>span){color:#dbe7f2}.swatch-cobalt-garden{background:#dce8ee url(/themes/cobalt-garden/mat.webp) 50%/100% 100%;border-color:#b8a16e}.swatch-cobalt-garden .swatch-core{background:#17375f;border-color:#b8a16e}.swatch-cobalt-garden .swatch-river i{background:#fffaf0;box-shadow:0 1px #254b73}.cobalt-feature{color:#17375f;background:#f6f2e8;border-bottom:1px solid #c9b786;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.cobalt-feature-story{align-self:center;padding:36px}.cobalt-kicker{letter-spacing:2px;color:#796238;align-items:center;gap:8px;font-size:9px;font-weight:600;display:flex}.cobalt-feature h2{font:400 clamp(30px,3.5vw,49px)/1.15 var(--serif);color:#17375f;margin:16px 0}.cobalt-feature p{color:#526578;max-width:370px;font-size:13px;line-height:1.85}.cobalt-feature button{color:#fffaf0;font:600 12px/1.4 var(--sans,sans-serif);cursor:pointer;background:#1e416a;border:1px solid #1e416a;border-radius:5px;align-items:center;gap:14px;margin-top:21px;padding:12px 16px;display:inline-flex}.cobalt-feature button:hover{background:#315a85}.cobalt-feature button:focus-visible{outline-offset:4px;outline:2px solid #876525}.cobalt-feature-art{isolation:isolate;background:#dce8ee url(/themes/cobalt-garden/mat.webp) 50%/cover;place-items:center;min-height:310px;display:grid;position:relative}.cobalt-feature-art:after{content:"";z-index:-1;background:linear-gradient(90deg,#f6f2e8,#0000 24%);position:absolute;inset:0}.cobalt-feature-tiles{justify-content:center;align-items:center;gap:12px;padding:25px 10px 45px;display:flex;transform:rotate(-7deg)}.app .cobalt-feature-tiles .tile{aspect-ratio:3/4;border-radius:7px;width:clamp(62px,7vw,105px);height:auto;box-shadow:0 3px #cdb680,0 9px #264970,2px 12px #17304d,4px 20px 16px #102b4a50!important}.cobalt-feature-tiles .tile:first-child{transform:translateY(9px)rotate(-7deg)}.cobalt-feature-tiles .tile:last-child{transform:translateY(5px)rotate(10deg)}.cobalt-feature-art>span{letter-spacing:2px;color:#17375f;background:#fffaf0ed;border:1px solid #b8a16e66;border-radius:3px;padding:7px 12px;font-size:8px;position:absolute;bottom:22px}.appearance-savebar{flex-wrap:wrap}.appearance-premium-note{text-underline-offset:3px;flex-basis:100%;font-size:12px;line-height:1.6;text-decoration:underline}.cobalt-catalog{border-top:1px solid var(--studio-line);margin-top:20px;padding-top:16px}.cobalt-catalog summary{cursor:pointer;font-size:13px;font-weight:600;line-height:1.7}.cobalt-catalog summary>span{color:var(--studio-muted);margin-left:10px;font-size:10px;font-weight:400}.cobalt-catalog>div{background:#1c3c61;border:1px solid #b8a16e;border-radius:6px;margin-top:18px;padding:20px}.cobalt-catalog section+section{margin-top:20px}.cobalt-catalog h3{letter-spacing:1.4px;text-transform:uppercase;color:#e6d6b0;margin:0 0 12px;font-size:10px;font-weight:500}.cobalt-catalog section>div{flex-wrap:wrap;gap:7px;display:flex}.cobalt-catalog .tile{aspect-ratio:3/4;border-radius:4px;flex:none;width:38px;height:auto}@media (width<=850px){.cobalt-feature-story{padding:25px}.cobalt-feature-art{min-height:280px}.app .cobalt-feature-tiles .tile{width:70px}}@media (width<=580px){.cobalt-feature{grid-template-columns:1fr}.cobalt-feature-story{padding:26px 22px}.cobalt-feature-art{min-height:235px}.cobalt-feature-art:after{background:linear-gradient(#f6f2e8,#0000 28%)}.app .cobalt-feature-tiles .tile{width:72px}.cobalt-feature-tiles{padding-top:36px}.cobalt-feature-art>span{letter-spacing:1.5px;font-size:7px}.cobalt-catalog>div{padding:15px}.cobalt-catalog .tile{width:32px}.cobalt-catalog summary>span{margin-left:15px;display:block}.app .playing-surface[data-board=cobalt-garden] .riichi-felt.tabletop{background-size:cover!important}}.app .tile[data-set=crane-blossom]{--face-light:#fffcef;--face-dark:#f3e5cc;--tile-edge:#ceb173;--tile-base:#496555;color:#303c37;background:linear-gradient(120deg,var(--face-light),var(--face-dark))!important;border-color:#c4a366!important;box-shadow:0 2px #ceb173,0 4px #496555,0 5px 6px #303c3733!important}.app .tile[data-set=crane-blossom]>.tile-face{border-radius:inherit;padding:2%}.app .tile[data-set=crane-blossom] .tile-index{color:#303c37;z-index:1;background:#fff8e8}.app .tile-with-guide[data-set=crane-blossom]>.tile-face,.app.tile-guides .tile[data-set=crane-blossom]>.tile-face,.app .tile-guides .tile[data-set=crane-blossom]>.tile-face{padding-top:16%}.app .appearance-table[data-guides=false] .tile[data-set=crane-blossom]>.tile-face{padding:2%}.app .playing-surface[data-tiles=crane-blossom]{--back-cap:#fff8e8;--back-shade:#ceb173;--back-color:#82978a;--back-deep:#395449}.app .playing-surface[data-board=crane-blossom]{box-shadow:0 0 0 1px #665339,0 4px #30473d,0 12px 30px #493b2c25;background:#365346!important;border-color:#bb995d!important}.app .playing-surface[data-board=crane-blossom] .riichi-felt.tabletop{box-shadow:inset 0 0 0 2px #f6e6c588,inset 0 0 20px #5a47341a;background:#f0e1d0 url(/themes/crane-blossom/mat.webp) 50%/100% 100% no-repeat!important;border-color:#c4a66b!important}@container playing-table (width>=850px){.app .playing-surface[data-board=crane-blossom] .riichi-felt.tabletop{background-image:url(/themes/crane-blossom/mat-wide.webp)!important}}@container playing-table (width<=480px){.app .playing-surface[data-board=crane-blossom] .riichi-felt.tabletop{background-image:url(/themes/crane-blossom/mat-portrait.webp)!important}}.app .playing-surface[data-board=crane-blossom] .tabletop .table-center.table-compass{color:#fff3d8;background:linear-gradient(135deg,#527361,#2d4b3e)!important;border-color:#c4a66b!important;box-shadow:inset 0 0 0 3px #e3ce9733,0 3px 8px #4b493635!important}.app .playing-surface[data-board=crane-blossom] :is(.felt-dora,.table-compass .compass-round){color:#fff3d8;background:#355345!important;border-color:#c4a66b!important}.app .playing-surface[data-board=crane-blossom] .player-seat{color:#303c37;background:#fff8e8f2;border:1px solid #b18a3f88;border-radius:6px;padding:3px 2px;box-shadow:0 2px 6px #493b2c12}.app .playing-surface[data-board=crane-blossom] :is(.seat-points,.concealed-count,.seat-identity,.seat-identity .seat-name-line>strong,.seat-identity .seat-rating-compact){color:#303c37}.app .playing-surface[data-board=crane-blossom] .seat-avatar{color:#fff8e8;background:#436252;border-color:#c4a66b}.app .playing-surface[data-board=crane-blossom] .seat-wind{color:#fff8e8;background:#355345;border-color:#c4a66b}.app .playing-surface[data-board=crane-blossom] .seat-active .seat-avatar{outline-color:#b65b48}.app .playing-surface[data-board=crane-blossom] .your-hand,.app .hand-crane-blossom{background:linear-gradient(115deg,#547362,#304e40)!important;border-color:#c4a66b!important}.app .playing-surface[data-board=crane-blossom] .your-hand .sc-own-status{color:#fff3d8}.app .playing-surface[data-board=crane-blossom] .tabletop .table-compass .compass-score>span,.app .playing-surface[data-board=crane-blossom] :is(.center-counters,.compass-round>strong>span){color:#e7dcc0}.swatch-crane-blossom{background:#f0e1d0 url(/themes/crane-blossom/mat-wide.webp) 50%/100% 100%;border-color:#bb995d}.swatch-crane-blossom .swatch-core{background:#355345;border-color:#c4a66b}.swatch-crane-blossom .swatch-river i{background:#fff8e8;box-shadow:0 1px #496555}.collection-feature-switcher{background:var(--studio-bg);border-bottom:1px solid var(--studio-line);flex-wrap:wrap;gap:7px;padding:13px 25px;display:flex}.collection-feature-switcher button{color:var(--studio-muted);background:0 0;border:1px solid #0000;border-radius:5px;padding:10px 14px;font-size:12px}.collection-feature-switcher button[aria-pressed=true]{background:var(--studio-soft);border-color:var(--studio-line);color:var(--studio-ink);font-weight:600}.collection-feature-switcher button:hover{color:var(--studio-ink);border-color:var(--studio-line)}.cobalt-feature[data-collection=crane-blossom]{color:#3a5144;background:#f8efdf;border-color:#bda36a}.cobalt-feature[data-collection=crane-blossom] h2{color:#3a5144}.cobalt-feature[data-collection=crane-blossom] p{color:#6d6859}.cobalt-feature[data-collection=crane-blossom] .cobalt-kicker{color:#956f3f}.cobalt-feature[data-collection=crane-blossom] button{color:#fff8e8;background:#456352;border-color:#456352}.cobalt-feature[data-collection=crane-blossom] button:hover{background:#304d3f}.cobalt-feature[data-collection=crane-blossom] .cobalt-feature-art{background:#f0e1d0 url(/themes/crane-blossom/mat.webp) 50%/cover}.cobalt-feature[data-collection=crane-blossom] .cobalt-feature-art:after{background:linear-gradient(90deg,#f8efdf,#0000 24%)}.app .cobalt-feature[data-collection=crane-blossom] .cobalt-feature-tiles .tile{box-shadow:0 3px #ceb173,0 9px #547362,2px 12px #304e40,4px 20px 16px #403e2d50!important}.cobalt-feature[data-collection=crane-blossom] .cobalt-feature-art>span{color:#3a5144;background:#fff8e8ed;border-color:#b18a3f66}.crane-catalog>div{background:#365346;border-color:#bda36a}.crane-catalog h3{color:#efdab1}.collection-back img{border-radius:inherit;object-fit:contain;width:100%;height:100%;padding:2%}@media (width<=580px){.collection-feature-switcher{gap:4px;padding:12px}.collection-feature-switcher button{padding:9px 10px;font-size:11px}.cobalt-feature[data-collection=crane-blossom] .cobalt-feature-art:after{background:linear-gradient(#f8efdf,#0000 28%)}}.app .appearance-picker [data-guides=false] .tile-index{display:none!important}.app .appearance-picker [data-guides=false] .tile>.tile-face{padding:5% 9% 7%!important}.app .appearance-picker [data-guides=false] .tile:is([data-set=crane-blossom],[data-set=cobalt-garden])>.tile-face{padding:2%!important}.app .appearance-picker [data-guides=false] .tile[data-set=nocturne]>.tile-face{padding:4%!important}.app .appearance-picker [data-guides=false] .tile[data-set=grove]>.tile-face{padding:3%!important}.app .appearance-picker [data-guides=true] .tile-index{display:block}.appearance-layout{grid-template-columns:minmax(235px,.55fr) minmax(0,1.8fr)}.app .appearance-table .full-watch-board{height:560px}.appearance-hand .tile{max-width:54px}.appearance-preview-controls{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.enlarge-table{border:1px solid var(--studio-line);background:var(--studio-soft);color:var(--studio-ink);cursor:pointer;border-radius:5px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.catalog-hint{color:var(--studio-muted);align-items:center;gap:7px;margin-top:12px;font-size:12px;display:flex}.cobalt-catalog section>div{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:14px 10px;display:grid}.cobalt-catalog .catalog-tile{color:#f5eedb;cursor:zoom-in;background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:100%;padding:4px 0;display:flex}.app .cobalt-catalog .catalog-tile .tile{aspect-ratio:3/4;border-radius:5px;flex:none;width:70px;height:auto;transition:transform .15s}.catalog-tile-label{font:400 10px/1.3 var(--sans,sans-serif);text-align:center;max-width:100%}.catalog-tile:hover .tile{transform:translateY(-3px)}.catalog-tile:focus-visible{outline-offset:5px;outline:2px solid #e8d9b1}.artwork-dialog{border:1px solid var(--studio-line);background:var(--studio-bg);width:min(520px,100vw - 28px);max-width:none;max-height:calc(100dvh - 28px);color:var(--studio-ink);border-radius:12px;margin:auto;padding:24px;position:fixed;inset:0;overflow:auto;box-shadow:0 25px 90px #0006}.artwork-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a161cbd}.artwork-dialog>header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px;display:flex}.artwork-dialog h2{font:400 26px/1.2 var(--serif);text-transform:capitalize;color:var(--studio-ink);margin:0}.artwork-dialog button{border:1px solid var(--studio-line);background:var(--studio-soft);color:var(--studio-ink);font:500 12px/1.2 var(--sans,sans-serif);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:10px;display:inline-flex}.artwork-dialog button:focus-visible,.enlarge-table:focus-visible{outline:2px solid var(--studio-active);outline-offset:3px}.artwork-collection-name{color:var(--studio-muted);margin:0 0 20px;font-size:12px}.artwork-tile-stage{background:#183959;border-radius:7px;place-items:center;padding:26px 18px 38px;display:grid}.artwork-tile-stage[data-collection=crane-blossom]{background:#344f43}.app .artwork-tile-stage .tile{aspect-ratio:3/4;border-radius:12px;flex:none;width:min(300px,48dvh,100%);max-width:100%;height:auto;box-shadow:0 5px 0 var(--tile-edge),0 12px 0 var(--tile-base),0 20px 25px #0003!important}.app .artwork-tile-stage .tile-index{font-size:24px;top:6px;left:8px}.collection-back>img{object-fit:contain;border-radius:inherit;width:100%;height:100%;padding:2%;display:block}.artwork-dialog nav{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.artwork-dialog nav>span{color:var(--studio-muted);font-size:12px}.table-artwork-dialog{width:min(1320px,100vw - 28px)}.table-artwork-dialog>header{margin-bottom:18px}.app .table-artwork-dialog .full-watch-board{height:clamp(400px,70dvh,850px)}.table-artwork-dialog .appearance-hand .tile{max-width:60px}@media (width<=1100px){.appearance-layout{grid-template-columns:230px minmax(0,1fr);gap:20px}.app .appearance-table .full-watch-board{height:480px}}@media (width<=850px){.appearance-layout{grid-template-columns:1fr}.app .appearance-table .full-watch-board{height:540px}}@media (width<=580px){.app .appearance-table .full-watch-board{height:420px}.appearance-preview-heading{flex-wrap:wrap;align-items:flex-start}.appearance-preview-controls{flex-flow:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%}.cobalt-catalog>div{padding:14px 10px}.cobalt-catalog section>div{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:14px 8px}.app .cobalt-catalog .catalog-tile .tile{width:min(70px,100%)}.artwork-dialog{padding:16px}.artwork-dialog h2{font-size:23px}.artwork-tile-stage{padding:20px 14px 32px}.app .artwork-tile-stage .tile{width:min(250px,45dvh,100%)}.artwork-dialog nav{gap:5px}.artwork-dialog nav button{font-size:11px}.app .table-artwork-dialog .full-watch-board{height:65dvh;min-height:380px}.table-artwork-dialog{padding:12px}}@media (prefers-reduced-motion:reduce){.catalog-tile .tile{transition:none}}.app [data-board=cobalt-garden],.swatch-cobalt-garden,.cobalt-feature[data-collection=cobalt-garden]{--mat-square:url(/themes/cobalt-garden/mat.webp?v=eb8e126f2c43);--mat-wide:url(/themes/cobalt-garden/mat-wide.webp?v=282fa0b4b8b0);--mat-portrait:url(/themes/cobalt-garden/mat-portrait.webp?v=9ac1a4eb2a57);--collection-frame:url(/themes/cobalt-garden/frame-detail.webp?v=d7ccaea71184)}.app [data-board=crane-blossom],.swatch-crane-blossom,.cobalt-feature[data-collection=crane-blossom]{--mat-square:url(/themes/crane-blossom/mat.webp?v=c9620999b0be);--mat-wide:url(/themes/crane-blossom/mat-wide.webp?v=0fbddc047f6d);--mat-portrait:url(/themes/crane-blossom/mat-portrait.webp?v=207070b407f2);--collection-frame:url(/themes/crane-blossom/frame-detail.webp?v=8cc2681887e5)}.app [data-board=midnight-noir],.swatch-midnight-noir,.cobalt-feature[data-collection=midnight-noir]{--mat-square:url(/themes/midnight-noir/mat.webp?v=f3e03beca6b5);--mat-wide:url(/themes/midnight-noir/mat-wide.webp?v=a8fa32e14497);--mat-portrait:url(/themes/midnight-noir/mat-portrait.webp?v=836dbe768845)}.app .tile[data-guides=false] .tile-index{display:none!important}.app .tile[data-guides=false]>.tile-face{padding:5% 9% 7%!important}.app .tile[data-guides=false][data-set=grove]>.tile-face{padding:3%!important}.app .tile[data-guides=false][data-set=nocturne]>.tile-face{padding:4%!important}.app .tile:is([data-set=cobalt-garden],[data-set=crane-blossom])>.tile-face{object-fit:contain;image-rendering:auto;padding:2%!important}.app .tile:is([data-set=cobalt-garden],[data-set=crane-blossom]) .tile-index{color:#233e37;background:#fffbed;border-radius:2px;padding:1px 2px;font-size:clamp(8px,.65vw,11px);line-height:1.1;top:2px;left:2px}.app .tabletop .tile:is([data-set=cobalt-garden],[data-set=crane-blossom]) .tile-index{padding:1px;font-size:7px;top:1px;left:1px}.app .artwork-tile-stage .tile:is([data-set=cobalt-garden],[data-set=crane-blossom]) .tile-index{font-size:24px;top:6px;left:8px}.home-tile-art .art-tile{filter:none}.app .home-tile-art .tile:is([data-set=cobalt-garden],[data-set=crane-blossom]){box-shadow:0 3px 0 var(--tile-edge),0 7px 0 var(--tile-base),4px 12px 16px #293d3026!important}.app [data-board=cobalt-garden]{--mat-ground:#dce8ee;--collection-ink:#17375f;--collection-muted:#4b6480;--collection-accent:#244f80;--collection-trim:#b89a5b;--collection-ivory:#fffaf0;--collection-active:#8b482f}.app [data-board=crane-blossom]{--mat-ground:#f0e1d0;--collection-ink:#303e35;--collection-muted:#5b6a59;--collection-accent:#476a55;--collection-trim:#b99b5c;--collection-ivory:#fff8e8;--collection-active:#963e31}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .riichi-felt.tabletop{isolation:isolate;container-name:painted-mat;background:var(--mat-ground)!important}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .riichi-felt.tabletop:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background-image:var(--mat-square);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}@container painted-mat (aspect-ratio>=4/3){.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .riichi-felt.tabletop:before{background-image:var(--mat-wide)}}@container painted-mat (aspect-ratio<=4/5){.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .riichi-felt.tabletop:before{background-image:var(--mat-portrait)}}.swatch-cobalt-garden,.swatch-crane-blossom{background-image:var(--mat-wide)!important;background-size:cover!important}.cobalt-feature[data-collection] .cobalt-feature-art{background-image:var(--mat-square)}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .tabletop :is(.table-center.table-compass,.felt-dora){isolation:isolate;border-radius:5px;background:var(--collection-ivory)!important;color:var(--collection-ink)!important;border:2px solid var(--collection-trim)!important;box-shadow:0 2px 0 var(--collection-accent),0 4px 10px #16292326!important}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .tabletop :is(.table-center.table-compass,.felt-dora):before{content:"";z-index:-1;pointer-events:none;border:clamp(12px,calc(var(--floor-size,20px)*.8),30px) solid transparent;border-image:var(--collection-frame) 160 fill / 1 stretch;position:absolute;inset:0}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .tabletop .felt-dora:before{border-width:12px}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .tabletop .felt-dora{padding:10px 10px 12px}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .tabletop .felt-dora>span{color:var(--collection-ink);background:var(--collection-ivory);border-radius:2px;padding:2px 1px;font-weight:600}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .tabletop .table-compass .compass-round{color:var(--collection-ink);box-shadow:none;background:0 0!important;border:0!important}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .tabletop .table-compass :is(.center-round,.compass-round>strong,.compass-score,.compass-score>span,.center-counters){color:var(--collection-ink)!important}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .tabletop .table-compass .compass-round>strong>span{color:var(--collection-muted)!important}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .tabletop .table-compass :is(.score-active,.score-active>span){color:var(--collection-active)!important}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .tabletop .table-compass .compass-score{background:var(--collection-ivory);border-radius:3px;padding:2px 4px}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .tabletop .table-compass .counter-stick{background:#e2d8b8;box-shadow:0 0 0 1px #82775c44}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .tabletop .table-compass .wind-active{background:var(--collection-accent)!important;color:var(--collection-ivory)!important}.app .playing-surface:is([data-tiles=cobalt-garden],[data-tiles=crane-blossom]) .claimed-discard{opacity:.65}@container playing-table (width<=600px){.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .tabletop .felt-dora{padding:7px 6px 8px}}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .player-seat{box-shadow:none;background:0 0;border:0}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .seat-details{text-shadow:0 0 3px var(--collection-ivory),0 0 7px var(--collection-ivory),0 1px 2px var(--collection-ivory)}.app .playing-surface:is([data-board=cobalt-garden],[data-board=crane-blossom]) .tabletop .tile{filter:drop-shadow(0 2px 2px #172e3d66)}.app .tile[data-set=midnight-noir]{--face-light:#fffdf2;--face-dark:#e4decc;--tile-edge:#a9ada4;--tile-base:#242d30;color:#23282b;background:linear-gradient(120deg,var(--face-light),var(--face-dark))!important;box-shadow:0 2px 0 var(--tile-edge),0 4px 0 var(--tile-base),0 5px 7px #0005!important;border-color:#a5a99f!important}.app .tile[data-set=midnight-noir]>.tile-face{border-radius:inherit;object-fit:contain;padding:2%!important}.app .tile[data-set=midnight-noir] .tile-index{color:#23282b;z-index:1;background:#fffdf2;border-radius:2px;padding:1px 2px;font-size:clamp(8px,.65vw,11px);line-height:1.1;top:2px;left:2px}.app .tabletop .tile[data-set=midnight-noir] .tile-index{padding:1px;font-size:7px;top:1px;left:1px}.app .artwork-tile-stage .tile[data-set=midnight-noir] .tile-index{font-size:24px;top:6px;left:8px}.app .playing-surface[data-tiles=midnight-noir]{--back-cap:#f4f0df;--back-shade:#a9ada4;--back-color:#4c5557;--back-deep:#192125}.app .playing-surface[data-board=midnight-noir]{box-shadow:0 0 0 1px #30383b,0 4px #161d20,0 12px 30px #1114;background:#202629!important;border-color:#a1a79f!important}.app .playing-surface[data-board=midnight-noir] .riichi-felt.tabletop{isolation:isolate;box-shadow:inset 0 0 0 2px #c2c6b933;container-name:noir-mat;background:#272727!important;border-color:#8e9894!important}.app .playing-surface[data-board=midnight-noir] .riichi-felt.tabletop:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background:var(--mat-square) center/cover no-repeat;position:absolute;inset:0}@container noir-mat (aspect-ratio>=4/3){.app .playing-surface[data-board=midnight-noir] .riichi-felt.tabletop:before{background-image:var(--mat-wide)}}@container noir-mat (aspect-ratio<=4/5){.app .playing-surface[data-board=midnight-noir] .riichi-felt.tabletop:before{background-image:var(--mat-portrait)}}.app .playing-surface[data-board=midnight-noir] .tabletop :is(.table-center.table-compass,.felt-dora){border-radius:4px;color:#f4efdc!important;background:linear-gradient(135deg,#343b3d,#1d2427)!important;border:1px solid #b7bbb0!important;box-shadow:inset 0 0 0 4px #242c2e,inset 0 0 0 5px #737e7866,0 3px 8px #0007!important}.app .playing-surface[data-board=midnight-noir] .tabletop .felt-dora>span{color:#e9e4d1}.app .playing-surface[data-board=midnight-noir] .tabletop .table-compass .compass-round{box-shadow:none;color:#f4efdc;background:0 0!important;border:0!important}.app .playing-surface[data-board=midnight-noir] .tabletop .table-compass :is(.center-round,.compass-round>strong,.compass-score,.compass-score>span,.center-counters){color:#f4efdc!important}.app .playing-surface[data-board=midnight-noir] .tabletop .table-compass .compass-round>strong>span{color:#bac1b9!important}.app .playing-surface[data-board=midnight-noir] .tabletop .table-compass .center-wind{color:#f4efdc;background:#283235;border-color:#aab2a8}.app .playing-surface[data-board=midnight-noir] .tabletop .table-compass :is(.score-active,.score-active>span){color:#ecc697!important}.app .playing-surface[data-board=midnight-noir] .tabletop .table-compass .wind-active{color:#1d2427!important;background:#b8c0b6!important}.app .playing-surface[data-board=midnight-noir] .player-seat{box-shadow:none;color:#f4efdc;background:0 0;border:0}.app .playing-surface[data-board=midnight-noir] .seat-details{text-shadow:0 1px 3px #000,0 0 6px #000}.app .playing-surface[data-board=midnight-noir] :is(.seat-points,.concealed-count,.seat-identity,.seat-identity .seat-name-line>strong,.seat-identity .seat-rating-compact){color:#f4efdc}.app .playing-surface[data-board=midnight-noir] .seat-avatar{color:#f4efdc;background:#3d484a;border-color:#aab2a8}.app .playing-surface[data-board=midnight-noir] .tabletop .seat-avatar>.player-avatar{color:#f4efdc}.app .playing-surface[data-board=midnight-noir] .seat-wind{color:#f4efdc;background:#283235;border-color:#aab2a8}.app .playing-surface[data-board=midnight-noir] .seat-active .seat-avatar{outline-color:#dab888}.app .playing-surface[data-board=midnight-noir] .your-hand,.app .hand-midnight-noir{background:linear-gradient(115deg,#353e40,#1d2528)!important;border-color:#8e9894!important}.app .playing-surface[data-board=midnight-noir] .your-hand .sc-own-status{color:#f4efdc}.app .playing-surface[data-board=midnight-noir] .tabletop .tile{filter:drop-shadow(0 2px 2px #0009)}.app .playing-surface[data-tiles=midnight-noir] .claimed-discard{opacity:.65}.swatch-midnight-noir{border-color:#a1a79f;background:#272727 var(--mat-wide) center/cover!important}.swatch-midnight-noir .swatch-core{background:#283235;border-color:#aab2a8}.swatch-midnight-noir .swatch-river i{background:#f4f0df;box-shadow:0 1px #737e78}.cobalt-feature[data-collection=midnight-noir]{color:#f4efdc;background:#23292b;border-color:#8e9894}.cobalt-feature[data-collection=midnight-noir] h2{color:#f4efdc}.cobalt-feature[data-collection=midnight-noir] p{color:#c6c8bc}.cobalt-feature[data-collection=midnight-noir] .cobalt-kicker{color:#cbb18c}.cobalt-feature[data-collection=midnight-noir] button{color:#232b2d;background:#e4dfcb;border-color:#e4dfcb}.cobalt-feature[data-collection=midnight-noir] button:hover{background:#fff8e2}.cobalt-feature[data-collection=midnight-noir] .cobalt-feature-art{background:var(--mat-square) center/cover}.cobalt-feature[data-collection=midnight-noir] .cobalt-feature-art:after{background:linear-gradient(90deg,#23292b,#0000 24%)}.app .cobalt-feature[data-collection=midnight-noir] .cobalt-feature-tiles .tile{box-shadow:0 3px #a9ada4,0 9px #303b3f,2px 12px #172023,4px 20px 16px #0008!important}.cobalt-feature[data-collection=midnight-noir] .cobalt-feature-art>span{color:#e9e4d1;background:#20282be8;border-color:#8e9894}.app .cobalt-catalog[data-collection=midnight-noir]>div{background:#283235;border-color:#8e9894}.app .cobalt-catalog[data-collection=midnight-noir] h3{color:#d9d9c7}.app .premium-collection-art[data-board=midnight-noir]{background:#272727 var(--mat-wide) center/cover}.app .artwork-tile-stage[data-collection=midnight-noir]{background:radial-gradient(#465052,#222a2c)}@media (width<=580px){.cobalt-feature[data-collection=midnight-noir] .cobalt-feature-art:after{background:linear-gradient(#23292b,#0000 28%)}}.app .tile:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(var(--tile-light,125deg),#fff5,transparent 24%,transparent 76%,#392b1810);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff5,inset 0 0 3px #523b181a}.app .tile .tile-index{z-index:2}.app .tile:is([data-set=cobalt-garden],[data-set=crane-blossom])>.tile-face{padding:0!important}.app .red-five .tile>.tile-face{filter:none}.app .tile[data-set=black]:after{background:linear-gradient(var(--tile-light,125deg),#ffffff15,transparent 30%,#0002);box-shadow:inset 0 0 0 1px #ffffff18}.app .playing-surface .tile{box-shadow:var(--tile-shadow-x,0px) var(--tile-shadow-y,2px) 0 var(--tile-edge,#b9b9a2),calc(var(--tile-shadow-x,0px)*1.5) calc(var(--tile-shadow-y,2px)*1.5) 0 var(--tile-base,#8d9981),var(--tile-shadow-x,0px) var(--tile-shadow-y,2px) 3px #101e1840!important}.app .playing-surface .station-top{--tile-shadow-x:0px;--tile-shadow-y:-2px;--tile-light:-65deg}.app .playing-surface .station-left{--tile-shadow-x:2px;--tile-shadow-y:0px;--tile-light:25deg}.app .playing-surface .station-right{--tile-shadow-x:-2px;--tile-shadow-y:0px;--tile-light:205deg}.app .playing-surface .playable-tile.selected .tile{outline-offset:2px;outline:2px solid #e2c27f}.app .playing-surface .latest-discard .tile{outline-offset:1px;outline:1.5px solid #d5af5a}@media (prefers-reduced-motion:reduce){.app .playing-surface .playable-tile{transition:none}}@media (width<=580px){.app.game-active:not(.review-active) .playing-surface .your-hand{--rack-height:auto;flex-direction:column;gap:6px;padding:8px 8px 12px;display:flex}.app.game-active:not(.review-active) .playing-surface .your-hand-top{order:0;height:22px;min-height:22px}.app.game-active:not(.review-active) .playing-surface .hand-rack{order:2;min-height:0}.app.game-active:not(.review-active) .hand-rack .playable-hand{align-content:start;row-gap:10px;max-width:340px;height:auto;min-height:0;padding:5px 2px}.app.game-active:not(.review-active) .playing-surface .table-action-area{flex-direction:column;flex:none;order:1;justify-content:center;align-items:stretch;gap:2px;height:auto;min-height:52px;margin:0;padding:0;display:flex;position:static}.app.game-active:not(.review-active) .playing-surface .table-action-area>p{clip-path:none;text-align:right;width:auto;height:auto;min-height:16px;max-height:30px;font-size:11px;line-height:1.3;position:static;overflow:auto}.app.game-active:not(.review-active) .playing-surface .table-action-buttons{flex:none;place-content:start flex-end;gap:6px;height:auto;min-height:0;max-height:none;padding:3px}.app.game-active:not(.review-active) .playing-surface .table-action-buttons .button{min-height:44px;padding:7px 12px;font-size:12px}.app.game-active:not(.review-active) .table-action-buttons .call-option{gap:6px;padding:5px 9px}.app.game-active:not(.review-active) .table-action-buttons .call-option .tile{width:17px;height:24px}.app.game-active:not(.review-active) .your-hand .hand-hint{order:3;margin:3px 0 0;position:static}.app.game-active:not(.review-active) .your-hand .table-action-area:has(.table-action-buttons:empty)>p{flex:none;height:auto;max-height:40px;padding:0;position:static;inset:auto;overflow:auto}.app.game-active:not(.review-active) .your-hand .table-action-area:has(.table-action-buttons:not(:empty))>p{clip-path:inset(50%);width:1px;height:1px;min-height:0;margin:0;padding:0;position:absolute;overflow:hidden}}.review-result-summary{justify-content:space-between;align-items:center;gap:22px;margin:0 0 16px;padding:18px 22px;display:flex}.review-result-summary h2{margin:4px 0 6px;font-size:21px}.review-result-summary p{font-size:13px;line-height:1.6}.review-result-summary .review-result-actions{flex-wrap:wrap;flex-shrink:0;gap:10px;display:flex}.review-result-summary .eyebrow{font-size:9px}.review-result-place{font:36px/1 var(--font-body);color:var(--green);min-width:50px}.review-result-copy{flex:1}.review-result-rating{font-weight:600}.review-extra{border:1px solid var(--line);background:var(--surface,#fff);border-radius:9px}.review-extra>summary{cursor:pointer;padding:15px;font-size:13px;font-weight:600}.review-extra>.panel{border:0}.review-extra:not([open])>:not(summary){display:none}.review-study-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.review-practice-dialog{border:1px solid var(--line);width:min(760px,100vw - 24px);max-height:90dvh;color:var(--ink);background:var(--surface,#fff);border-radius:14px;padding:22px;overflow:auto}.review-practice-dialog::backdrop{background:#101d165c}.review-practice-dialog>.text-button{margin-bottom:15px;margin-left:auto;display:block}.app.review-active .analysis-advanced:not([open]){margin-top:18px}.app.review-active .analysis-headline{margin:15px 0}.app.review-active .analysis-headline>p{font-size:12px}@media (width<=700px){.review-result-summary{flex-wrap:wrap;gap:12px;padding:16px}.review-result-summary .review-result-actions{width:100%}.review-result-summary h2{font-size:18px}.review-result-place{font-size:30px}.review-result-actions .button{flex:1;justify-content:center;padding:11px}.review-practice-dialog{padding:12px}}@media (width>=1150px){.analysis-current-hand>div{flex-wrap:nowrap;gap:2px}.analysis-current-hand .analysis-hand-tile{flex:0 46px;min-width:0}.analysis-current-hand .analysis-hand-tile>.game-tile{width:100%;max-width:38px}.analysis-current-hand .analysis-hand-tile>small{font-size:7px}}.app .playing-surface .riichi-felt.tabletop :is(.discard-river,.table-compass,.seat-station,.draw-wall){--floor-size:max(10px,min(48px,(100cqh - 170px)/14.2,(100cqw - 260px)/15.6));--river-tile:calc(var(--floor-size)*1.1);--river-height:calc(var(--river-tile)*60/43);--river-span:calc(var(--river-tile)*6 + var(--river-gap)*5);--square-size:max(68px,calc(var(--floor-size)*2.15));--river-gap:0px;--core-offset:34px;--river-clearance:16px}.app .playing-surface .riichi-felt.tabletop .discard-river{width:var(--river-span);gap:2px}.app .playing-surface .riichi-felt.tabletop .river-row{gap:var(--river-gap);min-width:var(--river-span);row-gap:4px}.app .playing-surface .riichi-felt.tabletop .river-row:has(.riichi-discard){min-width:calc(var(--river-span) + var(--river-height) - var(--river-tile))}.app .playing-surface .riichi-felt.tabletop .river-tile{margin:0}.app .playing-surface .riichi-felt.tabletop .river-tile .tile{border-radius:2px}.app .playing-surface .riichi-felt.tabletop .river-top{left:calc(50% + var(--square-size)/2);bottom:calc(50% - var(--core-offset) + var(--square-size)/2 + var(--river-clearance));transform:translate(-100%)rotate(180deg)}.app .playing-surface .riichi-felt.tabletop .river-bottom{left:calc(50% - var(--square-size)/2);top:calc(50% + var(--core-offset) + var(--square-size)/2 + var(--river-clearance));transform:none}.app .playing-surface .riichi-felt.tabletop .river-left{left:calc(50% - var(--square-size)/2 - var(--river-clearance));top:calc(50% + var(--core-offset) - var(--square-size)/2);transform-origin:0 0;transform:rotate(90deg)}.app .playing-surface .riichi-felt.tabletop .river-right{left:calc(50% + var(--square-size)/2 + var(--river-clearance));top:calc(50% + var(--core-offset) + var(--square-size)/2);transform-origin:0 0;transform:rotate(-90deg)}.app .playing-surface .riichi-felt.tabletop .table-compass .compass-round{box-shadow:none;background:0 0;border:0}.app .playing-surface .riichi-felt.tabletop .concealed-hand,.app .playing-surface .riichi-felt.tabletop .table-meld{gap:0}.app .playing-surface .your-hand-top .seat-avatar>.player-avatar{color:inherit;font:inherit}.app .playing-surface .seat-details>.seat-north-bonus{color:#2b4c3b;font:600 10px/14px var(--sans,sans-serif);white-space:nowrap;background:#e4eadf;border-radius:3px;padding:1px 5px;display:inline-block}@media (width>=581px){.app.game-active:not(.review-active) .playing-surface .your-hand{--rack-tile-width:clamp(28px,min(7.5dvh,(100cqw - 96px)/14.16),70px)}.app.game-active .playing-surface .hand-rack{align-items:flex-end;gap:14px}.app.game-active .playing-surface .playable-hand{align-items:flex-start;gap:0;padding-top:5px}.app.game-active .playing-surface .playable-tile{flex:0 0 min(var(--rack-tile-width),calc((100% - 10px)/var(--hand-slots,14)));max-width:var(--rack-tile-width)}.app.game-active .playing-surface .playable-tile .tile{border-radius:3px}.app.game-active .playing-surface .hand-rack .seat-melds{flex-wrap:nowrap;align-items:flex-end;max-width:none;padding:0 0 3px}.app.game-active .playing-surface .hand-rack .table-meld{gap:0}.app.game-active .playing-surface .hand-rack .table-meld .tile{width:calc(var(--rack-tile-width)*.76);height:calc(var(--rack-tile-width)*.76*60/43)}}@container playing-table (width<=800px){.app .playing-surface .riichi-felt.tabletop :is(.discard-river,.table-compass,.seat-station){--floor-size:max(10px,min(36px,(100cqw - 80px)/17.6,(100cqh - 180px)/17.6));--river-tile:var(--floor-size);--core-offset:0px;--river-gap:0px;--river-clearance:7px}.app .playing-surface .riichi-felt.tabletop .river-row,.app .playing-surface .riichi-felt.tabletop .river-row:last-child{width:var(--river-span);height:auto;min-height:var(--river-height);flex-wrap:wrap}.app .playing-surface .riichi-felt.tabletop .river-row:has(.riichi-discard){width:calc(var(--river-span) + var(--river-height) - var(--river-tile))}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right){width:110px;transform:none}.app .playing-surface .riichi-felt.tabletop .station-top{width:100%;max-width:none;top:10px;left:0;right:0;transform:none}.app .playing-surface .riichi-felt.tabletop .station-top .player-seat{width:100px;max-width:100px;position:absolute;top:52px;left:auto;right:8px}.app .playing-surface .riichi-felt.tabletop .station-top .opponent-rack{flex-direction:column;align-items:center;gap:5px;display:flex}.app .playing-surface .riichi-felt.tabletop .station-top .seat-melds{justify-content:center;width:auto;max-width:70%;position:static}.app .playing-surface .riichi-felt.tabletop .station-left{top:96px;left:6px}.app .playing-surface .riichi-felt.tabletop:has(.flowers-panel) .station-left{top:174px}.app .playing-surface .riichi-felt.tabletop .station-right{top:auto;bottom:64px;right:6px}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .concealed-hand{display:flex;transform:none}.app .playing-surface .riichi-felt.tabletop .station-left .concealed-hand{top:calc(100% + 8px);left:0}.app .playing-surface .riichi-felt.tabletop .station-right .concealed-hand{inset:auto 0 calc(100% + 8px) auto}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .player-seat{flex-direction:row;align-items:flex-start;gap:4px;width:110px;max-width:110px;transform:none}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .seat-melds{transform:none}}@container playing-table (width<=600px){.app .playing-surface .riichi-felt.tabletop :is(.discard-river,.table-compass,.seat-station){--floor-size:max(10px,min(26px,(100cqw - 84px)/14.4,(100cqh - 125px)/14.4))}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right),.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .player-seat{width:80px;max-width:80px}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .seat-identity{font-size:9px}.app .playing-surface .riichi-felt.tabletop:has(.flowers-panel) .station-left{top:146px}}@media (width<=580px){.app.game-active:not(.review-active) .hand-rack .playable-hand{gap:7px 0;max-width:360px;padding-inline:0}.app.game-active:not(.review-active) .playing-surface .hand-rack{min-height:calc(min(360px,100cqw - 16px)/2.50833 + 17px)}.app.game-active:not(.review-active) .playing-surface .table-action-area{min-height:54px}.app.game-active:not(.review-active) .playing-surface .playable-tile .tile{border-radius:3px}.app.game-active:not(.review-active) .playing-surface .hand-rack .table-meld{gap:0}}@media (width>=1200px){.app.game-active:not(.review-active) .solo-table-page{padding-right:184px}.app.game-active:not(.review-active) .solo-table-page>.table-toolbar{flex-direction:column;align-items:stretch;gap:24px;width:168px;max-width:none;height:auto;min-height:0;margin:0;padding:8px 0;display:flex;position:absolute;top:8px;right:0}.app.game-active:not(.review-active) .solo-table-page>.table-toolbar>div{flex-direction:column;align-items:stretch;gap:16px;width:100%;display:flex}.app.game-active .solo-table-page>.table-toolbar :is(.table-tool,.back-link){justify-content:flex-start;gap:10px;min-height:40px;font-size:13px}.app.game-active .solo-table-page>.table-toolbar .table-tool>span{display:inline}.app.game-active .solo-table-page>.table-toolbar .room-clock{box-sizing:border-box;flex-wrap:wrap;gap:8px;width:100%;min-width:0;max-width:none;padding:12px;display:flex}.app.game-active .solo-table-page>.table-toolbar .room-clock small{white-space:normal;flex-basis:100%}.app.game-active .solo-table-page>.table-toolbar .room-connection{white-space:normal;flex-wrap:wrap;font-size:11px;line-height:1.6;display:flex}.app.game-active .solo-table-page>.table-toolbar .pace-control{flex-direction:column;align-items:flex-start;gap:8px}.app.game-active.table-comfortable:not(.review-active) .table-main{width:calc(min(100%,1200px,145cqh)*var(--table-width,1))}.app.game-active:not(.table-comfortable):not(.review-active) .table-main{width:calc(min(100%,1140px,138cqh)*var(--table-width,1))}}.app .playing-surface .riichi-felt.tabletop .table-compass>.compass-scores{display:none}.app .playing-surface .seat-details>.seat-points{color:#f0e7c8;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:600;line-height:20px;display:block}.app .playing-surface .seat-details>.seat-points small{opacity:.8;font-size:9px;font-weight:400}.app .playing-surface .tabletop .table-compass .compass-round{gap:2px;padding:2px}.app .playing-surface .tabletop .table-compass .center-round{font-size:clamp(12px,calc(var(--floor-size)*.42),18px);line-height:1.1}.app .playing-surface .tabletop .table-compass .center-counters{gap:6px;font-size:9px;line-height:10px}@container playing-table (width>=801px){.app .playing-surface .riichi-felt.tabletop .seat-station{--standing-span:clamp(23px,calc(var(--floor-size)*1.1),49px);--standing-depth:calc(var(--standing-span)*.63);--back-edge:calc(var(--standing-span)*.23)}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right){width:170px;height:0;top:50%;bottom:auto;transform:none}.app .playing-surface .riichi-felt.tabletop .station-left{left:20px}.app .playing-surface .riichi-felt.tabletop .station-right{right:20px}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .concealed-hand{top:50%;bottom:auto;transform:translateY(-50%)}.app .playing-surface .riichi-felt.tabletop .station-left .concealed-hand{left:0;right:auto}.app .playing-surface .riichi-felt.tabletop .station-right .concealed-hand{left:auto;right:0}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .player-seat{flex-direction:column;gap:7px;width:130px;max-width:130px;position:absolute;inset:0 auto auto;transform:translateY(-50%)}.app .playing-surface .riichi-felt.tabletop .station-left .player-seat{left:calc(var(--standing-depth) + 28px)}.app .playing-surface .riichi-felt.tabletop .station-right .player-seat{right:calc(var(--standing-depth) + 28px)}.app .playing-surface .riichi-felt.tabletop .station-top{top:12px}.app .playing-surface .riichi-felt.tabletop .station-top .player-seat{flex-direction:row;align-items:center;gap:10px;width:170px;max-width:170px;top:8px;right:18px}.app .playing-surface .riichi-felt.tabletop .station-top .seat-details{align-items:flex-start}.app .playing-surface .riichi-felt.tabletop .station-top .opponent-rack{flex-direction:row-reverse;justify-content:center;align-items:flex-start;gap:14px;display:flex}.app .playing-surface .riichi-felt.tabletop .station-top .seat-melds{flex-wrap:nowrap;width:auto;max-width:65%;position:static}.app .playing-surface .riichi-felt.tabletop .seat-melds{--meld-width:clamp(20px,calc(var(--floor-size)*.8),34px);--meld-height:calc(var(--meld-width)*60/43)}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .seat-melds{top:auto;bottom:calc(var(--standing-span)*7 + 10px);max-width:80px;position:absolute;transform:none}.app .playing-surface .riichi-felt.tabletop .station-left .seat-melds{left:0;right:auto}.app .playing-surface .riichi-felt.tabletop .station-right .seat-melds{bottom:auto;left:auto;right:0;top:calc(var(--standing-span)*7 + 10px)}.app .playing-surface :is(.tabletop .seat-station,.your-hand-top) .player-seat .seat-identity{font-size:14px;line-height:18px}.app .playing-surface :is(.tabletop .seat-station,.your-hand-top) .player-seat .seat-name-line>strong{line-height:18px}.app .playing-surface .your-hand-top .player-seat{flex-direction:row;align-items:center;gap:10px;width:190px;max-width:190px;bottom:calc(100% + 12px);left:16px}.app .playing-surface .your-hand-top .seat-details{align-items:flex-start;gap:2px}.app .playing-surface .your-hand-top .seat-identity{align-items:flex-start}.app .playing-surface .riichi-felt.tabletop .felt-dora{max-width:170px;top:14px;left:65px}.app .playing-surface .riichi-felt.tabletop .felt-dora .tile{width:30px;height:41.8605px}}@container playing-table (width<=800px){.app .playing-surface .riichi-felt.tabletop .draw-wall{display:none}.app .playing-surface .riichi-felt.tabletop :is(.discard-river,.table-compass,.seat-station){--square-size:max(68px,calc(var(--floor-size)*3))}.app .playing-surface .seat-details>.seat-points{font-size:12px;line-height:15px}}@media (width>=1200px){.app.game-active .solo-table-page>.table-toolbar>.table-return{flex-shrink:0;max-width:none;position:static;inset:auto}.app.game-active .solo-table-page>.table-toolbar .back-link>span{white-space:normal;max-width:none}.app.game-active .solo-table-page>.table-toolbar .room-connection>span:first-of-type{white-space:normal;flex-basis:calc(100% - 22px);overflow:visible}.app.game-active .solo-table-page>.table-toolbar .table-return .room-code{white-space:normal;flex-basis:100%;padding-left:20px;font-size:10px;display:block}}@container playing-table (width>=801px){.app .playing-surface :is(.riichi-felt.tabletop .station-top,.your-hand .your-hand-top) .player-seat .seat-details,.app .playing-surface :is(.riichi-felt.tabletop .station-top,.your-hand .your-hand-top) .player-seat .seat-identity{align-items:flex-start;gap:2px;width:auto}.app .playing-surface :is(.riichi-felt.tabletop .station-top,.your-hand .your-hand-top) .player-seat .seat-name-line{justify-content:flex-start}.app .playing-surface .riichi-felt.tabletop .river-row,.app .playing-surface .riichi-felt.tabletop .river-row:last-child{width:var(--river-span);height:auto;min-height:var(--river-height);flex-wrap:wrap}.app .playing-surface .riichi-felt.tabletop .river-row:has(.riichi-discard){width:calc(var(--river-span) + var(--river-height) - var(--river-tile))}}@container playing-table (width<=800px){.app .playing-surface .riichi-felt.tabletop .seat-station{--standing-span:max(8px,min(22px,3.5cqw,(100cqh - var(--standing-reserve,200px))/14));--standing-depth:calc(var(--standing-span)*.63);--back-edge:calc(var(--standing-span)*.23)}.app .playing-surface .riichi-felt.tabletop:has(.flowers-panel) .seat-station{--standing-reserve:280px}}@container playing-table (width>=801px){.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .opponent-rack{flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:0;transform:translateY(-50%)}.app .playing-surface .riichi-felt.tabletop .station-left .opponent-rack{left:0}.app .playing-surface .riichi-felt.tabletop .station-right .opponent-rack{flex-direction:column-reverse;right:0}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .opponent-rack :is(.concealed-hand,.seat-melds){width:auto;max-width:none;position:relative;inset:auto;transform:none}.app .playing-surface :is(.riichi-felt.tabletop .station-top,.your-hand .your-hand-top) .player-seat .seat-details{flex:1;max-width:calc(100% - 46px)}.app .playing-surface :is(.riichi-felt.tabletop .station-top,.your-hand .your-hand-top) .player-seat .seat-identity{width:100%}}@container playing-table (width<=600px){.app .playing-surface .riichi-felt.tabletop .station-top .player-seat{top:30px;right:28px}}@container playing-table (width>=801px){.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .opponent-rack .seat-melds{flex-flow:column;gap:8px}}@container playing-table (width<=800px){.app .playing-surface .riichi-felt.tabletop .station-top .opponent-rack{flex-direction:row-reverse;justify-content:center;align-items:flex-start;gap:8px}.app .playing-surface .riichi-felt.tabletop .station-top .seat-melds{flex-wrap:nowrap;gap:4px;width:auto;max-width:none}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .opponent-rack{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.app .playing-surface .riichi-felt.tabletop .station-left .opponent-rack{top:calc(100% + 8px);left:0}.app .playing-surface .riichi-felt.tabletop .station-right .opponent-rack{flex-direction:column-reverse;bottom:calc(100% + 8px);right:0}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .opponent-rack :is(.concealed-hand,.seat-melds){width:auto;max-width:none;position:relative;inset:auto;transform:none}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .opponent-rack .seat-melds{flex-flow:column;gap:5px}}@container playing-table (width<=600px){.app .playing-surface .riichi-felt.tabletop .station-top .player-seat{flex-direction:row;align-items:center;gap:4px;width:88px;max-width:88px;top:38px;right:26px}.app .playing-surface .riichi-felt.tabletop .station-top .player-seat .seat-details{flex:1;gap:2px;max-width:60px}.app .playing-surface .riichi-felt.tabletop .felt-dora:has(.game-tile:nth-child(3)) .tile{width:14px;height:19.5349px}.app .playing-surface .riichi-felt.tabletop .felt-dora>div{gap:2px}}@container playing-table (width<=350px){.app .playing-surface .riichi-felt.tabletop .felt-dora:has(.game-tile:nth-child(3)) .tile{width:12px;height:16.7442px}}.app :is(.playing-surface,.spring-tile) .tile{border:0;box-shadow:var(--tile-shadow-x,0px) var(--tile-shadow-y,2px) 0 var(--tile-edge,#ced1c2),calc(var(--tile-shadow-x,0px)*1.7) calc(var(--tile-shadow-y,2px)*1.7) 0 var(--back-deep,#164c3d)!important;border-radius:1px!important}.app :is(.playing-surface,.spring-tile) .tile:after{display:none}.app :is(.playing-surface,.spring-tile) .tile .tile-face{display:block}.app .playing-surface .tabletop .discard-river{gap:4px}.app .playing-surface .tabletop .river-row{row-gap:4px}.app .playing-surface .tabletop .riichi-discard>.game-tile{transform:translateY(calc((var(--river-height) - var(--river-tile))/2)) rotate(90deg)}.app :is(.playing-surface .riichi-felt.tabletop,.spring-table-plane) .seat-station{--standing-depth:calc(var(--standing-span)*16/43);--standing-lean:calc(var(--standing-span)*18/43);--standing-rise:calc(var(--standing-span)*24/43);--back-edge:calc(var(--standing-depth)*.22)}@container playing-table (width>=801px){.app .playing-surface .riichi-felt.tabletop .seat-station{--standing-span:min(calc(var(--floor-size)*1.3),calc((100cqh - 40px)/15))}}.app :is(.playing-surface .tabletop,.spring-table-plane) .tile-back{box-sizing:border-box;width:var(--standing-span);height:calc(var(--standing-depth) + var(--standing-rise));border-radius:0;flex:none;position:relative;overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important}.app :is(.playing-surface .tabletop,.spring-table-plane) .tile-back:before,.app :is(.playing-surface .tabletop,.spring-table-plane) .tile-back:after{display:none}.app :is(.playing-surface .tabletop,.spring-table-plane) .standing-cap,.app :is(.playing-surface .tabletop,.spring-table-plane) .standing-upright{box-sizing:border-box;pointer-events:none;display:block;position:absolute;box-shadow:inset 0 0 0 .6px #243e3140}.app :is(.playing-surface .tabletop,.spring-table-plane) .standing-cap{height:var(--standing-depth);background:linear-gradient(180deg,var(--back-cap,#fffffb) calc(100% - var(--back-edge)),var(--back-color,#305441) 0);border-radius:1px 1px 0 0;inset:0 0 auto}.app :is(.playing-surface .tabletop,.spring-table-plane) .standing-upright{inset:var(--standing-depth) 0 auto;height:var(--standing-rise);background:linear-gradient(180deg,color-mix(in srgb,var(--back-color,#305441),white 6%),var(--back-color,#305441) 18%,var(--back-face-shade,var(--back-color,#305441)));box-shadow:inset 0 1px 0 #ffffff25,inset 0 0 0 .6px #243e3150,0 1px 0 var(--back-deep,#264234),0 2px 2px #16271e30;border-radius:0 0 1px 1px}.app :is(.playing-surface .tabletop,.spring-table-plane) :is(.station-left,.station-right) .concealed-hand{padding-bottom:var(--standing-rise)}.app :is(.playing-surface .tabletop,.spring-table-plane) :is(.station-left,.station-right) .tile-back{width:calc(var(--standing-depth) + var(--standing-lean));height:var(--standing-span);z-index:var(--tile-order,0)}.app :is(.playing-surface .tabletop,.spring-table-plane) .station-right .tile-back{z-index:calc(20 - var(--tile-order,0))}.app :is(.playing-surface .tabletop,.spring-table-plane) :is(.station-left,.station-right) .standing-cap{width:var(--standing-depth);background:linear-gradient(var(--standing-side-direction,90deg),var(--back-cap,#fffffb) calc(100% - var(--back-edge)),var(--back-color,#305441) 0);border-radius:1px 1px 0 0;height:100%}.app :is(.playing-surface .tabletop,.spring-table-plane) :is(.station-left,.station-right) .standing-upright{width:var(--standing-depth);transform-origin:0 0;background:linear-gradient(var(--standing-side-direction,90deg),var(--back-shade,#ecece3) calc(100% - var(--back-edge)),var(--back-face-shade,var(--back-color,#305441)) 0);top:100%;transform:skew(36.8699deg)}.app :is(.playing-surface .tabletop,.spring-table-plane) .station-right{--standing-side-direction:270deg}.app :is(.playing-surface .tabletop,.spring-table-plane) .standing-side{display:none}.app :is(.playing-surface .tabletop,.spring-table-plane) :is(.station-left,.station-right) .standing-side{left:var(--standing-depth);width:var(--standing-lean);height:calc(var(--standing-span) + var(--standing-rise));background:linear-gradient(90deg,var(--back-color,#305441),var(--back-face-shade,var(--back-color,#305441)));clip-path:polygon(0 0,100% 35.8209%,100% 100%,0 64.1791%);pointer-events:none;display:block;position:absolute;top:0}.app :is(.playing-surface .tabletop,.spring-table-plane) .station-right .standing-side{clip-path:polygon(100% 0,0 35.8209%,0 100%,100% 64.1791%);left:0}.app :is(.playing-surface .tabletop,.spring-table-plane) .station-right .standing-cap{left:auto;right:0}.app :is(.playing-surface .tabletop,.spring-table-plane) .station-right .standing-upright{transform-origin:100% 0;left:auto;right:0;transform:skew(-36.8699deg)}.app :is(.playing-surface .tabletop,.spring-table-plane) .station-bottom .standing-cap{background:linear-gradient(0deg,var(--back-cap,#fffffb) calc(100% - var(--back-edge)),var(--back-color,#305441) 0)}.app :is(.playing-surface .tabletop,.spring-table-plane) .station-bottom .standing-upright{background:var(--back-shade,#ecece3)}.app .playing-surface .riichi-felt.tabletop .draw-wall{pointer-events:none;--wall-stacks:17;--wall-face:calc((var(--floor-size)*5.6 + 40px)/((var(--wall-stacks) - 60/43)/2));--wall-depth:calc(var(--wall-face)*60/43);--wall-run:calc(var(--wall-face)*var(--wall-stacks));--wall-outer:calc(var(--wall-run) + var(--wall-depth));position:absolute;inset:0}.draw-wall .wall-side{width:var(--wall-run);height:var(--wall-depth);transform-origin:0 0;gap:0;display:flex;position:absolute}.draw-wall .wall-top{left:calc(50% - var(--wall-outer)/2);top:calc(50% + var(--core-offset) - var(--wall-outer)/2);--wall-shadow-x:0px;--wall-shadow-y:3px}.draw-wall .wall-right{left:calc(50% + var(--wall-outer)/2);top:calc(50% + var(--core-offset) - var(--wall-outer)/2);--wall-shadow-x:3px;--wall-shadow-y:0px;transform:rotate(90deg)}.draw-wall .wall-bottom{left:calc(50% + var(--wall-outer)/2);top:calc(50% + var(--core-offset) + var(--wall-outer)/2);--wall-shadow-x:0px;--wall-shadow-y:-3px;transform:rotate(180deg)}.draw-wall .wall-left{left:calc(50% - var(--wall-outer)/2);top:calc(50% + var(--core-offset) + var(--wall-outer)/2);--wall-shadow-x:-3px;--wall-shadow-y:0px;transform:rotate(-90deg)}.draw-wall .wall-slot{flex:0 0 var(--wall-face);width:var(--wall-face);height:var(--wall-depth);display:block;position:relative}.draw-wall .wall-stack{position:absolute;inset:0}.draw-wall .wall-tile{box-shadow:var(--wall-shadow-x) var(--wall-shadow-y) 0 var(--wall-body,var(--back-shade,#d3d4cf)),calc(var(--wall-shadow-x)*1.6) calc(var(--wall-shadow-y)*1.6) 0 var(--back-deep,#1f362a);background:var(--back-shade,#d3d4cf);border-radius:1px;display:block;position:absolute;inset:0}.draw-wall .wall-upper{z-index:1;translate:calc(var(--wall-shadow-x)*-1.5) calc(var(--wall-shadow-y)*-1.5)}.draw-wall .wall-tile>i{background:linear-gradient(130deg,var(--back-color,#305441),var(--back-face-shade,var(--back-deep,#1f362a)));width:100%;height:100%;box-shadow:inset 0 1px 0 #ffffff25,inset 0 0 0 .6px var(--back-outline,transparent),inset -1px -1px 1px #10263830;border:0;border-radius:2px;display:block}.draw-wall .wall-indicator{pointer-events:auto}.app .playing-surface .riichi-felt.tabletop .draw-wall .game-tile{width:100%;height:100%;line-height:0;display:block}.app .playing-surface .riichi-felt.tabletop .draw-wall .tile{--tile-light:125deg;width:100%;height:100%;box-shadow:none!important}.draw-wall .wall-top .game-tile{transform:rotate(180deg)}@container playing-table (width>=801px){.app .playing-surface .riichi-felt.tabletop:has(.has-dead-wall)>.felt-dora:not(.flowers-panel){display:none}.app .playing-surface .riichi-felt.tabletop .seat-melds{--meld-width:calc(var(--floor-size)*1.16);--meld-height:calc(var(--meld-width)*60/43)}.app .playing-surface .riichi-felt.tabletop .seat-melds:has(.table-meld:nth-child(4)){--meld-width:min(calc(var(--floor-size)*1.16),calc((100cqh - 80px)/16))}.app .playing-surface .riichi-felt.tabletop .station-top{top:8px}.app .playing-surface .riichi-felt.tabletop .station-top .opponent-rack{align-items:flex-start;gap:12px}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .opponent-rack{align-items:center;gap:12px}.app .playing-surface .riichi-felt.tabletop .station-top .player-seat{right:100px;top:calc(var(--standing-depth) + 28px);width:150px;max-width:150px}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .player-seat{transform-origin:50%;flex-direction:row;align-items:center;gap:10px;width:220px;max-width:220px}.app .playing-surface .riichi-felt.tabletop .station-left .player-seat{left:calc(var(--standing-depth) - 36px);top:-26cqh;transform:rotate(90deg)}.app .playing-surface .riichi-felt.tabletop .station-right .player-seat{right:calc(var(--standing-depth) - 36px);top:18cqh;transform:rotate(-90deg)}.app .playing-surface :is(.riichi-felt.tabletop .seat-station,.your-hand .your-hand-top) .player-seat .seat-details{flex:1;align-items:flex-start;gap:3px;max-width:calc(100% - 42px);display:flex}.app .playing-surface :is(.riichi-felt.tabletop .seat-station,.your-hand .your-hand-top) .player-seat .seat-identity{align-items:flex-start;gap:3px;font-size:16px;line-height:19px}.app .playing-surface :is(.riichi-felt.tabletop .seat-station,.your-hand .your-hand-top) .player-seat .seat-name-line{justify-content:flex-start}.app .playing-surface :is(.riichi-felt.tabletop .seat-station,.your-hand .your-hand-top) .player-seat .seat-avatar{flex-basis:30px;width:30px;height:30px}.app .playing-surface .your-hand .your-hand-top .player-seat{width:210px;max-width:210px;bottom:calc(100% + 12px);left:50px}.app .playing-surface .your-hand .your-hand-top .seat-details{max-width:168px}.app .playing-surface .riichi-felt.tabletop .concealed-count{display:none}}@media (width>=1200px){.app.game-active .solo-table-page.table-showing-result{overflow:visible}.app.game-active .solo-table-page.table-showing-result>.table-layout{flex:1;min-height:0;padding-bottom:16px;overflow-y:auto}.app.game-active .solo-table-page.table-showing-result>.finished-table{min-height:0;overflow-y:auto}}.draw-wall.has-dead-wall .wall-top .wall-slot:nth-child(-n+7){translate:-8px}.app .playing-surface .tabletop .discard-river .tile-index{font-size:clamp(4px,calc(var(--river-tile)*.2),8px);border-radius:0;padding:0}.app .playing-surface .riichi-felt.tabletop .draw-wall[data-wall-stacks="18"]{--wall-stacks:18}.app .playing-surface .riichi-felt.tabletop .draw-wall[data-wall-stacks="14"]{--wall-stacks:14}.app .playing-surface .tabletop .river-row{column-gap:var(--river-gap)}.app .playing-surface .tabletop .river-tile .tile{box-shadow:var(--tile-shadow-x,0px) var(--tile-shadow-y,2px) 0 #d5d5c8,calc(var(--tile-shadow-x,0px)*1.5) calc(var(--tile-shadow-y,2px)*1.5) 0 var(--back-deep,#164c3d)!important}@container playing-table (width<=800px){.app .playing-surface .tabletop .river-tile .tile{box-shadow:calc(var(--tile-shadow-x,0px)*.5) calc(var(--tile-shadow-y,2px)*.5) 0 #cbd1bf!important}}@container playing-table (width>=801px){.app .playing-surface .riichi-felt.tabletop :is(.station-top,.station-left,.station-right){pointer-events:none;width:100%;max-width:none;height:100%;inset:0;transform:none}.app .playing-surface .riichi-felt.tabletop .seat-station :is(.player-seat,.opponent-rack){pointer-events:auto}.app .playing-surface .riichi-felt.tabletop .station-top .opponent-rack{width:max-content;max-width:calc(100% - 160px);position:absolute;top:4px;left:50%;transform:translate(-50%)}.app .playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .opponent-rack{top:50%;bottom:auto;transform:translateY(-50%)}.app .playing-surface .riichi-felt.tabletop .station-left .opponent-rack{left:20px}.app .playing-surface .riichi-felt.tabletop .station-right .opponent-rack{right:20px}.app .playing-surface .riichi-felt.tabletop .seat-station .player-seat{width:var(--seat-label-width,140px);max-width:var(--seat-label-width,140px);transform-origin:15px;flex-direction:row;align-items:center;gap:10px}.app .playing-surface .riichi-felt.tabletop .station-top .player-seat{width:var(--seat-label-width,140px);max-width:var(--seat-label-width,140px);top:130px;left:var(--seat-right-anchor,calc(100% - 240px));bottom:auto;right:auto;transform:translateY(-50%)}.app .playing-surface .riichi-felt.tabletop .station-left .player-seat{left:var(--seat-left-anchor,100px);top:130px;bottom:auto;right:auto;transform:translateY(-50%)}.app .playing-surface .riichi-felt.tabletop .station-right .player-seat{left:var(--seat-right-anchor,calc(100% - 240px));top:auto;bottom:130px;right:auto;transform:translateY(50%)}.app .playing-surface .your-hand .your-hand-top .player-seat{left:calc(var(--seat-left-anchor,100px) - var(--seat-rack-left-offset,16px));bottom:calc(100% + 130px + var(--seat-rack-top-offset,8px));width:var(--seat-own-label-width,140px);max-width:var(--seat-own-label-width,140px);transform-origin:15px;align-items:center;transform:translateY(50%)}}.revealed-hand{flex:none;gap:3px;display:flex}.app .playing-surface .tabletop .revealed-hand{--reveal-width:min(var(--standing-span),var(--floor-size));--reveal-height:calc(var(--reveal-width)*60/43)}.app .playing-surface .tabletop .revealed-hand .game-tile{width:var(--reveal-width);height:var(--reveal-height);flex:none;justify-content:center;align-items:center;display:flex}.app .playing-surface .tabletop .revealed-hand .tile{width:var(--reveal-width);height:var(--reveal-height);flex:none}.app .playing-surface .tabletop .station-top .revealed-hand{flex-direction:row-reverse}.app .playing-surface .tabletop .station-top .revealed-hand .tile{--tile-shadow-x:0px;--tile-shadow-y:-2px;transform:rotate(180deg)}.app .playing-surface .tabletop :is(.station-left,.station-right) .revealed-hand{flex-direction:column}.app .playing-surface .tabletop .station-right .revealed-hand{flex-direction:column-reverse}.app .playing-surface .tabletop :is(.station-left,.station-right) .revealed-hand .game-tile{width:var(--reveal-height);height:var(--reveal-width)}.app .playing-surface .tabletop .station-left .revealed-hand .tile{--tile-shadow-x:2px;--tile-shadow-y:0px;transform:rotate(90deg)}.app .playing-surface .tabletop .station-right .revealed-hand .tile{--tile-shadow-x:-2px;--tile-shadow-y:0px;transform:rotate(-90deg)}.table-result-dialog{background:var(--paper,#fafbf6);width:min(720px,100vw - 24px);max-height:calc(100dvh - 32px);color:var(--ink,#2b4c3b);border:1px solid #c5d2c3;border-radius:12px;padding:0;overflow:auto}.table-result-dialog::backdrop{background:#16261e80}.table-result-dialog .hand-result{border:0;margin:0;padding:30px}.table-result-dialog .result-close{z-index:2;position:absolute;top:10px;right:10px}.app .playing-surface .tabletop .station-left .seat-melds .tile{--tile-shadow-x:2px;--tile-shadow-y:0px}.app .playing-surface .tabletop .station-right .seat-melds .tile{--tile-shadow-x:-2px;--tile-shadow-y:0px}.app .playing-surface .tabletop .station-top .seat-melds .tile{--tile-shadow-x:0px;--tile-shadow-y:-2px}.app .playing-surface .tabletop :is(.station-left,.station-right) .table-meld{gap:3px}@container playing-table (width<=350px){.app .playing-surface .riichi-felt.tabletop:not(:has(.flowers-panel)) .station-left{top:84px}.app .playing-surface .riichi-felt.tabletop .station-right{bottom:76px}}@container playing-table (width>=801px){.app .playing-surface .riichi-felt.tabletop .river-extended .river-row:nth-child(3){width:calc(var(--river-tile)*8 + 1px);flex-wrap:wrap;height:auto}}.app.game-active .revealing-result .your-hand .hand-options{visibility:hidden}.app.game-active .revealing-result .your-hand .table-action-area>p{clip-path:none;text-align:left;width:calc(100% - 270px);max-width:none;height:auto;max-height:36px;font-size:14px;line-height:18px;position:absolute;bottom:0;left:0;overflow:auto}@media (width<=580px){.app.game-active .revealing-result .your-hand .table-action-area>p{width:100%;font-size:12px;bottom:54px}}@container playing-table (width<=350px){.app .playing-surface .riichi-felt.tabletop :is(.discard-river,.table-compass,.seat-station){--floor-size:max(10px,min(24px,(100cqw - 112px)/14.4,(100cqh - 125px)/14.4));--river-gap:0px}}.app .playing-surface .riichi-felt.tabletop .discard-river{--river-gap:0px;gap:0}.app .playing-surface .riichi-felt.tabletop .discard-river .river-row{width:max-content;min-width:var(--river-span);height:var(--river-height);min-height:var(--river-height);flex-flow:row;align-items:flex-start;gap:0;display:flex}.app .playing-surface .riichi-felt.tabletop .discard-river .river-row:has(.riichi-discard){min-width:calc(var(--river-span) + var(--river-height) - var(--river-tile))}@container playing-table (width<=800px){.app .playing-surface .riichi-felt.tabletop .river-extended .river-row:nth-child(3){width:calc(var(--river-span) + 1px);flex-wrap:wrap;height:auto}.app .playing-surface .riichi-felt.tabletop .river-extended .river-row:nth-child(3):has(.riichi-discard){width:calc(var(--river-span) + var(--river-height) - var(--river-tile) + 1px)}}.app .playing-surface .riichi-felt.tabletop :is(.river-tile,.seat-melds .game-tile,.revealed-hand .game-tile) .tile{background:linear-gradient(var(--tile-light,135deg),var(--face-light,#fffef7),var(--face-dark,#f3f2e9));--edge:min(16%,11px);--body-angle:180deg;overflow:visible;border:0!important;border-radius:1px!important;box-shadow:inset -.6px 0 1px #26352830!important}.app .playing-surface .riichi-felt.tabletop :is(.river-tile,.seat-melds .game-tile,.revealed-hand .game-tile) .tile .tile-face{padding:4% 5%}.app .playing-surface .riichi-felt.tabletop :is(.river-tile,.seat-melds .game-tile,.revealed-hand .game-tile) .tile-with-guide .tile-face{padding-top:14%}.app .playing-surface .riichi-felt.tabletop :is(.river-tile,.seat-melds .game-tile,.revealed-hand .game-tile) .tile:after{content:"";height:var(--edge);width:auto;box-shadow:none;background:linear-gradient(var(--body-angle),var(--back-shade,#d9d9ca),color-mix(in srgb,var(--back-shade,#d9d9ca),#000 22%) 12% 72%,var(--back-deep,#0b4438) 73%);pointer-events:none;border-radius:0 0 1px 1px;display:block;position:absolute;inset:100% 0 auto}.app .playing-surface .riichi-felt.tabletop :is(.river-top .river-tile,.station-top .opponent-rack .game-tile) .tile{--edge:min(16%,11px);--body-angle:0deg}.app .playing-surface .riichi-felt.tabletop :is(.river-top .river-tile,.station-top .opponent-rack .game-tile) .tile:after{height:var(--edge);border-radius:1px 1px 0 0;width:auto;inset:auto 0 100%}.app .playing-surface .riichi-felt.tabletop :is(.river-left .river-tile,.station-left .opponent-rack .game-tile) .tile{--edge:min(22%,11px);--body-angle:90deg}.app .playing-surface .riichi-felt.tabletop :is(.river-left .river-tile,.station-left .opponent-rack .game-tile) .tile:after{width:var(--edge);border-radius:0 1px 1px 0;height:auto;inset:0 auto 0 100%}.app .playing-surface .riichi-felt.tabletop :is(.river-right .river-tile,.station-right .opponent-rack .game-tile) .tile{--edge:min(22%,11px);--body-angle:270deg}.app .playing-surface .riichi-felt.tabletop :is(.river-right .river-tile,.station-right .opponent-rack .game-tile) .tile:after{width:var(--edge);border-radius:1px 0 0 1px;height:auto;inset:0 100% 0 auto}.app .playing-surface .riichi-felt.tabletop .river-bottom .river-tile.riichi-discard .tile{--edge:min(22%,11px);--body-angle:90deg}.app .playing-surface .riichi-felt.tabletop .river-bottom .river-tile.riichi-discard .tile:after{width:var(--edge);border-radius:0 1px 1px 0;height:auto;inset:0 auto 0 100%}.app .playing-surface .riichi-felt.tabletop .river-top .river-tile.riichi-discard .tile{--edge:min(22%,11px);--body-angle:270deg}.app .playing-surface .riichi-felt.tabletop .river-top .river-tile.riichi-discard .tile:after{width:var(--edge);border-radius:1px 0 0 1px;height:auto;inset:0 100% 0 auto}.app .playing-surface .riichi-felt.tabletop .river-left .river-tile.riichi-discard .tile{--edge:min(16%,11px);--body-angle:0deg}.app .playing-surface .riichi-felt.tabletop .river-left .river-tile.riichi-discard .tile:after{height:var(--edge);border-radius:1px 1px 0 0;width:auto;inset:auto 0 100%}.app .playing-surface .riichi-felt.tabletop .river-right .river-tile.riichi-discard .tile{--edge:min(16%,11px);--body-angle:180deg}.app .playing-surface .riichi-felt.tabletop .river-right .river-tile.riichi-discard .tile:after{height:var(--edge);border-radius:0 0 1px 1px;width:auto;inset:100% 0 auto}.app .playing-surface .riichi-felt.tabletop .river-row,.app .playing-surface .riichi-felt.tabletop :is(.river-tile,.seat-melds .game-tile,.revealed-hand .game-tile){position:relative}.app .playing-surface .riichi-felt.tabletop .latest-discard .tile{outline-offset:-1px;outline:1px solid #e1b956}.app .playing-surface .riichi-felt.tabletop .station-left .opponent-rack .game-tile{z-index:var(--tile-order,0)}.app .playing-surface .riichi-felt.tabletop .station-right .opponent-rack .game-tile{z-index:calc(32 - var(--tile-order,0))}.app .playing-surface .riichi-felt.tabletop :is(.table-meld,.revealed-hand){gap:0}.app.tile-guides .playing-surface .riichi-felt.tabletop :is(.river-tile,.seat-melds .game-tile,.revealed-hand .game-tile) .tile:not([data-guides=false]) .tile-face{padding-top:14%}.app .playing-surface .riichi-felt.tabletop :is(.river-tile,.seat-melds .game-tile,.revealed-hand .game-tile) .tile-index{top:1px;left:2px}@container playing-table (width<=600px){.app .playing-surface .riichi-felt.tabletop .station-top .opponent-rack{translate:0 -5px}}@container playing-table (width>=801px){.app .playing-surface .riichi-felt.tabletop .station-top .player-seat{gap:6px}.app .playing-surface .riichi-felt.tabletop .station-top .player-seat .seat-details{max-width:calc(100% - 36px)}}.app .playing-surface .riichi-felt.tabletop .concealed-hand{--draw-gap:clamp(5px,calc(var(--standing-span)*.36),14px)}.app .playing-surface .riichi-felt.tabletop .station-top .concealed-hand{flex-direction:row-reverse}.app .playing-surface .riichi-felt.tabletop .station-top .drawn-back{margin-right:var(--draw-gap)}.app .playing-surface .riichi-felt.tabletop .station-left .drawn-back{margin-top:var(--draw-gap)}.app .playing-surface .riichi-felt.tabletop .station-right .drawn-back{margin-bottom:var(--draw-gap)}.app .playing-surface .riichi-felt.tabletop .station-bottom .drawn-back{margin-left:var(--draw-gap)}.app .review-table .review-hand{color:#eee9cf;background:0 0;border:0;border-top:1px solid #ffffff16;border-radius:0;margin:0;padding:14px}.app .review-table .review-rack{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;display:flex}.app .review-table .review-hand-tiles{flex:1;justify-content:center;gap:0;margin:0}.app .review-table .review-hand-tiles .tile{aspect-ratio:43/60;width:100%;height:auto}.app .review-table .review-rack>.seat-melds{flex-wrap:wrap;gap:8px;display:flex;position:static}.app .review-table .review-rack .table-meld{gap:0;display:flex}.app .review-table .review-rack .table-meld .tile{aspect-ratio:43/60;width:clamp(22px,3cqw,42px);height:auto}@container playing-table (width>=801px){.app .review-table .riichi-felt.tabletop .station-bottom{pointer-events:none;width:100%;max-width:none;height:100%;inset:0;transform:none}.app .review-table .riichi-felt.tabletop .station-bottom .player-seat{width:var(--seat-own-label-width,140px);max-width:var(--seat-own-label-width,140px);left:var(--seat-left-anchor,100px);top:auto;right:auto;bottom:var(--review-label-inset);pointer-events:auto;position:absolute;transform:translateY(50%)}.app .review-table .riichi-felt.tabletop{--review-label-inset:clamp(75px,calc((100cqh - 235px)/2),130px)}.app .review-table .riichi-felt.tabletop :is(.station-top,.station-left) .player-seat{top:var(--review-label-inset)}.app .review-table .riichi-felt.tabletop .station-right .player-seat{bottom:var(--review-label-inset)}.app .playing-surface.compact-seat-labels :is(.riichi-felt.tabletop .seat-station,.your-hand .your-hand-top) .player-seat{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:3px 6px;display:grid}.app .playing-surface.compact-seat-labels :is(.riichi-felt.tabletop .seat-station,.your-hand .your-hand-top) .player-seat .seat-details{display:contents}.app .playing-surface.compact-seat-labels :is(.riichi-felt.tabletop .seat-station,.your-hand .your-hand-top) .player-seat .seat-identity{min-width:0;font-size:14px;line-height:17px}.app .playing-surface.compact-seat-labels :is(.riichi-felt.tabletop .seat-station,.your-hand .your-hand-top) .player-seat :is(.seat-points,.riichi-label,.seat-north-bonus){grid-column:1/-1}}.app .featured-game>header h2{font-size:20px;line-height:1.3}.spectator-viewport{overscroll-behavior-x:contain;border-radius:10px;width:100%;overflow-x:auto}.spectator-canvas{width:100%;container:playing-table/inline-size}.spectator-enlarged .spectator-canvas{width:max(100%,720px)}.app .spectator-surface.playing-surface .spectator-enlarged .watch-board{height:740px;min-height:740px}.spectator-size-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.spectator-size-controls .text-button{align-items:center;gap:7px;min-height:40px;display:flex}.spectator-size-controls small{color:var(--muted);font-size:12px}.app .spectator-surface.playing-surface .watch-board{aspect-ratio:1.5;border:5px solid #819f7c;border-radius:10px;width:100%;max-width:none;height:auto;min-height:440px;overflow:hidden}.app.watch-active .spectator-surface.playing-surface .watch-board{height:clamp(480px,100dvh - 240px,820px)}.app .spectator-surface.playing-surface .riichi-felt.tabletop :is(.discard-river,.table-compass,.seat-station,.draw-wall){--floor-size:max(12px,min(44px,(100cqw - 200px)/15.2,(100cqh - 180px)/15.2));--river-tile:var(--floor-size);--river-height:calc(var(--river-tile)*60/43);--square-size:max(78px,calc(var(--floor-size)*2.15));--core-offset:0px;--river-clearance:8px}.app .spectator-surface.playing-surface .riichi-felt.tabletop .table-compass .center-round{white-space:nowrap}.app .spectator-surface.playing-surface .riichi-felt.tabletop .draw-wall{display:block}.app .spectator-surface.playing-surface .riichi-felt.tabletop>.felt-dora{display:none}.app .spectator-surface.playing-surface .riichi-felt.tabletop .seat-station{pointer-events:none;--standing-span:min(34px,calc((100cqh - 100px)/17),calc((100cqw - 40px)/25));width:100%;max-width:none;height:100%;inset:0;transform:none}.app .spectator-surface.playing-surface .riichi-felt.tabletop .seat-station .player-seat{pointer-events:auto;flex-direction:row;align-items:center;gap:7px;width:120px;max-width:120px;display:flex;position:absolute;inset:auto;transform:none}.app .spectator-surface.playing-surface .riichi-felt.tabletop :is(.station-left,.station-top) .player-seat{top:56px}.app .spectator-surface.playing-surface .riichi-felt.tabletop :is(.station-bottom,.station-right) .player-seat{bottom:56px}.app .spectator-surface.playing-surface .riichi-felt.tabletop :is(.station-left,.station-bottom) .player-seat{left:40px}.app .spectator-surface.playing-surface .riichi-felt.tabletop :is(.station-top,.station-right) .player-seat{right:40px}.app .spectator-surface.playing-surface .riichi-felt.tabletop .seat-avatar{flex:0 0 30px;width:30px;height:30px;display:grid}.app .spectator-surface.playing-surface .riichi-felt.tabletop .seat-station .player-seat .seat-details{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:83px;display:flex}.app .spectator-surface.playing-surface .riichi-felt.tabletop .seat-station .player-seat .seat-identity{align-items:flex-start;width:100%;font-size:13px;line-height:16px}.app .spectator-surface.playing-surface .riichi-felt.tabletop .seat-name-line{justify-content:flex-start}.app .spectator-surface.playing-surface .riichi-felt.tabletop .seat-station .player-seat .seat-points{align-items:center;gap:5px;font-size:12px;line-height:18px;display:flex}.app .spectator-surface.playing-surface .riichi-felt.tabletop .concealed-count{display:none}.app .spectator-surface.playing-surface .riichi-felt.tabletop .opponent-rack{justify-content:center;align-items:center;gap:8px;width:max-content;max-width:none;display:flex;position:absolute;inset:auto}.app .spectator-surface.playing-surface .riichi-felt.tabletop :is(.station-top,.station-bottom) .opponent-rack{flex-direction:row-reverse;left:50%;transform:translate(-50%)}.app .spectator-surface.playing-surface .riichi-felt.tabletop .station-top .opponent-rack{top:10px}.app .spectator-surface.playing-surface .riichi-felt.tabletop .station-bottom .opponent-rack{flex-direction:row;bottom:10px}.app .spectator-surface.playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .opponent-rack{flex-direction:column;top:50%;transform:translateY(-50%)}.app .spectator-surface.playing-surface .riichi-felt.tabletop .station-left .opponent-rack{left:10px}.app .spectator-surface.playing-surface .riichi-felt.tabletop .station-right .opponent-rack{flex-direction:column-reverse;right:10px}.app .spectator-surface.playing-surface .riichi-felt.tabletop .opponent-rack :is(.concealed-hand,.seat-melds){width:auto;max-width:none;display:flex;position:relative;inset:auto;transform:none}.app .spectator-surface.playing-surface .riichi-felt.tabletop .seat-melds{--meld-width:var(--standing-span);--meld-height:calc(var(--meld-width)*60/43);flex-wrap:nowrap;gap:5px}.app .spectator-surface.playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .seat-melds{flex-direction:column}.featured-playback{border-bottom:1px solid var(--border,#dae3d2);flex:100%;min-width:0;padding-bottom:12px}.featured-transport{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.featured-transport .button{gap:8px;min-height:40px}.featured-transport .text-button{place-items:center;min-width:40px;min-height:40px;display:grid}.featured-position{font-variant-numeric:tabular-nums;color:var(--muted,#668462);font-size:11px}.featured-game-copy .featured-move{flex:180px;font-size:13px;line-height:1.5}.featured-playback input{width:100%;accent-color:var(--green,#345b47);cursor:pointer;margin:12px 0 0}@container playing-table (width<=800px){.app .spectator-surface.playing-surface .watch-board{min-height:560px}.app .spectator-surface.playing-surface .riichi-felt.tabletop :is(.discard-river,.table-compass,.seat-station,.draw-wall){--floor-size:max(12px,min(30px,(100cqw - 140px)/13.2,(100cqh - 320px)/13.2));--square-size:60px;--river-clearance:5px}.app .spectator-surface.playing-surface .riichi-felt.tabletop .seat-station .player-seat{width:112px;max-width:112px}.app .spectator-surface.playing-surface .riichi-felt.tabletop :is(.station-left,.station-bottom) .player-seat{left:12px}.app .spectator-surface.playing-surface .riichi-felt.tabletop :is(.station-top,.station-right) .player-seat{right:12px}.app .spectator-surface.playing-surface .riichi-felt.tabletop :is(.station-left,.station-top) .player-seat{top:44px}.app .spectator-surface.playing-surface .riichi-felt.tabletop :is(.station-bottom,.station-right) .player-seat{bottom:44px}.app .spectator-surface.playing-surface .riichi-felt.tabletop .seat-avatar{flex-basis:24px;width:24px;height:24px}.app .spectator-surface.playing-surface .riichi-felt.tabletop .seat-details{max-width:81px}.app .spectator-surface.playing-surface .riichi-felt.tabletop .seat-identity{font-size:11px}.app .spectator-surface.playing-surface .riichi-felt.tabletop .seat-station{--standing-span:min(22px,calc((100cqw - 32px)/22))}.app .spectator-surface.playing-surface .riichi-felt.tabletop .table-compass{padding:0}.app .spectator-surface.playing-surface .riichi-felt.tabletop .table-compass .center-round{font-size:9px}.app .spectator-surface.playing-surface .riichi-felt.tabletop .table-compass .compass-round>strong{font-size:18px}.app .spectator-surface.playing-surface .riichi-felt.tabletop .table-compass .center-counters{font-size:7px;line-height:8px}.app .spectator-surface.playing-surface .riichi-felt.tabletop .table-compass .compass-round{gap:0;padding:0}}@container playing-table (width<=600px){.app .spectator-surface.playing-surface .riichi-felt.tabletop :is(.discard-river,.table-compass,.seat-station,.draw-wall){--floor-size:max(16px,min(30px,(100cqw - 84px)/11.2,(100cqh - 250px)/12));--river-gap:0px}.app .spectator-surface.playing-surface .riichi-felt.tabletop .draw-wall{display:none}.app .spectator-surface.playing-surface .riichi-felt.tabletop>.felt-dora{justify-content:center;align-items:center;gap:6px;max-width:90%;display:flex;top:112px;left:50%;transform:translate(-50%)}.app .spectator-surface.playing-surface .riichi-felt.tabletop>.felt-dora>span{font-size:9px}.app .spectator-surface.playing-surface .riichi-felt.tabletop>.felt-dora .tile{width:20px;height:28px}.app .spectator-surface.playing-surface .riichi-felt.tabletop :is(.station-left,.station-right) .concealed-hand{display:none}}.app .playing-surface .tabletop .table-compass{padding:3px}.app .playing-surface .tabletop .table-compass .compass-round{gap:1px;min-width:0;max-width:100%;padding:0}.app .playing-surface .tabletop .table-compass .center-round{font:600 clamp(10px,calc(var(--floor-size)*.3),14px)/1.15 var(--sans,sans-serif);text-align:center;flex-direction:column;align-items:center;gap:0;display:flex}.app .playing-surface .tabletop .table-compass .center-round small{font:400 9px/11px var(--sans,sans-serif);opacity:.85}.app .playing-surface .tabletop .table-compass .compass-round>strong{font-size:clamp(20px,calc(var(--floor-size)*.65),30px);line-height:1}.app .playing-surface .tabletop .table-compass .compass-round>strong>span{letter-spacing:.7px;font-size:6px;line-height:8px}.app .playing-surface .tabletop .table-compass .center-counters{text-align:center;gap:6px;font-size:8px;line-height:10px}.app .playing-surface .table-compass .center-wind{width:3px;height:18px;box-shadow:none;background:0 0;border:0;border-radius:2px;font-size:0;transform:none}.app .playing-surface .table-compass .center-wind.wind-active{background:#e6cf90;box-shadow:0 0 3px #e6cf9030}.app .playing-surface .table-compass :is(.wind-top,.wind-bottom){width:18px;height:3px;left:calc(50% - 9px);right:auto}.app .playing-surface .table-compass .wind-top{top:0;bottom:auto}.app .playing-surface .table-compass .wind-bottom{top:auto;bottom:0}.app .playing-surface .table-compass :is(.wind-left,.wind-right){top:calc(50% - 9px);bottom:auto}.app .playing-surface .table-compass .wind-left{left:0;right:auto}.app .playing-surface .table-compass .wind-right{left:auto;right:0}.app .playing-surface .player-seat .seat-points>.seat-wind{color:#2e4f3e;width:21px;height:21px;font:600 15px/1 var(--font-body);background:#f4efd9;border:1px solid #a5baa1;border-radius:4px;flex:none;place-items:center;display:grid;position:static;box-shadow:0 1px 2px #17281f40}.app .playing-surface .hand-wind-label{color:#eee9cf;font:400 12px/1.2 var(--sans,sans-serif);letter-spacing:0;white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.app .playing-surface .hand-wind-label strong{font-weight:650}.app .playing-surface .hand-wind-character{color:#2e4f3e;width:23px;height:23px;font:600 17px/1 var(--font-body);background:#f4efd9;border:1px solid #a5baa1;border-radius:4px;flex:none;place-items:center;display:grid}.app .playing-surface .your-hand-top{justify-content:flex-start;gap:12px}.app .playing-surface .your-hand-top .hand-options{margin:0 0 0 auto}@container playing-table (width>=601px){.app.game-active .playing-surface .table-action-area:has(.table-action-buttons:empty)>p{pointer-events:none;bottom:24px}}.app .playing-surface .review-hand>div:first-child>span:first-child{flex-wrap:wrap;gap:6px 12px}.app .playing-surface .review-hand .hand-wind-label{font-size:11px}@container playing-table (width<=800px){.app .playing-surface .player-seat .seat-points>.seat-wind{width:17px;height:17px;font-size:12px}.app .playing-surface .hand-wind-label{gap:5px;font-size:11px}.app .playing-surface .hand-wind-character{width:21px;height:21px;font-size:15px}}@container playing-table (width<=380px){.app .playing-surface .review-hand>div:first-child{align-items:flex-start}.app .playing-surface .review-readonly{white-space:normal;text-align:right;max-width:65px}}.app .playing-surface .player-seat .seat-details>.seat-points{align-items:center;justify-content:inherit;white-space:nowrap;gap:5px;display:flex}.app .playing-surface .player-seat .seat-points>span:last-child{white-space:nowrap}@container playing-table (width<=350px){.app .playing-surface .player-seat .seat-details>.seat-points{gap:3px}.app .playing-surface .player-seat .seat-points>.seat-wind{width:16px;height:16px}}.app .playing-surface .playable-tile{transition:transform .16s cubic-bezier(.22,.61,.36,1)}html[data-tile-animations=off] .app .playing-surface :is(.playable-tile,.game-tile,.tile,.tile-back,.table-meld,.river-tile){transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.app .playing-surface :is(.playable-tile,.game-tile,.tile,.tile-back,.table-meld,.river-tile){transition:none!important;animation:none!important}}.site-footer{border-top:1px solid var(--line);color:var(--muted);font:12px/1.5 var(--font-body);margin-top:18px;padding:7px 0}.site-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 2px;width:100%;display:flex}.site-footer-links>a,.site-footer-links>button{min-height:34px;color:inherit;font:inherit;white-space:nowrap;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:5px 9px;text-decoration:none;display:inline-flex}.site-footer-links>a:hover,.site-footer-links>button:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.site-footer-discord{gap:5px}.discord-mark{background:currentColor;width:16px;height:16px;display:block;-webkit-mask:url(/brand/discord.svg) 50%/contain no-repeat;mask:url(/brand/discord.svg) 50%/contain no-repeat}.site-footer-copyright{white-space:nowrap;margin-left:auto;padding:6px 9px;font-size:11px}.site-footer a:focus-visible,.site-footer button:focus-visible{outline-offset:2px;outline:2px solid}.app .site-activity{display:none}@media (width<=1100px){.site-footer-copyright{margin-left:0}}@media (width<=600px){.site-footer{margin-top:12px;padding:4px 0}.site-footer-links{gap:0}.site-footer-links>a,.site-footer-links>button{padding:5px 8px;font-size:11px}.site-footer-copyright{font-size:10px}}@media (pointer:coarse){.site-footer-links>a,.site-footer-links>button{min-height:44px}}.sidebar{--nav-text:#3e6d55;--nav-hover:#e7ece2;--nav-selected:#dfe6d9;--nav-selected-text:#345b47;--nav-utility:#5c7758}.app .sidebar nav .nav-item{color:var(--nav-text)}.app .sidebar nav :is(.nav-item:hover,.nav-play-heading:hover){background:var(--nav-hover)}.app .sidebar nav :is(.nav-item.active,.nav-group-toggle.group-active,.nav-play-heading.group-active){background:var(--nav-selected);color:var(--nav-selected-text)}.app .sidebar nav .nav-play-heading>:is(.nav-item,.nav-play-expand){color:inherit;background:0 0}.app .sidebar nav .nav-play-heading{color:var(--nav-text)}.app .sidebar nav .nav-play-heading.group-active{color:var(--nav-selected-text)}.app .sidebar .sidebar-bottom .nav-item.subtle{color:var(--nav-utility)}.app .sidebar .sidebar-bottom .nav-item.subtle:hover{color:var(--green)}.app .sidebar .premium-nav svg{color:#a47b25}:root[data-theme=dark] .app .sidebar .premium-nav svg{color:#edc568}:root[data-theme=dark] .app .sidebar .premium-nav.active{color:#f3d68f;background:#514630}:root[data-theme=dark] ::selection{color:#fff8e8;background:#716447}:root[data-theme=dark]{--panel:#373a32;--soft:#3e4038;--surface-soft:#3e4038;--text:#eeeae2;--accent:#a7bca4;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eeeae2;--ink:#eeeae2;--green:#a7bca4;--muted:#b5b8af;--line:#4d5047;background:#2f302b}:root[data-theme=dark] :is(.sidebar,.topbar){background:#252622;border-color:#464840}:root[data-theme=dark] :is(.panel,dialog){color:#eeeae2;background:#373a32;border-color:#43453d}:root[data-theme=dark] .button:not(.button-secondary){color:#fff;background:#3e6b54}:root[data-theme=dark] .button:not(.button-secondary):hover:not(:disabled){background:#5b7657}:root[data-theme=dark] .button-secondary{color:#eeeae2;background:#43463d;border-color:#52554a}:root[data-theme=dark] :is(input,select,textarea){color:#eeeae2;background:#32342d;border-color:#616559}:root[data-theme=dark] .nav-item.active{color:#c5d3c3;background:#2a4939}:root[data-theme=dark] .nav-item:hover{color:#eeeae2;background:#31332d}:root[data-theme=dark] .preview-label>span{background:#94ad91}:root[data-theme=dark] .home-page :is(.hero,.home-return-hero){background:#274435;border-color:#3a654f}:root[data-theme=dark] .home-page :is(.hero,.home-return-hero) h1{color:#f6f1e6}:root[data-theme=dark] .home-page :is(.hero,.home-return-hero) h1 em{color:#adc0aa}:root[data-theme=dark] .home-page :is(.hero-copy,.home-return-copy)>p{color:#d2dcc9}:root[data-theme=dark] .home-page :is(.eyebrow,.hero-footnote,.hero-actions>.text-button,.home-last-room){color:#c2d0c0}:root[data-theme=dark] .home-page .orbit{border-color:#3d6b5345}:root[data-theme=dark] .home-lobby-card{background:#254032;border-color:#38624d}:root[data-theme=dark] .home-variants>a{background:#373a32;border-color:#43453d}:root[data-theme=dark] .home-variants>a:hover{background:#264234;border-color:#7a9976}:root[data-theme=dark] .home-page .home-variants small{color:#b5b8af}.home-page :is(.hero,.home-return-hero){background:#e3e9dd;border-color:#ccd8c2;grid-template-columns:minmax(0,1.5fr) minmax(220px,.85fr);min-height:0;margin-bottom:20px}.home-page :is(.hero-copy,.home-return-copy){padding:28px 0 28px 32px}.home-page :is(.hero,.home-return-hero) h1{margin:14px 0;font-size:clamp(32px,3vw,48px);line-height:1.13}.home-page :is(.hero-copy,.home-return-copy)>p{color:#3e6b54;max-width:47ch;font-size:15px;line-height:1.6}.home-page :is(.hero,.home-return-hero) .home-tile-art{height:100%;min-height:285px}.home-page :is(.hero,.home-return-hero) .tile-stage{transform:translate(-50%,-50%)scale(.85)}.home-page .hero-actions{flex-wrap:wrap;gap:22px;margin-top:20px}.home-page .hero-footnote{color:#3e6c54;margin-top:17px;font-size:12px}.home-page .art-tile .tile{box-shadow:0 6px #dcd9ca,0 10px #a45b64,0 14px #813f48,0 16px #663139}.home-page .home-variants{gap:10px;margin-bottom:22px}.home-page .home-variants>a{background:#f2f5f0;padding:15px 17px}.home-page .home-variants small{color:#5c7658}.home-page .home-guide-links{margin:0 0 24px}.home-page .home-last-room{margin-top:12px}@media (width<=760px){.home-page :is(.hero,.home-return-hero){grid-template-columns:minmax(0,1fr)}.home-page :is(.hero-copy,.home-return-copy){padding:24px}.home-page :is(.hero,.home-return-hero) .home-tile-art{display:none}.home-page :is(.hero,.home-return-hero) h1{font-size:34px}.home-page .hero-actions{gap:14px 20px}.home-page .home-variants>a{padding:12px 14px}}:root[data-theme=dark] .home-page{--home-border:transparent}:root[data-theme=dark] .app :is(.panel,.public-lobby,.quick-play,.play-action,.play-newcomer,.play-resume,.featured-game,.home-lobby-card,.home-friendly,.news-card,.event-card,.planet-chat,dialog),:root[data-theme=dark] .app .home-page :is(.hero,.home-return-hero),:root[data-theme=dark] .app .home-variants>a{border-color:#0000;box-shadow:0 2px 5px #00000018}:root[data-theme=dark] .app :is(.play-action,.button-secondary){background:#43463d;border-color:#0000;box-shadow:0 2px 3px #00000020}:root[data-theme=dark] .app :is(.play-action,.button-secondary):hover:not(:disabled){background:#3e4038}:root[data-theme=dark] .app :is(select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=range])){background:#43463d;border-color:#0000;box-shadow:inset 0 1px 2px #00000018}:root[data-theme=dark] .app :is(select,textarea,input):hover{border-color:#515449}:root[data-theme=dark] .app .lobby-variant-filters button{border-color:#0000}:root[data-theme=dark] .app .lobby-variant-filters button[aria-pressed=true]{color:#d4decb;background:#2f513f}:root[data-theme=dark] .app .home-variants>a:hover{background:#284637;border-color:#0000}:root[data-theme=dark] .app :is(button,a,input,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #abbfa8}.app .planet-chat .chat-compose-row{background:#f6f8f4;border-radius:6px;margin:8px;padding:0 5px 0 12px}.app .planet-chat .chat-compose-row:focus-within{box-shadow:inset 0 0 0 2px #607c5b}.app .planet-chat .chat-compose-row #chat-message{box-shadow:none;outline-offset:0;background:0 0;border:0;outline:none}:root[data-theme=dark] .app .planet-chat .chat-compose-row{background:#43463d}:root[data-theme=dark] .app .planet-chat .chat-compose-row:focus-within{box-shadow:inset 0 0 0 2px #a7bca4}:root[data-theme=dark] .app .planet-chat .chat-compose-row #chat-message{box-shadow:none;outline-offset:0;background:0 0;border:0;outline:none}:root[data-theme=dark] .app .planet-chat .chat-compose-row button{color:#c5d3c3}.app .players-page .player-search-panel{margin-bottom:20px;padding:18px 22px}.app .players-page .player-search-panel>label{margin-bottom:8px;font-size:13px}.player-search-tools{justify-content:space-between;align-items:center;gap:20px;display:flex}.app .players-page .player-search-input{background:#f2f5f0;flex:1;align-items:center;max-width:520px;min-height:44px}.app .players-page .player-search-input input{padding:10px 0;font-size:14px}.player-search-input>svg{flex:none}.player-search-leaderboard{white-space:nowrap;align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.app .players-page .player-search-input:focus-within{outline:2px solid var(--green);outline-offset:3px}.app .players-page .player-search-input #player-search,.app .premium-launch .launch-email #premium-launch-email{box-shadow:none;outline-offset:0;background:0 0;border:0;outline:none;min-width:0}.app .players-page #player-search::placeholder{color:var(--muted);opacity:1}.app .players-page #player-search-help{margin:8px 0 0;font-size:12px;line-height:1.5}:root[data-theme=dark] .app .players-page .player-search-input{background:#43463d;border-color:#53564c}@media (width<=600px){.app .players-page .player-search-panel{padding:16px}.player-search-tools{flex-wrap:wrap;gap:12px}.app .players-page .player-search-input{flex-basis:100%;max-width:none}}.app .player-header-tools{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:18px;min-width:0;max-width:540px;display:flex}.app .player-header-tools .player-actions{flex-flow:wrap;justify-content:flex-end;gap:8px;margin:0;padding:0;display:flex}.app .player-actions .button{min-height:38px;padding:9px 12px;font-size:12px;text-decoration:none}.profile-header-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-header-badge{color:#947425;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:7px;text-decoration:none;display:inline-flex;position:relative}.profile-header-badge.developer-badge{color:#607c5c}.profile-header-badge small{font-size:12px;font-weight:650}.profile-badge-label{z-index:5;color:#fff;background:#274435;border-radius:5px;width:max-content;max-width:270px;padding:8px 11px;font-size:12px;line-height:1.5;display:none;position:absolute;top:100%;right:0;box-shadow:0 3px 10px #0003}.profile-header-badge:is(:hover,:focus-visible) .profile-badge-label{display:block}.app .player-hero{overflow:visible}:root[data-theme=dark] .profile-header-badge{color:#d8b768;background:0 0}:root[data-theme=dark] .profile-header-badge.developer-badge{color:#a9bda6}@media (width<=1100px){.app .player-identity-row{flex-wrap:wrap}.app .player-header-tools{flex-flow:wrap;justify-content:space-between;align-items:center;width:100%;max-width:none}.app .player-header-tools .player-actions{justify-content:flex-start}}@media (width<=760px){.app .player-header-tools{grid-column:1/-1;gap:10px}.profile-badge-label{max-width:240px;left:0;right:auto}}:root[data-theme=dark] .app .insight-distribution i{background:linear-gradient(#d6b778,#b18a45)}:root[data-theme=dark] .app .statistics-bars span{background:#94ad91}:root[data-theme=dark] .app .placement-track{background:#383b33}:root[data-theme=dark] .app .placement-track>span{background:#9fb59c}:root[data-theme=dark] .app .placement-row:nth-child(2) .placement-track>span{background:#9ab9bc}:root[data-theme=dark] .app .placement-row:nth-child(3) .placement-track>span{background:#b7aad1}:root[data-theme=dark] .app .placement-row:nth-child(4) .placement-track>span{background:#d1b385}:root[data-theme=dark] .app .rating-chart-line{stroke:#a9c48d}:root[data-theme=dark] .app .rating-chart-area{fill:#a9c48d;opacity:.16}:root[data-theme=dark] .app .rating-chart-point{fill:#b8d39d;stroke:#393733}:root[data-theme=dark] .app .profile-rating-stats .rating-up{color:#aabea6}:root[data-theme=dark] .app .profile-rating-stats .rating-down{color:#efa491}:root[data-theme=dark] .app .chart-played{stroke:#d6b778}:root[data-theme=dark] .app .chart-preferred{stroke:#a9c48d}:root[data-theme=dark] .app .chart-played-dot{fill:#d6b778}:root[data-theme=dark] .app .chart-preferred-dot{fill:#a9c48d}:root[data-theme=dark] .app .chart-area{fill:#d6b778;opacity:.12}:root[data-theme=dark] .app :is(.chart-grid,.chart-axis){stroke:#535147}:root[data-theme=dark] .app .chart-cursor{stroke:#c6c3b8}:root[data-theme=dark] .app .analysis-chart svg text{fill:#c6c3b8}:root[data-theme=dark] .app .analysis-chart-legend span:first-child{color:#9fb59c}:root[data-theme=dark] .app .analysis-chart-legend span:last-child{color:#d6b778}:root[data-theme=dark] .app .analysis-chart-legend span:first-child:before{background:#9fb59c}:root[data-theme=dark] .app .analysis-chart-legend span:last-child:before{background:#d6b778}:root[data-theme=dark] .app .insight-history-chart polyline{stroke:#d6b778}:root[data-theme=dark] .app .insight-history-chart circle{fill:#d6b778}:root[data-theme=dark] .app .insight-game-buttons button[aria-pressed=true]{color:#fff;background:#3c6851}.app .home-page :is(.hero,.home-return-hero){isolation:isolate;background:linear-gradient(115deg,#ecf1e8 0%,#e4eadf 65%,#dce4d5 100%);grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);position:relative;overflow:hidden}.app .home-page :is(.hero-copy,.home-return-copy){z-index:2;padding:34px 0 34px 36px;position:relative}.app .home-page :is(.hero,.home-return-hero) h1{letter-spacing:-1.25px;text-wrap:balance;font-size:clamp(32px,3.1vw,50px);line-height:1.12}.app .home-page :is(.hero,.home-return-hero) h1 em{color:#5f7a5b}.app .home-page :is(.hero-copy,.home-return-copy)>p{max-width:44ch;line-height:1.65}.app .home-page .table-still-life{pointer-events:none;height:100%;min-height:330px;display:block;overflow:visible}.app .table-art-halo{border:1px solid #9fb59c70;border-radius:50%;width:360px;height:360px;position:absolute;top:49%;left:52%;transform:translate(-50%,-50%);box-shadow:0 0 0 20px #9fb59c12,0 0 0 55px #9fb59c0b}.app .table-art-felt{background:radial-gradient(at 32% 20%,#477c61,#345a46 65%,#274435);border-radius:50%;width:290px;height:290px;position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #88a48380,inset 0 0 0 7px #2a4939,0 6px #2b4a3a,0 9px #9c9e74,0 25px 40px -12px #20382c55}.app .table-art-felt:after{content:"";opacity:.23;background-image:url(/themes/classic/felt-grain-v1.png);background-size:180px;border-radius:50%;position:absolute;inset:9px}.app .table-art-seam{border:1px solid #91ab8d4d;border-radius:50%;position:absolute;inset:16px}.app .table-art-engraving{stroke:#9a9c6b;stroke-width:1px;opacity:.8;width:360px;height:360px;position:absolute;top:49%;left:52%;transform:translate(-50%,-50%)rotate(-14deg)}.app .home-page .table-still-life .tile-stage{width:300px;height:260px;top:47%;left:52%;transform:translate(-50%,-50%)scale(.97)}.app .table-still-life .art-tile{filter:drop-shadow(5px 16px 9px #16271e55)}.app .table-still-life .art-tile .tile{background:linear-gradient(130deg,#fffef5,#eeeddd);border:1px solid #e7e4d1;border-radius:10px;width:104px;height:145px;box-shadow:0 4px #d5d1b8,0 9px #a95c67,0 14px #783a47,0 16px #5b2b35}.app .table-still-life .art-tile-back{top:11px;left:61px;transform:rotate(-19deg)}.app .table-still-life .art-tile-left{top:35px;left:158px;transform:rotate(19deg)}.app .table-still-life .art-tile-front{top:111px;left:92px;transform:rotate(-8deg)}:root[data-theme=dark] .app .home-page :is(.hero,.home-return-hero){background:linear-gradient(115deg,#264234,#254032 60%,#1e3529)}:root[data-theme=dark] .app .home-page :is(.hero,.home-return-hero) h1 em{color:#b6c7b3}:root[data-theme=dark] .app .table-art-halo{border-color:#8aa68644;box-shadow:0 0 0 20px #9fb59c09,0 0 0 55px #9fb59c05}@media (width>=1600px){.app .home-page .table-still-life{min-height:350px}.app .home-page .table-still-life .tile-stage{transform:translate(-50%,-50%)scale(1.07)}.app .table-art-felt{width:315px;height:315px}.app .table-art-halo,.app .table-art-engraving{width:385px;height:385px}}@media (width<=900px){.app .home-page :is(.hero,.home-return-hero){grid-template-columns:minmax(0,1fr)}.app .home-page :is(.hero-copy,.home-return-copy){padding:26px}.app .home-page .table-still-life{display:none}.app .home-page :is(.hero,.home-return-hero) h1{letter-spacing:-.8px;font-size:clamp(32px,5.5vw,44px)}}.page-loading{min-height:calc(100svh - 80px);color:var(--muted);padding:12px 0}.page-loading-placeholder{gap:16px;max-width:900px;margin-top:24px;display:grid}.page-loading-placeholder span{opacity:.08;background:currentColor;border-radius:6px;height:16px;display:block}.page-loading-placeholder span:first-child{width:55%;height:36px}.page-loading-placeholder span:last-child{width:75%}.seo-arrival{font-family:Arial,sans-serif}.seo-arrival h1,.seo-arrival h2,.seo-arrival h3{font-family:var(--font-heading)}.app .home-page .home-banner-art{pointer-events:none;background:#45785e;align-self:stretch;min-width:0;min-height:330px;position:relative;overflow:hidden}.app .home-page .home-banner-art img{object-fit:cover;object-position:right center;width:225%;max-width:none;height:100%;position:absolute;top:0;right:0}@media (width<=900px){.app .home-page .home-banner-art{height:220px;min-height:0}}:root[data-theme=light]{--green:#315c4b;--ink:#2e3c32;--muted:#687663;--line:#dde3d5;--panel:#fff;--soft:#edf1e6;--surface-soft:#edf1e6;--text:#2e3c32;--accent:#315c4b;color:#2e3c32;background:#f7f8f3}:root[data-theme=light] .app .sidebar{background:#eff2e8}:root[data-theme=light] .app .topbar{background:#fafbf7}:root[data-theme=light] .sidebar{--nav-text:#58694f;--nav-hover:#e7ecdf;--nav-selected:#dfe8d4;--nav-selected-text:#315c4b;--nav-utility:#687663}:root[data-theme=dark]{--green:#b4c99b;--ink:#eeeae2;--muted:#b9b7ae;--line:#4c5043;--panel:#393a33;--soft:#363830;--surface-soft:#363830;--text:#eeeae2;--accent:#b4c99b;color:#eeeae2;background:#2c2d28}:root[data-theme=dark] body{color:#eeeae2;background:#2c2d28}:root[data-theme=dark] .app :is(.sidebar,.topbar){background:#252820;border-color:#454b3c}:root[data-theme=dark] .sidebar{--nav-text:#d7dacd;--nav-hover:#343a2d;--nav-selected:#3b4932;--nav-selected-text:#d3e4be;--nav-utility:#b9bbae}:root[data-theme=dark] .app .button:not(.button-secondary){color:#fff;background:#527149}:root[data-theme=dark] .app .button:not(.button-secondary):hover:not(:disabled){background:#608253}:root[data-theme=dark] .app .home-page .home-variants>a{background:#393a33;border-color:#4c5043}:root[data-theme=dark] .app .home-page .home-variants small{color:#b9bbae}.app{--classic-felt-base:#294d3e;--classic-felt-rim:#899b7d;--classic-felt-light:radial-gradient(ellipse at 48% 42%,#3b6250 0%,#315846 52%,#294c3d 100%)}:root[data-theme] .app .home-page .home-illustrated-hero{--hero-surface:#edf1e5;--hero-ink:#293e31;--hero-muted:#52644e;--hero-accent:#647e50;isolation:isolate;background:var(--hero-surface);border:1px solid #d3ddc8;border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}:root[data-theme=dark] .app .home-page .home-illustrated-hero{--hero-surface:#30362b;--hero-ink:#f1efe6;--hero-muted:#c3cbb9;--hero-accent:#b8cda0;border-color:#49533e}:root[data-theme] .app .home-page .home-illustrated-hero :is(.hero-copy,.home-return-copy){z-index:1;width:55%;min-height:360px;padding:38px 36px 48px;position:relative}:root[data-theme] .app .home-page .home-illustrated-hero h1{color:var(--hero-ink);font-size:clamp(30px,2.8vw,44px);line-height:1.12}:root[data-theme] .app .home-page .home-illustrated-hero h1 em{color:var(--hero-accent)}:root[data-theme] .app .home-page .home-illustrated-hero :is(.hero-copy,.home-return-copy)>p{color:var(--hero-muted);font-size:15px}:root[data-theme] .app .home-page .home-illustrated-hero :is(.eyebrow,.hero-footnote,.hero-actions>.text-button,.home-last-room){color:var(--hero-muted)}:root[data-theme] .app .home-page .home-illustrated-hero .button{color:#fff;background:#315c4b;border-color:#315c4b}:root[data-theme] .app .home-page .home-illustrated-hero .button:hover{background:#254a3b}:root[data-theme] .app .home-page .home-illustrated-hero :is(a,button):focus-visible{outline-offset:4px;outline:3px solid #996c1d}:root[data-theme] .app .home-page .home-banner-art{pointer-events:none;position:absolute;inset:0 0 0 53%;overflow:hidden}.home-art-board{background:#3b624c;border-radius:14px;position:absolute;inset:-22% -20% -22% 8%;transform:rotate(-9deg);box-shadow:0 0 0 12px #dfe9d8}.home-art-board-line{border:1px solid #ffffff30;border-radius:4px;position:absolute;inset:25px}.home-art-hand{justify-content:center;gap:5px;display:flex;position:absolute;top:50%;left:6%;right:8%;transform:translate(-40px,-50%)rotate(9deg)}:root[data-theme] .app .home-page .home-art-tile{aspect-ratio:3/4;background:#faf9ef;border:1px solid #e5e4d7;border-radius:5px;flex-shrink:0;width:clamp(39px,5vw,68px);padding:5px;box-shadow:0 4px #d1d7c5,0 8px 12px #183c3038}:root[data-theme] .app .home-page .home-art-tile img{object-fit:contain;width:100%;max-width:100%;height:100%;display:block;position:static}.home-art-marker{gap:7px;display:flex;position:absolute;bottom:19%;left:50%;transform:translate(-50%)rotate(9deg)}.home-art-marker span{background:#b9ccae;border-radius:50%;width:5px;height:5px}@media (width<=900px){:root[data-theme] .app .home-page .home-illustrated-hero{padding-bottom:180px}:root[data-theme] .app .home-page .home-illustrated-hero :is(.hero-copy,.home-return-copy){width:100%;min-height:0;padding:26px 24px 22px}:root[data-theme] .app .home-page .home-banner-art{height:180px;inset:auto 0 0}.home-art-board{inset:12px -10% -65%;transform:rotate(-4deg)}.home-art-board-line{inset:16px}.home-art-hand{top:34%;transform:translateY(-50%)rotate(4deg)}:root[data-theme] .app .home-page .home-art-tile{width:clamp(32px,9vw,55px)}.home-art-marker{display:none}}:root[data-theme] .app .home-page .home-return-hero.home-illustrated-hero{--hero-ink:#faf8ed;--hero-muted:#d9e0d0;--hero-accent:#c7d5b2;background:linear-gradient(90deg,#142d2150,transparent 65%),var(--classic-felt-grain) repeat,var(--classic-felt-light);border:4px solid #425941;min-height:292px;box-shadow:inset 0 0 22px #152c2350,0 2px 4px #172c1f18}:root[data-theme=dark] .app .home-page .home-return-hero.home-illustrated-hero{--hero-ink:#faf8ed;--hero-muted:#d9e0d0;background:linear-gradient(90deg,#10251d65,transparent 65%),var(--classic-felt-grain) repeat,var(--classic-felt-light);border-color:#43573b}:root[data-theme] .app .home-page .home-return-hero.home-illustrated-hero .home-return-copy{flex-direction:column;justify-content:center;width:61%;min-height:292px;padding:32px 0 32px 36px;display:flex}:root[data-theme] .app .home-page .home-return-hero.home-illustrated-hero h1{font-family:var(--font-heading);letter-spacing:-1.5px;max-width:95%;margin:13px 0 16px;font-size:clamp(30px,2.8vw,43px);font-weight:700;line-height:1.15}:root[data-theme] .app .home-page .home-return-hero.home-illustrated-hero p{max-width:44ch;padding-right:20px;font-size:15px;line-height:1.65}:root[data-theme] .app .home-page .home-return-hero .hero-actions{gap:14px;margin-top:23px}:root[data-theme] .app .home-page .home-return-hero .hero-actions :is(.button,.text-button){border-radius:6px;min-height:44px;padding:12px 18px;font-size:12px}:root[data-theme] .app .home-page .home-return-hero .hero-actions .text-button{color:#ecf0df;background:#243;border:1px solid #0000;box-shadow:inset 0 1px #ffffff0b,0 2px 3px #10271a40}:root[data-theme] .app .home-page .home-return-hero .hero-actions .text-button:hover{background:#2b523d;border-color:#0000}:root[data-theme=dark] .app .home-page .home-return-hero .hero-actions .text-button{color:#ecf0df;background:#243;border-color:#0000}:root[data-theme] .app .home-page .home-return-hero .hero-actions .button{color:#29432f;background:#e9edda;box-shadow:0 2px 3px #10271a40}:root[data-theme] .app .home-page .home-return-hero .hero-actions .button:hover{background:#f7f7eb}:root[data-theme] .app .home-page .home-return-hero .home-last-room{align-self:flex-start;margin-top:12px}:root[data-theme] .app .home-page .home-return-hero .return-art{pointer-events:none;position:absolute;inset:0 0 0 49%;container-type:size}:root[data-theme] .return-art-composition{aspect-ratio:1.6;perspective:1000px;width:min(370px,85cqw,135cqh);position:absolute;top:47%;left:53%;transform:translate(-50%,-50%)}:root[data-theme] .return-art-composition:before{content:"";filter:blur(8px);background:radial-gradient(#283c2729,#0000 68%);position:absolute;inset:73% 5% -3%}:root[data-theme] .return-art-piece{aspect-ratio:3/4.15;width:33%;animation:10s ease-in-out infinite paused hero-tile-rest;position:absolute}:root[data-theme] .return-art-piece-1{--tile-angle:-17deg;z-index:1;animation-delay:-3s;top:24%;left:5%}:root[data-theme] .return-art-piece-2{--tile-angle:5deg;z-index:2;top:7%;left:34%}:root[data-theme] .return-art-piece-3{--tile-angle:18deg;z-index:3;animation-delay:-6s;top:30%;left:62%}:root[data-theme] .return-art-face{width:100%;height:100%;transform:rotate(var(--tile-angle)) rotateY(-10deg) rotateX(8deg);background:linear-gradient(120deg,#fffff8,#f0eddd);border:1px solid #fffdf4;border-radius:10px;padding:16% 17%;box-shadow:inset -2px -2px 1px #e3e1d1,1px 4px #d0d5bf,2px 8px #718469,4px 11px #536b4b,9px 20px 18px #2b41232b}:root[data-theme] .app .home-page .return-art img{object-fit:contain;width:100%;max-width:100%;height:100%;display:block;position:static}:root[data-theme] .return-art[data-moving=true] .return-art-piece{animation-play-state:running}@keyframes hero-tile-rest{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (width<=1100px) and (width>=901px){:root[data-theme] .app .home-page .home-return-hero.home-illustrated-hero h1{max-width:95%;font-size:30px}:root[data-theme] .app .home-page .home-return-hero.home-illustrated-hero .home-return-copy{width:64%;padding-left:28px}:root[data-theme] .app .home-page .home-return-hero .return-art{left:58%}:root[data-theme] .app .home-page .home-return-hero .hero-actions{gap:10px}:root[data-theme] .app .home-page .home-return-hero .hero-actions :is(.button,.text-button){padding:10px 12px;font-size:11px}}@media (width<=900px){:root[data-theme] .app .home-page .home-return-hero.home-illustrated-hero{padding-bottom:190px}:root[data-theme] .app .home-page .home-return-hero.home-illustrated-hero .home-return-copy{width:100%;min-height:0;padding:25px 24px 16px}:root[data-theme] .app .home-page .home-return-hero.home-illustrated-hero h1{letter-spacing:-1px;max-width:100%;font-size:clamp(27px,5.2vw,36px)}:root[data-theme] .app .home-page .home-return-hero .return-art{height:190px;inset:auto 0 0}:root[data-theme] .return-art-composition{width:min(265px,78cqw);top:42%;left:50%}:root[data-theme] .app .home-page .home-return-hero .hero-actions{gap:10px}:root[data-theme] .app .home-page .home-return-hero .hero-actions :is(.button,.text-button){padding:11px 12px;font-size:11px}}@media (prefers-reduced-motion:reduce){:root[data-theme] .return-art-piece{animation:none}}:root[data-theme] .app .home-page .home-return-hero.home-illustrated-hero:before{content:"";pointer-events:none;border:1px solid #c6d1b222;border-radius:6px;position:absolute;inset:7px}:root[data-theme] .return-art-lettering{writing-mode:vertical-rl;letter-spacing:.06em;color:#cad6b4;opacity:.13;-webkit-user-select:none;user-select:none;font-family:Yu Mincho,Hiragino Mincho ProN,Noto Serif CJK JP,serif;font-size:clamp(52px,17cqw,112px);font-weight:600;line-height:1.1;position:absolute;top:12%;left:3%;transform:rotate(-6deg)}:root[data-theme] .return-art-piece-1 .return-art-face{padding:11% 12%}@media (width<=900px){:root[data-theme] .return-art-lettering{font-size:clamp(44px,14cqw,70px);top:10%;left:8%}}:root[data-theme] .app .home-page .home-return-hero .hero-actions .button{font-weight:650}:root[data-theme] .app .home-page .home-return-hero :is(a,button):focus-visible{outline-offset:4px;outline:3px solid #e6cc86}.variant-icon{width:var(--variant-icon-size,24px);height:var(--variant-icon-size,24px);flex:none;justify-content:center;align-items:center;display:inline-flex}.variant-icon svg{width:100%;height:100%;display:block}.variant-icon-riichi{color:#a25246}.variant-icon-hongkong{color:#8c659b}.variant-icon-sichuan{color:#a43850}:root[data-theme=dark] .variant-icon-riichi{color:#e1a295}:root[data-theme=dark] .variant-icon-hongkong{color:#c3a5db}:root[data-theme=dark] .variant-icon-sichuan{color:#e799aa}.profile-pool-card>.variant-icon{margin-top:2px}.pool-card-name{flex-direction:column;align-items:flex-start;gap:6px}.profile-pool-cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1100px){.profile-pool-cards{grid-template-columns:1fr}.profile-pool-card>.variant-icon{--variant-icon-size:28px!important}}.variant-tabs>a{justify-content:center;align-items:center;gap:8px;display:inline-flex}.variant-icon-sanma{color:#14738b}.variant-icon-classical{color:#886014}.variant-icon-taiwanese{color:#3b6650}:root[data-theme=dark] .variant-icon-sanma{color:#83c8d8}:root[data-theme=dark] .variant-icon-classical{color:#e5c16e}:root[data-theme=dark] .variant-icon-taiwanese{color:#afc1ac}:root[data-theme=light]{--control-fill:#e9ede3;--control-hover:#dfe5d6;--control-ink:#35442e;--control-selected:#d4e1c6;--control-selected-ink:#294f39;--surface-shadow:0 2px 4px #22331b0c;--control-shadow:inset 0 1px 0 #ffffff60,0 2px 3px #22331b10}:root[data-theme=dark]{--control-fill:#3e3d37;--control-hover:#4a4941;--control-ink:#e4e2d8;--control-selected:#45533a;--control-selected-ink:#e5edd9;--surface-shadow:0 2px 4px #0002;--control-shadow:inset 0 1px 0 #ffffff07,0 2px 3px #00000028}:root[data-theme] .app :is(button,.button,[role=button]),:root[data-theme] .app :is(.panel,.public-lobby,.quick-play,.play-action,.play-resume,.featured-game,.home-lobby-card,.home-friendly,.news-card,.event-card,.planet-chat,.daily-cup-card,.live-game-card,.path-card,.feature-card,.lesson-card,.challenge-card,.character-card,.profile-pool-card,dialog),:root[data-theme] .app .home-variants>a{border-color:#0000!important}:root[data-theme] .app :is(.panel,.public-lobby,.quick-play,.play-resume,.featured-game,.home-lobby-card,.home-friendly,.news-card,.event-card,.planet-chat,.daily-cup-card,.live-game-card,.path-card,.feature-card,.lesson-card,.challenge-card,dialog){box-shadow:var(--surface-shadow)}:root[data-theme] .app .home-page .home-variants>a{background:var(--control-fill);box-shadow:var(--control-shadow)}:root[data-theme] .app .home-page .home-variants>a:hover{background:var(--control-hover)}:root[data-theme] .app :is(.button-secondary,.play-action:not(.primary)){background:var(--control-fill);color:var(--control-ink);box-shadow:var(--control-shadow)}:root[data-theme] .app :is(.button-secondary,.play-action:not(.primary)):hover:not(:disabled){background:var(--control-hover)}:root[data-theme] .app .button:not(.button-secondary){box-shadow:var(--control-shadow)}:root[data-theme] .app :is(.button,.play-action):active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 2px #00000018}:root[data-theme] .app :is(.account-settings-nav,.appearance-tabs,.connections-tabs,.training-tabs,.game-settings-tabs,.mode-options,.profile-history-ranges,.coach-choice-switch)>button,:root[data-theme] .app :is(.variant-tabs,.course-variant-nav,.rules-variant-nav)>a{background:var(--control-fill);color:var(--control-ink);box-shadow:var(--control-shadow);border-color:#0000}:root[data-theme] .app :is(.account-settings-nav,.appearance-tabs,.connections-tabs,.training-tabs,.game-settings-tabs,.mode-options,.profile-history-ranges,.coach-choice-switch)>button:is([aria-pressed=true],[aria-selected=true],.selected,.chosen),:root[data-theme] .app :is(.variant-tabs,.course-variant-nav,.rules-variant-nav)>a:is(.active,[aria-current=page]){background:var(--control-selected);color:var(--control-selected-ink);box-shadow:inset 0 -2px 0 var(--green)}:root[data-theme] .app :is(.variant-tabs,.course-variant-nav,.rules-variant-nav)>a:hover{background:var(--control-hover)}:root[data-theme] .app .course-stage-list{box-shadow:var(--surface-shadow);border-color:#0000}:root[data-theme] .app :is(.account-settings-nav,.appearance-tabs,.connections-tabs,.training-tabs,.game-settings-tabs,.mode-options,.profile-history-ranges,.coach-choice-switch)>button:hover:not(:disabled){background:var(--control-hover)}:root[data-theme] .app :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--green);outline-offset:3px}@media (forced-colors:active){:root[data-theme] .app :is(button,.button,[role=button]){border-color:buttontext!important}:root[data-theme] .app .home-variants>a{border-color:linktext!important}}:root[data-theme=dark] .app .text-button{color:var(--green)}.success-mark{vertical-align:middle;width:32px;height:32px;color:var(--green);flex:0 0 32px;justify-content:center;align-items:center;margin-inline-end:10px;display:inline-flex}.success-mark svg{width:32px;height:32px;display:block;overflow:visible}.success-ring{fill:color-mix(in srgb,var(--green) 10%,transparent);stroke:currentColor;stroke-width:1.5px}.success-check{stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.course-feedback:has(.success-mark){align-items:flex-start;gap:0;display:flex}.course-feedback .success-mark{margin-top:1px}.app .quiet-progress{vertical-align:middle;flex-shrink:0;width:min(100%,300px);height:7px;display:inline-block;position:relative}.app .quiet-progress>progress{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.quiet-progress-track{background:color-mix(in srgb,var(--green) 15%,var(--panel,#fff));border-radius:20px;width:100%;height:100%;display:block;overflow:hidden}.quiet-progress-track>span{background:var(--green);border-radius:inherit;width:100%;height:100%;transform:scaleX(var(--progress));transform-origin:0;display:block}.guided-footer .quiet-progress{max-width:140px}.challenge-progress .quiet-progress{width:100%}@media (prefers-reduced-motion:no-preference){html:not([data-tile-animations=off]) .success-mark[data-animate=true]{animation:.34s cubic-bezier(.2,.8,.2,1) both quiet-mark-in}html:not([data-tile-animations=off]) .success-mark[data-animate=true] .success-ring{animation:.64s ease-out both quiet-ring}html:not([data-tile-animations=off]) .success-mark[data-animate=true] .success-check{stroke-dasharray:1;animation:.34s ease-out .1s both quiet-check}html:not([data-tile-animations=off]) .quiet-progress-track>span{transition:transform .42s cubic-bezier(.2,.8,.2,1)}html:not([data-tile-animations=off]) :is(.practice-feedback,.course-feedback,.course-complete,.practice-complete,.challenge-hint,.challenge-feedback[data-motion=enter]){animation:.24s ease-out both quiet-arrive}html:not([data-tile-animations=off]) :is(.practice-hand,.challenge-hand)>.game-tile{animation:.32s cubic-bezier(.2,.8,.2,1) .12s both quiet-tile-in}html:not([data-tile-animations=off]) :is(.practice-hand,.challenge-hand)>.game-tile:nth-child(-n+3){animation-delay:0s}html:not([data-tile-animations=off]) :is(.practice-hand,.challenge-hand)>.game-tile:nth-child(n+4):nth-child(-n+7){animation-delay:40ms}html:not([data-tile-animations=off]) :is(.practice-hand,.challenge-hand)>.game-tile:nth-child(n+8):nth-child(-n+11){animation-delay:80ms}html:not([data-tile-animations=off]) .guided-discard>.tile{animation:.26s ease-out both quiet-tile-in}html:not([data-tile-animations=off]) :is(.practice-options button,.tile-explorer-grid button,.guided-rack button,.challenge-options button,.course-choices>button){transition:transform .17s ease-out,background-color .17s,border-color .17s,box-shadow .17s}html:not([data-tile-animations=off]) :is(.practice-options button,.tile-explorer-grid button)[aria-pressed=true]{transform:translateY(-4px)}html:not([data-tile-animations=off]) .challenge-options.tile-options button[aria-pressed=true]>.game-tile{translate:0 -4px}html:not([data-tile-animations=off]) .challenge-options.tile-options .game-tile{transition:translate .17s ease-out}html:not([data-tile-animations=off]) :is(.challenge-card,.course-lesson-row,.home-variants>a){transition:transform .18s ease-out,border-color .18s,background-color .18s}html:not([data-tile-animations=off]) .spring-variant-art>div{transition:translate .22s ease-out}html:not([data-tile-animations=off]) :is(.spring-variant-copy a,.visitor-learn-link)>svg:last-child{transition:translate .17s ease-out}html:not([data-tile-animations=off]) .spring-variant:focus-within .spring-variant-art>div{translate:0 -5px}html:not([data-tile-animations=off]) :is(.learn-page,.challenges-page,.practice-hub,.daily-page,.visitor-home) :is(.button,.text-button)>svg:last-child{transition:translate .17s ease-out}@media (hover:hover) and (pointer:fine){html:not([data-tile-animations=off]) :is(.practice-options button,.tile-explorer-grid button):enabled:hover{transform:translateY(-4px)}html:not([data-tile-animations=off]) :is(.challenge-card,.home-variants>a):hover{transform:translateY(-3px)}html:not([data-tile-animations=off]) .course-lesson-row:hover{transform:translate(3px)}html:not([data-tile-animations=off]) .spring-variant:hover .spring-variant-art>div{translate:0 -5px}html:not([data-tile-animations=off]) :is(.spring-variant-copy a,.visitor-learn-link):hover>svg:last-child,html:not([data-tile-animations=off]) :is(.learn-page,.challenges-page,.practice-hub,.daily-page,.visitor-home) :is(.button,.text-button):not(:disabled):hover>svg.lucide-arrow-right{translate:3px}}}@keyframes quiet-arrive{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes quiet-tile-in{0%{opacity:.35;translate:0 7px}to{opacity:1;translate:0}}@keyframes quiet-mark-in{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes quiet-ring{0%{stroke-opacity:.35}45%{stroke-opacity:1;fill:color-mix(in srgb,var(--green) 23%,transparent)}to{stroke-opacity:1}}@keyframes quiet-check{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}html[data-tile-animations=off] :is(.practice-options button,.tile-explorer-grid button,.guided-rack button,.challenge-options button,.course-choices>button){transition:none!important}@media (prefers-reduced-motion:reduce){:is(.practice-options button,.tile-explorer-grid button,.guided-rack button,.challenge-options button,.course-choices>button){transition:none!important}}@media (forced-colors:active){.quiet-progress-track{background:canvas;border:1px solid canvastext}.quiet-progress-track>span{background:highlight}.success-ring{fill:canvas}.success-mark{color:canvastext}}