@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1c2420;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--green:#85bb65;--beige:#eaf3ed;--ink:#1c2420;--ink-dark:#1c2420;--muted:#3d4a43;--muted-dark:#3d4a43;--line:#9bb5a6;--paper:#d5e4db;--tint:#dce8e0;--beige-panel:#d5e4db;--beige-chrome:#eaf3ed;--serif:"Manrope", sans-serif;background:#eaf3ed;font-family:DM Sans,sans-serif;font-size:15px}*{box-sizing:border-box}html,body,#root{background:#eaf3ed;min-width:0;max-width:100%;min-height:100%;overflow-x:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}html,body,#root{background:#eaf3ed;font-family:inherit}html:has(.app-shell.playing){overscroll-behavior:none;background:#eaf3ed;height:100%;overflow:hidden}html:has(.app-shell.playing) body{overscroll-behavior:none;background:#eaf3ed;height:100%;overflow:hidden}html:has(.app-shell.playing) #root{overscroll-behavior:none;background:#eaf3ed;height:100%;overflow:hidden}@media (width<=720px),(orientation:landscape) and (height<=500px){html:has(.app-shell.playing){overscroll-behavior:contain;height:auto;min-height:100%;overflow:hidden auto}html:has(.app-shell.playing) body{overscroll-behavior:contain;height:auto;min-height:100%;overflow:hidden auto}html:has(.app-shell.playing) #root{overscroll-behavior:contain;height:auto;min-height:100%;overflow:hidden auto}}button,input,select,textarea{font:inherit;font-family:inherit}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]),select,textarea{font-size:16px}button{cursor:pointer}button,input,select,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible{outline:1px solid var(--line);outline-offset:2px}input:not([type=range]):focus,select:focus{outline:2px solid var(--green);outline-offset:1px}button{transition:background .15s,color .15s,border-color .15s}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif)}h1{letter-spacing:-1.6px;font-size:38px;font-weight:650;line-height:1.25}h2{letter-spacing:-.7px;font-size:21px;font-weight:700}h3{letter-spacing:-.15px;font-size:15px;font-weight:700}p{color:var(--muted);line-height:1.65}button{border:0}small{font-size:11px}::selection{background:var(--green);color:var(--ink)}a{color:var(--green)}.game-page{--player-side-height:44px;--board-stack-gap:12px}@media (width>=721px){.game-page .game-layout:has(.analysis-panel){flex:0 auto;align-content:start;align-items:start}.game-page .game-layout:has(.analysis-panel) .board-column{justify-content:start;gap:var(--board-stack-gap)}.game-page .game-sidebar:has(.analysis-panel){margin-top:calc(var(--player-side-height) + var(--board-stack-gap));align-self:start;max-height:min(640px,100dvh - 228px)}.game-page .game-sidebar:has(.analysis-panel) .analysis-panel{max-height:100%}}@media (width<=720px),(orientation:landscape) and (height<=500px){.game-page{--player-side-height:44px;--board-stack-gap:10px}}@media (orientation:landscape) and (height<=500px){.game-page:has(.analysis-panel)>.game-layout{align-items:flex-start}.game-page:has(.analysis-panel) .game-sidebar{margin-top:calc(var(--player-side-height) + var(--board-stack-gap));max-height:min(100%,100dvh - 24px)}}.invite-page,.invite-landing{background:#eaf3ed}.invite-card,.invite-landing{gap:10px;display:grid}.invite-landing{gap:16px}.invite-card{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;margin-bottom:14px;padding:0 0 12px}.invite-card h2{font-size:17px}.invite-card h2,.invite-landing h1{margin:0}.invite-qr{aspect-ratio:1;background:0 0;border:0;border-radius:0;justify-self:center;width:min(100%,168px);padding:0}.invite-qr-toggle{cursor:pointer;background:0 0;border:0;padding:0;display:grid}.invite-qr-button{justify-self:center;min-width:168px;min-height:44px}.invite-card .invite-share .button{min-height:44px;padding:10px 12px;font-size:14px}.invite-card .text-button{min-height:44px;padding:10px 0}.invite-qr svg{width:100%;height:100%;display:block}.invite-share{flex-wrap:wrap;gap:8px;display:flex}.invite-share .button,.invite-share a.button{flex:1 1 0;justify-content:center;min-width:96px;text-decoration:none}.invite-landing{max-width:420px;margin:0 auto}.invite-landing .invite-qr{width:min(72vw,280px);min-width:220px}@media (width<=720px){.invite-card .invite-qr{width:min(48vw,168px)}.invite-landing .invite-qr{width:min(72vw,280px);min-width:0}.invite-share{gap:8px}.invite-share .button,.invite-share a.button{min-width:0;min-height:44px}}@media (width>=721px) and (height<=730px){.invite-card .invite-qr{width:min(100%,126px)}.invite-card{gap:8px}}.app-shell{min-height:100dvh;color:var(--ink);background:#eaf3ed;padding-left:196px;overflow-x:hidden}.app-shell.playing,.page,.lobby.page,.game-page,.social-page,.leaderboard-page,.wallet-page,.invite-page,.invite-landing,.loading-state,.site-sidebar,.game-sidebar{background:#eaf3ed}.app-shell:has(.game-page){background:#eaf3ed}.app-shell:has(.lobby.page){background:#eaf3ed}.app-shell:has(.social-page){background:#eaf3ed}.app-shell:has(.leaderboard-page){background:#eaf3ed}.app-shell:has(.wallet-page){background:#eaf3ed}.app-shell:has(.invite-page){background:#eaf3ed}.game-page:has(.analysis-panel){background:#eaf3ed}.game-sidebar:has(.analysis-panel){background:#eaf3ed}.app-shell.playing{overscroll-behavior:none;height:100dvh;max-height:100dvh;padding-left:0;overflow:hidden}.app-shell:has(.game-page){overscroll-behavior:none;height:100dvh;max-height:100dvh;padding-left:0;overflow:hidden}:is(.app-shell:has(.lobby.page),.app-shell:has(.social-page),.app-shell:has(.leaderboard-page),.app-shell:has(.wallet-page)){height:100dvh;max-height:100dvh;overflow:hidden}.app-shell.playing .site-sidebar{display:none}.site-sidebar{border-right:1px solid var(--line);z-index:10;background:#eaf3ed;flex-direction:column;gap:32px;width:196px;padding:20px 16px 24px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-account .button{min-height:48px;font-size:16px}.sidebar-account .button.primary{background:var(--ink);color:var(--beige);text-shadow:none;box-shadow:none;border-color:var(--ink)}.sidebar-account .button.primary:hover:not(:disabled){background:#2a3530}.sidebar-account .button.secondary{background:var(--beige);border-color:var(--ink);color:var(--ink);box-shadow:none}.sidebar-account .button.secondary:hover:not(:disabled){background:var(--beige-panel)}.brand{font-family:var(--serif);letter-spacing:-1px;background:0 0;align-items:center;margin:0;padding:0 0 0 2px;font-size:20px;font-weight:800;display:flex}.main-nav{flex-direction:column;gap:7px;display:flex}.main-nav>button.nav-settings,.mobile-topbar{display:none}.main-nav>button{text-align:left;color:var(--muted);background:0 0;border-radius:5px;align-items:center;gap:12px;padding:12px 0 12px 4px;font-weight:700;display:flex}.main-nav>button:hover,.main-nav>button.active{color:var(--ink);background:var(--beige)}.main-nav>button.active>svg{color:var(--green)}.icon-align-center{display:none}.sidebar-account{gap:10px;margin-top:auto;display:grid}.settings-button{width:100%;min-height:44px;color:var(--muted);text-align:left;background:0 0;border-radius:5px;justify-content:flex-start;align-items:center;gap:12px;padding:12px 0 12px 4px;font-weight:700;display:flex}.settings-button:hover{color:var(--ink)}.settings-row{justify-content:space-between;align-items:center;gap:16px;padding:4px 0 18px;display:flex}.settings-hint{max-width:26ch;margin-top:4px;font-size:12px;line-height:1.45}.toggle{background:#aec6b8;border-radius:13px;flex-shrink:0;width:46px;height:26px;transition:background .15s;position:relative}.toggle i{background:var(--beige);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #1c242044}.toggle.on{background:var(--green)}.toggle.on i{transform:translate(20px)}.settings-slider{color:var(--ink);gap:10px;padding:8px 0 14px;font-size:14px;font-weight:700;display:grid}.settings-slider input{width:100%;height:28px;accent-color:var(--green)}.settings-slider input:disabled{opacity:.45}.lifetime{background:var(--paper);border:1px solid var(--line);text-align:left;width:100%;color:inherit;border-radius:10px;justify-items:start;gap:2px;margin:0;padding:12px 10px;display:grid}.lifetime:hover{background:#cde0d5}.lifetime span:not(.lifetime-rank){color:var(--muted);font-size:11px;font-weight:600}.lifetime strong{letter-spacing:-.6px;font-variant-numeric:tabular-nums;color:var(--green);font-size:26px;line-height:1.05}.lifetime strong.credited{animation:.75s wallet-credit}.lifetime-rank{color:var(--ink);font-size:13px;font-weight:700}.notification-count{background:var(--green);color:var(--ink);border-radius:4px;padding:2px 6px;font-size:11px}.page{background:#eaf3ed;max-width:1240px;margin:0 auto;padding:32px}.lobby.page{grid-template-columns:minmax(280px,1.55fr) minmax(260px,.85fr);align-items:center;gap:28px;height:100dvh;padding-top:12px;padding-bottom:12px;display:grid;overflow:hidden}.lobby-board{width:100%;max-width:min(660px,100dvh - 170px);margin:0 auto}.player-bar{align-items:center;gap:10px;width:100%;min-width:0;min-height:47px;padding:0 0 10px;display:flex}.player-bar.bottom{padding:10px 0 0}.player-bar>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.avatar{width:37px;height:37px;color:var(--beige);background:#33403a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar-upload{cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex;position:relative}.avatar-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.avatar-edit{background:var(--green);color:#1c2420;pointer-events:none;border-radius:4px;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 0 2px #eaf3ed}.opponent-avatar{color:var(--beige);background:#5e6d64}.play-panel{border:1px solid var(--line);margin-top:0;background:#eaf3ed;border-radius:8px;place-self:center;width:100%;max-width:400px;margin-inline:auto;padding:34px 22px 30px}.money-picker{margin:8px 0 14px}.prize-amount{text-align:center;letter-spacing:-1.5px;height:1.12em;color:var(--green);transform:scale(var(--prize-scale,.56));transform-origin:bottom;margin-bottom:28px;font-size:clamp(40px,4.6vw,54px);font-weight:800;line-height:1.12;transition:transform .16s cubic-bezier(.22,1,.36,1);display:block}.money-slider{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;border:0;outline:none;width:100%;height:44px;margin:0;padding:0;display:block}.money-slider:focus,.money-slider:focus-visible{box-shadow:none;outline:none}.money-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--green) var(--slider-progress), #aec6b8 var(--slider-progress));border-radius:6px;height:6px}.money-slider::-moz-range-track{background:linear-gradient(to right, var(--green) var(--slider-progress), #aec6b8 var(--slider-progress));border-radius:6px;height:6px}.money-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--beige);background:var(--green);border-radius:50%;width:28px;height:28px;margin-top:-11px;box-shadow:0 2px 5px #0005}.money-slider::-moz-range-thumb{border:3px solid var(--beige);background:var(--green);border-radius:50%;width:22px;height:22px;box-shadow:0 2px 5px #0005}.slider-endpoints{color:var(--muted);justify-content:space-between;font-size:14px;font-weight:700;display:flex}.time-options{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.time-options button,.skill-options button{color:var(--ink);background:linear-gradient(#e3eee8,#d7e5dc);border:2px solid #b6cabd;border-radius:8px;font-weight:800}.time-options button{min-height:56px;font-size:20px}.time-options button[aria-pressed=true]{border-color:var(--green);background:#cbe5d6}.time-options button:hover,.skill-options button:hover{background:#cde0d5}.flow-actions{grid-template-columns:1fr 2fr;gap:12px;margin-top:24px;display:grid}.flow-actions .button{min-height:54px;font-size:18px}.skill-question{text-align:center;color:var(--ink);margin:0 0 22px;font-size:16px;font-weight:700}.skill-options{gap:8px;display:grid}.skill-options button{min-height:52px;padding:12px 16px;font-size:15px;line-height:1.3}.flow-back{margin-top:20px}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:11px 16px;font-size:14px;font-weight:750;display:inline-flex}.button.primary{color:#1c2420;text-shadow:none;box-shadow:none;background:#85bb65}.button.primary:hover:not(:disabled){opacity:.92}.button.primary:active:not(:disabled){transform:scale(.98)}.button.secondary{color:var(--ink);background:linear-gradient(#e3eee8,#d7e5dc);border-color:#a9c2b4}.button.secondary:hover:not(:disabled){background:#cde0d5}.full{width:100%}.play-button{min-height:54px;margin-top:22px;font-size:24px}.play-button:disabled{white-space:nowrap;font-size:clamp(16px,2vw,20px)}.searching{justify-content:center;align-items:center;gap:12px;padding:25px 0;display:flex}.search-spinner{border:2px solid #a9c2b4;border-top-color:var(--green);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.icon-button{color:var(--muted);background:0 0;border-radius:4px;padding:6px;display:inline-flex}.icon-button:hover{color:var(--ink);background:#cde0d5}.icon-button:focus{outline:none}.icon-button:focus-visible{outline:1px solid var(--line);outline-offset:1px}.text-button{color:var(--muted);background:0 0;padding:8px 0;font-size:13px}.back-button{font-weight:650}.text-button:hover{color:var(--green)}.notice{border:1px solid var(--green);color:var(--ink);background:#d4e8dc;border-radius:5px;margin-top:16px;padding:12px 14px;font-size:13px;line-height:1.5}.notice.error{color:#7c3f22;background:#f0e2d8;border-color:#c08a6d}.modal{border:1px solid var(--line);width:min(420px,100% - 32px);max-height:calc(100dvh - 40px);color:var(--ink);background:#eaf3ed;border-radius:10px;margin:auto;padding:0;overflow:auto;box-shadow:0 16px 70px #1c242055}.modal.wide{width:min(520px,100% - 32px)}.modal::backdrop{background:#1c2420b8}.modal-inner{padding:32px}.modal-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.modal-title h2{font-size:27px;font-weight:800}.modal-intro{margin-bottom:24px;font-size:14px}.auth-choices{gap:18px;padding:16px 0 8px;display:grid}.auth-choices .button{min-height:54px;font-size:20px}.form{gap:20px;display:grid}.form label{color:var(--muted);gap:8px;font-size:13px;font-weight:600;display:grid}.form input,.form select,.form textarea{width:100%;min-height:44px;color:var(--ink);background:#dfece5;border:1px solid #a9c2b4;border-radius:5px;padding:11px 12px;font-size:16px}.form input::placeholder,.form textarea::placeholder{color:#5f6f66;font-size:16px}.auth-switch{text-align:center;width:100%;margin-top:18px}.wallet-total{padding:0 0 24px}.wallet-total>span{color:var(--muted);font-size:13px}.wallet-total>div{font-variant-numeric:tabular-nums;margin-top:5px;font-size:44px;font-weight:800}.wallet-total.credited>div{color:var(--green);animation:.75s wallet-credit}.funding-box{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:22px}.funding-box p{margin-top:6px;font-size:12px}.deposit-options{gap:8px;margin:20px 0;display:flex}.deposit-options button{background:var(--beige);border:1px solid #a9c2b4;border-radius:4px;flex:1;padding:10px 4px;font-size:13px}.deposit-options button.selected{border-color:var(--green);color:var(--green)}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin:28px 0 16px;display:flex}.section-heading>span{color:var(--muted);font-size:12px}.ledger-list{overflow:auto}.ledger-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.ledger-icon{color:var(--green);background:#cbe5d6;border-radius:5px;padding:8px;display:flex}.ledger-icon.debit{color:#8a5c34;background:#ecdccb}.ledger-row strong{font-size:12px;font-weight:600}.ledger-row small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.ledger-amount{white-space:nowrap;margin-left:auto;font-weight:700}.ledger-amount.credit{color:var(--green)}.empty-state,.empty-moves{text-align:center;color:var(--muted);padding:25px 0;font-size:13px}.page-heading{margin:4px 0 32px}.page-heading h1{font-size:32px}.social-page{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.social-page .page-heading{flex-shrink:0;margin:0 0 18px}.social-page .notice{flex-shrink:0}.social-layout{flex:1;grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:36px;min-height:0;display:grid}.social-layout>section{min-height:0;max-height:100%;overflow:auto}.social-layout>section>.section-heading:first-child{margin-top:0}.leaderboard-page{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.leaderboard-page .page-heading{flex-shrink:0;margin:0 0 18px}.leaderboard-page .leader-list{scrollbar-width:none;min-height:0;overflow:auto}.leaderboard-page .leader-list::-webkit-scrollbar{width:0;height:0}.wallet-page{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.wallet-page .page-heading{flex-shrink:0;margin:0 0 18px}.wallet-body{flex-direction:column;flex:auto;width:min(560px,100%);min-height:0;display:flex}.wallet-body .wallet-total,.wallet-body .funding-box,.wallet-body .section-heading{flex-shrink:0}.wallet-page .ledger-list{scrollbar-width:none;min-height:0}.wallet-page .ledger-list::-webkit-scrollbar{width:0;height:0}.count-badge{color:var(--ink);vertical-align:middle;background:#cbe5d6;border-radius:4px;padding:4px 7px;font-size:13px}.social-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:6px;padding:36px 20px}.social-empty h3{margin-top:20px}.add-friend-panel{background:#eaf3ed;border:0;align-self:start;min-height:0;max-height:100%;padding:0;overflow:auto}.add-friend-panel h2{margin-bottom:10px;font-size:17px}.add-friend-panel .form{gap:12px}.friend-row,.request-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:18px 0;display:flex}.request-row strong{font-size:14px}.request-row p{margin-top:5px;font-size:12px}.inline-actions{gap:8px;display:flex}.inline-actions .button{padding:8px 10px;font-size:12px}.player-identity{text-align:left;background:0 0;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.player-identity>span:last-child,.player-meta{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;display:flex}.player-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.player-identity small,.player-identity>span>span:not(.captured-row):not(.captured-piece){color:var(--muted);font-size:12px}.player-identity i:not(.captured-piece){margin:0 4px;font-style:normal}.captured-row{justify-content:flex-start;align-items:center;min-height:16px;margin:0;padding:0;display:flex}.player-meta .captured-row{margin-inline-start:-4px}.player-identity .captured-piece{width:16px;height:16px;margin:0;padding:0;display:flex}.player-identity .captured-piece+.captured-piece{margin-left:-8px}.player-identity .captured-piece.new-group{margin-left:1px}.captured-piece svg{width:100%;height:100%;display:block}.captured-piece .chess-piece.w{filter:drop-shadow(0 0 1px #1c24208c)}.captured-row b{margin-left:5px;font-size:12px;font-weight:600}.online-text{color:var(--green)!important}.challenge-total{background:#cbe5d6;border-radius:5px;justify-content:space-between;align-items:center;padding:14px;display:flex}.challenge-total strong{color:var(--green);font-size:24px}.profile-heading{align-items:center;gap:14px;margin-bottom:24px;display:flex}.avatar.large{width:50px;height:50px;font-size:19px}.profile-heading .avatar.large{width:64px;height:64px;font-size:22px}.profile-identity{gap:2px;min-width:0;display:grid}.profile-heading h2,.profile-identity h2{overflow-wrap:anywhere;font-size:20px}.handle-wait{color:var(--muted);margin:0;font-size:13px}.handle-form{gap:10px;display:grid}.handle-form .handle-actions{align-items:center;gap:12px;display:flex}.record-grid{background:var(--paper);border-radius:6px;display:flex}.record-grid>div{text-align:center;flex:1;padding:17px}.record-grid strong{font-size:27px;display:block}.record-grid span{color:var(--muted);margin-top:5px;font-size:12px;display:block}.recent-game{text-align:left;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:12px;width:100%;padding:14px 0;font-size:12px;display:flex}.recent-game:hover{background:var(--tint)}.recent-game>span:nth-child(2){flex:1}.recent-game small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.profile-account{border-top:1px solid var(--line);gap:16px;margin-top:28px;padding-top:22px;display:grid}.result-chip{text-align:center;width:46px;color:var(--ink);background:#c6d5cc;border-radius:4px;padding:7px 5px;font-size:11px}.result-chip.win{color:#0c5c34;background:#cbe5d6}.result-chip.loss{color:#8a4a2c;background:#eedbd0}.leaderboard-page{max-width:720px}.leader-list{background:var(--paper);border:1px solid var(--line);border-radius:8px;margin:0;padding:0;list-style:none;overflow:hidden}.leader-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:11px 16px;display:flex}.leader-row:last-child{border-bottom:0}.leader-row.me{background:#cbe5d6}.leader-rank{font-variant-numeric:tabular-nums;width:2.6rem;color:var(--muted);flex-shrink:0;font-weight:800}.leader-row:first-child .leader-rank{color:var(--green)}.leader-earnings{font-variant-numeric:tabular-nums;margin-left:auto}.leader-earnings.positive{color:var(--green)}.leader-earnings.negative{color:#a84b1f}.game-page{overscroll-behavior:none;background:#eaf3ed;flex-direction:column;justify-content:center;max-width:1180px;height:100dvh;min-height:0;padding:8px 28px 20px;display:flex;overflow:hidden}.game-page:has(.analysis-panel){max-width:1360px}.game-topline{flex-shrink:0;align-items:center;gap:14px;margin-bottom:8px;display:flex}.game-topline>span{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.game-layout{grid-template-columns:minmax(260px,1fr) 300px;align-items:center;gap:28px;min-height:0;display:grid}.game-layout:has(.analysis-panel){flex:auto;grid-template-columns:minmax(280px,1fr) minmax(420px,460px);align-items:stretch;gap:32px;min-height:0}.game-layout:has(.analysis-panel) .board-column{justify-content:center}.game-layout.ended{grid-template-columns:minmax(260px,1fr)}.board-column{flex-direction:column;gap:12px;width:100%;max-width:min(640px,100dvh - 228px);min-height:0;margin:0 auto;display:flex}.board-stage{position:relative}.board-stage.reviewing{grid-template-columns:16px 1fr;align-items:stretch;gap:6px;display:grid}.eval-bar{background:#262421;border:1px solid #262421;border-radius:3px;height:100%;min-height:100%;position:relative;overflow:hidden}.eval-bar i{display:block;position:absolute;left:0;right:0}.eval-bar .white-fill{background:#f7f6f2}.eval-bar .black-fill{background:#262421}.analysis-panel{border:1px solid var(--line);background:#eaf3ed;border-radius:7px;flex-direction:column;flex:0 auto;min-height:0;max-height:100%;display:flex;overflow:hidden}.analysis-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:10px;padding:12px 16px;display:flex}.analysis-head h3{margin:0;font-size:16px}.analysis-head span{color:var(--muted);font-size:12px}.eval-readout{font-variant-numeric:tabular-nums;margin-left:auto;font-size:14px}.engine-progress{border-bottom:1px solid var(--line);color:var(--muted);padding:7px 16px;font-size:12px;position:relative}.engine-progress i{background:var(--green);max-width:100%;height:3px;transition:width .3s;position:absolute;inset:auto 0 0}.engine-progress.failed{color:#7c3f22}.analysis-moves{flex:auto;min-height:0;overflow:auto}.analysis-empty{color:var(--muted);padding:18px 16px;font-size:13px}.move-glyph{vertical-align:1px;margin-left:6px;font-size:11px;font-style:normal;font-weight:800}.move-rank{letter-spacing:.01em;margin-left:5px;font-size:10px;font-style:normal;font-weight:700}.move-verdict{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:10px;padding:9px 16px;font-size:12px;display:flex}.move-verdict strong{color:var(--ink)}.glyph-book{color:#8a6f4d}.glyph-brilliant{color:#0f8a80}.glyph-great{color:#3f6e91}.glyph-best{color:var(--green)}.glyph-excellent{color:#2a8a56}.glyph-good{color:#5f8a6f}.glyph-inaccuracy{color:#a8821a}.glyph-mistake{color:#b5661f}.glyph-miss{color:#c04532}.glyph-blunder{color:#b3261e}.verdict-brilliant strong{color:#0f8a80}.verdict-great strong{color:#3f6e91}.verdict-inaccuracy strong{color:#a8821a}.verdict-mistake strong{color:#b5661f}.verdict-miss strong{color:#c04532}.verdict-blunder strong{color:#b3261e}.move-badge{z-index:4;color:#fdfdfb;background:var(--green);border:2px solid var(--beige);pointer-events:none;border-radius:50%;place-items:center;width:26%;min-width:14px;max-width:22px;height:26%;min-height:14px;max-height:22px;font-size:10px;font-style:normal;font-weight:800;line-height:1;display:grid;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px #1c242044}.move-badge.glyph-book{background:#8a6f4d}.move-badge.glyph-brilliant{background:#0f8a80}.move-badge.glyph-great{background:#3f6e91}.move-badge.glyph-best{background:var(--green);color:#1c2420}.move-badge.glyph-excellent{background:#2a8a56}.move-badge.glyph-good{background:#5f8a6f}.move-badge.glyph-inaccuracy{background:#a8821a}.move-badge.glyph-mistake{background:#b5661f}.move-badge.glyph-miss{background:#c04532}.move-badge.glyph-blunder{background:#b3261e}.analysis-panel .review-controls{border-top:1px solid var(--line);flex-shrink:0}.analysis-panel .analyse-actions{border-top:1px solid var(--line);flex-shrink:0;padding:14px 16px 16px}.analyse-actions .button{box-shadow:none;text-shadow:none}.analyse-actions .button.secondary{background:var(--beige)}.game-page .player-bar,.game-page .player-bar.bottom{--player-side-height:44px;min-height:var(--player-side-height);align-items:stretch;padding:0}.game-page .player-identity{height:var(--player-side-height);min-height:var(--player-side-height);align-items:stretch}.game-page .player-identity .avatar{width:var(--player-side-height);height:var(--player-side-height)}.game-page .game-clock{height:var(--player-side-height);min-height:var(--player-side-height)}.game-sidebar{flex-direction:column;align-self:center;align-items:center;display:flex}.game-sidebar:has(.analysis-panel){align-self:stretch;align-items:stretch;min-width:420px;margin-top:0}.game-sidebar>*{width:100%}.game-layout.ended .game-sidebar{display:none}.game-clock{font-variant-numeric:tabular-nums;background:var(--paper);color:#5f6f66;border:1px solid #a9c2b4;border-radius:4px;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-width:8.25rem;min-height:44px;margin-left:auto;padding:5px 12px;font-size:28px;font-weight:700;display:flex}.clock-time{text-align:right;font-variant-numeric:tabular-nums;min-width:5ch}.game-clock.active{color:var(--ink);border-color:var(--green);background:#cbe5d6}.clock-indicator{background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.game-clock:not(.active) .clock-indicator{background:0 0}.game-clock.pressure{color:#a84b1f;border-color:#c08a6d}.result-panel,.move-panel{background:var(--paper);border-radius:7px;padding:22px}.pot-banner{text-align:center;margin-bottom:22px}.pot-banner span{color:var(--muted);font-size:15px;font-weight:650;display:block}.pot-banner div{letter-spacing:-1.5px;color:var(--green);margin-top:2px;font-size:48px;font-weight:800}.move-panel{padding:0;overflow:hidden}.move-panel .section-heading{border-bottom:1px solid var(--line);margin:0;padding:17px}.move-list{max-height:240px;overflow:auto}.analysis-panel .move-list{max-height:none}.move-row{font-variant-numeric:tabular-nums;grid-template-columns:40px 1fr 1fr;padding:0 9px;display:grid}.move-row:nth-child(2n){background:#cfdfd5}.move-row>span{color:var(--muted);padding:9px;font-size:12px}.move-row button{text-align:left;opacity:1;background:0 0;padding:9px;font-size:13px}.move-row .current-move{background:var(--green);color:var(--ink)}.move-row .current-move .move-glyph,.move-row .current-move .move-rank{color:var(--ink)}.game-actions{flex-direction:column;align-items:center;gap:12px;margin-top:0;display:flex}.game-actions>.button{flex:none;width:min(100%,270px);min-height:54px;font-size:17px}.game-actions .draw-offer{width:min(100%,290px)}.abort-button{text-align:center;width:min(100%,270px)}.draw-offer{background:#cbe5d6;border-radius:5px;width:100%;padding:15px}.draw-offer p{margin-top:6px;font-size:12px}.draw-offer>div{gap:8px;margin-top:12px;display:flex}.result-panel{text-align:center;border:1px solid var(--line);margin-bottom:20px}.result-panel.won{border-color:var(--green);background:#f2f0ef}.result-emblem{color:var(--green);margin-bottom:14px}.result-panel h1{margin-bottom:8px;font-size:28px}.result-panel p{font-size:13px}.result-amount{color:var(--green);font-variant-numeric:tabular-nums;margin:18px 0 6px;font-size:43px;font-weight:800}.result-panel .button{margin-top:24px}.game-over-card{z-index:6;flex-direction:column;justify-content:safe center;margin:0;display:flex;position:absolute;inset:6%;overflow:auto}.game-over-card.lost{background:var(--paper);border-color:var(--line);animation:.22s lose-card}.game-over-card.lost .result-amount{color:#46554c;animation:.25s lose-amount}.game-over-card .end-actions{flex-shrink:0}.win-burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.win-glow{background:radial-gradient(circle,#85bb6555 0%,#0000 70%);border-radius:50%;animation:.85s ease-out win-glow;position:absolute;inset:4% 6%}.win-burst i{background:var(--green);opacity:0;border-radius:50%;width:8px;height:8px;animation:.9s ease-out forwards win-spark;position:absolute;bottom:28%}.win-burst i:nth-child(2){left:18%}.win-burst i:nth-child(3){background:#e6d48a;animation-delay:60ms;left:32%}.win-burst i:nth-child(4){animation-delay:.1s;left:46%}.win-burst i:nth-child(5){background:var(--beige);animation-delay:40ms;left:58%}.win-burst i:nth-child(6){background:#e6d48a;animation-delay:.14s;left:70%}.win-burst i:nth-child(7){animation-delay:80ms;left:82%}.game-over-card.won{border-color:var(--green);background:#f2f0ef;border-width:2px;animation:.5s cubic-bezier(.22,1.2,.36,1) win-card;box-shadow:inset 0 0 88px #85bb6538}.game-over-card.won .result-emblem{color:var(--green)}.game-over-card.won h1{color:var(--green);letter-spacing:-.4px;font-size:36px;animation:.4s win-title}.game-over-card.won .result-amount{color:var(--green);letter-spacing:-1.5px;margin:12px 0 4px;font-size:56px;animation:.62s cubic-bezier(.22,1.15,.36,1) win-amount}@keyframes win-glow{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes win-spark{0%{opacity:.95;transform:translateY(12px)scale(.4)}to{opacity:0;transform:translateY(-72px)scale(1)}}@keyframes win-card{0%{opacity:0;transform:scale(.86)}72%{opacity:1;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes win-title{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes win-amount{0%{opacity:0;transform:scale(.68)}58%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes lose-card{0%{opacity:1;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes lose-amount{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes wallet-credit{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.end-actions{gap:8px;margin-top:18px;display:grid}.end-actions .button{margin-top:0}.board-review{border:1px solid var(--line);background:var(--paper);border-radius:5px;margin-top:8px}.analyse-actions{gap:10px;display:grid}.review-controls{border-top:1px solid var(--line);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.review-controls button{min-width:52px;min-height:44px;color:var(--ink);background:#dfece5;border:1px solid #a9c2b4;border-radius:6px;flex:none;place-items:center;padding:8px;display:grid}.review-controls button:hover:not(:disabled){color:var(--green);background:#cde0d5}.review-controls button:focus{outline:none}.review-controls button:focus-visible{outline:1px solid var(--line);outline-offset:1px}.review-controls span{font-variant-numeric:tabular-nums;color:var(--muted);text-align:center;min-width:7ch;font-size:13px;font-weight:700}.promotion-options{gap:8px;display:flex}.promotion-options button{aspect-ratio:1;background:var(--green);border-radius:4px;flex:1}.return-game{z-index:8;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 25px #1c242055}.loading-state{text-align:center;color:var(--muted);padding:80px 24px}.board-wrap{aspect-ratio:1;width:100%;max-width:100%;position:relative}.chessboard{touch-action:none;border-radius:4px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;height:100%;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #a9c2b4,0 3px 5px #2337220a}.square{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;border:0;border-radius:0;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;transition:none;display:grid;position:relative}.square:focus,.square:focus-visible{outline:none}.square.light{background:var(--beige)}.square.dark{background:var(--green)}.square.light.last-move{background:#e4e0a8}.square.dark.last-move{background:#c3d391}.square.light.selected,.square.dark.selected{background:#d4c96a}.square.light.premove{background:#e8a29b}.square.dark.premove{background:#c05f56}.square.in-check{background:radial-gradient(#ce785b 10%,#ac8f6a 65%,#c4b87a)}.piece-slot{pointer-events:none;z-index:2;will-change:transform;place-items:center;display:grid;position:absolute;inset:0}.chess-piece{filter:drop-shadow(0 2px 1px #142a1e22);pointer-events:none;width:96%;height:96%;max-height:100%;display:block}.chess-piece.w{filter:drop-shadow(0 0 .9px #3c4e4355)drop-shadow(0 1px 1.5px #142a1e18)}.piece-slot.dragging{opacity:.25}.drag-piece{z-index:500;pointer-events:none;place-items:center;width:79px;height:79px;display:grid;position:fixed;transform:translate(-50%,-50%)}.drag-piece .chess-piece{filter:drop-shadow(0 7px 4px #142a1e44)}.rank-label,.file-label{z-index:3;pointer-events:none;font-family:inherit;font-size:10px;font-weight:500;position:absolute}.rank-label{top:3px;left:2px}.file-label{bottom:1px;right:2px}.light .rank-label,.light .file-label{color:var(--green)}.dark .rank-label,.dark .file-label{color:var(--ink)}.legal-hint{pointer-events:none;z-index:3;background:#1c242055;border-radius:50%;width:28%;height:28%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.square.dark .legal-hint{background:#eaf3ed99}.capture-hint{pointer-events:none;z-index:3;border:5px solid #1c242066;border-radius:50%;position:absolute;inset:3%}.square.dark .capture-hint{border-color:#eaf3ed99}@media (width>=1500px){.lobby.page{gap:40px;max-width:1400px}.play-panel{padding:40px 24px 36px}}@media (width>=721px) and (height<=680px){.play-panel{padding-top:22px;padding-bottom:20px}.prize-amount{margin-bottom:18px}.money-picker{margin:4px 0 8px}.play-button{margin-top:12px}}@media (width<=1100px){.app-shell{padding-left:168px}.site-sidebar{width:168px;padding-inline:12px}.brand{font-size:18px}.page{padding:20px}.lobby.page{grid-template-columns:minmax(250px,1fr) minmax(260px,290px);gap:20px}.play-panel{padding:30px 16px 26px}.game-layout{grid-template-columns:minmax(240px,1fr) 260px;align-items:center;gap:20px}.game-layout:has(.analysis-panel){grid-template-columns:minmax(240px,1fr) minmax(380px,400px);gap:20px}.game-sidebar:has(.analysis-panel){min-width:380px}.social-layout{grid-template-columns:1fr 360px;gap:22px}}@media (width<=850px){.lobby.page{grid-template-columns:1fr;max-width:600px}.lobby-board{max-width:480px}.play-panel{width:100%}.social-layout{flex-direction:column-reverse;display:flex}.social-layout>*{width:100%;max-width:540px;margin-inline:auto}.game-layout{grid-template-columns:minmax(220px,1fr) 240px;gap:16px}.game-layout:has(.analysis-panel){grid-template-columns:minmax(220px,1fr) minmax(340px,360px);gap:16px}.game-sidebar{margin-top:0}.game-sidebar:has(.analysis-panel){min-width:340px}.board-column{max-width:min(540px,100dvh - 250px)}}@media (width<=720px),(orientation:landscape) and (height<=500px){.app-shell{--nav-h:calc(62px + env(safe-area-inset-bottom,0px));--pad-x:max(16px, env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));--stack-w:min(26rem, 100%);--top-chrome:56px;--lobby-stack:min(var(--stack-w), 100%);--board-size:min(100%, var(--lobby-stack));height:auto;min-height:100dvh;max-height:none;padding-left:0;padding-right:0;padding-bottom:var(--nav-h);overflow:hidden auto}:is(.app-shell:has(.lobby.page),.app-shell:has(.social-page),.app-shell:has(.leaderboard-page),.app-shell:has(.wallet-page),.app-shell:has(.invite-page)){height:auto;min-height:100dvh;max-height:none;overflow:hidden auto}.app-shell.playing{--nav-h:0px;height:auto;min-height:100dvh;max-height:none;padding-bottom:0;overflow:hidden auto}.app-shell:has(.game-page){--nav-h:0px;height:auto;min-height:100dvh;max-height:none;padding-bottom:0;overflow:hidden auto}.site-sidebar{pointer-events:none;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:0;width:100%;height:100dvh;max-height:100dvh;padding:0;inset:0}.site-sidebar:not(:has(.main-nav)) .sidebar-account{pointer-events:auto;width:100%;max-width:none;height:var(--nav-h);padding:8px max(12px, env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));border-top:1px solid var(--line);background:#eaf3ed;flex:none;justify-content:stretch;align-items:center;margin:0;position:relative;top:auto;right:auto}.site-sidebar:not(:has(.main-nav)) .sidebar-account .button{flex:1 1 0;min-width:0;min-height:44px;font-size:15px}.brand{display:none}.main-nav{pointer-events:auto;width:100%;height:var(--nav-h);min-width:0;padding:6px max(8px, env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px));border-top:1px solid var(--line);background:#eaf3ed;flex-direction:row;flex:none;gap:0}.main-nav>button{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:44px;padding:8px 2px;font-size:12px}.main-nav>button>svg{flex-shrink:0;margin-inline:auto}.main-nav>button>svg.icon-align-start,.settings-button>svg.icon-align-start{display:none}.main-nav>button>svg.icon-align-center,.settings-button>svg.icon-align-center{display:block}.main-nav>button.nav-friends{display:none}.main-nav>button.nav-settings{display:flex}.sidebar-account{pointer-events:auto;flex-shrink:0;align-items:center;gap:6px;margin-top:0;display:flex}.site-sidebar:has(.main-nav) .sidebar-account{display:none}.mobile-topbar{pointer-events:none;top:max(8px, env(safe-area-inset-top,0px));left:max(10px, env(safe-area-inset-left,0px));right:max(10px, env(safe-area-inset-right,0px));justify-content:space-between;align-items:center;display:flex;position:absolute}.mobile-topbar>button{pointer-events:auto;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.mobile-avatar{background:0 0;border-radius:10px;padding:2px}.mobile-avatar .avatar{border-radius:8px;width:40px;height:40px;font-size:15px}.mobile-friends{border:1px solid var(--line);color:var(--ink);background:#eaf3ed;border-radius:8px;padding:8px;position:relative}.mobile-friends .notification-count{position:absolute;top:-6px;right:-6px}.sidebar-account .settings-button{justify-content:center;gap:0;width:auto;min-width:44px;min-height:44px;padding:8px}.sidebar-account .settings-button span{display:none}.sidebar-account .button{width:auto;min-height:48px;padding:10px 14px;font-size:16px}.page{width:100%;max-width:100%;padding:max(16px, env(safe-area-inset-top,0px)) var(--pad-x) 16px}.lobby.page{width:100%;max-width:100%;height:auto;min-height:calc(100dvh - var(--nav-h));padding-top:max(var(--top-chrome), env(safe-area-inset-top,0px));flex-direction:column;justify-content:safe center;align-items:stretch;gap:16px;padding-bottom:16px;display:flex;overflow:visible}.lobby-board,.play-panel{width:min(100%, var(--lobby-stack));max-width:min(100%, var(--lobby-stack));margin-inline:auto}.lobby .player-bar{display:none}.play-panel{padding:20px 16px 18px}.play-panel .notice{overflow-wrap:anywhere;margin-top:12px;font-size:14px}.prize-amount{margin-bottom:16px;font-size:36px}.money-picker{margin:4px 0 8px}.money-slider{height:44px}.play-button{min-height:52px;margin-top:16px;font-size:20px}.searching{padding:12px 0}.play-button,.button.primary.full,.button.secondary.full,.text-button.full,.flow-back{width:100%;min-height:48px}.icon-button{min-width:44px;min-height:44px;padding:10px}.text-button{min-height:44px;font-size:14px}.game-page{--board-size:min(100%, var(--lobby-stack));overscroll-behavior:contain;width:100%;height:auto;min-height:100dvh;padding:max(12px, env(safe-area-inset-top,0px)) var(--pad-x) max(16px, env(safe-area-inset-bottom,0px));flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex;overflow:visible}.game-page:has(.game-over-card){--board-size:min(100%, var(--lobby-stack))}.game-page>*{width:min(100%, var(--board-size));margin-inline:auto}.game-topline{flex-shrink:0;margin-bottom:2px}.game-layout{width:min(100%, var(--board-size));flex-direction:column;align-items:stretch;gap:10px;display:flex}.game-layout>*,.social-layout>*{width:100%;max-width:none;margin-inline:0}.board-column,.game-sidebar{width:100%;max-width:none;margin:0}.game-sidebar{align-self:stretch}.board-column{gap:8px}.game-page .player-bar,.game-page .player-bar.bottom{--player-side-height:44px;min-height:var(--player-side-height);padding:0}.game-clock{gap:8px;min-width:7rem;min-height:44px;padding:6px 10px;font-size:22px}.pot-banner{margin-bottom:12px}.pot-banner span{font-size:14px}.pot-banner div{font-size:36px}.game-actions{align-items:stretch;gap:10px;margin-top:0}.game-actions>.button,.abort-button{width:100%;min-height:48px;font-size:16px}.game-actions .draw-offer{width:100%}.draw-offer>div .button{flex:1 1 0;min-height:44px}.game-page:has(.analysis-panel){--board-size:min(100%, var(--lobby-stack))}.game-page:has(.analysis-panel) .game-layout{flex:none;min-height:0}.game-page:has(.analysis-panel) .game-sidebar{flex-direction:column;flex:none;min-width:0;min-height:0;display:flex}.analysis-panel{flex:none;min-height:0;max-height:none}.analysis-head,.engine-progress,.move-verdict,.analysis-panel .review-controls,.analysis-panel .analyse-actions{flex-shrink:0}.analysis-moves{min-height:48px}.review-controls button{min-width:48px;min-height:44px}.game-over-card{padding:10px 12px;inset:3%}.game-over-card .result-emblem{margin-bottom:6px}.game-over-card .result-explanation{display:none}.result-panel h1{font-size:22px}.result-amount{margin:10px 0 4px;font-size:32px}.game-over-card.won h1{font-size:28px}.game-over-card.won .result-amount{margin:8px 0 2px;font-size:42px}.modal{width:min(420px,100% - 32px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.modal.wide{width:min(520px,100% - 32px)}.modal-inner{padding:20px}.modal-title{margin-bottom:20px}.modal-title h2{font-size:24px}.deposit-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.deposit-options button{min-height:44px;font-size:15px}.wallet-total>div{font-size:36px}.ledger-row{min-height:56px}.ledger-row strong{font-size:14px}.ledger-row small{font-size:12px}.recent-game{gap:10px;min-height:52px;font-size:14px}.recent-game small{font-size:12px}.settings-hint{max-width:none;font-size:14px}.settings-slider{font-size:15px}.settings-slider input{height:44px}.settings-row .toggle{border-radius:22px;width:52px;min-width:44px;height:44px;min-height:44px}.settings-row .toggle i{width:28px;height:28px;top:8px;left:6px}.settings-row .toggle.on i{transform:translate(18px)}.inline-actions{width:100%}.inline-actions .button{flex:1 1 0;min-height:44px;font-size:14px}.friend-row,.request-row{align-items:flex-start;gap:12px}.request-row p{font-size:14px}.page-heading h1{font-size:28px}.leader-row{gap:10px;min-height:52px;padding:12px 14px}.leader-row .player-identity{min-height:44px}.social-page,.leaderboard-page,.wallet-page,.invite-page,.invite-landing{height:auto;min-height:calc(100dvh - var(--nav-h));padding-bottom:20px;overflow:visible}.page.social-page,.page.leaderboard-page,.page.wallet-page{padding-top:max(var(--top-chrome), env(safe-area-inset-top,0px))}.social-page .page-heading,.leaderboard-page .page-heading,.wallet-page .page-heading{margin-bottom:16px}.wallet-page .ledger-list{overflow:visible}.social-layout{gap:20px;overflow:visible}.social-layout>section,.add-friend-panel{flex:none;min-height:0;max-height:none;overflow:visible}.return-game{right:max(16px, env(safe-area-inset-right,0px));bottom:calc(var(--nav-h) + 12px)}}@media (width<=540px){.page{padding:max(16px, env(safe-area-inset-top,0px)) var(--pad-x) 16px}.game-page{padding:max(12px, env(safe-area-inset-top,0px)) var(--pad-x) max(16px, env(safe-area-inset-bottom,0px))}.play-panel{padding:18px 16px 16px}.player-bar>strong,.player-identity strong{font-size:14px}.player-identity .avatar{width:36px;height:36px;font-size:12px}.game-page .player-identity .avatar{width:var(--player-side-height);height:var(--player-side-height)}.player-identity{gap:8px}.modal-inner{padding:20px}.rank-label,.file-label{font-size:8px}.rank-label{top:2px;left:1px}.file-label{bottom:0;right:1px}.friend-row,.request-row{flex-wrap:wrap}.inline-actions{width:100%}}@media (width<=720px) and (orientation:portrait){.game-page:has(.game-actions){--board-size:min(100%, calc(100dvh - 300px));height:100dvh;min-height:0;overflow:hidden}.game-page:has(.draw-offer){--board-size:min(100%, calc(100dvh - 400px))}.game-page:has(.game-actions) .pot-banner{margin-bottom:6px}.game-page:has(.game-actions) .pot-banner span{font-size:13px}.game-page:has(.game-actions) .pot-banner div{letter-spacing:-.5px;font-size:26px}.game-actions:not(:has(.draw-offer)){flex-direction:row;gap:10px}.game-actions:not(:has(.draw-offer))>.button{white-space:nowrap;flex:1 1 0;width:auto;min-height:44px;font-size:15px}}@media (orientation:landscape) and (height<=500px){.app-shell{--nav-h:calc(52px + env(safe-area-inset-bottom,0px));height:auto;min-height:100dvh;max-height:none;padding-bottom:var(--nav-h);overflow:hidden auto}.app-shell.playing{--nav-h:0px;padding-bottom:0}.app-shell:has(.game-page){--nav-h:0px;padding-bottom:0}.site-sidebar{height:100dvh;padding:0}.main-nav{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))}.main-nav>button{min-height:44px;padding:4px 2px;font-size:11px}.game-page{--board-size:min(46dvw, 280px);height:auto;min-height:100dvh;padding:8px max(16px, env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));overflow:visible}.lobby-board,.play-panel{width:min(42vw,280px);max-width:min(42vw,280px);display:block}.game-page .player-bar,.game-page .player-bar.bottom{--player-side-height:44px;min-height:var(--player-side-height);padding:0}.game-page>.game-topline{width:100%}.game-page>.game-layout{flex-direction:row;justify-content:center;align-items:flex-start;gap:16px;width:100%}.board-column{width:var(--board-size);flex:0 0 var(--board-size);max-width:var(--board-size)}.game-sidebar{flex:auto;min-width:0;max-width:18rem;margin-top:0}.lobby.page{height:auto;min-height:calc(100dvh - var(--nav-h));flex-direction:row;justify-content:center;align-items:flex-start;overflow:visible}.game-page:has(.analysis-panel){--board-size:min(46dvw, 280px)}.analysis-panel{max-height:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}