/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-mono:"DM Mono", monospace;--spacing:.25rem;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-15{top:calc(var(--spacing) * 15)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root,[data-theme=ocean]{color-scheme:dark;--bg:#0b0d10;--bg-deep:#080a0d;--bg-light:#5d7df7;--accent:#6f8cff;--on-accent:#0b0d10;--accent-glow:#5d7df738;--cell:#151920;--cell-hover:#1c222c;--text:#f5f7fa;--text-muted:#8d98a8;--danger:#f0646f;--success:#40bf81;--glow:#0000;--border-glow:#6f8cff59;--glass:#111419;--glass-border:#262c35;--grid-color:transparent;--tint-1:#ffffff09;--tint-2:#ffffff0e;--tint-3:#ffffff13;--tint-4:#ffffff1a;--tint-strong:#ffffff21;--tint-hot:#ffffff2b;--font:"Manrope", sans-serif;--font-display:"Manrope", sans-serif;--radius-xs:8px;--radius-sm:10px;--radius:12px;--radius-md:16px;--nav-surface:#101318;--nav-surface-lift:#181d25;--nav-border:#252b34;--nav-inactive:#8994a4;--nav-active-surface:#20283a;--nav-active-icon-surface:transparent;--nav-shadow:#00000047}[data-theme=neon]{--bg:#0a0d0f;--bg-deep:#07090b;--bg-light:#18a8a8;--accent:#58c7c7;--accent-glow:#58c7c733;--cell:#14191c;--cell-hover:#1b2427;--text:#f3f7f7;--text-muted:#8d9b9d;--danger:#ee6874;--success:#48c58c;--glass:#101517;--glass-border:#273033;--border-glow:#58c7c757;--nav-active-surface:#173033}[data-theme=ember]{--bg:#100d0b;--bg-deep:#0a0807;--bg-light:#d97642;--accent:#ed9a63;--accent-glow:#ed9a6333;--cell:#1b1613;--cell-hover:#251c18;--text:#fbf6f2;--text-muted:#a4978d;--danger:#ec6464;--success:#53bd7d;--glass:#15110f;--glass-border:#312720;--border-glow:#ed9a6357;--nav-active-surface:#34241c}[data-theme=matrix]{--bg:#090d0a;--bg-deep:#060806;--bg-light:#4c9d67;--accent:#73ba87;--accent-glow:#73ba8733;--cell:#131914;--cell-hover:#1a231c;--text:#f2f7f3;--text-muted:#8e9c91;--danger:#eb6868;--success:#58bd77;--glass:#101511;--glass-border:#263029;--border-glow:#73ba8757;--nav-active-surface:#1b3021}[data-theme=playroom]{color-scheme:light;--bg:#f4f6f8;--bg-deep:#e9edf2;--bg-light:#3e67dc;--accent:#365ecf;--on-accent:#fff;--accent-glow:#365ecf29;--cell:#fff;--cell-hover:#f0f3f8;--text:#161a22;--text-muted:#687384;--danger:#d94b5a;--success:#27885b;--glass:#fff;--glass-border:#d9dfe7;--border-glow:#365ecf47;--tint-1:#0d141f06;--tint-2:#0d141f0b;--tint-3:#0d141f11;--tint-4:#0d141f17;--nav-surface:#fff;--nav-border:#d9dfe7;--nav-inactive:#687384;--nav-active-surface:#e9eefc}html,body{background:var(--bg)!important}body{font-family:var(--font);letter-spacing:-.012em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:500}button,input,textarea,select{font:inherit}#app{isolation:isolate;background:var(--bg)}#app:before,body:after,.hero-bg,.profile-shell,.profile-orb{display:none!important}.page{padding:calc(28px + var(--safe-top)) max(24px, var(--safe-right)) calc(28px + var(--safe-bottom)) max(24px, var(--safe-left));background:var(--bg)}.page.active{animation:.18s ease-out productPageIn}@keyframes productPageIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.page-inner{gap:18px;width:min(100%,640px);max-width:640px}.page-heading,.hub-title,.tab-page-title,.app-wordmark,.game-title,.overlay-box h3{font-family:var(--font);text-transform:none;letter-spacing:-.045em;text-shadow:none}.page-heading,.hub-title,.tab-page-title{color:var(--text);font-size:clamp(1.65rem,3vw,2.35rem);font-weight:750;line-height:1.05}.status-text,.error-text{font-family:var(--font-mono);letter-spacing:0;font-size:.72rem}.hidden,.is-hidden{display:none!important}:where(button,input,textarea,[role=button],[role=tab]):focus-visible{outline:3px solid var(--accent)!important}@supports (color:color-mix(in lab, red, red)){:where(button,input,textarea,[role=button],[role=tab]):focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 48%, transparent)!important}}:where(button,input,textarea,[role=button],[role=tab]):focus-visible{outline-offset:2px}.btn,.room-social-action,.community-nearby-action{border:1px solid var(--glass-border);background:var(--glass);min-height:46px;box-shadow:none;color:var(--text);font-family:var(--font);letter-spacing:-.01em;text-transform:none;border-radius:12px;font-size:.82rem;font-weight:700;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s,filter .15s,transform .15s}.btn:hover,.room-social-action:hover,.community-nearby-action:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.btn:hover,.room-social-action:hover,.community-nearby-action:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--glass-border))}}.btn:hover,.room-social-action:hover,.community-nearby-action:hover{background:var(--tint-3)}.btn:active,.room-social-action:active,.community-nearby-action:active{transform:scale(.985)}.btn-primary,.btn-accent,.room-social-action.is-primary{background:var(--accent);box-shadow:none;color:var(--on-accent);border-color:#0000}.btn-primary:hover,.btn-accent:hover,.room-social-action.is-primary:hover{background:var(--accent);box-shadow:0 8px 22px var(--accent-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text);background:0 0;border-color:#0000}@supports (color:color-mix(in lab, red, red)){.btn-ghost{color:color-mix(in srgb, var(--text) 72%, var(--text-muted))}}.btn-ghost:hover{background:var(--tint-3);color:var(--text);border-color:#0000}.btn:disabled,.btn.is-disabled{cursor:not-allowed;box-shadow:none;transform:none}.btn-circle:not(:disabled):not(.is-at-limit){opacity:1;background:var(--accent)!important;box-shadow:0 8px 20px var(--accent-glow)!important;color:var(--on-accent)!important;border-color:#0000!important}.btn-circle:not(:disabled):not(.is-at-limit):hover{filter:brightness(1.04);background:var(--accent)!important;box-shadow:0 10px 24px var(--accent-glow)!important;transform:translateY(-1px)!important}.btn-circle:not(:disabled):not(.is-at-limit):active{filter:none;box-shadow:0 3px 10px var(--accent-glow)!important;transform:scale(.94)!important}.btn-circle:disabled,.btn-circle.is-at-limit{filter:saturate(.15);opacity:.42;border-color:var(--glass-border)!important;background:var(--cell)!important;box-shadow:none!important;color:var(--text-muted)!important;background-image:none!important}.btn-danger,.room-social-action.is-danger{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.btn-danger,.room-social-action.is-danger{border-color:color-mix(in srgb, var(--danger) 38%, var(--glass-border))}}.btn-danger,.room-social-action.is-danger{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.btn-danger,.room-social-action.is-danger{background:color-mix(in srgb, var(--danger) 12%, var(--glass))}}.btn-danger,.room-social-action.is-danger{color:var(--danger)}.text-input,.room-chat-input,.social-inbox-search input,.community-hub-search input,.community-relay-form input,.community-relay-form textarea{border:1px solid var(--glass-border);background:var(--bg-deep);border-radius:12px;min-height:48px}@supports (color:color-mix(in lab, red, red)){.text-input,.room-chat-input,.social-inbox-search input,.community-hub-search input,.community-relay-form input,.community-relay-form textarea{background:color-mix(in srgb, var(--bg-deep) 64%, var(--glass))}}.text-input,.room-chat-input,.social-inbox-search input,.community-hub-search input,.community-relay-form input,.community-relay-form textarea{box-shadow:none;color:var(--text);font-family:var(--font);letter-spacing:-.01em;font-weight:550}.text-input:focus,.room-chat-input:focus,.social-inbox-search:focus-within,.community-hub-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.text-input:focus,.room-chat-input:focus,.social-inbox-search:focus-within,.community-hub-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}}.text-input:focus,.room-chat-input:focus,.social-inbox-search:focus-within,.community-hub-search:focus-within{outline:none}.app-nav-brand,.app-nav-settings{display:none}.app-nav{border:1px solid var(--nav-border);background:var(--nav-surface)}@supports (color:color-mix(in lab, red, red)){.app-nav{background:color-mix(in srgb, var(--nav-surface) 96%, transparent)}}.app-nav{box-shadow:0 18px 44px var(--nav-shadow);-webkit-backdrop-filter:blur(18px)}.app-nav:before{display:none}.app-nav-item{box-shadow:none;color:var(--nav-inactive);font-family:var(--font);background:0 0;border:0}.app-nav-item:before,.app-nav-item:after{display:none}.app-nav-item:hover{background:var(--tint-2);color:var(--text)}.app-nav-item.is-active{background:var(--nav-active-surface);color:var(--text)}.app-nav-icon{box-shadow:none;background:0 0;border:0}.app-nav-item.is-active .app-nav-icon{box-shadow:none;color:var(--accent);background:0 0;border:0}.app-nav-glyph{stroke-width:1.8px;filter:none}.nav-lottie{display:none!important}.app-nav-label{font-family:var(--font);letter-spacing:-.01em;text-transform:none;font-size:.66rem;font-weight:650}.app-nav-badge{border:2px solid var(--nav-surface);background:var(--danger);box-shadow:none;color:#fff;font-family:var(--font-mono)}#page-main{justify-content:center;align-items:center;overflow-y:auto}#page-main .picker-inner{gap:26px;width:min(100%,1100px);max-width:1100px;padding:12px 0}#page-main .picker-header{text-align:left;align-items:flex-start;gap:7px}.home-eyebrow,.hub-sub,.tab-page-kicker,.community-landing-kicker{color:var(--accent);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:500}.app-wordmark{color:var(--text);filter:none;-webkit-text-fill-color:currentColor;background:0 0;margin:0;font-size:clamp(2.4rem,5vw,4.5rem);font-weight:780;line-height:.95;animation:none}.app-tagline,.app-tagline-clean{width:min(100%,560px);color:var(--text-muted);letter-spacing:-.018em;text-transform:none;margin:0;font-size:clamp(.93rem,1.7vw,1.1rem);font-weight:500;line-height:1.55}#page-main .game-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;margin:0;display:grid}#page-main .game-card{border:1px solid var(--glass-border);background:var(--glass);min-height:154px;box-shadow:none;color:var(--text);-webkit-backdrop-filter:none;border-radius:18px;grid-template-columns:72px minmax(0,1fr) 24px;gap:18px;padding:22px;overflow:hidden}#page-main .game-card:before{display:none}#page-main .game-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){#page-main .game-card:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--glass-border))}}#page-main .game-card:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){#page-main .game-card:hover{background:color-mix(in srgb, var(--accent) 5%, var(--glass))}}#page-main .game-card:hover{transform:translateY(-2px);box-shadow:0 20px 50px #00000029}#page-main .game-card:active{transform:scale(.992)}#page-main .game-card-art,#page-main .game-card-art-lottie{border:1px solid var(--glass-border);background:var(--cell);width:72px;height:72px;box-shadow:none;border-radius:16px}#page-main .game-card-lottie{width:68px;height:68px;animation:none}#page-main .game-card-lottie:before{box-shadow:none;color:var(--accent);font-family:var(--font-mono);background:0 0;border:0;font-size:.62rem;bottom:7px;right:7px}#page-main .game-card-lottie:after{width:52px;height:52px;box-shadow:none;border:0;border-radius:11px;transform:none}#page-main .game-card-lottie svg{filter:none}#page-main .game-card-title{color:var(--text);letter-spacing:-.025em;text-transform:none;font-size:1.05rem;font-weight:720}#page-main .game-card-sub{color:var(--text-muted);letter-spacing:-.01em;margin-top:5px;font-size:.8rem;font-weight:500}#page-main .game-card-badge{background:var(--accent);border:0;border-radius:999px;margin-top:10px}@supports (color:color-mix(in lab, red, red)){#page-main .game-card-badge{background:color-mix(in srgb, var(--accent) 14%, transparent)}}#page-main .game-card-badge{color:var(--accent);font-family:var(--font-mono);letter-spacing:.06em;font-size:.58rem;font-weight:500}#page-main .game-card-arrow{color:var(--text-muted);font-size:1.45rem;transition:color .15s,transform .15s}#page-main #socket-status{border:1px solid var(--glass-border);background:var(--glass);min-height:0;font-family:var(--font);border-radius:999px;align-self:flex-start;align-items:center;gap:7px;margin:-6px 0 0;padding:5px 8px;font-size:.64rem;font-weight:650;display:inline-flex;color:var(--text-muted)!important}#page-main #socket-status:not(:empty):before{background:var(--text-muted);content:"";border-radius:50%;width:6px;height:6px}#page-main .game-card:hover .game-card-arrow{color:var(--accent);transform:translate(2px)}.main-xp-badge{border:1px solid var(--glass-border);background:var(--glass);box-shadow:none;border-radius:999px}.pwa-install{border:1px solid var(--glass-border);background:var(--glass);width:auto;max-width:360px;min-height:54px;box-shadow:none;border-radius:14px;align-self:flex-start;padding:8px 12px;position:static}.pwa-install-icon{background:var(--nav-active-surface);color:var(--accent);border:0}.pwa-install-copy strong{color:var(--text);letter-spacing:-.015em;font-size:.78rem}.pwa-install-copy small{color:var(--text-muted);font-size:.68rem}.settings-fab{border:1px solid var(--glass-border);background:var(--glass);width:46px;height:46px;box-shadow:none;color:var(--text-muted);border-radius:13px}.settings-fab:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.settings-fab:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--glass-border))}}.settings-fab:hover{color:var(--text)}.settings-fab:before{display:none}#page-main .settings-fab,#app.has-app-nav #page-main .settings-fab{right:calc(24px + var(--safe-right));bottom:auto;top:calc(24px + var(--safe-top))}.hub-inner{gap:22px;width:min(100%,760px);max-width:760px}.hub-header{text-align:left;align-items:flex-start;gap:5px;width:100%}.hub-title{color:var(--text);filter:none;-webkit-text-fill-color:currentColor;background:0 0}.mode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.mode-btn{border:1px solid var(--glass-border);background:var(--glass);min-height:96px;box-shadow:none;-webkit-backdrop-filter:none;border-radius:15px;grid-template-columns:42px minmax(0,1fr) 18px;gap:14px;padding:16px}.mode-btn:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.mode-btn:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--glass-border))}}.mode-btn:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.mode-btn:hover{background:color-mix(in srgb, var(--accent) 5%, var(--glass))}}.mode-btn:hover{box-shadow:none;transform:translateY(-1px)}.mode-btn:before{display:none}.mode-btn-icon{border:1px solid var(--glass-border);background:var(--cell);width:42px;height:42px;color:var(--accent);border-radius:12px}.mode-btn-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:20px;height:20px}.mode-btn-title{color:var(--text);letter-spacing:-.02em;text-transform:none;font-size:.9rem;font-weight:700}.mode-btn-sub{color:var(--text-muted);letter-spacing:-.01em;font-size:.72rem;font-weight:500}.mode-btn-arrow{color:var(--text-muted);font-size:1.25rem}.difficulty-picker{border:1px solid var(--glass-border);background:var(--glass);width:100%;box-shadow:none;border-radius:15px;padding:14px}.difficulty-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:.62rem;font-weight:500}.difficulty-row{gap:6px}.btn-difficulty,.btn-board-size,.btn-connect-size,.profile-game-tab{min-height:42px;box-shadow:none;color:var(--text-muted);font-family:var(--font);letter-spacing:-.01em;text-transform:none;background:0 0;border:1px solid #0000;border-radius:10px;font-size:.76rem;font-weight:650}.btn-difficulty:hover,.btn-board-size:hover,.btn-connect-size:hover,.profile-game-tab:hover{background:var(--tint-2);color:var(--text)}.btn-difficulty.active,.btn-board-size.active,.btn-connect-size.active,.profile-game-tab.active{border-color:var(--glass-border);background:var(--cell);box-shadow:none;color:var(--text)}.btn-board-size:before,.btn-connect-size:before{display:none}.board-picker{border:1px solid var(--glass-border);background:var(--glass);border-radius:15px;padding:14px}.board-picker-label,.setting-label,.profile-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;font-weight:500}#page-name .page-inner,#page-custom .page-inner,#page-players .page-inner,#page-result .page-inner{border:1px solid var(--glass-border);background:var(--glass);border-radius:20px;width:min(100%,520px);max-width:520px;padding:28px;box-shadow:0 24px 70px #0003}.players-preview,.player-card{border-color:var(--glass-border);background:var(--cell);box-shadow:none}.vs-text,.game-timer,.xp-progress-text,.profile-name-meta,.profile-xp-percent{font-family:var(--font-mono)}#page-game{background:var(--bg);justify-content:center;gap:22px}.game-header{border:1px solid var(--glass-border);background:var(--glass);width:min(100%,900px);max-width:900px;min-height:86px;box-shadow:none;border-radius:18px;padding:12px 16px}.game-player{gap:3px}.game-icon{background:var(--cell);box-shadow:none;border:0}.game-player-name{color:var(--text);letter-spacing:-.015em;font-size:.82rem;font-weight:680}.game-player-score{color:var(--text-muted);font-family:var(--font-mono);font-size:.61rem}.game-timer{color:var(--text);letter-spacing:.02em;text-shadow:none;font-size:.95rem;font-weight:500}.game-status{color:var(--text-muted);font-family:var(--font);letter-spacing:-.01em;text-transform:none;font-size:.7rem;font-weight:600}.game-status.turn-active{color:var(--accent);text-shadow:none;animation:none}.board-wrapper{border:1px solid var(--glass-border);background:var(--glass);border-radius:20px;padding:10px;box-shadow:0 26px 70px #00000038}.game-board{gap:7px}.cell{border:1px solid var(--glass-border);background:var(--cell);box-shadow:none;border-radius:11px}.cell:before{display:none}.cell:not(.placed):hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.cell:not(.placed):hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--glass-border))}}.cell:not(.placed):hover{background:var(--cell-hover);box-shadow:none;transform:none}.cell.win-cell,.cell.win{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.cell.win-cell,.cell.win{background:color-mix(in srgb, var(--accent) 13%, var(--cell))}}.cell.win-cell,.cell.win{box-shadow:inset 0 0 0 1px var(--accent);animation:none}.cell.connect-cell{background:var(--bg);border:0;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.cell.connect-cell{background:color-mix(in srgb, var(--bg) 82%, black)}}.cell.connect-cell{box-shadow:inset 0 2px 5px #0000006b}.cell.connect-cell .connect-piece{filter:none;border:0;inset:5%;box-shadow:inset 0 3px 5px #ffffff29,0 2px 4px #00000047}.cell.connect-cell .connect-piece:before{display:none}.cell.connect-cell.placed[data-player="0"] .connect-piece,.cell.connect-cell[data-player="0"] .connect-piece{background:#f7c84b}.cell.connect-cell.placed[data-player="1"] .connect-piece,.cell.connect-cell[data-player="1"] .connect-piece{background:#ed5c68}.undo-fab,.emote-bar,.emote-btn{border-color:var(--glass-border);background:var(--glass);box-shadow:none}#page-room{justify-content:flex-start}#page-room .page-inner{align-items:stretch;gap:12px;width:min(100%,1080px);max-width:1080px}#page-room.is-community-landing .page-inner{padding-top:10px}#page-room .page-heading,#page-room .community-landing-kicker,#page-room .community-landing-copy{text-align:left;align-self:flex-start}.community-landing-copy{color:var(--text-muted);margin:-6px 0 8px;font-size:.9rem;line-height:1.5}.room-social-nav{border:1px solid var(--glass-border);background:var(--glass);width:100%;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;border-radius:20px;padding:20px}.room-social-nav-head{border-bottom:1px solid var(--glass-border);min-height:54px;padding:0 0 16px}.room-social-nav-head strong{color:var(--text);letter-spacing:-.025em;font-size:1rem;font-weight:720}.room-social-nav-head span,.room-social-nav-head small{color:var(--text-muted);font-size:.72rem;font-weight:500}.room-social-add{background:var(--accent);min-height:40px;box-shadow:none;color:#fff;border:0;border-radius:10px;padding:0 14px;font-size:.74rem;font-weight:700}.room-social-launch-grid{border:1px solid var(--glass-border);background:var(--bg-deep);border-radius:12px;gap:4px;width:fit-content;margin:14px 0;padding:4px}.room-social-nav-card{min-width:116px;min-height:38px;box-shadow:none;color:var(--text-muted);background:0 0;border:0;border-radius:8px}.room-social-nav-card.is-active{background:var(--cell);box-shadow:none;color:var(--text)}.room-social-nav-title{letter-spacing:-.015em;font-size:.74rem;font-weight:680}.community-hub-search,.social-inbox-search{border:1px solid var(--glass-border);background:var(--bg-deep);min-height:46px;box-shadow:none;border-radius:12px;padding:0 14px}.community-hub-search input,.social-inbox-search input{background:0 0;border:0;min-height:44px}.community-hub-section{background:0 0;border:0;padding:16px 0 0}.community-hub-section-head{padding:0 2px 8px}.community-hub-section-head h3,.social-inbox-section-head h3{color:var(--text);letter-spacing:-.01em;font-size:.76rem;font-weight:700}.online-community-row,.social-conversation-row,.social-person-row{border:0;border-top:1px solid var(--glass-border);min-height:68px;box-shadow:none;background:0 0;border-radius:0;padding:10px 8px}.online-community-row:hover,.social-conversation-row:hover,.social-person-row:hover{background:var(--tint-2)}.online-community-avatar,.social-conversation-avatar,.social-person-avatar{background:var(--nav-active-surface);box-shadow:none;color:var(--accent);font-family:var(--font);border:0;font-weight:750}.online-community-name,.social-conversation-name,.social-person-copy strong{color:var(--text);letter-spacing:-.016em;font-size:.82rem;font-weight:680}.online-community-meta,.social-conversation-preview,.social-person-copy small{color:var(--text-muted);font-size:.7rem;font-weight:500}.online-community-pill,.room-social-message-badge{background:var(--accent);border:0}@supports (color:color-mix(in lab, red, red)){.online-community-pill,.room-social-message-badge{background:color-mix(in srgb, var(--accent) 13%, transparent)}}.online-community-pill,.room-social-message-badge{color:var(--accent);font-family:var(--font-mono);letter-spacing:.04em;font-size:.55rem}.community-nearby-card{border:1px solid var(--glass-border);background:var(--bg-deep);border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:14px;padding:14px;display:grid}.community-nearby-icon{background:var(--nav-active-surface);width:42px;height:42px;color:var(--accent);border:0;border-radius:12px}.community-nearby-title-row h3{color:var(--text);font-size:.78rem;font-weight:680}.community-nearby-copy p,.community-nearby-copy small{color:var(--text-muted);font-weight:500}.social-page{background:var(--bg)}.social-page-inner{gap:16px;width:min(100%,1120px);max-width:1120px}.social-page-header{border-bottom:1px solid var(--glass-border);min-height:64px;padding:8px 0 14px}.social-page-header .page-heading{letter-spacing:-.035em;font-size:1.25rem;font-weight:720}.social-page-title-block{justify-items:start}.social-page-title-block .room-social-meta{font-family:var(--font);text-align:left;font-size:.68rem;font-weight:500}.social-encryption-status{color:var(--success);font-family:var(--font-mono);letter-spacing:.02em;background:0 0;border:0;font-size:.55rem}.social-encryption-status.is-public{color:var(--text-muted)}.social-inbox-content{grid-template-columns:minmax(270px,340px) minmax(0,1fr);grid-auto-rows:max-content;gap:12px 20px;width:100%;padding:0;display:grid;overflow:auto}.social-inbox-intro,.social-new-message-button,.social-new-message-panel,.social-inbox-search{grid-column:1}.social-inbox-content>.social-inbox-section:not(.social-new-message-panel){grid-area:1/2/span 5;min-height:min(66vh,620px)}.social-inbox-intro{border:1px solid var(--glass-border);background:var(--glass);box-shadow:none;border-radius:15px;padding:16px}.social-inbox-lock,.social-new-message-icon{background:var(--success);border:0;border-radius:11px}@supports (color:color-mix(in lab, red, red)){.social-inbox-lock,.social-new-message-icon{background:color-mix(in srgb, var(--success) 13%, transparent)}}.social-inbox-lock,.social-new-message-icon{box-shadow:none;color:var(--success)}.social-inbox-intro h3{color:var(--text);letter-spacing:-.015em;font-size:.8rem;font-weight:680}.social-inbox-intro p,.social-inbox-helper{color:var(--text-muted);font-size:.69rem;font-weight:500}.social-new-message-button{border:1px solid var(--glass-border);background:var(--glass);min-height:64px;box-shadow:none;border-radius:14px;padding:10px 12px}.social-new-message-button:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.social-new-message-button:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--glass-border))}}.social-new-message-button:hover{background:var(--tint-2)}.social-new-message-button strong{color:var(--text);letter-spacing:-.015em;font-size:.78rem;font-weight:680}.social-new-message-button small{color:var(--text-muted);font-size:.66rem;font-weight:500}.social-inbox-section{border:1px solid var(--glass-border);background:var(--glass);border-radius:16px;padding:14px}.social-conversation-list,.social-people-list{background:0 0;border:0;border-radius:0}.social-surface .room-social-panel{border:1px solid var(--glass-border);background:var(--glass);box-shadow:none;border-radius:18px}#page-social-rooms .social-page-inner{height:100%}#page-social-rooms .room-social-chat{min-height:0;padding:0;overflow:hidden}.social-network-summary{border:0;border-bottom:1px solid var(--glass-border);background:var(--bg-deep);min-height:38px;color:var(--text-muted);box-shadow:none;border-radius:0;margin:0;padding:0 14px}.social-network-summary-action{color:var(--accent);font-family:var(--font);letter-spacing:-.01em;text-transform:none;font-size:.68rem;font-weight:650}.social-network-pulse{box-shadow:none}.social-surface .room-chat-log{background:var(--bg);gap:3px;padding:20px clamp(14px,3vw,34px)}#page-social-rooms .room-chat-log{background-color:var(--bg);background-image:none}.social-surface .room-chat-message{border:1px solid var(--glass-border);background:var(--glass);max-width:min(76%,640px);box-shadow:none;border-radius:14px 14px 14px 4px;padding:9px 12px 7px}.social-surface .room-chat-message.is-mine{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.social-surface .room-chat-message.is-mine{border-color:color-mix(in srgb, var(--accent) 22%, var(--glass-border))}}.social-surface .room-chat-message.is-mine{background:var(--accent);border-radius:14px 14px 4px}@supports (color:color-mix(in lab, red, red)){.social-surface .room-chat-message.is-mine{background:color-mix(in srgb, var(--accent) 12%, var(--glass))}}.social-surface .room-chat-message.is-mine{box-shadow:none}.social-surface .room-chat-message.is-system{color:var(--text-muted);background:0 0;border:0}.social-surface .room-chat-name{color:var(--accent);font-size:.66rem;font-weight:700}.social-surface .room-chat-text{color:var(--text);font-size:.86rem;font-weight:500;line-height:1.45}.social-surface .room-chat-time{color:var(--text-muted);font-family:var(--font-mono);font-size:.54rem;font-weight:400}.social-surface .room-chat-composer{border-top:1px solid var(--glass-border);background:var(--glass);box-shadow:none;gap:8px;padding:10px}.social-surface .room-composer-tools{gap:6px}.social-surface .room-chat-input{background:var(--bg-deep);min-height:46px;box-shadow:none;border-radius:13px}.social-surface .room-social-action{background:var(--cell);min-width:44px;min-height:44px;box-shadow:none;color:var(--text-muted);letter-spacing:-.01em;text-transform:none;border-radius:12px;font-size:.7rem}.social-surface .room-social-action.is-primary{background:var(--accent);color:#fff}.social-surface .room-social-empty,.state-block{border:1px dashed var(--glass-border);color:var(--text-muted);background:0 0;border-radius:13px;font-weight:500}.tab-page{justify-content:flex-start}.tab-page-inner,.profile-page,.leaderboard-page{align-items:stretch;width:min(100%,1120px);max-width:1120px}.tab-page-header{border-bottom:1px solid var(--glass-border);text-align:left;align-items:flex-start;gap:4px;min-height:auto;padding:8px 0 16px}.profile-page-body,.leaderboard-page-body{width:100%;max-width:none}.profile-scroll{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;width:100%;padding:0 0 24px;display:grid}.profile-card{border:1px solid var(--glass-border);background:var(--glass);box-shadow:none;-webkit-backdrop-filter:none;border-radius:16px;grid-column:span 6;padding:18px}.profile-card:before{display:none}.profile-hero{text-align:left;grid-column:span 4;justify-content:flex-start;align-items:flex-start;min-height:180px}.profile-hero+.profile-card{grid-column:span 8}.profile-card-xp{grid-column:span 4}.profile-card-game{grid-column:span 8}.profile-card-achievements{grid-column:1/-1}.profile-avatar{border:1px solid var(--glass-border);background:var(--cell);box-shadow:none}.profile-level-badge{border:2px solid var(--glass);background:var(--accent);box-shadow:none;color:#fff;font-family:var(--font-mono);letter-spacing:0}.profile-title-display{color:var(--text);letter-spacing:-.03em;text-transform:none;font-size:1.18rem;font-weight:720}.profile-career-summary{color:var(--text-muted);font-size:.72rem}.profile-card-title{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:.62rem;font-weight:500}.title-picker-options{gap:6px}.title-option{border:1px solid var(--glass-border);min-height:40px;color:var(--text-muted);background:0 0;border-radius:10px;font-size:.72rem;font-weight:650}.title-option.selected,.title-option.active{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.title-option.selected,.title-option.active{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.title-option.selected,.title-option.active{box-shadow:none;color:var(--text)}.profile-xp-track,.xp-bar-track{background:var(--bg-deep);box-shadow:none;border:0;border-radius:999px}.xp-bar-fill,.main-xp-bar-fill,.leaderboard-unlock-fill{background:var(--accent);box-shadow:none;border-radius:999px}.profile-game-tabs{border:1px solid var(--glass-border);background:var(--bg-deep);border-radius:12px;gap:4px;padding:4px}.profile-stats-cards,.profile-game-stats-grid{gap:8px}.stat-card{border:1px solid var(--glass-border);background:var(--bg-deep);min-height:78px;box-shadow:none;border-radius:12px}.stat-card:before{display:none}.stat-value{color:var(--text);font-family:var(--font-mono);font-size:1.2rem}.stat-label{color:var(--text-muted);letter-spacing:.04em;font-size:.6rem;font-weight:600}.profile-leaderboard-row{text-align:left;grid-column:span 6;min-height:82px}.profile-leaderboard-row:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.profile-leaderboard-row:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--glass-border))}}.profile-leaderboard-row:hover{background:var(--tint-2)}.profile-leaderboard-title{color:var(--text);letter-spacing:-.015em;font-size:.8rem;font-weight:680}.profile-leaderboard-sub{color:var(--text-muted);font-size:.68rem;font-weight:500}.leaderboard-page-body,.leaderboard-me,.leaderboard-podium,.leaderboard-list{border-color:var(--glass-border);box-shadow:none;background:0 0}.leaderboard-row,.leaderboard-item{border-color:var(--glass-border);background:var(--glass);box-shadow:none}.overlay{padding:max(18px, var(--safe-top)) max(18px, var(--safe-right)) max(18px, var(--safe-bottom)) max(18px, var(--safe-left));-webkit-backdrop-filter:blur(10px);background:#040608c2}.overlay-box{border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:none;border-radius:20px;width:min(100%,460px);max-width:460px;max-height:min(86vh,760px);padding:22px;box-shadow:0 28px 90px #0000006b}.overlay-box:before,.overlay-box:after{display:none}.overlay-box h3{color:var(--text);font-size:1.3rem;font-weight:720}.overlay-box p{color:var(--text-muted);font-size:.78rem;line-height:1.5}.option-row,.theme-row{border-bottom:1px solid var(--glass-border);min-height:52px;padding:10px 0}.option-row>span,.theme-row>span{color:var(--text);letter-spacing:-.01em;text-transform:none;font-size:.78rem;font-weight:620}.theme-chips{gap:7px}.theme-chip{width:28px;height:28px;box-shadow:none;border:2px solid #0000;border-radius:50%}.theme-chip.active{border-color:var(--text);box-shadow:0 0 0 2px var(--glass)}.theme-chip[data-theme=playroom]{background:#f4f6f8}.theme-chip[data-theme=ocean]{background:#5d7df7}.theme-chip[data-theme=neon]{background:#58c7c7}.theme-chip[data-theme=ember]{background:#ed9a63}.theme-chip[data-theme=matrix]{background:#73ba87}.toggle-track{border:1px solid var(--glass-border);background:var(--bg-deep);box-shadow:none}.toggle-switch input:checked+.toggle-track{border-color:var(--accent);background:var(--accent);box-shadow:none}.toggle-thumb{box-shadow:0 1px 3px #00000040}.app-toast{top:calc(18px + var(--safe-top));border:1px solid var(--glass-border);background:var(--glass);color:var(--text);font-family:var(--font);letter-spacing:-.01em;text-transform:none;border-radius:13px;font-size:.74rem;font-weight:650;bottom:auto;box-shadow:0 16px 50px #00000052}@media (min-width:900px){.app-nav{z-index:250;border-radius:20px;flex-direction:column;justify-content:center;gap:6px;width:86px;height:auto;padding:76px 8px 72px;display:flex;position:fixed;inset:16px auto 16px 16px}.app-nav.hidden{display:none}.app-nav-brand{justify-items:center;gap:4px;width:68px;display:grid;position:absolute;top:14px;left:8px}.app-nav-brand-mark{background:var(--accent);color:#fff;width:40px;height:40px;font-family:var(--font);letter-spacing:-.04em;border-radius:12px;place-items:center;font-size:.75rem;font-weight:800;display:grid}.app-nav-brand-name{color:var(--text-muted);letter-spacing:-.02em;font-size:.56rem;font-weight:650}.app-nav-item{border-radius:13px;flex:0 0 56px;grid-template-rows:24px auto;gap:3px;width:68px;min-width:68px;min-height:56px;padding:7px 4px}.app-nav-icon{width:26px;height:26px}.app-nav-glyph{width:20px;height:20px}.app-nav-settings{min-height:52px;color:var(--nav-inactive);background:0 0;border:0;border-radius:13px;place-items:center;gap:2px;font-size:.55rem;font-weight:650;display:grid;position:absolute;bottom:12px;left:8px;right:8px}.app-nav-settings:hover{background:var(--tint-2);color:var(--text)}.app-nav-settings svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}#app.has-app-nav :is(#page-main,#page-room,#page-social-inbox,#page-social-rooms,.tab-page){padding-left:128px}#app.has-app-nav .tab-page,#app.has-app-nav #page-main{padding-bottom:28px}#app.has-app-nav .tab-page .tab-page-inner{gap:16px;width:min(100%,1120px);max-width:1120px;padding-bottom:0;overflow-y:auto}#app.has-app-nav #page-main .picker-inner{width:min(100%,1100px);max-width:1100px;padding-bottom:0}#app.has-app-nav #page-main .game-picker{grid-template-columns:repeat(2,minmax(0,1fr))}#app.has-app-nav #page-main .settings-fab{display:none}#app.has-app-nav #page-room.is-community-landing{background:var(--bg);justify-content:flex-start;padding-top:34px;overflow-y:auto}#app.has-app-nav #page-room.is-community-landing .page-inner{width:min(100%,1080px);max-width:1080px;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;gap:12px;padding:10px 0 32px;overflow:visible}#page-room.is-community-landing .community-landing-kicker,#page-room.is-community-landing .page-heading,#page-room.is-community-landing .community-landing-copy{text-align:left;align-self:flex-start}#page-room.is-community-landing .room-social-nav{border:1px solid var(--glass-border);background:var(--glass);width:100%;max-width:none;box-shadow:none;border-radius:20px;grid-template-columns:minmax(0,1fr) 320px;gap:12px;padding:20px;display:grid}#page-room.is-community-landing .room-social-launch-grid{grid-column:1/-1;gap:4px}#page-room.is-community-landing .room-social-nav-head,#page-room.is-community-landing .community-hub-search{grid-column:1/-1}#page-room.is-community-landing .room-social-nav-card{border-radius:8px;min-height:38px;padding:8px 14px}#page-room.is-community-landing .online-community-list{max-height:min(35vh,320px)}#page-room.is-community-landing .community-hub-section:not(.community-nearby-card){grid-column:1}#page-room.is-community-landing .community-nearby-card{grid-column:2;align-self:start;margin-top:16px}#page-room.is-community-landing #btn-room-back{align-self:flex-start}#page-social-inbox .social-page-inner{border:0;width:min(100%,1120px);max-width:1120px}#page-social-rooms .social-page-header .room-social-action:first-child,#page-social-inbox .social-page-header .room-social-action:first-child{visibility:hidden}}@media (max-width:899px){.app-toast,.platform-native .app-toast{top:auto;bottom:calc(84px + var(--safe-bottom));background:var(--glass)}.page{padding:calc(16px + var(--safe-top)) calc(14px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(14px + var(--safe-left))}.app-nav{right:10px;bottom:calc(8px + var(--safe-bottom));border-radius:18px;gap:2px;width:auto;height:66px;padding:5px;left:10px}.app-nav-item{border-radius:13px;gap:2px;min-width:0;min-height:54px;padding:5px 2px}.app-nav-icon{width:25px;height:25px}.app-nav-glyph{width:19px;height:19px}.app-nav-label{font-size:.58rem}#app.has-app-nav :is(#page-main,.tab-page,#page-room,#page-social-inbox){padding-bottom:calc(84px + var(--safe-bottom))}#page-main{justify-content:flex-start}#page-main .picker-inner{gap:18px;padding:10px 0 4px}#page-main .picker-header{gap:4px}.app-wordmark{font-size:2.3rem}.app-tagline,.app-tagline-clean{max-width:330px;font-size:.82rem;line-height:1.45}#page-main .game-picker,#app.has-app-nav #page-main .game-picker{grid-template-columns:1fr;gap:9px}#page-main .game-card{border-radius:15px;grid-template-columns:54px minmax(0,1fr) 18px;gap:12px;min-height:88px;padding:12px}#page-main .game-card-art,#page-main .game-card-art-lottie{border-radius:13px;width:54px;height:54px}#page-main .game-card-lottie{width:52px;height:52px}#page-main .game-card-lottie:after{width:42px;height:42px}#page-main .game-card-title{font-size:.92rem}#page-main .game-card-sub{font-size:.7rem}#page-main .settings-fab,#app.has-app-nav #page-main .settings-fab{top:calc(14px + var(--safe-top));right:calc(14px + var(--safe-right))}.hub-inner{justify-content:flex-start}.mode-list{grid-template-columns:1fr;gap:8px}.mode-btn{min-height:76px;padding:12px}#page-name .page-inner,#page-custom .page-inner,#page-players .page-inner,#page-result .page-inner{border-radius:18px;padding:20px}#page-game{gap:14px}.game-header{border-radius:15px;min-height:74px}.board-wrapper{border-radius:17px;padding:7px}#page-room .page-inner{gap:9px}#page-room .community-landing-copy{font-size:.78rem}.room-social-nav{border-radius:16px;padding:12px}.room-social-nav-head{min-height:48px;padding-bottom:10px}.room-social-launch-grid{width:100%;margin:10px 0}.room-social-nav-card{flex:1;min-width:0}.community-nearby-card{grid-template-columns:38px minmax(0,1fr) auto;padding:11px}.social-page-inner{gap:10px}.social-page-header{min-height:54px;padding:0 0 9px}.social-inbox-content{flex-direction:column;gap:10px;display:flex}.social-inbox-content>.social-inbox-section:not(.social-new-message-panel){min-height:0}.social-inbox-intro{padding:12px}.social-inbox-section{border-radius:14px;padding:10px}#page-social-rooms .room-social-chat{border-left:0;border-right:0;border-radius:0}.social-surface .room-chat-log{padding:14px 10px}.social-surface .room-chat-message{max-width:86%}.social-surface .room-chat-composer{padding:8px}.profile-scroll{flex-direction:column;gap:10px;display:flex}.profile-scroll>*{flex:none}.profile-card,.profile-hero,.profile-hero+.profile-card,.profile-card-xp,.profile-card-game,.profile-card-achievements,.profile-leaderboard-row{grid-column:auto;width:100%;min-height:0}.profile-hero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 14px;padding:14px;display:grid}.profile-avatar-wrap{grid-row:1/span 2}.profile-title-display,.profile-career-summary{align-self:end}.profile-career-summary{align-self:start}.profile-card{border-radius:14px;padding:14px}.profile-game-tabs{overflow-x:auto}.profile-game-tab{min-width:max-content}.profile-stats-cards,.profile-game-stats-grid{grid-template-columns:repeat(4,minmax(64px,1fr));overflow-x:auto}.stat-card{min-width:64px}.overlay{padding:12px calc(10px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(10px + var(--safe-left));align-items:flex-end}.overlay-box{border-radius:20px;width:100%;max-width:none;padding:18px}}@media (max-width:380px){.page{padding-right:calc(10px + var(--safe-right));padding-left:calc(10px + var(--safe-left))}.app-nav{left:6px;right:6px}.app-nav-label{font-size:.54rem}#page-main .game-card{grid-template-columns:48px minmax(0,1fr) 16px;min-height:82px;padding:10px}#page-main .game-card-art,#page-main .game-card-art-lottie{width:48px;height:48px}#page-main .game-card-lottie{width:46px;height:46px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}