/* Lobby, reasoning tools and accessible board */
.header-settings{font-size:23px;color:var(--sub);height:44px;width:44px;border:1px solid var(--club-line);border-radius:12px}.lobby-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:25px;align-items:start}.lobby-menu{padding:23px 18px;position:sticky;top:20px}.lobby-profile{display:flex;align-items:center;flex-direction:column;width:100%;gap:10px;margin-bottom:21px}.lobby-profile b{font-size:16px}.lobby-profile small{font-size:10px;color:var(--sub)}.lobby-links{display:grid;gap:4px;margin-top:23px}.lobby-links button{display:flex;align-items:center;gap:11px;text-align:left;padding:13px 10px;min-height:45px;border-radius:10px;font-size:11px;color:var(--text)}.lobby-links button:hover{background:#7ee0bd0d}.lobby-links button>span{font-size:18px;width:20px;text-align:center;color:var(--mint)}.lobby-links i{font-style:normal;margin-left:auto;color:var(--sub)}.lobby-content{min-width:0}.lobby-content .hero{padding:32px;min-height:350px}.lobby-content .hero h2{font-size:31px}.lobby-content .hero p{max-width:300px}.lobby-content .hero-art img{max-width:350px}.lobby-content .feature-grid{gap:12px}.lobby-content .feature{padding:16px;gap:10px}.lobby-content .feature h3{font-size:13px}.lobby-content .feature-icon{width:31px;height:31px;font-size:18px}.lobby-content .feature p{font-size:9px}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.home-bottom p{font-size:11px;color:var(--sub);line-height:1.8}.helper-feature{text-align:left;color:var(--text)}.helper-feature>span{font-size:27px;color:var(--mint);float:right}.helper-feature h3{font-size:16px}.helper-feature>b{font-size:11px;color:var(--mint)}.chapter-picker{display:flex;gap:15px;align-items:center;margin:24px 0}.chapter-picker label{font-size:12px;color:var(--sub)}.chapter-picker button{background:var(--surface);border:1px solid var(--club-line);border-radius:9px;width:45px;height:45px;font-size:19px}.chapter-picker select,#new-mode{padding:13px;background:var(--surface);border:1px solid var(--club-line);border-radius:9px;color:var(--text);font-size:12px}.game-mode-label{display:block;margin-bottom:10px;font-size:12px}.new-size-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.new-size-picker button{display:flex;align-items:center;flex-direction:column;gap:12px;border-radius:12px;border:1px solid var(--club-line);background:var(--surface);color:var(--text);padding:23px 10px}.new-size-picker b{font-size:22px}.new-size-picker span{font-size:12px;color:var(--sub)}.new-size-picker button:hover{border-color:var(--mint);transform:translateY(-3px)}#new-mode{width:100%}.settings-card{margin-bottom:22px}.settings-card>h3{font-size:19px}.settings-card>p{font-size:12px;color:var(--sub);line-height:1.9}.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}.theme-picker button{border:2px solid transparent;background:var(--club-bg);padding:12px;border-radius:14px;text-align:left;color:var(--text)}.theme-picker button.selected{border-color:var(--mint)}.theme-picker strong,.theme-picker small{display:block;margin:13px 4px 4px}.theme-picker strong{font-size:14px}.theme-picker small{font-size:11px;color:var(--sub)}.theme-preview{display:block;aspect-ratio:1.8;border-radius:8px;position:relative;overflow:hidden;background:#101e32}.theme-preview i{position:absolute;inset:12% 55% 12% 10%;border-radius:5px;background:#24384d}.theme-preview b{position:absolute;inset:12% 10% 40% 50%;border-radius:5px;background:#7cad9b}.theme-preview em{position:absolute;inset:66% 10% 12% 50%;border-radius:4px;background:#ffb882}.theme-preview-light{background:#e8edf4}.theme-preview-light i{background:white}.theme-preview-light b{background:#9ac8b9}.theme-preview-light em{background:#efb38c}.theme-preview-pastel{background:#f2dfed}.theme-preview-pastel i{background:#fff6fd}.theme-preview-pastel b{background:#c8b4e2}.theme-preview-pastel em{background:#eac7c5}.setting-switch{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0;border-bottom:1px solid var(--club-line);cursor:pointer}.setting-switch:last-child{border:0}.setting-switch b{font-size:13px;font-weight:600}.setting-switch small{display:block;font-size:11px;color:var(--sub);line-height:1.7;margin-top:6px}.setting-switch input{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:46px;height:27px;border-radius:20px;background:#51617a;transition:.2s;cursor:pointer}.setting-switch input:after{content:'';position:absolute;left:4px;top:4px;width:19px;height:19px;background:white;border-radius:50%;box-shadow:0 2px 5px #0002;transition:.2s}.setting-switch input:checked{background:var(--mint)}.setting-switch input:checked:after{transform:translateX(19px)}.settings-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.settings-links button{padding:18px 12px;border:1px solid var(--club-line);border-radius:10px;background:var(--surface);color:var(--text);font-size:12px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.about-grid p{font-size:12px;line-height:1.9;color:var(--sub)}.about-grid b{color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card small{display:block;font-size:11px;color:var(--sub)}.stat-card strong{display:block;font-family:Manrope;font-size:34px;letter-spacing:-1px;margin-top:17px;color:var(--mint)}.stats-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}.stats-detail-grid h3{font-size:15px;margin-bottom:19px}.stat-line{display:flex;gap:15px;justify-content:space-between;font-size:11px;padding:13px 0;border-bottom:1px solid var(--club-line);color:var(--sub)}.stat-line>b{color:var(--text);white-space:nowrap}.stats-detail-grid small{font-size:9px;color:var(--sub);line-height:1.8}.weekly-summary{display:grid;grid-template-columns:1.3fr 1fr;gap:23px}.weekly-summary h2{font-family:Manrope;font-size:29px;margin:15px 0}.weekly-summary>section>small{font-size:9px;color:var(--sub);letter-spacing:1.4px}.weekly-summary strong{color:var(--mint);font-size:24px}.weekly-summary strong small{font-size:12px}.weekly-summary p,.weekly-rules p{font-size:12px;line-height:1.8;color:var(--sub)}.previous-season{background:#7ee0bd0b;border-radius:8px;padding:13px}.weekly-rules{margin:22px 0}.zone-promotion{color:var(--mint)!important}.zone-relegation{color:#ee987d!important}.hint-options{display:grid;gap:14px;margin:24px 0 8px}.hint-options button{text-align:left;padding:19px 20px;border-radius:12px;border:1px solid var(--club-line);background:var(--surface);color:var(--text);min-height:76px}.hint-options button:hover{border-color:var(--mint);transform:translateX(3px)}.hint-options b{display:block;font-size:16px;color:var(--mint);margin-bottom:9px}.hint-options span{font-size:12px;color:var(--sub);line-height:1.7}.tools{grid-template-columns:repeat(5,1fr);gap:5px}.tools button{min-height:56px}.board{border-width:3px;border-radius:17px;box-shadow:0 14px 32px #0004,inset 0 0 0 1px #fff3}.cell{background:linear-gradient(145deg,#ffffff22,transparent 80%),var(--color);border-right:1px solid #29413924;border-bottom:1px solid #29413924}.cell.region-right{border-right:3px solid #506052}.cell.region-bottom{border-bottom:3px solid #506052}.cell.confirmed svg{color:#efb56d;filter:drop-shadow(0 2px 1px #70472833)}.cell.confirmed{box-shadow:inset 0 0 0 2px #3c79646b;background:radial-gradient(circle at 50% 45%,#fff5 0,transparent 75%),var(--color)}.cell:hover:before{border-width:2px;background:#fff2;box-shadow:0 0 12px #ffffff25}.zone-shape{position:absolute;left:7%;top:5%;font-size:clamp(8px,1vw,13px);line-height:1;color:#35483c99;pointer-events:none;z-index:1}.cell svg,.cell .x{z-index:1}.cell.hint-candidate:after{content:'';position:absolute;inset:4px;border:3px dashed #a16a16;border-radius:7px;pointer-events:none;z-index:2;box-shadow:inset 0 0 15px #ffef9e50}.ghost-cat{position:absolute;right:6%;top:8%;width:43%;height:43%;border:1.5px dashed #75688d;border-radius:40%;background:#fff5;z-index:3;pointer-events:none}.cell .ghost-cat svg{position:absolute;inset:5%;width:90%;height:90%;color:#a69cb5;opacity:.85;filter:none}.ghost-cross{position:absolute;right:10%;top:5%;font-size:clamp(17px,2.5vw,35px);line-height:1;color:#b64a60;font-weight:500;z-index:3;pointer-events:none}.hypothesis-panel{padding:15px 16px;margin-top:16px;background:#79648f18;border:1px dashed #a28ab070;border-radius:12px}.hypothesis-panel[hidden]{display:none}.hypothesis-panel>span{display:block;font-size:11px;color:var(--sub);margin-bottom:13px}.hypothesis-panel>div{display:flex;gap:10px}.hypothesis-panel button{flex:1;padding:12px 8px;font-size:11px;min-height:44px;border-radius:8px;background:var(--surface);border:1px solid var(--club-line);color:var(--text)}.hypothesis-panel .active{border-color:#c297d9;background:#b497d32a;color:#dab8ef}#hypothesis.active{background:#b497d329;color:#d0a9e8}.mobile-dock{display:none}
:root[data-motion='reduced'] *,:root[data-motion='reduced'] *:before,:root[data-motion='reduced'] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
:root[data-theme='light']{--club-bg:#f1f5f9;--surface:#fff;--text:#25364b;--sub:#63758b;--orange:#ed9a65;--mint:#25896d;--club-line:#dbe3ec}
:root[data-theme='pastel']{--club-bg:#f7f0f7;--surface:#fffafd;--text:#51425c;--sub:#89748d;--orange:#e1a0a4;--mint:#8c6db1;--club-line:#e9dce9}
:root[data-theme='light'] body,:root[data-theme='pastel'] body{background:radial-gradient(ellipse at 80% 0,#becfe322,transparent 55%),var(--club-bg);color:var(--text)}
:root[data-theme='light'] :is(.panel,.game-card,.feature,.duel-card,.rank-stop,.world,.user-pill,.mode-tabs),:root[data-theme='pastel'] :is(.panel,.game-card,.feature,.duel-card,.rank-stop,.world,.user-pill,.mode-tabs){background:var(--surface);border-color:var(--club-line);box-shadow:0 8px 28px #3a416706}
:root[data-theme='light'] .hero,:root[data-theme='pastel'] .hero{background:radial-gradient(ellipse at 85% 50%,#c3ddd260,transparent 60%),linear-gradient(120deg,var(--surface),var(--club-bg));border-color:var(--club-line);box-shadow:0 10px 35px #51426d0a}
:root[data-theme='pastel'] .hero{background:radial-gradient(ellipse at 80% 40%,#e6c4e280,transparent 65%),linear-gradient(120deg,#fff9f5,#f3e6fa)}
:root[data-theme='light'] :is(.club-header .brand,.user-pill,.hero h2,.hub h1,.hub h2,.hub h3,.game-top h2,.rules-title,.rule h3,.game-main .intro h1,.lobby-links button,.profile-preview h2,.league-row,.player-identity>b,.duel-card h3),:root[data-theme='pastel'] :is(.club-header .brand,.user-pill,.hero h2,.hub h1,.hub h2,.hub h3,.game-top h2,.rules-title,.rule h3,.game-main .intro h1,.lobby-links button,.profile-preview h2,.league-row,.player-identity>b,.duel-card h3){color:var(--text)}
:root[data-theme='light'] :is(.hero p,.hub p,.hub small,.hub .subtle,.feature p,.rule p,.rules-title>span,.saved,.saved small,.user-pill small,.board-tip,.game-main .intro p,.rank-note,.player-identity small,.challenge-settings p,.challenge-settings small),:root[data-theme='pastel'] :is(.hero p,.hub p,.hub small,.hub .subtle,.feature p,.rule p,.rules-title>span,.saved,.saved small,.user-pill small,.board-tip,.game-main .intro p,.rank-note,.player-identity small,.challenge-settings p,.challenge-settings small){color:var(--sub)}
:root[data-theme='light'] :is(.hero h2 em,.game-main .intro h1 em,.progress,.tag,.hero-stats b,.pill-xp,.size-arrow,.ranking-button,.game-label),:root[data-theme='pastel'] :is(.hero h2 em,.game-main .intro h1 em,.progress,.tag,.hero-stats b,.pill-xp,.size-arrow,.ranking-button,.game-label){color:var(--mint)}
:root[data-theme='light'] :is(input,select,.chapter-picker button,.new-size-picker button,.hint-options button,.settings-links button),:root[data-theme='pastel'] :is(input,select,.chapter-picker button,.new-size-picker button,.hint-options button,.settings-links button){color-scheme:light;background:var(--club-bg);border-color:var(--club-line);color:var(--text)}
:root[data-theme='light'] :is(.club-header nav button,.tools button,.difficulties button,.challenge-settings>label,.timer,.setting-switch),:root[data-theme='pastel'] :is(.club-header nav button,.tools button,.difficulties button,.challenge-settings>label,.timer,.setting-switch){color:var(--text)}
:root[data-theme='light'] .club-header nav .active,:root[data-theme='pastel'] .club-header nav .active{background:color-mix(in srgb,var(--mint) 10%,transparent);color:var(--mint)}
:root[data-theme='light'] :is(.secondary,.lobby-links button:hover),:root[data-theme='pastel'] :is(.secondary,.lobby-links button:hover){background:var(--club-bg);border-color:var(--club-line);color:var(--text)}
:root[data-theme='light'] :is(.xp-track,.timer,.challenge-status,.tools small,.quick-sizes button,.rule-illustration,.frame-picker button,.pause-overlay),:root[data-theme='pastel'] :is(.xp-track,.timer,.challenge-status,.tools small,.quick-sizes button,.rule-illustration,.frame-picker button,.pause-overlay){background:var(--club-bg);border-color:var(--club-line);color:var(--text)}
:root[data-theme='light'] .rank-badge,:root[data-theme='pastel'] .rank-badge{color:var(--text);background:var(--club-bg)}
:root[data-theme='light'] .size-number,:root[data-theme='pastel'] .size-number{color:#66758b20}
:root[data-theme='light'] .difficulties .selected,:root[data-theme='pastel'] .difficulties .selected{background:color-mix(in srgb,var(--mint) 9%,var(--surface));border-color:var(--mint)}
:root[data-theme='light'] .avatar,:root[data-theme='pastel'] .avatar{background:var(--club-bg);box-shadow:0 4px 14px #414d6512}
:root[data-theme='light'] .stage,:root[data-theme='pastel'] .stage{background:var(--surface);border-color:var(--club-line)}
:root[data-theme='light'] .stage small,:root[data-theme='pastel'] .stage small{color:var(--sub)}
:root[data-theme='light'] .stage-number,:root[data-theme='pastel'] .stage-number{background:var(--club-bg);color:var(--text);border-color:var(--club-line);box-shadow:none}
:root[data-theme='light'] .stage.unlocked,:root[data-theme='pastel'] .stage.unlocked{border-color:var(--mint)}
:root[data-theme='light'] .stage.unlocked .stage-number,:root[data-theme='pastel'] .stage.unlocked .stage-number{background:var(--mint);color:white;border-color:var(--mint)}
:root[data-theme='light'] .mode-tabs .active,:root[data-theme='pastel'] .mode-tabs .active{background:var(--mint);color:white}
:root[data-theme='light'] dialog,:root[data-theme='pastel'] dialog{background:var(--surface);color:var(--text);border-color:var(--club-line);box-shadow:0 25px 100px #34466335}
:root[data-theme='light'] :is(dialog h2,dialog p,dialog li),:root[data-theme='pastel'] :is(dialog h2,dialog p,dialog li){color:var(--text)}
:root[data-theme='light'] .reward,:root[data-theme='pastel'] .reward{color:var(--mint);background:var(--club-bg);border-color:var(--club-line)}
:root[data-theme='light'] #message,:root[data-theme='pastel'] #message{color:var(--mint)}
:root[data-theme='light'] .hypothesis-panel .active,:root[data-theme='pastel'] .hypothesis-panel .active{color:#7c499c;border-color:#a876c2;background:#ece0f3}
:root[data-theme='light'] .mobile-dock,:root[data-theme='pastel'] .mobile-dock{background:var(--surface);border-color:var(--club-line)}
@media(min-width:1700px){.lobby-layout{grid-template-columns:270px minmax(0,1fr);gap:30px}.lobby-links button{font-size:14px;min-height:51px}.lobby-content .hero{min-height:430px;padding:38px}.lobby-content .hero h2{font-size:40px}.lobby-content .hero-art img{max-width:420px}.lobby-content .feature{padding:20px}.lobby-content .feature h3{font-size:16px}.lobby-content .feature p{font-size:11px}.lobby-profile b{font-size:20px}.lobby-profile small{font-size:12px}.settings-card>p,.about-grid p,.weekly-summary p,.weekly-rules p{font-size:14px}.setting-switch b{font-size:16px}.setting-switch small{font-size:13px}.theme-picker strong{font-size:18px}.theme-picker small{font-size:13px}.stat-card strong{font-size:41px}.stat-card small,.stat-line{font-size:14px}.stats-detail-grid h3{font-size:19px}.hypothesis-panel>span,.hypothesis-panel button{font-size:13px}.hint-options b{font-size:19px}.hint-options span{font-size:14px}}
@media(min-width:2600px){.lobby-layout{grid-template-columns:350px minmax(0,1fr);gap:40px}.lobby-menu{padding:35px 25px}.lobby-profile b{font-size:25px}.lobby-profile small{font-size:16px}.lobby-links button{font-size:18px;padding:20px 15px;min-height:66px}.lobby-links button>span{font-size:26px;width:30px}.lobby-content .hero{min-height:570px;padding:55px}.lobby-content .hero h2{font-size:54px}.lobby-content .hero-art img{max-width:570px}.lobby-content .hero p{max-width:440px}.lobby-content .feature{padding:27px}.lobby-content .feature h3{font-size:20px}.lobby-content .feature p{font-size:14px}.lobby-content .feature-icon{width:45px;height:45px;font-size:25px}.home-bottom p{font-size:16px}.helper-feature h3{font-size:23px}.helper-feature>b{font-size:15px}.settings-card>p,.about-grid p,.weekly-summary p,.weekly-rules p{font-size:18px}.setting-switch b{font-size:21px}.setting-switch small{font-size:17px}.setting-switch{padding:30px 0}.theme-picker strong{font-size:23px}.theme-picker small{font-size:17px}.stat-card strong{font-size:52px}.stat-card small,.stat-line{font-size:18px}.settings-links button{font-size:18px;padding:25px}.chapter-picker label,.chapter-picker select{font-size:18px}.chapter-picker button{width:56px;height:56px}.stats-detail-grid h3{font-size:24px}.weekly-summary h2{font-size:40px}.weekly-summary strong{font-size:34px}.hypothesis-panel>span,.hypothesis-panel button{font-size:17px}.hint-options b{font-size:25px}.hint-options span{font-size:18px}.zone-shape{font-size:21px}}
@media(max-width:1050px){.lobby-layout{grid-template-columns:190px minmax(0,1fr);gap:18px}.lobby-menu{padding:18px 10px}.lobby-content .hero{padding:25px;min-height:330px}.lobby-content .hero h2{font-size:27px}.lobby-content .hero-art img{max-width:280px;width:115%}.lobby-content .feature-grid{grid-template-columns:1fr}.home-bottom{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-detail-grid{grid-template-columns:1fr 1fr}.settings-links{grid-template-columns:1fr 1fr}.theme-picker{gap:12px}.weekly-summary{grid-template-columns:1fr 1fr}}
@media(max-width:650px){body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.club-header{min-height:80px;padding:14px 16px;gap:11px}.club-header nav{display:none}.club-header .brand{font-size:28px}.club-header .brand svg{width:30px;height:30px}.club-header .help-top{display:none}.header-settings{margin-left:auto;width:44px;height:44px;flex:none;font-size:25px}.user-pill{min-height:48px;padding:8px 11px}.user-pill b{font-size:12px;max-width:90px}.user-pill small{font-size:10px}#header-avatar>.avatar{width:35px;height:35px}.hub{padding:22px 16px 25px}.hub h1{font-size:30px}.hub h1+p{font-size:13px;line-height:1.6}.hub .eyebrow{font-size:9px}.lobby-layout{display:flex;flex-direction:column;gap:20px}.lobby-content{display:contents}.lobby-content .hero{order:1;width:100%;padding:25px;min-height:310px;margin:0}.lobby-content .hero h2{font-size:29px;line-height:1.2;max-width:275px}.lobby-content .hero p{font-size:13px;line-height:1.6;max-width:225px}.lobby-content .hero-art{width:95px;height:85px;right:0;top:0;opacity:.8}.lobby-content .hero-art img{width:100%;max-width:none}.hero-actions{margin-top:24px;gap:13px}.hero .primary{font-size:16px;padding:17px 19px;min-height:56px;gap:25px;min-width:220px;border-radius:13px}.hero .secondary{font-size:14px;padding:12px 0;min-height:44px}.hero-stats{font-size:10px;margin-top:22px;gap:12px}.hero-stats b{font-size:13px}.hero-stats span+span{padding-left:12px}.lobby-menu{order:2;width:100%;padding:14px;position:static}.lobby-menu>.lobby-profile,.lobby-menu>.xp-track,.lobby-menu>.xp-caption{display:none}.lobby-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.lobby-links button{font-size:14px;min-height:59px;padding:13px 10px;background:var(--club-bg);border-radius:10px}.lobby-links button>span{font-size:21px;min-width:23px}.lobby-links button>i{font-size:18px}.lobby-links button:last-child{grid-column:1/-1}.lobby-content .feature-grid{order:3;width:100%;gap:13px;margin:0}.lobby-content .feature{padding:20px;gap:16px;min-height:96px}.lobby-content .feature h3{font-size:18px}.lobby-content .feature p{font-size:13px;line-height:1.5}.feature small{font-size:9px}.lobby-content .feature-icon{width:42px;height:42px;font-size:25px}.home-bottom{order:4;width:100%;grid-template-columns:1fr;margin:0;gap:17px}.home-bottom p{font-size:13px}.home-bottom .panel-heading h3{font-size:21px}.home-bottom .subtle{font-size:14px;min-height:44px}.helper-feature h3{font-size:20px}.helper-feature>b{font-size:14px}.mobile-dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:100;background:#17263beF;backdrop-filter:blur(15px);border-top:1px solid var(--club-line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:4px;box-shadow:0 -8px 25px #0001}.mobile-dock button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:55px;border-radius:12px;color:var(--sub);font-size:11px}.mobile-dock button>span{font-size:25px;line-height:1.1}.mobile-dock .active{color:var(--mint);background:color-mix(in srgb,var(--mint) 10%,transparent)}.mobile-dock button:active{transform:scale(.94)}.game-main{padding:0 9px!important;max-width:none}.game-main .intro{padding:12px 4px 7px;text-align:left}.game-main .intro>h1,.game-main .intro>p,.game-main .intro>.eyebrow{display:none}.game-main .back-club{font-size:13px;margin:0;min-height:35px}.game-main .sidebar{display:none!important}.game-main .workspace{max-width:none;display:block}.game-main .game-card{padding:0 0 15px;background:none;border:0;box-shadow:none}.game-top{margin:3px 4px 16px}.game-top h2{font-size:24px}.game-label{font-size:11px;letter-spacing:1.4px}.timer{font-size:16px;min-height:48px;gap:9px;padding:11px}.board{border-radius:13px;border-width:2px;box-shadow:0 8px 25px #0003}.cell.region-right{border-right-width:2px}.cell.region-bottom{border-bottom-width:2px}.zone-shape{font-size:10px;left:6%;top:5%}.cell.confirmed svg{width:76%;height:76%;inset:12%}.lock-badge{width:21%;height:21%;font-size:9px;min-width:11px;min-height:11px}.cell .ghost-cat svg{inset:5%;width:90%;height:90%}.ghost-cross{font-size:23px}.ghost-cat{width:42%;height:42%;border-width:1.2px}.challenge-status{font-size:12px;line-height:1.6;padding:12px;margin-top:15px;border-radius:10px}.board-footer{margin:15px 4px}.progress{font-size:14px}.progress svg{width:23px;height:23px}.dots{gap:6px}.dots i{height:7px;width:7px}.tools{position:sticky;bottom:calc(81px + env(safe-area-inset-bottom));z-index:8;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 5px;gap:3px;border-radius:15px;background:var(--surface);border:1px solid var(--club-line);box-shadow:0 7px 20px #0002;margin-top:18px}.tools button{min-height:62px;padding:8px 1px;font-size:10px;gap:9px;color:var(--text);border-radius:11px}.tools button>span{font-size:25px}.tools small{font-size:6px;top:3px;right:1px}.tools button.active{background:color-mix(in srgb,var(--mint) 15%,transparent)}.tools button:hover{transform:none}.board-tip{font-size:11px;margin:16px 10px 0;line-height:1.7}#message{font-size:13px;line-height:1.8;margin:13px 10px;min-height:23px}.hypothesis-panel{padding:16px 12px;margin-top:18px}.hypothesis-panel>span{font-size:12px;line-height:1.7}.hypothesis-panel>div{gap:7px}.hypothesis-panel button{min-height:49px;font-size:12px;padding:11px 6px}.game-main footer{display:none}.new-game,.primary{min-height:50px;font-size:14px}.new-size-picker{gap:10px}.new-size-picker button{min-height:100px;padding:20px 8px}.new-size-picker b{font-size:23px}.new-size-picker span{font-size:13px}#new-mode{font-size:15px;min-height:50px}.game-mode-label{font-size:14px}.settings-card{padding:23px 20px;margin-bottom:19px}.settings-card>h3{font-size:21px}.settings-card>p{font-size:14px;line-height:1.8}.theme-picker{gap:10px}.theme-picker button{padding:8px;border-radius:12px}.theme-picker strong{font-size:14px;margin:13px 1px 5px}.theme-picker small{font-size:10px;margin:0 1px 3px}.theme-preview{aspect-ratio:1.2}.setting-switch{padding:23px 0;gap:17px;min-height:82px}.setting-switch b{font-size:16px}.setting-switch small{font-size:13px;line-height:1.6}.setting-switch input{width:48px;height:29px}.setting-switch input:after{width:21px;height:21px}.settings-links{gap:10px}.settings-links button{font-size:14px;min-height:58px;padding:15px 10px}.settings-card>.subtle{font-size:14px;min-height:44px}.chapter-picker{gap:10px;margin:20px 0}.chapter-picker label{display:none}.chapter-picker select{font-size:14px;flex:1;min-width:0;height:49px}.chapter-picker button{height:49px;width:49px;flex:none}.world{padding:22px 15px}.world-heading h2{font-size:23px}.world-heading>span{font-size:10px}.world-heading small{font-size:12px}.stage{min-height:175px;padding:20px 8px;gap:11px}.stage-number{width:55px;height:55px;font-size:24px}.stage b{font-size:14px}.stage small,.stage-reward{font-size:11px}.about-grid,.weekly-summary,.stats-detail-grid{grid-template-columns:1fr;gap:17px}.about-grid p,.weekly-summary p,.weekly-rules p{font-size:14px;line-height:1.8}.about-grid h3{font-size:20px}.weekly-summary h2{font-size:29px}.weekly-summary strong{font-size:25px}.weekly-summary>section>small{font-size:11px}.weekly-rules h3{font-size:19px}.rank-stop b{font-size:9px}.rank-stop{padding-top:20px}.league-row{gap:12px;padding:17px 3px}.league-row .position{font-size:14px;width:20px}.league-row .avatar{width:41px;height:41px}.player-identity>b{font-size:14px}.player-identity small{font-size:10px}.league-row>strong{font-size:18px}.league-row>strong small{font-size:10px}.stats-grid{gap:13px}.stat-card{padding:20px 16px;min-height:130px}.stat-card small{font-size:12px;line-height:1.5}.stat-card strong{font-size:29px;margin-top:19px}.stat-line{font-size:13px;line-height:1.6;padding:15px 0}.stats-detail-grid h3{font-size:20px}.stats-detail-grid small{font-size:11px}.hint-options button{padding:20px 17px;min-height:106px}.hint-options b{font-size:19px}.hint-options span{font-size:14px;line-height:1.7}dialog{padding:29px 24px;border-radius:20px}dialog h2{font-size:27px}dialog p,dialog li{font-size:14px;line-height:1.8}.close{width:44px;height:44px;right:7px;top:5px}.profile-editor>label{font-size:15px}.profile-editor>input{font-size:16px;min-height:52px}.profile-editor h3{font-size:18px}.avatar-picker{gap:8px}.avatar-picker .avatar{width:51px;height:51px}.avatar-picker button{min-height:57px;min-width:57px}.frame-picker b{font-size:14px}.frame-picker small{font-size:11px}.frame-picker button{min-height:120px}.photo-upload{font-size:14px;min-height:47px;padding:13px}.field-note{font-size:12px}.profile-editor .primary{font-size:16px}.profile-editor .sound-option{font-size:15px}.duel-create label{font-size:15px}.duel-create select{min-height:51px;font-size:15px}.duel-create>p,.duel-create>small{font-size:13px}.duel-card h3{font-size:21px}.duel-card p,.duel-scores{font-size:13px}.duel-card>button{font-size:14px;min-height:49px}.panel-heading h3,.hub h3{line-height:1.4}#toast{bottom:calc(94px + env(safe-area-inset-bottom));font-size:13px;line-height:1.6}}
:root[data-theme='light'] .setting-switch input:checked,:root[data-theme='pastel'] .setting-switch input:checked{background:var(--mint)}
@media(max-width:650px){.hypothesis-panel{position:sticky;top:5px;z-index:9;background:var(--surface);margin:10px 0 16px;box-shadow:0 5px 18px #0001}.hypothesis-panel>span{font-size:11px;margin-bottom:10px}.hypothesis-panel button{font-size:12px;min-height:46px}}
:root[data-theme='light'] :is(.profile-editor>label,.duel-create label,.duel-scores,.frame-picker b,.close),:root[data-theme='pastel'] :is(.profile-editor>label,.duel-create label,.duel-scores,.frame-picker b,.close){color:var(--text)}
:root[data-theme='light'] .photo-upload,:root[data-theme='pastel'] .photo-upload{color:var(--mint)!important;border-color:var(--club-line)}
.dots i{background:var(--club-line)}.dots .filled{background:var(--mint)}.xp-track i{background:linear-gradient(90deg,color-mix(in srgb,var(--mint) 70%,white),var(--mint))}

/* A quiet watermark, with all playable marks in front. */
.mobile-play-header,.mobile-play-rules,.mobile-play-status{display:none}
.board{container-type:inline-size;border:3px solid #354b49;border-radius:18px;box-shadow:0 2px 0 #ffffff18,0 18px 45px #0003;outline:1px solid #ffffff15;outline-offset:5px}
.cell{background:linear-gradient(145deg,#ffffff30,transparent 70%),var(--color);border-color:#354b491a;transition:filter .15s,box-shadow .15s}
.cell.region-right{border-right:2px solid #455e58}
.cell.region-bottom{border-bottom:2px solid #455e58}
.cell:hover{filter:brightness(1.035)}
.cell:hover:before{inset:3px;border-radius:7px;border:2px solid #fff9;background:#fff1;box-shadow:none}
.zone-shape{inset:0;display:grid;place-items:center;font-size:calc(49cqw / var(--n));line-height:1;color:#294139;opacity:.14;z-index:0;pointer-events:none}
.cell.confirmed .zone-shape{opacity:.06}
.cell.has-hypothesis .zone-shape{opacity:.1}
.cell svg,.cell .x{position:relative;z-index:1}
.cell>svg{position:absolute}
.cell .x{font-size:calc(40cqw / var(--n));color:#3e56558c;font-weight:300}
.cell.confirmed{background:radial-gradient(ellipse at 50% 45%,#fff7,transparent 72%),var(--color);box-shadow:inset 0 0 0 2px #3c79644d}
.cell.confirmed>svg{filter:drop-shadow(0 3px 2px #55432e2a)}
.cell:focus-visible{outline:3px solid #213f43;outline-offset:-5px;z-index:4}
.expedition-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 auto 24px;max-width:760px}
.expedition-heading[hidden]{display:none}
.expedition-heading .eyebrow{font-size:11px;color:var(--mint);letter-spacing:2px}
.expedition-heading h1{margin:10px 0 0;font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-1px;color:var(--text)}
.expedition-brief{text-align:right;display:grid;gap:9px;font-size:13px}
.expedition-brief>span{color:var(--text);font-weight:600}
.expedition-brief>b{color:var(--sub);font-weight:400}
.game-main[data-play-mode='expedition'] .intro{max-width:760px;margin:auto;padding:20px 0 16px;text-align:left}
.game-main[data-play-mode='expedition'] .intro>:not(.back-club){display:none}
.game-main[data-play-mode='expedition'] :is(.sidebar,.rules,footer){display:none!important}
.game-main[data-play-mode='expedition'] .workspace{display:block;max-width:760px;margin:0 auto}
.game-main[data-play-mode='expedition'] .game-card{width:100%;padding:28px;background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 94%,white),var(--surface));box-shadow:0 20px 60px #0002}
.game-main[data-play-mode='expedition'] .game-top h2{font-size:20px}
@media(min-width:1700px){.expedition-heading,.game-main[data-play-mode='expedition'] .workspace,.game-main[data-play-mode='expedition'] .intro{max-width:900px}.expedition-heading h1{font-size:40px}.expedition-brief{font-size:16px}}
@media(min-width:2600px){.expedition-heading,.game-main[data-play-mode='expedition'] .workspace,.game-main[data-play-mode='expedition'] .intro{max-width:1200px}.expedition-heading h1{font-size:50px}.expedition-heading .eyebrow{font-size:15px}.expedition-brief{font-size:20px}}
@media(max-width:650px){.board{border-width:2px;border-radius:14px;outline-offset:3px}.expedition-heading{margin:3px 4px 19px;gap:12px}.expedition-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.expedition-heading h1{font-size:25px;margin-top:8px}.expedition-brief{font-size:11px;gap:7px}.game-main[data-play-mode='expedition'] .intro{padding:12px 4px 7px}.game-main[data-play-mode='expedition'] .game-card{padding:0 0 15px;background:none;box-shadow:none}.game-main[data-play-mode='expedition'] .game-top h2{font-size:20px}}

/* The same play surface on every screen. */
@media(min-width:0px){
 body[data-screen='game']{padding:env(safe-area-inset-top) 0 calc(12px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 30%,#273a4d55,transparent 65%),var(--club-bg)}
 body[data-screen='game']>.club-header,body[data-screen='game']>.mobile-dock{display:none}
 .game-main{padding:0 12px!important}
 .game-main>.intro,.game-main>.expedition-heading{display:none!important}
 .mobile-play-header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;min-height:88px;padding:10px 2px 12px}
 .mobile-play-header>div{text-align:center;min-width:0}
 .mobile-play-header>button{display:grid;place-items:center;min-width:48px;min-height:48px;border-radius:50%;background:var(--surface);color:var(--text);border:1px solid var(--club-line);box-shadow:0 4px 12px #0001;font-size:28px;line-height:1}
 .mobile-play-header>button:active{transform:scale(.94)}
 .mobile-play-header span{color:var(--mint);font-size:9px;font-weight:700;letter-spacing:1.4px}
 .mobile-play-header h1{font-size:23px;letter-spacing:-.8px;font-family:Manrope,sans-serif;color:var(--text);margin:6px 0 0}
 .mobile-play-rules{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;width:100%;min-height:59px;padding:8px 5px;border-radius:18px;background:var(--surface);border:1px solid var(--club-line);color:var(--sub);margin:0 0 10px;gap:4px}
 .mobile-play-rules>span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 3px}
 .mobile-play-rules>span+span{border-left:1px solid var(--club-line)}
 .mobile-play-rules svg{width:22px;height:22px;flex:none;color:var(--mint);opacity:.8}
 .mobile-play-rules b{font-size:9px;line-height:1.45;text-align:left;font-weight:600}
 .game-main .game-card,.game-main[data-play-mode='expedition'] .game-card{display:flex;flex-direction:column;padding:0;background:none;border:0;box-shadow:none}
 .game-main .game-top{order:0;margin:0 2px 6px;min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:12px}
 .game-main .game-top>div{display:none}
 .mobile-play-status{display:block;color:var(--sub);font-size:12px;font-weight:500}
 .game-main .timer{font-size:12px;min-height:34px;padding:7px 11px;border-radius:20px;gap:7px;background:var(--surface);border:1px solid var(--club-line);color:var(--sub)}
 .game-main .board-footer{order:1;display:flex;flex-direction:column-reverse;align-items:center;gap:8px;margin:5px 0 10px}
 .game-main .progress{font-size:11px;color:var(--sub);font-weight:500}
 .game-main .progress>svg{display:none}
 .game-main .dots{display:flex;justify-content:center;gap:9px;min-height:22px}
 .game-main .dots i{width:21px;height:22px;border-radius:0;opacity:.55;background:var(--cat-color);clip-path:polygon(4% 3%,32% 16%,68% 16%,96% 3%,92% 48%,100% 62%,95% 85%,74% 97%,26% 97%,5% 85%,0 62%,8% 48%);box-shadow:none;transition:opacity .2s,transform .2s}
 .game-main .dots .filled{opacity:1;transform:translateY(-2px);filter:brightness(1.15)}
 .game-main .hypothesis-panel{order:2;position:static;margin:0 0 12px;padding:12px;border:1px solid #b497d34a;border-radius:16px;box-shadow:none}
 .game-main .hypothesis-panel>span{font-size:10px;margin-bottom:8px}
 .game-main .hypothesis-panel button{min-height:44px;font-size:11px;border-radius:11px}
 .game-main .board-wrap{order:3}
 .game-main .board{padding:6px;gap:3px;border:0;border-radius:21px;background:var(--surface);outline:1px solid var(--club-line);outline-offset:0;box-shadow:0 12px 35px #0002;aspect-ratio:1}
 .game-main .cell,.game-main .cell.region-right,.game-main .cell.region-bottom{border:0;border-radius:7px;background:linear-gradient(145deg,#ffffff17,transparent 65%),var(--tile);--play-coat:var(--tile);box-shadow:inset 0 1px 0 #fff3}
 .game-main .cell:hover:before{inset:1px;border-radius:6px;border-width:2px;background:#fff1}
 .game-main .cell.confirmed{background:radial-gradient(circle at 50% 40%,#fff5,transparent 75%),var(--tile);box-shadow:inset 0 0 0 2px #ffffffb3}
 .game-main .cell.confirmed>svg{color:#ffdab0;inset:9%;width:82%;height:82%;filter:drop-shadow(0 2px 1px #75503a40)}
 .game-main .lock-badge{right:3px;bottom:3px;width:14px;height:14px;min-width:0;min-height:0;font-size:9px;box-shadow:none}
 .game-main .zone-shape{opacity:.13;color:#263e4b;font-size:calc(51cqw / var(--n))}
 .game-main .cell.confirmed .zone-shape{opacity:.04}
 .game-main .cell .x{display:block;position:absolute;inset:0;font-size:0}
 .game-main .cell .x:before,.game-main .cell .x:after{content:'';position:absolute;left:43%;top:18%;width:14%;height:64%;border-radius:8px;background:#fffffff2;transform:rotate(45deg);box-shadow:0 1px 2px #2941390d}
 .game-main .cell .x:after{transform:rotate(-45deg)}
 .game-main .cell:focus-visible{outline:3px solid white;outline-offset:-4px}
 .game-main .challenge-status{display:none}
 .game-main .tools{order:4;position:static;display:grid;grid-template-columns:repeat(6,1fr);gap:7px 5px;margin:18px 0 0;padding:0 6px;background:none;border:0;border-radius:0;box-shadow:none}
 .game-main .tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;padding:3px 0;color:var(--sub);font-size:11px;font-weight:500;border-radius:16px}
 .game-main .tools button>span{display:grid;place-items:center;width:60px;height:60px;font-size:30px;line-height:1;border-radius:22px;background:var(--surface);border:1px solid var(--club-line);box-shadow:0 5px 12px #0001;color:var(--text)}
 .game-main .tools button:active>span{transform:scale(.93)}
 .game-main .tools #mark{grid-column:1/3;grid-row:1}
 .game-main .tools #hypothesis{grid-column:3/5;grid-row:1}
 .game-main .tools #hint{grid-column:5/7;grid-row:1}
 .game-main .tools #hint>span{color:var(--orange)}
 .game-main .tools #hypothesis>span{color:#b99edc}
 .game-main .tools #undo{grid-column:1/4;grid-row:2}
 .game-main .tools #reset{grid-column:4/7;grid-row:2}
 .game-main .tools #undo,.game-main .tools #reset{flex-direction:row;min-height:43px;font-size:11px;gap:8px}
 .game-main .tools #undo>span,.game-main .tools #reset>span{width:auto;height:auto;font-size:21px;background:none;border:0;box-shadow:none;border-radius:0}
 .game-main .tools button.active{background:none;color:var(--mint)}
 .game-main .tools button.active>span{background:color-mix(in srgb,var(--mint) 15%,var(--surface));border-color:var(--mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 8%,transparent);color:var(--mint)}
 .game-main .tools small{display:none}
 .game-main .board-tip{display:none}
 .game-main #message{order:5;min-height:0;margin:8px 4px;font-size:12px;line-height:1.6;text-align:center}
 .game-main .pause-overlay{border-radius:21px;z-index:5}
 :root[data-theme='light'] body[data-screen='game']{background:#f5f4ef}
 :root[data-theme='pastel'] body[data-screen='game']{background:#faf3f4}
 :root[data-theme='light'] .game-main .board,:root[data-theme='pastel'] .game-main .board{background:#fff;box-shadow:0 8px 28px #675e6d0c;outline:0}
 :root[data-theme='pastel'] .game-main .cell{background:linear-gradient(#ffffff20,#ffffff20),var(--tile)}
 @media(max-height:750px){.mobile-play-header{min-height:73px;padding-top:7px;padding-bottom:8px}.mobile-play-rules{min-height:51px;margin-bottom:4px}.game-main .board-footer{gap:5px;margin:3px 0 8px}.game-main .tools{margin-top:12px}.game-main .tools button{min-height:81px}.game-main .tools button>span{width:53px;height:53px;border-radius:19px}}
}

.game-main :is(.sidebar,.rules,footer){display:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:4px}
.daily-goals{margin-top:22px;padding:24px}.goals-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.goals-heading>div>small{font-size:9px;letter-spacing:1.8px;color:var(--mint)}.goals-heading h3{font-family:Manrope,sans-serif;font-size:20px;margin:10px 0 0;letter-spacing:-.5px}.goals-heading h3>span{font-family:Inter,sans-serif;font-size:11px;color:var(--sub);margin-left:14px}.paws-balance{display:grid;grid-template-columns:auto auto;gap:0 7px;padding:11px 15px;background:color-mix(in srgb,var(--orange) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--orange) 30%,var(--club-line));border-radius:15px;color:var(--orange);min-width:90px}.paws-balance>span{font-size:26px;grid-row:1/3;align-self:center}.paws-balance b{font-size:20px}.paws-balance small{font-size:9px;color:var(--sub)}.goals-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.goal{display:flex;gap:10px;align-items:center;background:var(--club-bg);padding:16px 12px;border:1px solid var(--club-line);border-radius:12px}.goal-check{font-size:22px;color:var(--sub)}.goal>div{flex:1}.goal b{display:block;font-size:11px;line-height:1.5}.goal small{display:block;font-size:9px;line-height:1.6;color:var(--sub);margin-top:5px}.goal>strong{font-size:12px;color:var(--orange);white-space:nowrap}.goal-done{border-color:color-mix(in srgb,var(--mint) 35%,var(--club-line));background:color-mix(in srgb,var(--mint) 5%,var(--club-bg))}.goal-done .goal-check{color:var(--mint)}.goals-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 10px;font-size:11px;color:var(--mint)}.goals-bottom button{color:var(--text);font-size:11px;min-height:36px}.goals-note{font-size:9px;line-height:1.7;color:var(--sub)}.collection-panel{margin-top:24px}.collection-panel>p{font-size:12px;line-height:1.8;color:var(--sub);margin-top:20px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.collection-badge{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px;border:1px solid var(--club-line);border-radius:16px;background:var(--club-bg);gap:11px;color:var(--sub)}.collection-badge>span{font-size:34px;opacity:.3}.collection-badge>b{font-size:13px}.collection-badge>small{font-size:11px;line-height:1.7;max-width:190px}.collection-badge>em{font-size:10px;font-style:normal;margin-top:auto}.collection-badge.earned{border-color:color-mix(in srgb,var(--orange) 40%,var(--club-line));background:color-mix(in srgb,var(--orange) 5%,var(--surface));color:var(--text)}.collection-badge.earned>span{opacity:1;color:var(--orange)}.collection-badge.earned>em{color:var(--mint)}.avatar.frame-sunrise,.frame-sample.frame-sunrise{border:3px solid #efb858;box-shadow:0 0 0 3px #efb85825,0 0 18px #e9bd4925}.avatar.frame-bloom,.frame-sample.frame-bloom{border:3px solid #df9cae;box-shadow:0 0 0 3px #df9cae25,0 0 18px #d48fc525}.avatar.frame-aurora,.frame-sample.frame-aurora{border:3px solid #95d6cd;box-shadow:0 0 0 3px #b6a5df50,0 0 20px #88d3d34a}.frame-picker{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}#settings-resume{margin:5px 0 23px}.game-main .mobile-play-rules,.game-main .mobile-play-header{box-sizing:border-box}
@media(min-width:651px){
 .game-main{max-width:min(1450px,calc(100svh - 80px),94vw);margin:0 auto;padding:8px 12px 20px!important}
 .mobile-play-header{min-height:88px;grid-template-columns:52px 1fr 52px;margin-bottom:4px}
 .mobile-play-header h1{font-size:29px}.mobile-play-header span{font-size:11px;letter-spacing:2px}.mobile-play-header>button{width:52px;height:52px;font-size:29px}
 .mobile-play-rules{max-width:620px;margin:0 auto 16px;padding:10px 15px;min-height:62px;border-radius:18px}.mobile-play-rules svg{width:26px;height:26px}.mobile-play-rules b{font-size:11px}.mobile-play-rules>span{gap:12px}
 .game-main .workspace,.game-main[data-play-mode='expedition'] .workspace{display:block;max-width:none;width:100%;margin:0}
 .game-main .game-card,.game-main[data-play-mode='expedition'] .game-card{display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-template-areas:'status tools' 'progress tools' 'notes tools' 'board tools' 'message tools' 'tip tools';column-gap:35px;align-items:start}
 .game-main .game-top{grid-area:status;min-height:35px}.game-main .board-footer{grid-area:progress;margin:5px 0 13px}.game-main .hypothesis-panel{grid-area:notes}.game-main .board-wrap{grid-area:board}.game-main #message{grid-area:message}
 .game-main .tools{grid-area:tools;display:flex;flex-direction:column;align-self:center;margin:0;padding:18px 8px;background:var(--surface);border:1px solid var(--club-line);border-radius:24px;gap:12px;box-shadow:0 12px 35px #0001}
 .game-main .tools button{min-height:86px;font-size:12px}.game-main .tools button>span{width:59px;height:59px;border-radius:20px;background:var(--club-bg);box-shadow:none}.game-main .tools #undo,.game-main .tools #reset{min-height:42px}
 .game-main .board{padding:9px;gap:5px;border-radius:23px}.game-main .cell,.game-main .cell.region-right,.game-main .cell.region-bottom{border-radius:9px}.game-main .dots i{width:24px;height:25px}.game-main .dots{gap:12px}.game-main .progress{font-size:12px}.game-main .lock-badge{width:18px;height:18px;font-size:11px}
 .game-main .board-tip{display:block;grid-area:tip;order:7;font-size:10px;color:var(--sub);margin:8px 0;text-align:center}
 .game-main .tools #undo{order:4}.game-main .tools #reset{order:5}
}
@media(min-width:1700px){.game-main .game-card,.game-main[data-play-mode='expedition'] .game-card{grid-template-columns:minmax(0,1fr) 190px;column-gap:50px}.game-main .tools{padding:24px 12px;gap:19px}.game-main .tools button{font-size:15px;min-height:101px}.game-main .tools button>span{width:72px;height:72px;border-radius:25px}.mobile-play-header h1{font-size:38px}.mobile-play-header{min-height:110px}.mobile-play-rules{max-width:760px;min-height:76px}.mobile-play-rules b{font-size:14px}.game-main .board{padding:12px;gap:7px}.game-main .cell,.game-main .cell.region-right,.game-main .cell.region-bottom{border-radius:12px}.game-main .dots i{width:31px;height:32px}.game-main .dots{gap:15px}.game-main .progress,.mobile-play-status{font-size:16px}.game-main .timer{font-size:16px;min-height:43px}.game-main .board-tip{font-size:13px}}
@media(max-width:1050px){.goals-list{grid-template-columns:1fr}.goal{padding:14px}.goal b{font-size:13px}.goal small{font-size:11px}}
@media(max-width:650px){.daily-goals{padding:21px 18px;margin-top:0}.goals-heading{gap:10px}.goals-heading h3{font-size:19px}.goals-heading>div>small{font-size:8px}.goals-heading h3>span{display:block;margin:8px 0 0}.goals-list{gap:10px;margin-top:18px}.goal{padding:15px 11px}.goal>strong{font-size:13px}.goals-bottom{font-size:12px;flex-direction:column;align-items:flex-start;gap:6px}.goals-bottom button{font-size:12px;text-align:left;line-height:1.6}.goals-note{font-size:10px}.badge-grid{grid-template-columns:repeat(2,1fr);gap:10px}.collection-badge{padding:20px 10px}.collection-badge>b{font-size:12px}.collection-badge>small{font-size:11px}.collection-panel .panel-heading{align-items:flex-start;gap:12px;flex-direction:column}.frame-picker{grid-template-columns:repeat(2,1fr)}}

@media(max-width:650px){.lobby-content>.daily-goals{order:3;width:100%}}