:root{color:#f3f0e7;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#242823;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:#f3f0e7;background:#343a31;border:1px solid #51584b;border-radius:9px;min-height:44px;padding:12px 16px;font-weight:600}button:hover{background:#454e3b}button:focus-visible,input:focus-visible{outline-offset:-3px;outline:3px solid #d6b56c}button:disabled{opacity:.4;cursor:default}.primary{color:#20291c;background:#a8bd83;border-color:#a8bd83}.primary:hover{background:#bbce9b}.quiet{color:#c5cdbb;background:0 0;border:0}.danger{color:#ffd0c0;background:#623c32}header{border-bottom:1px solid #3c4238;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 24px;display:flex}.brand{align-items:center;gap:10px;font-size:29px;display:flex}.brand span{letter-spacing:1.6px;font-size:11px;font-weight:800}.connection{color:#e5b374;font-size:11px}.connection.online{color:#b6ca93}.connection:before{content:"●";margin-right:6px;font-size:8px}main{flex:1;justify-content:center;min-height:0;display:flex}.lobby{align-self:center;width:min(100% - 40px,490px)}.eyebrow{letter-spacing:1.5px;color:#b2bea4;font-size:10px;font-weight:700}.lobby h1{margin:22px 0;font:clamp(30px,5vw,54px)/1.05 Georgia,serif}.lobby h1 em{color:#b4c59e;font-weight:400}p{color:#c5cbbf;line-height:1.6}.lobby label{color:#bac4ae;margin:24px 0 8px;font-size:13px;display:block}.lobby>.primary{justify-content:space-between;width:100%;margin-top:22px;display:flex}.join{gap:8px;display:flex}input{color:#f3f0e7;background:#1e221c;border:1px solid #5a6350;border-radius:8px;flex:1;min-width:0;padding:12px}.subtle{color:#aeb7a3;font-size:12px}.game-layout{flex-direction:column;align-items:center;width:100%;height:100%;padding:0 12px;display:flex}.game-heading{flex-shrink:0;justify-content:space-between;align-items:center;width:min(100%,620px);height:62px;display:flex}.game-heading h1{margin:4px 0;font:24px/1.2 Georgia,serif}.seat-label{color:#b7c1ab;font-size:12px}.code-link{background:0 0;padding:4px 8px;font-size:13px}.code-link small{margin-top:4px;font-size:10px;font-weight:400;display:block}.stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.play{width:min(100%,100dvh - 282px,620px)}.player-line{color:#bbc6af;justify-content:space-between;align-items:center;height:43px;font-size:12px;display:flex}.player-line b{color:#f3f0e7}.clock{font-variant-numeric:tabular-nums;color:#f3f0e7;text-align:center;background:#191e18;border:1px solid #0000;border-radius:5px;min-width:100px;padding:3px 12px;font-size:24px}.clock.ticking{color:#253021;background:#dce4cf;border-color:#b2c496}.board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px;grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden;box-shadow:0 6px 24px #0004}.square{aspect-ratio:1;touch-action:none;border:0;border-radius:0;justify-content:center;align-items:center;min-height:0;padding:0;display:flex;position:relative}.square.light{background:#eee6d1}.square.dark{background:#78947e}.square.light.last{background:#dfd68d}.square.dark.last{background:#a4b16d}.square.selected{box-shadow:inset 0 0 0 3px #d8ab42}.square.in-check{background:#cb795f}.piece{pointer-events:none;width:94%;height:94%}.piece.lifted{opacity:.2}.rank,.file{pointer-events:none;color:#3c5d43;font-size:clamp(8px,1.4vw,12px);font-weight:700;line-height:1;position:absolute}.rank{top:3px;left:3px}.file{bottom:3px;right:3px}.dark .rank,.dark .file{color:#f2eedb}.legal-dot{pointer-events:none;background:#233b4670;border-radius:50%;width:23%;height:23%;position:absolute;box-shadow:0 0 0 1px #e5edcc70}.drag-piece{z-index:20;pointer-events:none;filter:drop-shadow(0 5px 3px #0006);position:fixed;transform:translate(-50%,-65%)}.move-strip{flex-shrink:0;align-items:center;gap:8px;width:min(100%,620px);height:46px;display:flex}.arrow{color:#c6d4b6;background:0 0;border:0;min-width:44px;padding:0;font-size:32px;line-height:28px}.move-window{white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.move{background:0 0;border:0;min-height:36px;padding:6px 8px;font-size:16px}.move small{color:#aeb7a3;margin-right:6px;font-size:11px;font-weight:400}.move.current{color:#e0eacb;background:#46503d}.review-status{color:#b3bea7;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:24px;font-size:11px;display:flex}.review-status button{min-height:24px;padding:2px 5px;font-size:11px}.bottom-nav{height:64px;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid #414839;flex-shrink:0;justify-content:space-around;width:min(100%,620px);display:flex}.bottom-nav button{color:#c6cebc;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 4px;font-size:11px;display:flex}.bottom-nav button span{color:#b1c18e;font-size:26px;line-height:26px}.bottom-nav button:hover{background:#353e2e}dialog{color:#f3f0e7;background:#30362c;border:1px solid #59634f;border-radius:20px;width:min(100vw - 32px,420px);max-height:calc(100dvh - 24px);padding:22px;box-shadow:0 24px 70px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10170f88}.dialog-heading{justify-content:space-between;align-items:center;display:flex}.icon{background:0 0;border:0;width:44px;padding:0;font-size:28px}.dialog-heading .icon{margin-left:auto}.dialog-heading .eyebrow{font-size:9px}dialog h2{margin:10px 0 18px;font:32px/1.12 Georgia,serif}dialog>button{width:100%;margin-top:10px;display:block}.dialog-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.dialog-actions button{flex:1}.menu{gap:8px;display:grid}.menu button{text-align:left;background:0 0;border-color:#49533f}.invitation-code{letter-spacing:2px;color:#d6e5be;font-size:26px}.result-emblem{text-align:center;color:#c2d39c;font-size:56px}.result-reason{text-align:center;margin:8px 0;font-size:20px}dialog [data-testid=result]{text-align:center}.promotion-choices{gap:6px;display:flex}.promotion-choices button{text-transform:capitalize;flex:1;min-width:0;padding:7px 3px;font-size:11px}.promotion-choices img{width:100%;display:block}@media (height<=580px){header{height:36px}.game-heading{height:44px}.game-heading h1{font-size:19px}.play{width:min(100%,100dvh - 218px,620px)}.player-line{height:32px}.clock{font-size:20px}.bottom-nav{height:52px}.move-strip{height:36px}.review-status{height:18px}.lobby h1{margin:12px 0;font-size:30px}.lobby label{margin-top:12px}.lobby p{margin:8px 0;font-size:12px}.lobby>.primary{margin-top:10px}dialog{padding:12px 20px}dialog h2{margin:4px 0 10px;font-size:26px}dialog p{font-size:13px;line-height:1.4}}@media (width<=400px){header{padding:0 12px}.seat-label{font-size:10px}.game-heading h1{font-size:21px}.move{padding:6px 4px;font-size:14px}.move small{margin-right:3px}.game-layout{padding:0 8px}}.choices{gap:8px;display:flex}.choices button{flex:1}.choices button[aria-pressed=true]{color:#20291c;background:#a8bd83}select{color:#f3f0e7;width:100%;font:inherit;background:#242823;border:1px solid #5a6350;border-radius:8px;padding:12px}.lobby-links{justify-content:space-between;gap:8px;display:flex}.time-controls{border:0;min-width:0;margin:22px 0 0;padding:0}.time-controls legend{margin-bottom:10px;padding:0}.time-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.time-grid button[aria-pressed=true]{color:#20291c;background:#a8bd83}.player-identity{min-width:0}.captures{height:21px;padding-right:6px;display:flex}.captures img{width:22px;height:22px;margin-right:-7px}.app-shell{flex-direction:column;height:100%;display:flex}.wordmark{object-fit:contain;width:146px;height:16px;display:block}.splash{z-index:100;animation:splash-away var(--brand-duration,4s) linear both;background:#6a9143;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.animated-logo{width:min(90vw,571px)}.animated-logo svg{width:100%;display:block;overflow:visible}.animated-logo g{transform-box:fill-box;transform-origin:50%}.animated-logo [stroke]{stroke-dasharray:1;stroke-dashoffset:0;animation:1.1s cubic-bezier(.2,0,0,1) both brand-draw}.brand-foundation [stroke]{animation-delay:var(--brand-foundation,.1s)}.brand-left [stroke]{animation-delay:var(--brand-left,.35s)}.brand-right [stroke]{animation-delay:var(--brand-right,.5s)}.brand-pillars [stroke]{animation-delay:var(--brand-pillars,.65s)}.brand-crown [stroke]{animation-delay:var(--brand-crown,.9s)}.brand-door [stroke]{animation-delay:var(--brand-door,1.15s)}.brand-beacon [stroke]{animation-delay:var(--brand-beacon,1.4s)}.brand-wordmark{animation:brand-type .7s var(--brand-wordmark,1.75s) cubic-bezier(.2, 0, 0, 1) both}.brand-tagline{animation:brand-type .7s var(--brand-tagline,2.25s) cubic-bezier(.2, 0, 0, 1) both}@keyframes brand-draw{0%{stroke-dashoffset:1px;opacity:0}10%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes brand-type{0%{opacity:0}to{opacity:1}}@keyframes splash-away{0%,88.75%{opacity:1}to{opacity:0}}main,dialog[open]{animation:.24s cubic-bezier(.2,0,0,1) both screen-enter}dialog::backdrop{animation:.2s ease-out both backdrop-enter}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}.rematch-proposal{border:1px solid #59644d;border-radius:10px;margin:8px 0;padding:10px}.rematch-proposal p{margin:6px 0;font-size:12px}.rematch-proposal .dialog-actions{margin-top:6px}.carousel{background:#30362c;border:1px solid #414a38;border-radius:18px;padding:16px 20px 0}.feature-stack{display:grid}.feature{visibility:hidden;grid-area:1/1;align-items:center;gap:20px;min-width:0;min-height:88px;display:flex}.feature>div{min-width:0}.feature.is-active{visibility:visible;animation:.45s cubic-bezier(.2,0,0,1) feature-in}.feature-icon{color:#b1c18e;font-size:58px}.feature h2{margin:6px 0;font:26px Georgia,serif}.feature p{margin:0;font-size:13px;line-height:1.4}.carousel-dots{justify-content:center;display:flex}.carousel-dots button{background:0 0;border:0;justify-content:center;align-items:center;min-width:36px;height:44px;padding:0;display:flex}.carousel-dots button span{background:#626e58;border-radius:4px;width:6px;height:6px;transition:width .45s cubic-bezier(.2,0,0,1),background-color .45s cubic-bezier(.2,0,0,1)}.carousel-dots button[aria-pressed=true] span{background:#b1c18e;width:20px}.carousel-pause{font-size:11px}@keyframes feature-in{0%{opacity:.25}to{opacity:1}}.signup-row{gap:8px;margin:12px 0;display:flex}.signup-row button{flex:1}.lobby h1{margin:14px 0;font-size:38px}.lobby label{margin-top:14px}.lobby>.primary{margin-top:12px}.lobby-links button{font-size:12px;text-decoration:underline}.sign-in button,.sign-in input{width:100%;margin:5px 0}.sign-in label{margin-top:10px;font-size:12px;display:block}.invite-choice{background:#30362c;border-radius:10px;padding:10px}.invite-choice p{margin:4px;font-size:12px}.invite-choice button,.app-link{margin:3px;font-size:12px}.app-link{color:#d6e5be}@media (height<=740px){.lobby h1{margin:8px 0;font-size:26px}.carousel{padding:8px 12px 0}.feature{gap:12px;min-height:60px}.feature-icon{font-size:36px}.feature h2{font-size:22px}.feature p{font-size:12px}.feature .eyebrow{font-size:8px}.signup-row{margin:6px 0}.lobby .subtle{margin:6px 0;font-size:10px}}@media (height<=480px){.lobby{grid-template-columns:1fr 1fr;column-gap:20px;width:min(96%,900px);display:grid}.lobby h1{font-size:23px}.lobby>.eyebrow,.lobby>h1,.carousel{grid-column:1}.signup-row{grid-area:1/2/3}.lobby>.primary{grid-area:3/2;align-self:center}.lobby>label,.lobby>.join{grid-column:2}.lobby>label{grid-row:4}.lobby>.join{grid-row:5}.lobby>.subtle{grid-area:4/1}.lobby-links{grid-area:5/1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.splash-halo{display:none}}.captures img[alt^=black]{filter:drop-shadow(.6px 0 #a4ab9d)drop-shadow(-.6px 0 #a4ab9d)drop-shadow(0 .6px #a4ab9d)}.player-identity{flex:1;max-width:calc(100% - 104px)}.captures img{object-fit:contain;flex-shrink:1;min-width:0}dialog:has(.rematch-proposal+.rematch-proposal) .result-emblem{display:none}.rematch-proposal .dialog-actions button{padding-inline:6px;font-size:13px}dialog.closing::backdrop{animation:.18s ease-out forwards backdrop-exit}@keyframes backdrop-exit{0%{opacity:1}to{opacity:0}}.fair-play{max-height:min(65dvh,520px);overflow-y:auto}.fair-play textarea,.fair-play select{color:#f3f0e7;width:100%;font:inherit;background:#242823;border:1px solid #bbc6af;border-radius:8px;margin:8px 0;padding:10px}.fair-play textarea{resize:vertical}.fair-case{text-align:left;flex-direction:column;align-items:flex-start;gap:5px;display:flex}.fair-case span{font-size:12px}.analysis-notification{z-index:50;pointer-events:none;color:#bbc6af;background:#262b24;border-radius:5px;max-width:440px;margin:auto;padding:4px 8px;font-size:11px;position:fixed;bottom:72px;left:12px;right:12px}main.hub-main{flex-direction:column;flex:1;width:100%;max-width:1180px;min-height:0;margin:auto;padding:0;display:flex;overflow:hidden}.hub-shell{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.hub-header{border-bottom:1px solid #414b40;justify-content:space-between;align-items:center;gap:16px;padding:8px 24px;display:flex}.hub-scroll{overscroll-behavior:contain;scrollbar-color:#53634c transparent;flex-direction:column;flex:1;gap:20px;min-height:0;padding:28px clamp(18px,5vw,70px) 40px;display:flex;overflow:auto}.hub-stack{flex-direction:column;gap:12px;min-width:0;display:flex}.hub-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.hub-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;display:grid}.hub-card{text-align:left;background:#2d342e;border:1px solid #3e493e;border-radius:18px;flex-direction:column;gap:12px;min-width:0;padding:22px;display:flex}.hub-hero{background:radial-gradient(at 100% 0,#4b5d3b 0%,#344332 65%);border:1px solid #536347;border-radius:24px;flex-direction:column;align-items:flex-start;gap:18px;padding:clamp(24px,4vw,44px);display:flex;position:relative;overflow:hidden}.hub-title{letter-spacing:-1.5px;color:#f3f2e9;max-width:740px;margin:0;font-size:clamp(30px,4vw,48px);font-weight:650;line-height:1.12}.hub-heading{letter-spacing:-.25px;color:#f2f1e7;margin:0;font-size:19px;font-weight:600;line-height:1.35}.hub-text{overflow-wrap:anywhere;font-size:15px;line-height:1.6}.hub-muted{color:#aab8a4;font-size:14px}.hub-eyebrow{letter-spacing:1.8px;color:#c7d8a7;font-size:10px;font-weight:750}.hub-stat{color:#e2edca;letter-spacing:-1px;font-size:36px;font-weight:600;line-height:1.2}.hub-error{color:#f3aaa2}.hub-button{min-height:46px;box-shadow:none;white-space:normal;color:#ecf0e1;background:#354030;border:1px solid #526149;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font:600 14px/1.4 inherit;transition:background .15s,border-color .15s,transform .15s;display:flex}.hub-button:hover:not(:disabled){background:#46563b;border-color:#8ba16e;transform:translateY(-1px)}.hub-button:focus-visible{outline-offset:3px;outline:3px solid #c9d9a9}.hub-button:disabled{opacity:.45}.hub-primary{color:#1b241c;background:#b9cd99;border-color:#b9cd99;padding:14px 24px;font-size:16px}.hub-primary:hover:not(:disabled){color:#1b241c;background:#c8dda8}.hub-quiet{text-align:left;background:0 0;border-color:#0000}:is(.hub-quiet:has(>.hub-row),.hub-quiet:has(>.hub-card)){justify-content:stretch;width:100%;padding:0}.hub-quiet>.hub-row,.hub-quiet>.hub-card{width:100%}.hub-selected{background:#394931;border-color:#9fb882}.hub-icon{font-size:23px;line-height:1}.hub-nav{padding:10px 24px max(10px,env(safe-area-inset-bottom));background:#202720;border-top:1px solid #465140;justify-content:space-around;align-items:center;gap:4px;display:flex}.hub-nav .hub-button{border-radius:12px;flex-direction:column;flex:1;gap:5px;max-width:150px;min-height:60px}.hub-nav .hub-selected{color:#cce0ab}.hub-avatar{color:#d6e2bd;background:#46583a;border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:36px;line-height:1;display:grid}.hub-avatar-large{border-radius:26px;width:96px;height:96px;font-size:60px}.hub-field{color:#bfccb6;flex-direction:column;gap:8px;font-size:13px;font-weight:550;display:flex}.hub-field input,.hub-field select,.hub-field textarea{color:#f2f0e6;box-sizing:border-box;background:#202820;border:1px solid #4c5c44;border-radius:11px;width:100%;max-width:100%;min-height:48px;padding:13px 15px;font:400 16px/1.45 inherit}.hub-field textarea{resize:vertical;min-height:130px}.hub-inset{border-bottom:1px solid #414c3d;flex-direction:column;gap:8px;padding:18px 12px;display:flex}.hub-modal{background:#2d382b;border:1px solid #6a7b59;max-width:520px;padding:24px}.hub-watch-board{aspect-ratio:1;grid-template-columns:repeat(8,1fr);width:min(100%,520px);display:grid}.hub-watch-board>div{color:#162116;place-items:center;font-size:clamp(24px,5vw,48px);display:grid}.hub-watch-board .light{background:#e9e5d7}.hub-watch-board .dark{background:#809271}@media (width<=600px){.hub-scroll{gap:16px;padding:18px 16px 28px}.hub-header{padding:5px 10px}.hub-header .hub-heading{font-size:16px}.hub-nav{padding:4px 6px max(4px,env(safe-area-inset-bottom))}.hub-nav .hub-button{min-width:0;padding:8px 5px;font-size:11px}.hub-card{padding:17px}.hub-hero{padding:24px}.hub-row>.hub-stack{flex:1}.hub-title{letter-spacing:-.8px}.hub-stat{font-size:30px}}@media (prefers-reduced-motion:reduce){.hub-button{transition:none}.hub-button:hover:not(:disabled){transform:none}}.hub-scroll>*{flex-shrink:0}.hub-row>.hub-stack{text-align:left;flex:1}.hub-card .hub-row,.hub-header,.hub-nav{flex-shrink:0}.hub-button{font-family:inherit;font-size:14px;line-height:1.4}.hub-field input,.hub-field select,.hub-field textarea{font-family:inherit;font-size:16px;line-height:1.45}.board-slate .square.light{background:#e0e9ef}.board-slate .square.dark{background:#6c8195}.board-sand .square.light{background:#f1e3c7}.board-sand .square.dark{background:#b18d61}.letter-piece{font-size:clamp(22px,5vw,46px);font-weight:800;line-height:1}.letter-piece.w{color:#fff;text-shadow:0 0 2px #000,1px 1px #000}.letter-piece.b{color:#141a14;text-shadow:0 0 2px #fff}.app-header{box-sizing:border-box;border-bottom:1px solid #414b40;flex-shrink:0;align-items:center;gap:0;width:100%;max-width:none;min-height:62px;margin:0;padding:6px 12px;display:flex}.app-header-side{flex:0 0 80px;align-items:center;width:80px;display:flex}.app-header-right{justify-content:flex-end}.app-screen-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;padding:0 4px;font-size:20px;font-weight:600;line-height:1.3;overflow:hidden}.app-profile,.app-bell{color:#e8e9df;width:46px;min-width:46px;height:46px;box-shadow:none;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.app-profile{background:#3b4833;border:1px solid #64714f}.app-profile img{width:34px;height:34px}.app-profile span{font-size:30px}.app-bell{width:48px;height:48px;position:relative}.app-presence{background:#e8a466;border-radius:50%;flex:0 0 11px;width:11px;height:11px;margin:0 8px}.app-presence.is-online{background:#b4d28b}.app-badge{color:#201714;text-align:center;background:#de6960;border:1px solid #242823;border-radius:12px;min-width:18px;height:18px;padding:0 4px;font:800 10px/16px system-ui;position:absolute;top:0;right:0}.app-nav-item{color:#b9bdb3;min-width:0;max-width:150px;min-height:72px;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 4px;font:600 14px/19px system-ui;display:flex}.app-nav-item[aria-current=page]{color:#e8c66a;background:0 0}.app-nav-item:hover,.app-nav-item:active{color:#e8c66a;background:0 0;transform:none}.app-nav-item:focus-visible,.app-profile:focus-visible,.app-bell:focus-visible{outline-offset:-2px;outline:2px solid #e8c66a}.app-nav-item svg{flex-shrink:0}.hub-scroll>.wordmark{align-self:center;width:200px;height:auto;margin:4px 0 12px}@font-face{font-family:Poppins;src:url(/assets/Poppins-SemiBold-DVCj-rhG.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-DPspvn0D.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Medium-C0z2xw0d.ttf)format("truetype");font-style:normal;font-weight:500 800;font-display:swap}:root{--cm-canvas:#202827;--cm-surface:#303c3b;--cm-raised:#3e4d4b;--cm-inset:#182220;--cm-primary:#427958;--cm-primaryHover:#4e8966;--cm-primarySoft:#2d4c3e;--cm-text:#faf5e6;--cm-muted:#c0cfc8;--cm-subtle:#a4b9af;--cm-border:#60766c;--cm-gold:#edcf6e;--cm-mint:#96cbb7;--cm-success:#a6d8b4;--cm-danger:#ffb4ab;--cm-dangerSurface:#482f2d;--cm-warningSurface:#443d27;--cm-infoSurface:#293f46;color:var(--cm-text);background:var(--cm-canvas);font-family:Roboto,system-ui,sans-serif}.a-text{color:var(--cm-text);text-align:left;overflow-wrap:anywhere;min-width:0;margin:0;font:400 16px/1.5 Roboto,system-ui,sans-serif}.a-text--title{letter-spacing:-.5px;font:600 28px/1.3 Poppins,sans-serif}.a-text--heading{font:600 18px/1.45 Poppins,sans-serif}.a-text--muted{color:var(--cm-muted);font-size:14px}.a-text--eyebrow{letter-spacing:1.2px;color:var(--cm-mint);font-size:12px;font-weight:500;line-height:18px}.a-text--stat{color:var(--cm-gold);font:600 28px/1.3 Poppins,sans-serif}.a-text--error{color:var(--cm-danger)}.a-button{border:1px solid var(--cm-border);min-height:52px;color:var(--cm-text);background:var(--cm-raised);box-shadow:none;white-space:normal;text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:12px 16px;font:500 16px/22px Roboto,system-ui,sans-serif;transition:background-color .16s,border-color .16s;display:inline-flex}.a-button:hover{background:var(--cm-primarySoft);border-color:var(--cm-mint)}.a-button--primary,.a-button.primary{background:var(--cm-primary);color:var(--cm-text);border-color:var(--cm-gold)}.a-button--primary:hover,.a-button.primary:hover{background:var(--cm-primaryHover)}.a-button--quiet,.a-button.quiet{background:0 0;border-color:#0000;padding-inline:8px}.a-button--quiet:hover,.a-button.quiet:hover{background:var(--cm-primarySoft)}.a-button--selected{background:var(--cm-primarySoft);border-color:var(--cm-gold)}.a-button--danger,.a-button.danger{background:var(--cm-dangerSurface);border-color:var(--cm-danger);color:var(--cm-danger)}.a-button--row{text-align:left;background:var(--cm-surface);border-color:#0000;justify-content:flex-start;width:100%;padding:16px}.a-button--card{text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.a-button--card:hover{background:0 0}.a-button:disabled{opacity:.45;cursor:not-allowed}.a-button:focus-visible,.a-icon-button:focus-visible,.m-nav-item:focus-visible,.a-switch:focus-visible,.m-segments__option:focus-visible{outline:2px solid var(--cm-gold);outline-offset:2px}.a-icon{color:inherit;flex:none}.a-icon--accent,.a-icon--warning{color:var(--cm-gold)}.a-icon--info,.a-icon--primary{color:var(--cm-mint)}.a-icon--danger{color:var(--cm-danger)}.a-icon--success{color:var(--cm-success)}.a-avatar{background:var(--cm-primarySoft);border:1px solid var(--cm-mint);border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.a-avatar img{width:34px;height:34px}.a-avatar--large{width:80px;height:80px}.a-avatar--large img{width:56px;height:56px}.a-input{border:1px solid var(--cm-border);background:var(--cm-inset);width:100%;min-height:52px;color:var(--cm-text);box-sizing:border-box;border-radius:12px;min-width:0;padding:12px 16px;font:400 16px/24px Roboto,sans-serif}.a-input::placeholder{color:var(--cm-subtle)}.a-input:focus-visible{outline:2px solid var(--cm-gold);outline-offset:0}.a-input--error{border-color:var(--cm-danger)}textarea.a-input{resize:vertical;min-height:120px}.m-field{flex-direction:column;gap:8px;width:100%;min-width:0;margin:0;display:flex}.m-field__label{color:var(--cm-text);font:500 16px/22px Roboto,sans-serif}.m-field__hint{color:var(--cm-muted);font:400 14px/20px Roboto,sans-serif}.m-field__hint--error{color:var(--cm-danger)}.m-select{align-items:center;display:flex;position:relative}.m-select__input{appearance:none;padding-right:48px}.m-select>.a-icon{pointer-events:none;position:absolute;right:16px;transform:rotate(90deg)}.m-setting-row{border-bottom:1px solid var(--cm-border);align-items:center;gap:16px;min-height:64px;padding:8px 0;display:flex}.m-setting-row__copy{flex-direction:column;flex:1;gap:4px;display:flex}.a-switch{background:0 0;border:0;justify-content:center;align-items:center;min-width:60px;min-height:48px;padding:0 4px;display:flex}.a-switch:hover{background:0 0}.a-switch__track{background:var(--cm-inset);border:1px solid var(--cm-border);border-radius:14px;width:48px;height:28px;padding:3px;transition:background .2s;display:block}.a-switch__thumb{background:var(--cm-muted);border-radius:50%;width:20px;height:20px;transition:transform .2s;display:block}.a-switch--checked .a-switch__track{background:var(--cm-primary)}.a-switch--checked .a-switch__thumb{background:var(--cm-mint);transform:translate(20px)}.m-segments{background:var(--cm-inset);border-radius:12px;flex-wrap:wrap;gap:8px;padding:4px;display:flex}.m-segments__option{min-width:80px;min-height:48px;color:var(--cm-muted);background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:8px;font:500 16px/22px Roboto,sans-serif}.m-segments__option--selected{background:var(--cm-primarySoft);border-color:var(--cm-gold);color:var(--cm-text)}.a-badge{border:1px solid var(--cm-border);background:var(--cm-inset);color:var(--cm-muted);border-radius:99px;align-self:flex-start;align-items:center;padding:4px 10px;font:500 14px/20px Roboto,sans-serif;display:inline-flex}.a-badge--primary,.a-badge--success{color:var(--cm-mint);border-color:var(--cm-mint)}.a-badge--accent,.a-badge--warning{color:var(--cm-gold);border-color:var(--cm-gold)}.a-badge--danger{color:var(--cm-danger);border-color:var(--cm-danger)}.s-screen{background:var(--cm-canvas);flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex}.s-screen__content{scrollbar-color:var(--cm-border) transparent;scrollbar-width:thin;flex-direction:column;flex:1;gap:24px;min-height:0;padding:24px clamp(16px,4vw,48px) 32px;display:flex;overflow:auto}.s-screen__content>*{flex-shrink:0;width:100%;max-width:1120px;margin-inline:auto}.s-screen__content>.wordmark{box-sizing:content-box;width:200px;height:auto;padding-block:8px}.m-stack{flex-direction:column;gap:12px;min-width:0;display:flex}.m-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.m-identity{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.m-identity>.m-stack,.m-row>.m-stack{flex:1;gap:4px;min-width:0}.m-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.m-actions>.a-button{flex:1;min-width:120px}.o-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.o-metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.o-surface{background:var(--cm-surface);border:1px solid var(--cm-border);border-radius:16px;flex-direction:column;gap:16px;min-width:0;padding:16px;display:flex}.o-feature{background:var(--cm-primarySoft);border:1px solid var(--cm-primary);border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}.o-surface--primary{background:var(--cm-primarySoft);border-color:var(--cm-primary)}.o-surface--accent{border-color:var(--cm-gold)}.o-surface--danger{background:var(--cm-dangerSurface);border-color:var(--cm-danger)}.o-surface--warning{background:var(--cm-warningSurface);border-color:var(--cm-gold)}.o-surface--info{background:var(--cm-infoSurface);border-color:var(--cm-mint)}.o-section{flex-direction:column;gap:16px;display:flex}.o-screen-intro{flex-direction:column;gap:8px;display:flex}.o-inset{background:var(--cm-inset);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.o-list{background:var(--cm-border);border-radius:16px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.o-list>.a-button{border-radius:0}.o-filters{background:var(--cm-inset);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;padding:16px;display:grid}.o-entity-card__footer{border-top:1px solid var(--cm-border);padding-top:12px}.o-action-card>.a-button{margin-top:auto}.o-empty-state{border-style:dashed}.o-bottom-nav{border-top:1px solid var(--cm-border);background:var(--cm-inset);padding:4px 12px max(4px, env(safe-area-inset-bottom));flex-shrink:0;justify-content:space-around;align-items:center;display:flex}.o-app-header{background:var(--cm-canvas);border-bottom:1px solid var(--cm-border);flex-shrink:0;align-items:center;gap:0;width:100%;height:auto;min-height:64px;padding:6px 16px;display:flex}.o-app-header__side{flex:0 0 80px;align-items:center;display:flex}.o-app-header__side--right{justify-content:flex-end}.o-app-header__title{text-align:center;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--cm-text);flex:1;margin:0;padding:0 4px;font:600 20px/28px Poppins,sans-serif;overflow:hidden}.a-icon-button{width:48px;min-width:48px;height:48px;color:var(--cm-text);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.a-icon-button:hover{background:var(--cm-primarySoft)}.a-presence{background:var(--cm-gold);border-radius:50%;flex:none;width:10px;height:10px;margin:0 9px}.a-presence--online{background:var(--cm-mint)}.a-unread-badge{border:1px solid var(--cm-canvas);color:#fff;text-align:center;background:#b74740;border-radius:10px;min-width:20px;height:20px;padding:0 4px;font:500 12px/18px Roboto,sans-serif;position:absolute;top:0;right:0}.m-nav-item{min-width:0;max-width:160px;min-height:76px;color:var(--cm-muted);box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex}.m-nav-item:hover,.m-nav-item:active{color:var(--cm-gold);background:0 0}.m-nav-item[aria-current=page]{color:var(--cm-gold)}.m-nav-item__label{font:500 14px/20px Roboto,sans-serif}.o-dialog{background:var(--cm-surface);color:var(--cm-text);border:1px solid var(--cm-border);border-radius:24px;width:calc(100% - 32px);max-width:560px;max-height:calc(100dvh - 32px);padding:24px}.o-dialog__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.o-dialog__body{flex-direction:column;gap:16px;display:flex}.o-watch-board{aspect-ratio:1;grid-template-columns:repeat(8,1fr);width:min(100%,560px);display:grid}.o-watch-board__square{justify-content:center;align-items:center;display:flex}.o-watch-board__square--light{background:#e9e5d7}.o-watch-board__square--dark{background:#809271}.o-watch-board__square img{width:94%;height:94%}@media (width>=900px){.s-screen--profile-edit .s-screen__content,.s-screen--club-create .s-screen__content,.s-screen--club-edit .s-screen__content,.s-screen--event-create .s-screen__content,.s-screen--bet-create .s-screen__content,.s-screen--settings .s-screen__content,.s-screen--account .s-screen__content,.s-screen--support .s-screen__content{padding-inline:max(32px,50% - 380px)}.o-feature .a-text--title{font-size:34px}}@media (width<=600px){.s-screen__content{padding:16px 16px 24px}.o-bottom-nav{padding-inline:4px}.o-app-header{padding-inline:12px}.o-feature,.o-dialog{padding:20px}.a-text--title{font-size:26px}}@media (prefers-reduced-motion:reduce){.a-button,.a-switch__track,.a-switch__thumb{transition:none}}.s-welcome{flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.s-welcome__content{width:100%;padding:24px 16px 40px}.s-welcome__content>*{max-width:600px}.s-welcome .m-join{align-items:flex-end}.s-welcome .m-join>.m-field{flex:1}.s-welcome .m-join>.a-button{flex:none}.o-profile-identity>.m-identity{align-items:center}.o-disclosure>.a-button--row{background:0 0;padding:0}.o-disclosure__body{border-top:1px solid var(--cm-border);padding-top:16px}.carousel{background:var(--cm-surface);border:1px solid var(--cm-border);border-radius:16px;margin-block:0;padding:20px}.carousel h2{color:var(--cm-text);font:600 22px/1.4 Poppins,sans-serif}.carousel p{color:var(--cm-muted);font:400 16px/24px Roboto,sans-serif}.carousel .eyebrow{color:var(--cm-mint);font-size:12px}.carousel-dots button{min-height:48px}.carousel-dots button span{background:var(--cm-border)}.carousel-dots [aria-pressed=true] span{background:var(--cm-gold)}.sign-in{flex-direction:column;gap:16px;display:flex}.sign-in form{flex-direction:column;gap:12px;display:flex}.sign-in p{color:var(--cm-muted);margin:0;font:400 16px/24px Roboto,sans-serif}.sign-in label{font:500 16px/22px Roboto,sans-serif}.o-dialog h2{color:var(--cm-text);font:600 24px/1.35 Poppins,sans-serif}.o-dialog p,.o-dialog li{color:var(--cm-muted);font:400 16px/24px Roboto,sans-serif}.o-dialog .dialog-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.o-dialog .dialog-actions>.a-button{flex:1}.o-dialog .menu{gap:12px}.o-dialog .subtle{font-size:14px;line-height:21px}.game-heading h1{font-family:Poppins,sans-serif;font-weight:600}.player-name,.clock,.move-strip,.bottom-nav{font-family:Roboto,sans-serif}.bottom-nav button{color:var(--cm-muted);background:0 0}.bottom-nav button span{font-size:14px}@media (width<=400px){.s-welcome .m-join{flex-wrap:wrap}.s-welcome .m-join>.a-button{width:100%}}.m-actions{align-items:stretch}@media (width<=600px){.m-actions{flex-direction:column}.m-actions>.a-button{flex:auto;width:100%}}.o-dialog:has(.rematch-proposal+.rematch-proposal) h2{margin:4px 0 8px}.o-dialog:has(.rematch-proposal+.rematch-proposal) .result-reason{margin:4px 0}.o-dialog:has(.rematch-proposal+.rematch-proposal) [data-testid=result]{margin:6px 0}.o-dialog .rematch-proposal .dialog-actions{gap:8px;margin-top:8px}.o-dialog .rematch-proposal .a-button{min-width:0;padding-inline:8px;font-size:16px}.o-dialog .rematch>.subtle{margin:8px 0}