@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/dm-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/dm-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/manrope-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/manrope-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/manrope-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/manrope-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/manrope-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/manrope-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/manrope-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/manrope-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/manrope-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=playroom]{--bg: #f7fbff;--bg-deep: #dff3ff;--bg-light: #48a3ff;--accent: #ffca3a;--accent-glow: rgba(255,202,58,.42);--cell: #ffffff;--cell-hover: #e8f5ff;--text: #17324d;--text-muted: rgba(23,50,77,.66);--danger: #ff5a7a;--success: #2fbf70;--glow: rgba(72,163,255,.22);--border-glow: rgba(38,122,190,.24);--glass: rgba(255,255,255,.78);--glass-border:rgba(35,104,166,.18);--grid-color: rgba(72,163,255,.08)}[data-theme=ocean]{--bg: #011b4e;--bg-deep: #010e2a;--bg-light: #0068c6;--accent: #e2bf30;--accent-glow: rgba(226,191,48,.45);--cell: #012465;--cell-hover: #013a8c;--text: #eef2ff;--text-muted: rgba(200,210,255,.5);--danger: #ff3c5f;--success: #27ae60;--glow: rgba(0,104,198,.35);--border-glow: rgba(0,140,255,.25);--glass: rgba(1,27,78,.82);--glass-border:rgba(80,140,255,.18);--grid-color: rgba(0,104,198,.1)}[data-theme=neon]{--bg: #07060e;--bg-deep: #040310;--bg-light: #1a1040;--accent: #00f0ff;--accent-glow: rgba(0,240,255,.4);--cell: #110c24;--cell-hover: #1f1545;--text: #e8eaff;--text-muted: rgba(180,190,255,.5);--danger: #ff2266;--success: #39ff14;--glow: rgba(0,240,255,.2);--border-glow: rgba(0,240,255,.15);--glass: rgba(7,6,14,.88);--glass-border:rgba(0,240,255,.12);--grid-color: rgba(0,240,255,.04)}[data-theme=ember]{--bg: #1a100d;--bg-deep: #0f0805;--bg-light: #3a1c12;--accent: #ffa044;--accent-glow: rgba(255,160,68,.4);--cell: #261510;--cell-hover: #3d2218;--text: #fff2e8;--text-muted: rgba(255,220,190,.5);--danger: #ff4040;--success: #5cda6e;--glow: rgba(255,120,40,.2);--border-glow: rgba(255,140,60,.15);--glass: rgba(26,16,13,.88);--glass-border:rgba(255,140,60,.12);--grid-color: rgba(255,120,40,.05)}[data-theme=matrix]{--bg: #060e08;--bg-deep: #020804;--bg-light: #0a2010;--accent: #39ff14;--accent-glow: rgba(57,255,20,.35);--cell: #0a1a0d;--cell-hover: #143020;--text: #d0ffd0;--text-muted: rgba(160,255,160,.45);--danger: #ff3333;--success: #39ff14;--glow: rgba(57,255,20,.18);--border-glow: rgba(57,255,20,.12);--glass: rgba(6,14,8,.88);--glass-border:rgba(57,255,20,.1);--grid-color: rgba(57,255,20,.04)}:root{--radius: 12px;--radius-sm: 8px;--radius-xs: 4px;--radius-md: 14px;--tint-1: rgba(255,255,255,.04);--tint-2: rgba(255,255,255,.06);--tint-3: rgba(255,255,255,.08);--tint-4: rgba(255,255,255,.1);--tint-strong: rgba(255,255,255,.15);--tint-hot: rgba(255,255,255,.2);--cut: 14px;--font: "Rajdhani", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Orbitron", var(--font);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--keyboard-height: 0px;--visual-viewport-height: 100vh;--visual-viewport-offset-top: 0px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--leaderboard-primary: var(--bg-light);--leaderboard-highlight: var(--accent);--leaderboard-hot: var(--danger);--leaderboard-you: var(--success);--leaderboard-surface: color-mix(in srgb, var(--bg-deep) 88%, transparent);--leaderboard-surface-soft: color-mix(in srgb, var(--bg-deep) 72%, transparent);--leaderboard-medal-second: var(--text-muted);--leaderboard-medal-third: var(--danger);--nav-surface: color-mix(in srgb, var(--bg-deep) 78%, transparent);--nav-surface-lift: color-mix(in srgb, var(--bg-light) 18%, transparent);--nav-border: color-mix(in srgb, var(--glass-border) 72%, var(--accent) 16%);--nav-inactive: color-mix(in srgb, var(--text) 58%, transparent);--nav-rail: color-mix(in srgb, var(--text) 42%, transparent);--nav-icon-border: color-mix(in srgb, var(--text) 12%, transparent);--nav-icon-hover-border: color-mix(in srgb, var(--accent) 24%, var(--text) 12%);--nav-icon-surface: color-mix(in srgb, var(--glass) 48%, transparent);--nav-icon-hover-surface: color-mix(in srgb, var(--bg-light) 16%, var(--glass));--nav-active-surface: color-mix(in srgb, var(--accent) 13%, transparent);--nav-active-icon-surface: color-mix(in srgb, var(--accent) 9%, var(--glass));--nav-shadow: color-mix(in srgb, var(--bg-deep) 72%, transparent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{font-size:16px;-webkit-user-select:text;user-select:text;touch-action:manipulation}body{font-family:var(--font);font-weight:500;letter-spacing:.02em;background:var(--bg);color:var(--text)}#app:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 0%,var(--glow) 0%,transparent 60%),linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 55%,var(--bg-deep) 100%);pointer-events:none;z-index:0}#app{position:relative;width:100%;height:100%;background:var(--bg)}.page{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;padding:20px;padding-top:calc(20px + var(--safe-top));padding-bottom:calc(20px + var(--safe-bottom));z-index:1}.page.active{display:flex;animation:pageIn .3s ease-out}.page.keyboard-open{height:var(--visual-viewport-height, 100%);overflow-y:auto;justify-content:flex-start;padding-top:calc(60px + var(--safe-top))}#page-room{justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#page-room .page-inner{padding-bottom:calc(24px + var(--safe-bottom))}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-inner{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:400px}.game-title{font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:4px;text-align:center;text-transform:uppercase;margin-bottom:6px;color:var(--accent);text-shadow:0 0 20px var(--accent-glow),0 0 60px var(--accent-glow);animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:0 0 15px var(--accent-glow),0 0 40px var(--accent-glow);filter:brightness(1)}to{text-shadow:0 0 25px var(--accent-glow),0 0 80px var(--accent-glow);filter:brightness(1.08)}}.page-heading{font-family:var(--font-display);font-size:1.25rem;font-weight:700;text-align:center;letter-spacing:2px;text-transform:uppercase}.status-text{font-size:.82rem;min-height:1.2em;text-align:center;letter-spacing:.5px}.error-text{font-size:.82rem;color:var(--danger);min-height:1.2em;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:14px 28px;border:1px solid var(--border-glow);border-radius:var(--radius-xs);font-family:var(--font);font-size:.9rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:transform .12s,box-shadow var(--transition),background var(--transition);-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:48px;position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}.btn:active{transform:scale(.96)}.btn-primary{background:var(--bg-light);color:var(--text);box-shadow:0 0 12px var(--glow),inset 0 1px 0 var(--tint-2)}[data-theme=playroom] .btn-primary{color:#fff}.btn-primary:active{box-shadow:0 0 20px var(--glow),inset 0 1px 0 var(--tint-3)}.btn-secondary{background:var(--tint-2);color:var(--text);box-shadow:inset 0 1px 0 var(--tint-1)}.btn-secondary:active{background:var(--tint-4)}.btn-accent{background:var(--accent);color:#111;font-weight:800;border-color:transparent;box-shadow:0 0 16px var(--accent-glow),inset 0 1px 0 var(--tint-strong)}.btn-accent:active{box-shadow:0 0 28px var(--accent-glow),inset 0 1px 0 var(--tint-hot)}.btn-ghost{background:transparent;color:var(--text-muted);text-decoration:none;padding:10px 20px;clip-path:none;border:1px solid transparent;letter-spacing:1px}.btn-ghost:active{background:var(--tint-1)}.btn-danger{background:var(--danger);color:var(--text);border-color:transparent;box-shadow:0 0 12px #ff3c5f4d}.btn-small{padding:10px 18px;font-size:.78rem;--cut: 10px}.btn-circle{width:48px;height:48px;padding:0;border-radius:50%;clip-path:none;font-size:1.4rem;font-weight:700;background:var(--bg-light);color:var(--text);box-shadow:0 0 8px var(--glow)}.btn-circle:disabled,.btn-circle.is-at-limit{opacity:.35;cursor:not-allowed;box-shadow:none;pointer-events:none}.btn-icon{background:none;border:none;color:var(--text-muted);font-size:1.6rem;cursor:pointer;padding:8px;clip-path:none;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color var(--transition),text-shadow var(--transition)}.btn-icon:active{color:var(--accent);text-shadow:0 0 10px var(--accent-glow)}.menu-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.menu-buttons .btn{width:100%}.row-buttons{flex-direction:row;justify-content:center}.row-buttons .btn{width:auto;flex:1}.text-input{width:100%;padding:14px 18px;border:1px solid var(--glass-border);border-radius:var(--radius-xs);background:var(--tint-1);color:var(--text);font-family:var(--font);font-size:16px;font-weight:600;letter-spacing:1px;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.text-input:focus{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.text-input::placeholder{color:var(--text-muted)}.my-rooms{width:100%;display:flex;flex-direction:column;gap:8px}.my-rooms.hidden{display:none}.my-rooms-label{font-size:.7rem;letter-spacing:2px;text-transform:uppercase;opacity:.55}.my-rooms-list{display:flex;flex-direction:column;gap:6px}.my-room-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--tint-1);border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;transition:background .15s}.my-room-item:hover{background:var(--tint-3)}.my-room-item:active{transform:scale(.99)}.my-room-name{flex:1;font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-room-code{font-family:var(--font-display);font-size:.85rem;letter-spacing:2px;opacity:.6}.my-room-forget{width:44px;min-width:44px;height:44px;background:transparent;border:none;color:inherit;font-size:1.3rem;line-height:1;padding:0;opacity:.4;cursor:pointer;border-radius:4px}.my-room-forget:hover{opacity:1;background:#ffffff1a}.board-picker{width:100%;text-align:center;margin-bottom:6px}.board-picker-label{display:block;font-size:.85rem;color:#ffffff8c;margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.board-picker-row{display:flex;justify-content:center;gap:8px}.btn-board-size{font-family:var(--font-display);display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:12px;border:2px solid rgba(255,255,255,.15);background:#ffffff0f;color:#ffffffb3;cursor:pointer;transition:all .2s ease;flex:1;max-width:110px}.btn-board-size .bp-name{font-size:1rem;font-weight:700}.btn-board-size .bp-info{font-size:.65rem;opacity:.6;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.btn-board-size:active{transform:scale(.95)}.btn-board-size.active .bp-info{opacity:.85}.setting-row{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}.setting-label{font-family:var(--font-display);font-size:1.15rem;font-weight:700;min-width:100px;text-align:center;letter-spacing:1px}.players-preview{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;padding:20px 0}.player-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 18px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-sm);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.icon-preview{width:56px;height:56px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 6px var(--accent-glow))}.icon-preview svg{width:100%;height:100%}.player-name{font-size:.82rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.vs-text{font-family:var(--font-display);font-size:1rem;font-weight:800;color:var(--accent);text-shadow:0 0 10px var(--accent-glow)}.game-header{display:flex;align-items:flex-start;justify-content:space-between;width:100%;max-width:500px;margin:0 auto;padding:10px 16px;padding-top:calc(10px + var(--safe-top))}.game-player{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px}.game-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 4px var(--accent-glow))}.game-icon svg,.game-icon img{width:100%;height:100%;object-fit:contain}.game-player-name{font-size:.72rem;font-weight:700;opacity:.8;letter-spacing:.8px;text-transform:uppercase}.game-player-score{font-size:.68rem;color:var(--text-muted);letter-spacing:.5px}.game-turn-indicator{width:8px;height:8px;border-radius:50%;margin-top:4px;transition:background var(--transition),box-shadow var(--transition)}.game-turn-indicator.active{background:var(--accent);box-shadow:0 0 6px var(--accent),0 0 14px var(--accent-glow);animation:turnPulse 1s ease-in-out infinite alternate}@keyframes turnPulse{0%{opacity:.35;box-shadow:0 0 4px var(--accent)}to{opacity:1;box-shadow:0 0 8px var(--accent),0 0 18px var(--accent-glow)}}.game-center-info{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:6px}.game-timer{font-family:var(--font-display);font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:2px}.game-status{font-size:.78rem;color:var(--accent);font-weight:700;min-height:1.2em;text-align:center;letter-spacing:.5px;text-transform:uppercase}#page-game{position:absolute;inset:0;display:none;flex-direction:column;padding:0;z-index:1}#page-game.active{display:flex}.board-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;padding-bottom:calc(10px + var(--safe-bottom));overflow:hidden;min-height:0}.game-board{display:grid;gap:5px;grid-auto-rows:1fr;background:var(--bg-light);border-radius:var(--radius);padding:5px;box-shadow:0 0 20px var(--glow),0 0 60px #0000004d,inset 0 0 1px var(--tint-2);border:1px solid var(--border-glow)}.game-board.tictac-board{gap:10px;padding:12px;background:#0068c6;border:0}.game-board.tictac-board .cell{border:0;border-radius:15px;background:#012465}.game-board.connect-board{gap:8px;padding:12px;background:#7661d1;border:6px solid #28159b;border-radius:20px}.game-board.connect-board .cell.connect-cell{background:#2a27a0;border-radius:50%;border:0;box-shadow:inset 0 -6px #0000002e}.cell{aspect-ratio:1;background:var(--cell);border-radius:var(--radius-xs);position:relative;cursor:pointer;transition:background .12s,transform .15s,box-shadow .2s;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden;border:1px solid rgba(255,255,255,.03)}.cell:active:not(.placed){transform:scale(.93)}.cell.is-pressing:not(.placed){transform:scale(.93);background:var(--cell-hover);box-shadow:inset 0 0 12px var(--glow)}.cell:not(.placed):hover{background:var(--cell-hover);box-shadow:inset 0 0 12px var(--glow)}.cell.placed{cursor:default}.game-board.is-locked .cell{cursor:default;pointer-events:none}.game-board.is-locked .cell.is-pressing{transform:none}.cell.win-cell{background:var(--accent);box-shadow:0 0 14px var(--accent-glow),inset 0 0 6px #00000026;animation:winPulse 1.2s ease-in-out infinite alternate}@keyframes winPulse{0%{box-shadow:0 0 10px var(--accent-glow)}to{box-shadow:0 0 24px var(--accent-glow),0 0 40px var(--accent-glow)}}.cell svg,.cell img.board-mark{width:72%;height:72%;object-fit:contain;opacity:0;transform:scale(1.8);transition:opacity .2s ease-out,transform .25s ease-out;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));pointer-events:none}.cell.placed svg,.cell.placed img.board-mark{opacity:1;transform:scale(1)}.settings-fab{position:absolute;bottom:calc(20px + var(--safe-bottom));right:20px;z-index:10;width:48px;height:48px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 0 12px #00000059,0 0 1px var(--border-glow),inset 0 .5px 0 var(--tint-2);transition:color .25s,box-shadow .25s,border-color .25s,transform .25s cubic-bezier(.34,1.56,.64,1),bottom .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.settings-fab svg{width:22px;height:22px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.settings-fab:active{transform:scale(.94);color:var(--accent);border-color:var(--accent);box-shadow:0 0 16px #00000059,0 0 8px var(--accent-glow),inset 0 .5px 0 var(--tint-2)}.settings-fab:active svg{transform:rotate(60deg)}#app.has-app-nav #page-main .settings-fab{bottom:calc(86px + var(--safe-bottom))}.undo-fab{position:absolute;bottom:calc(20px + var(--safe-bottom));left:20px;z-index:10;width:48px;height:48px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 0 12px #00000059,0 0 1px var(--border-glow),inset 0 .5px 0 var(--tint-2);transition:color .25s,opacity .25s,transform .25s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.undo-fab svg{width:22px;height:22px}.undo-fab:active{transform:scale(.94);color:var(--accent);border-color:var(--accent)}.undo-fab.is-hidden{opacity:0;pointer-events:none;transform:scale(.8)}.difficulty-picker{display:flex;flex-direction:column;gap:8px;margin:6px 0 14px;align-items:center}.difficulty-label{font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted)}.difficulty-row{display:inline-flex;gap:4px;padding:4px;border-radius:14px;border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-difficulty{min-width:74px;padding:9px 14px;border:none;border-radius:10px;background:transparent;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,transform .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-difficulty:active{transform:scale(.96)}.btn-difficulty.active{background:var(--accent);color:#fff;box-shadow:0 0 10px var(--accent-glow)}.game-card-art-emoji{display:flex;align-items:center;justify-content:center;font-size:30px}.emote-bar{position:absolute;bottom:calc(20px + var(--safe-bottom));left:50%;transform:translate(-50%);z-index:9;display:flex;gap:4px;padding:5px 8px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.emote-btn{border:none;background:transparent;font-size:22px;line-height:1;padding:4px 6px;border-radius:50%;cursor:pointer;transition:transform .12s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.emote-btn:active{transform:scale(1.25)}.game-icon{position:relative}.emote-float{position:absolute;left:50%;top:-8px;transform:translate(-50%);font-size:30px;pointer-events:none;z-index:20;animation:emote-rise 1.6s ease-out forwards}@keyframes emote-rise{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}18%{opacity:1;transform:translate(-50%,-6px) scale(1.1)}70%{opacity:1;transform:translate(-50%,-26px) scale(1)}to{opacity:0;transform:translate(-50%,-46px) scale(.9)}}@media(prefers-reduced-motion:reduce){.emote-float{animation-duration:.9s}}.result-desc{font-size:1rem;text-align:center;opacity:.8;letter-spacing:.5px}.overlay{position:fixed;top:var(--visual-viewport-offset-top, 0px);right:0;bottom:auto;left:0;min-height:var(--visual-viewport-height, 100vh);max-height:var(--visual-viewport-height, 100vh);background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;overflow-y:auto;overscroll-behavior:contain}.overlay.hidden{display:none}body.keyboard-visible .overlay{align-items:flex-start;padding-top:calc(20px + var(--safe-top));padding-bottom:calc(20px + var(--keyboard-height, 0px))}.overlay-box{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:28px 24px;width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:16px;max-height:calc(var(--visual-viewport-height, 100vh) - 40px - var(--safe-top) - var(--safe-bottom));overflow-y:auto;box-shadow:0 0 30px #0006,0 0 15px var(--glow);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}body.keyboard-visible .overlay-box{max-height:calc(var(--visual-viewport-height, 100vh) - 40px - var(--safe-top))}.overlay-box h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.overlay-box p{text-align:center;opacity:.8}.overlay-box .btn{width:100%}.room-invite{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.room-invite.hidden{display:none}.room-code-label{font-size:.7rem;letter-spacing:2px;text-transform:uppercase;opacity:.65}.room-code-chip{font-family:var(--font-display);font-size:1.9rem;font-weight:800;letter-spacing:6px;padding:10px 18px;border:1px solid var(--glass-border);border-radius:8px;background:#ffffff0d;cursor:pointer;user-select:all}.room-code-chip:active{transform:scale(.98)}.room-invite-actions{display:flex;gap:8px;width:100%}.room-invite-actions .btn{flex:1;width:auto}.btn-compact{padding:10px 12px;font-size:.85rem}.invite-feedback{min-height:1em;font-size:.8rem;opacity:.85;margin:0}.option-row{display:flex;align-items:center;justify-content:space-between;width:100%}.option-row>span{font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.toggle-switch{position:relative;display:inline-block;width:51px;height:31px;cursor:pointer;-webkit-tap-highlight-color:transparent}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;background:#ffffff26;border-radius:31px;transition:background .25s ease}.toggle-switch input:checked+.toggle-track{background:var(--accent)}.toggle-thumb{position:absolute;top:2px;left:2px;width:27px;height:27px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;transition:transform .25s cubic-bezier(.4,0,.2,1)}.toggle-switch input:checked+.toggle-track .toggle-thumb{transform:translate(20px)}.theme-row{display:flex;align-items:center;justify-content:space-between;width:100%}.theme-row span{font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.theme-chips{display:flex;gap:8px}.theme-chip{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;border:2px solid rgba(255,255,255,.15);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:0;background:none}.theme-chip:active{transform:scale(.94)}.theme-chip.active{border-color:var(--text);box-shadow:0 0 8px var(--tint-strong)}.theme-chip[data-theme=playroom]{background:linear-gradient(135deg,#f7fbff,#48a3ff 48%,#ffca3a)}.theme-chip[data-theme=ocean]{background:linear-gradient(135deg,#012364,#0068c6)}.theme-chip[data-theme=neon]{background:linear-gradient(135deg,#07060e,#00f0ff)}.theme-chip[data-theme=ember]{background:linear-gradient(135deg,#1a100d,#ffa044)}.theme-chip[data-theme=matrix]{background:linear-gradient(135deg,#060e08,#39ff14)}.spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;box-shadow:0 0 8px var(--accent-glow)}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}@media(min-width:600px){.game-title{font-size:2.6rem}.page-heading{font-size:1.5rem}.page-inner{max-width:440px}.game-board{gap:7px;padding:7px}.icon-preview{width:72px;height:72px}}@media(orientation:landscape){.page-inner{gap:10px;max-width:90vh}.game-title{font-size:1.6rem;margin-bottom:4px}.btn{padding:10px 24px;min-height:44px}.menu-buttons{gap:8px}.game-header{padding:4px 16px}.game-board{gap:4px;padding:4px}.players-preview{gap:16px;padding:8px 0}.icon-preview{width:44px;height:44px}.board-wrapper{padding:6px;padding-bottom:calc(6px + var(--safe-bottom))}.main-xp-badge{margin:0 auto 6px}.overlay-box{max-width:70vh}}@media(min-width:768px){.game-title{font-size:3rem}.page-heading{font-size:1.7rem}.page-inner{max-width:480px;gap:22px}.btn{padding:16px 36px;font-size:1.05rem;min-height:54px}.overlay-box{max-width:400px;padding:34px 30px}.game-board{gap:8px;padding:8px}.game-header{max-width:560px}.icon-preview{width:80px;height:80px}}@media(min-width:1024px){.page-inner{max-width:520px}.overlay-box{max-width:440px}.game-header{max-width:620px}}.game-timer.warning{color:var(--danger);animation:timerPulse .5s ease-in-out infinite alternate;text-shadow:0 0 8px rgba(255,60,95,.5)}@keyframes timerPulse{0%{opacity:1}to{opacity:.45}}html.performance-lite .page,html.performance-lite .game-turn-indicator.active,html.performance-lite .cell.win-cell,html.performance-lite .game-timer.warning{animation:none!important}html.performance-lite .cell,html.performance-lite .cell svg{transition-duration:80ms!important}html.performance-lite .game-board,html.performance-lite .cell,html.performance-lite .cell svg,html.performance-lite .game-icon{filter:none!important}html.performance-lite .settings-fab,html.performance-lite .undo-fab{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.mode-buttons{display:flex;gap:10px;width:100%}.mode-buttons .btn{flex:1}.main-xp-badge{display:flex;align-items:center;gap:8px;margin:-4px auto 12px;padding:6px 14px;background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;width:fit-content}.main-level{font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:700;color:var(--accent);letter-spacing:.5px}.main-title{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.main-xp-bar-track{width:60px;height:4px;background:var(--tint-3);border-radius:2px;overflow:hidden}.main-xp-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.daily-streak-card,.missions-card{margin:0 auto 14px;padding:12px 14px;width:min(100%,420px);background:var(--glass, rgba(255,255,255,.06));border:1px solid var(--glass-border, rgba(255,255,255,.12));border-radius:16px}.daily-streak-copy{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.daily-streak-kicker,.missions-kicker{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted, #9ca3af)}.daily-streak-copy strong,.missions-card-header strong{font-size:.95rem;color:var(--text, #fff)}#daily-streak-detail{font-size:.78rem;color:var(--text-muted, #9ca3af)}.daily-streak-days{display:flex;gap:6px}.daily-streak-day{flex:1;height:8px;border-radius:999px;background:#ffffff1f}.daily-streak-day.is-filled{background:var(--accent, #4169e1)}.daily-streak-day.is-chest{outline:1px solid rgba(250,204,21,.7)}.daily-streak-day.is-today{box-shadow:0 0 0 2px #ffffff40}.missions-card-header{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.missions-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.missions-item{font-size:.82rem;color:var(--text-muted, #d1d5db)}.missions-item.is-done{color:#6ee7b7}#btn-result-challenge.btn-secondary,.btn-secondary{background:#4169e12e;border:1px solid rgba(65,105,225,.45);color:#fff}.shop-catalog{display:flex;flex-direction:column;gap:10px;margin:10px 0}.shop-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--glass-border, rgba(255,255,255,.12));border-radius:14px}.shop-item-copy{display:flex;flex-direction:column;gap:2px}.shop-item-copy strong{font-size:.9rem}.shop-item-copy span{font-size:.75rem;color:var(--text-muted, #9ca3af)}.shop-item.is-owned{opacity:.72}.profile-async-inbox,.profile-shop,.profile-social-features{margin:0 0 18px}transition: width .6s ease; } .xp-reward{margin:16px 0 8px;padding:14px 16px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:center;width:100%;animation:xpRewardIn .32s cubic-bezier(.22,1,.36,1)}.xp-reward.hidden{display:none}@keyframes xpRewardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.xp-reward{animation:none}}.xp-earned-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.xp-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.xp-earned-value{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;color:var(--accent);text-shadow:0 0 8px var(--accent-glow)}.xp-breakdown{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.xp-bd-item{font-size:.65rem;color:var(--text-muted);background:var(--tint-1);padding:2px 8px;border-radius:8px}.xp-bar-container{margin-bottom:4px}.xp-bar-track{width:100%;height:6px;background:var(--tint-3);border-radius:3px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--bg-light));border-radius:3px;box-shadow:0 0 6px var(--accent-glow);transition:width .8s ease}.xp-level-row{display:flex;justify-content:space-between;margin-top:4px}.xp-level-text,.xp-progress-text{font-size:.62rem;color:var(--text-muted)}.xp-levelup{margin-top:8px;padding:6px 12px;border-radius:10px;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;color:var(--bg-deep);background:var(--accent);text-shadow:none;box-shadow:0 0 18px var(--accent-glow);animation:xpPulse 1s ease-in-out infinite alternate;display:flex;align-items:center;justify-content:center;gap:6px}.xp-unlock{margin-top:6px;padding:5px 10px;border-radius:10px;font-size:.72rem;font-weight:600;color:var(--success);border:1px solid var(--success);background:#27ae601a}.result-ad-bonus-card{margin:12px 0 8px;padding:12px 14px;background:#ffffff08;border:1px solid var(--tint-3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:12px}.result-ad-bonus-copy{display:flex;flex-direction:column;gap:4px;text-align:left}.result-ad-bonus-kicker{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.result-ad-bonus-label{font-size:.84rem;color:var(--text);line-height:1.35}.result-ad-bonus-btn{min-width:138px;white-space:nowrap}@keyframes xpPulse{0%{opacity:1}to{opacity:.7}}@media(max-width:520px){.result-ad-bonus-card{flex-direction:column;align-items:stretch}.result-ad-bonus-copy{text-align:center}.result-ad-bonus-btn{min-width:0}}.lottie-result-anim{width:100px;height:100px;margin:-10px auto 4px}.lottie-result-anim.hidden{display:none}.lottie-inline{width:28px;height:28px;flex-shrink:0}.lottie-inline.hidden{display:none}.lottie-streak{width:36px;height:36px;margin:0 auto 4px}.lottie-streak.hidden{display:none}.lottie-levelup{width:48px;height:48px;margin:0 auto -8px}.lottie-levelup.hidden{display:none}.lottie-crown{width:22px;height:22px;flex-shrink:0}.lottie-crown.hidden,.lottie-crown-profile.hidden{display:none}.level-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.level-icon svg{width:100%;height:100%}.level-icon-xs{width:14px;height:14px}.level-icon-sm{width:20px;height:20px}.level-icon-lg{width:34px;height:34px}.level-icon[data-rarity=uncommon]{filter:drop-shadow(0 0 3px currentColor)}.level-icon[data-rarity=rare]{filter:drop-shadow(0 0 5px currentColor);animation:iconPulseRare 2s ease-in-out infinite alternate}.level-icon[data-rarity=epic]{filter:drop-shadow(0 0 7px currentColor);animation:iconPulseEpic 1.8s ease-in-out infinite alternate}.level-icon[data-rarity=legendary]{filter:drop-shadow(0 0 10px currentColor) drop-shadow(0 0 20px currentColor);animation:iconPulseLegendary 1.5s ease-in-out infinite alternate}@keyframes iconPulseRare{0%{opacity:.85}to{opacity:1}}@keyframes iconPulseEpic{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}@keyframes iconPulseLegendary{0%{opacity:.8;transform:scale(1) rotate(-3deg)}to{opacity:1;transform:scale(1.08) rotate(3deg)}}.profile-avatar .level-icon-lg{position:relative;z-index:1}.title-picker-options{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:18px}.title-option-btn{padding:10px 18px;border:1px solid var(--glass-border);border-radius:12px;background:var(--tint-1);color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s ease;letter-spacing:.3px}.title-option-btn:active{transform:scale(.95)}.title-option-btn.active{border-color:var(--accent);background:var(--tint-2);color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.profile-scroll{position:relative;z-index:1;flex:1 1 auto;display:flex;flex-direction:column;gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0;padding:0 0 4px}.profile-avatar-wrap{position:relative;display:inline-block;grid-row:span 2;margin-bottom:0;isolation:isolate}.profile-avatar{width:56px;height:56px;border-radius:50%;background:#ffffff0f;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;box-shadow:none;position:relative;z-index:1}.profile-avatar[data-rarity=rare],.profile-avatar[data-rarity=epic],.profile-avatar[data-rarity=legendary]{border-color:var(--accent)}.lottie-crown-profile{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:82px;height:82px;z-index:0;pointer-events:none}.profile-level-badge{position:absolute;right:-8px;bottom:-5px;padding:2px 7px;border-radius:999px;font-family:Orbitron,sans-serif;font-size:.58rem;font-weight:800;letter-spacing:.4px;color:var(--accent);background:#00000094;border:1px solid var(--accent);box-shadow:0 0 6px var(--accent-glow);z-index:2}.profile-title-display{margin:0;font-family:Orbitron,sans-serif;font-size:.98rem;font-weight:700;color:var(--text);text-shadow:none;min-width:0}.profile-career-summary{margin:3px 0 0;font-size:.78rem;color:var(--text-muted)}.profile-card{margin-bottom:0;padding:12px;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff09;box-shadow:none}.profile-name-row{position:relative;display:flex;align-items:center}.profile-name-input{margin-bottom:0;flex:1;padding-right:56px}.profile-name-meta{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-family:Orbitron,sans-serif;font-size:.62rem;color:var(--text-muted);pointer-events:none;letter-spacing:.3px;transition:color .16s ease}.profile-name-meta.is-saved{color:var(--success)}.profile-name-meta.is-limit{color:var(--accent)}.profile-xp-bar{margin:0}.profile-xp-track{height:8px;border-radius:999px;overflow:hidden;background:#00000059;box-shadow:none}.profile-xp-percent{font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:700;color:var(--accent)}.profile-win-rate{font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:700;color:var(--text-muted);transition:color .2s ease}.profile-win-rate[data-tier=low]{color:var(--danger)}.profile-win-rate[data-tier=mid]{color:var(--text)}.profile-win-rate[data-tier=high]{color:var(--success)}.profile-stats-cards,.profile-game-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stat-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#00000029;border-left-width:1px}.stat-card-win,.stat-card-loss,.stat-card-draw,.stat-card-streak{border-color:#ffffff14;background:#00000029}.stat-value{font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:700;color:var(--text);line-height:1.1}.stat-label{font-size:.58rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.35px;text-align:center}.profile-game-stats-head{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.profile-game-label{margin:0 0 8px;font-size:.75rem;color:var(--text-muted)}.profile-game-tabs{display:flex;gap:6px}.profile-game-tab{flex:1;border:1px solid var(--glass-border);background:#ffffff06;color:var(--text-muted);border-radius:8px;padding:8px 6px;font-size:.68rem;font-weight:600;letter-spacing:.2px;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .12s ease;min-height:36px;cursor:pointer;-webkit-tap-highlight-color:transparent}.profile-game-tab:active{transform:scale(.97)}.profile-game-tab.active{color:var(--accent);border-color:var(--accent);background:var(--tint-2);box-shadow:0 0 12px var(--accent-glow)}.profile-game-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile-leaderboard-text{display:flex;flex-direction:column;gap:2px}.profile-leaderboard-title{font-family:Orbitron,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.5px;color:var(--text)}.profile-leaderboard-sub{font-size:.68rem;font-weight:500;color:var(--text-muted);letter-spacing:.2px}.profile-leaderboard-chev{font-size:1.6rem;line-height:1;color:var(--text-muted);flex-shrink:0}.leaderboard-week{margin:0;font-size:.68rem;color:var(--text-muted);line-height:1.2}.leaderboard-status{margin:-2px 0 0;font-size:.68rem;color:var(--text-muted);line-height:1.3}.leaderboard-unlock{margin-bottom:0;padding:8px 10px;border-radius:8px;border:1px dashed color-mix(in srgb,var(--leaderboard-highlight) 45%,transparent);background:color-mix(in srgb,var(--leaderboard-highlight) 8%,transparent)}.leaderboard-unlock-label{font-size:.66rem;color:color-mix(in srgb,var(--leaderboard-highlight) 72%,var(--text));margin-bottom:6px}.leaderboard-unlock-track{height:6px;border-radius:999px;background:#00000059;overflow:hidden}.leaderboard-unlock-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,var(--leaderboard-highlight),var(--leaderboard-primary));transition:width .4s ease}.leaderboard-me{position:relative;margin:0 0 10px;padding:10px 12px;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--leaderboard-primary) 13%,transparent),color-mix(in srgb,var(--text) 2%,transparent) 46%,color-mix(in srgb,var(--leaderboard-highlight) 8%,transparent)),var(--leaderboard-surface);border:1px solid color-mix(in srgb,var(--leaderboard-primary) 34%,transparent);box-shadow:0 14px 28px #00000047,inset 0 1px 0 var(--tint-4),0 0 22px color-mix(in srgb,var(--leaderboard-primary) 12%,transparent);display:flex;flex-direction:column;gap:7px;overflow:hidden}.leaderboard-me:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.075) 0 1px,transparent 1px 28px),linear-gradient(90deg,transparent,color-mix(in srgb,var(--leaderboard-primary) 18%,transparent),transparent);opacity:.18}.leaderboard-me:after{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 999px 999px 0;background:linear-gradient(180deg,var(--accent),var(--leaderboard-highlight),var(--leaderboard-hot));box-shadow:0 0 16px color-mix(in srgb,var(--leaderboard-primary) 55%,transparent)}.leaderboard-me-top{position:relative;z-index:1}.leaderboard-me-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.leaderboard-me-identity{display:inline-flex;align-items:center;gap:10px;min-width:0}.leaderboard-me-label{font-size:.56rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#ffffff9e}.leaderboard-me-rank{min-width:66px;padding:5px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--leaderboard-primary) 42%,transparent);background:color-mix(in srgb,var(--leaderboard-primary) 10%,transparent);color:var(--accent);font-family:Orbitron,sans-serif;font-size:.68rem;font-weight:800;text-align:center;box-shadow:inset 0 1px #ffffff17}.leaderboard-me.is-compact{padding:8px 10px;gap:0}.leaderboard-me.is-compact .leaderboard-me-top{gap:8px}.leaderboard-me-copy{display:inline-flex;flex-direction:column;gap:3px;min-width:0}.leaderboard-me-sub{color:#ffffffd1;font-size:.64rem;font-weight:700;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px;align-items:end;margin-bottom:12px}.leaderboard-podium-slot{position:relative;text-align:center;padding:11px 7px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#fff1,#ffffff05),var(--leaderboard-surface-soft);box-shadow:inset 0 1px #ffffff14;min-height:72px;overflow:hidden}.leaderboard-podium-slot:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);opacity:0;transform:translate(-70%);transition:opacity .18s ease,transform .42s ease}.leaderboard-podium-slot:hover:before{opacity:1;transform:translate(70%)}.leaderboard-podium-slot.is-first{min-height:96px;border-color:color-mix(in srgb,var(--leaderboard-highlight) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--leaderboard-highlight) 14%,transparent),color-mix(in srgb,var(--text) 2%,transparent)),var(--leaderboard-surface-soft);box-shadow:0 14px 28px #0000003d,0 0 22px color-mix(in srgb,var(--leaderboard-highlight) 12%,transparent)}.leaderboard-podium-slot.is-second{border-color:color-mix(in srgb,var(--leaderboard-medal-second) 45%,transparent)}.leaderboard-podium-slot.is-third{border-color:color-mix(in srgb,var(--leaderboard-medal-third) 40%,transparent)}.leaderboard-podium-medal{position:absolute;top:6px;left:50%;z-index:2;transform:translate(8px);font-size:1.1rem;line-height:1}.leaderboard-podium-name{display:block;font-size:.72rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.leaderboard-podium-score{font-family:Orbitron,sans-serif;font-size:.68rem;color:var(--accent)}.leaderboard-list{list-style:none;margin:0 0 12px;padding:0;overflow-y:auto;flex:1;min-height:100px;max-height:36vh}.leaderboard-list.is-loading .leaderboard-row{opacity:.45;animation:lb-pulse 1.2s ease-in-out infinite}@keyframes lb-pulse{0%,to{opacity:.35}50%{opacity:.7}}.leaderboard-row{position:relative;display:grid;grid-template-columns:44px 38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 10px;margin-bottom:7px;min-height:48px;border-radius:8px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(90deg,color-mix(in srgb,var(--leaderboard-primary) 6%,transparent),color-mix(in srgb,var(--text) 2%,transparent) 40%,color-mix(in srgb,var(--text) 1%,transparent)),color-mix(in srgb,var(--bg-deep) 54%,transparent);box-shadow:inset 0 1px #ffffff0e;overflow:hidden;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.leaderboard-row:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:0 999px 999px 0;background:color-mix(in srgb,var(--leaderboard-primary) 58%,transparent);opacity:.55}.leaderboard-row:hover{transform:translateY(-1px);background:linear-gradient(90deg,color-mix(in srgb,var(--leaderboard-primary) 9%,transparent),color-mix(in srgb,var(--text) 4%,transparent) 44%,color-mix(in srgb,var(--leaderboard-highlight) 4%,transparent)),color-mix(in srgb,var(--bg-deep) 70%,transparent);border-color:color-mix(in srgb,var(--leaderboard-primary) 22%,transparent);box-shadow:0 10px 18px #0003}.leaderboard-row.is-you{border-color:color-mix(in srgb,var(--leaderboard-you) 42%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--leaderboard-you) 11%,transparent),color-mix(in srgb,var(--text) 4%,transparent) 45%,color-mix(in srgb,var(--leaderboard-primary) 6%,transparent)),color-mix(in srgb,var(--bg-deep) 74%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--leaderboard-you) 10%,transparent),inset 0 1px #ffffff13}.leaderboard-row.is-you:before{background:var(--leaderboard-you);opacity:1}.leaderboard-rank{font-family:Orbitron,sans-serif;font-size:.76rem;font-weight:700;color:var(--text-muted)}.leaderboard-rank.is-top{color:color-mix(in srgb,var(--leaderboard-highlight) 72%,var(--text))}.leaderboard-name{font-weight:600;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-family:Orbitron,sans-serif;font-size:.66rem;font-weight:700;color:var(--success);text-align:right;white-space:nowrap}.leaderboard-empty{padding:18px 12px;text-align:center;color:var(--text-muted);font-size:.68rem;line-height:1.5}@media(prefers-reduced-motion:reduce){.leaderboard-list.is-loading .leaderboard-row{animation:none;opacity:.6}.profile-game-tab,.leaderboard-unlock-fill{transition:none}.level-icon[data-rarity=rare],.level-icon[data-rarity=epic],.level-icon[data-rarity=legendary]{animation:none}.profile-name-meta{transition:none}}#app.has-app-nav .tab-page{justify-content:flex-start;overflow:hidden;padding-bottom:calc(76px + var(--safe-bottom))}#app.has-app-nav .tab-page .tab-page-inner{flex:1 1 auto;min-height:0;max-width:440px;width:100%;align-items:stretch;gap:12px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:10px}.app-nav{position:fixed;left:max(12px,calc(var(--safe-left) + 12px));right:max(12px,calc(var(--safe-right) + 12px));bottom:calc(8px + var(--safe-bottom));z-index:60;display:flex;align-items:stretch;gap:6px;padding:7px 8px;border-radius:24px;border:1px solid var(--nav-border);background:linear-gradient(180deg,color-mix(in srgb,var(--text) 10%,transparent),color-mix(in srgb,var(--bg-light) 6%,transparent)),var(--nav-surface);backdrop-filter:blur(20px) saturate(1.45);-webkit-backdrop-filter:blur(20px) saturate(1.45);box-shadow:0 14px 38px var(--nav-shadow),0 0 28px color-mix(in srgb,var(--accent) 8%,transparent),0 1px color-mix(in srgb,var(--text) 6%,transparent),inset 0 1px color-mix(in srgb,var(--text) 12%,transparent);overflow:hidden}.app-nav:before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--nav-rail),transparent);pointer-events:none}.app-nav.hidden{display:none}.app-nav-item{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:56px;padding:6px 4px 7px;border:none;border-radius:18px;background:transparent;color:var(--nav-inactive);font-family:var(--font);font-size:.66rem;font-weight:700;letter-spacing:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .18s ease,transform .18s ease}.app-nav-item:before{content:"";position:absolute;inset:2px;border-radius:16px;background:radial-gradient(circle at 50% 14%,var(--accent-glow),transparent 56%),linear-gradient(180deg,color-mix(in srgb,var(--text) 10%,transparent),var(--nav-active-surface));opacity:0;transform:scale(.94);transition:opacity .2s ease,transform .2s ease}.app-nav-item:after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);opacity:0;transform:translate(-50%) scale(.5);transition:opacity .2s ease,transform .2s ease}.app-nav-item:active{transform:scale(.97)}.app-nav-item.is-active{color:var(--accent)}.app-nav-item.is-active:before{opacity:1;transform:scale(1)}.app-nav-item.is-active:after{opacity:1;transform:translate(-50%) scale(1)}.app-nav-icon{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:32px;border-radius:14px;border:1px solid var(--nav-icon-border);background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--text) 16%,transparent),transparent 54%),var(--nav-icon-surface);box-shadow:inset 0 1px color-mix(in srgb,var(--text) 12%,transparent),0 5px 14px color-mix(in srgb,var(--bg-deep) 38%,transparent);overflow:hidden;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.app-nav-item.is-active .app-nav-icon{border-color:var(--accent);background:radial-gradient(circle at 50% 20%,var(--accent-glow),transparent 58%),var(--nav-active-icon-surface);box-shadow:0 0 16px var(--accent-glow),inset 0 1px color-mix(in srgb,var(--text) 18%,transparent)}.app-nav-glyph{position:absolute;left:50%;top:50%;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 3px var(--nav-shadow));transition:opacity .18s ease,transform .18s ease}.app-nav-glyph-ranks{width:23px;height:23px}.app-nav-label{position:relative;z-index:1;max-width:100%;overflow:hidden;color:currentColor;line-height:1;white-space:nowrap;text-overflow:ellipsis}.nav-lottie{position:absolute;inset:1px;display:block;width:auto;height:auto;opacity:0;transform:scale(.9);transition:opacity .18s ease,transform .18s ease}.nav-lottie:after{display:none}.nav-lottie.is-lottie-ready{opacity:1;transform:scale(1)}.nav-lottie svg{width:100%!important;height:100%!important;display:block;color:currentColor}.nav-lottie svg [fill]:not([fill=none]),.nav-lottie svg [style*=fill]{fill:currentColor!important}.nav-lottie svg [stroke]:not([stroke=none]),.nav-lottie svg [style*=stroke]{stroke:currentColor!important}.app-nav-icon.has-lottie-ready .app-nav-glyph{opacity:0;transform:translate(-50%,-50%) scale(.7)}.app-nav-item.is-active .nav-lottie,.app-nav-item.is-active .app-nav-glyph{filter:drop-shadow(0 0 8px var(--accent-glow))}@media(hover:hover)and (pointer:fine){.app-nav-item:hover{color:var(--text)}.app-nav-item:hover .app-nav-icon{border-color:var(--nav-icon-hover-border);background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--accent) 18%,var(--text) 10%),transparent 54%),var(--nav-icon-hover-surface)}}.tab-page-header{width:100%;text-align:left;padding-top:2px}.tab-page-kicker{display:block;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.tab-page-title{font-family:var(--font-display);font-size:1.55rem;font-weight:700;letter-spacing:.06em;color:var(--text);margin:0}#page-leaderboard .tab-page-inner{gap:8px}#page-leaderboard .tab-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:0}#page-leaderboard .tab-page-title-wrap{display:block;min-width:0}#page-leaderboard .tab-page-kicker{display:none}#page-leaderboard .tab-page-title{font-size:.98rem;letter-spacing:.04em;line-height:1.05}#page-leaderboard .leaderboard-week{flex-shrink:0;max-width:42%;margin:0 0 1px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-header-clean{gap:2px;margin-bottom:2px}.home-eyebrow{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);opacity:.75;margin:0 0 2px}#page-main .picker-inner{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(24px + var(--safe-bottom))}#app.has-app-nav #page-main .picker-inner{padding-top:clamp(12px,5vh,48px);gap:16px;padding-bottom:calc(104px + var(--safe-bottom))}#app.has-app-nav #page-main .game-picker{gap:12px;margin-top:0}.profile-page-body,.leaderboard-page-body{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%}.leaderboard-page-body{gap:7px}.tab-page .profile-scroll{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.tab-page .leaderboard-list{flex:1 1 auto;min-height:120px;overflow-y:auto}@media(prefers-reduced-motion:reduce){.app-nav-item{transition:none}}[data-theme=ocean],[data-theme=neon],[data-theme=ember],[data-theme=matrix]{color-scheme:dark}[data-theme=playroom]{color-scheme:light}.cell.connect-cell{position:relative;overflow:hidden}.cell.connect-cell .connect-piece-art{position:absolute;inset:7%;z-index:2;display:block;width:86%;height:86%;object-fit:contain;opacity:0;transform:scale(1.35);pointer-events:none}.cell.connect-cell.placed .connect-piece-art{opacity:1;transform:scale(1);transition:opacity .12s ease-out,transform .2s cubic-bezier(.2,.8,.2,1)}.pwa-install{display:none}@media(min-width:900px){.pwa-install{position:fixed;right:max(24px,calc(env(safe-area-inset-right) + 18px));bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px));z-index:82;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;min-width:252px;padding:10px 15px 10px 11px;border:1px solid rgba(108,215,255,.36);border-radius:16px;background:linear-gradient(135deg,#0b305ef5,#021a44fa);color:#f6fbff;box-shadow:0 18px 42px #00081c6b,inset 0 1px #ffffff1a;font:inherit;text-align:left;cursor:pointer;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}#app.has-app-nav #page-main .pwa-install{right:max(88px,calc(var(--safe-right) + 88px));bottom:calc(100px + var(--safe-bottom))}.pwa-install:hover{transform:translateY(-2px);border-color:#6cd7ffa3;box-shadow:0 22px 52px #00081c80,0 0 0 3px #2dc3ff14}.pwa-install:focus-visible{outline:3px solid rgba(108,215,255,.74);outline-offset:3px}.pwa-install-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#2dc3ff,#4675ff);box-shadow:0 8px 18px #1887ff57}.pwa-install-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pwa-install-copy{display:grid;gap:2px}.pwa-install-copy strong{font-size:.88rem;line-height:1.1}.pwa-install-copy small{color:#dfefffb3;font-size:.71rem;line-height:1.2}}.app-nav-badge{position:absolute;top:4px;right:max(3px,calc(50% - 28px));z-index:3;display:grid;min-width:18px;height:18px;place-items:center;padding:0 5px;border:2px solid var(--nav-surface);border-radius:999px;background:var(--success);color:var(--bg-deep);font-size:.55rem;font-weight:900;line-height:1}.app-nav-badge.hidden{display:none}@media(max-width:899px){.app-nav{left:max(7px,calc(var(--safe-left) + 7px));right:max(7px,calc(var(--safe-right) + 7px));bottom:calc(5px + var(--safe-bottom));gap:0;padding:4px;border-color:var(--tint-3);border-radius:21px;background:color-mix(in srgb,var(--bg) 94%,var(--text) 6%);box-shadow:0 16px 34px color-mix(in srgb,var(--bg-deep) 72%,transparent),inset 0 1px color-mix(in srgb,var(--text) 8%,transparent)}.app-nav:before,.app-nav-item:after{display:none}.app-nav-item{gap:2px;min-height:56px;padding:5px 1px 4px;border-radius:16px;font-size:.58rem}.app-nav-item:before{inset:2px 3px;border-radius:14px;background:color-mix(in srgb,var(--accent) 11%,var(--tint-1))}.app-nav-icon,.app-nav-item.is-active .app-nav-icon{width:30px;height:29px;border:0;border-radius:0;background:transparent;box-shadow:none}.app-nav-glyph{width:21px;height:21px;stroke-width:1.9;filter:none}.app-nav-glyph-ranks{width:22px;height:22px}.app-nav-icon .nav-lottie{display:none}.app-nav-icon.has-lottie-ready .app-nav-glyph{opacity:1;transform:translate(-50%,-50%)}.app-nav-label{font-weight:800}.app-nav-item.is-active .nav-lottie,.app-nav-item.is-active .app-nav-glyph{filter:drop-shadow(0 0 6px var(--accent-glow))}#app.has-app-nav #page-room.is-community-landing{justify-content:flex-start;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(78px + var(--safe-bottom)) calc(12px + var(--safe-left));overflow-y:auto}#app.has-app-nav #page-room.is-community-landing .page-inner{align-items:stretch;width:100%;max-width:560px;gap:10px;padding:0}#app.has-app-nav #page-room.is-community-landing .page-heading,#app.has-app-nav #page-room.is-community-landing .community-landing-copy{align-self:stretch;text-align:left}#app.has-app-nav #page-room.is-community-landing .page-heading{margin:2px 0 0;font-size:1.42rem}#app.has-app-nav #page-room.is-community-landing .community-landing-copy{max-width:none;margin:-5px 0 4px;font-size:.75rem}#app.has-app-nav #page-room.is-community-landing .room-social-nav-head{justify-content:flex-end;min-height:40px}#app.has-app-nav #page-room.is-community-landing .room-social-nav-head>div{display:none}#app.has-app-nav #page-room.is-community-landing #btn-room-back{display:none}#app.has-app-nav #page-social-inbox.social-page{padding-bottom:calc(74px + var(--safe-bottom))}#app.has-app-nav #page-social-inbox .social-page-inner{width:100%;max-width:560px;border:0;border-radius:0;box-shadow:none}#app.has-app-nav #page-social-inbox .social-inbox-header{grid-template-columns:minmax(0,1fr);padding-right:calc(16px + var(--safe-right));padding-left:calc(16px + var(--safe-left))}#app.has-app-nav #page-social-inbox #btn-social-inbox-back,#app.has-app-nav #page-social-inbox #btn-social-inbox-rooms{display:none}#app.has-app-nav #page-social-inbox .social-page-title-block{justify-items:start;text-align:left}#app.has-app-nav #page-social-inbox .social-inbox-content{padding-bottom:18px}}.platform-native #page-main .picker-header-clean{align-items:flex-start;text-align:left}.platform-native #page-main .home-eyebrow{display:none}.platform-native #page-main .game-card-secondary{min-height:78px}.platform-native .app-toast{top:calc(10px + var(--safe-top));bottom:auto;width:max-content;max-width:calc(100vw - 24px - var(--safe-left) - var(--safe-right));padding:9px 13px;border-color:var(--tint-4);border-radius:13px;background:color-mix(in srgb,var(--bg-light) 92%,var(--bg));color:var(--text);font-family:var(--font);font-size:.7rem;letter-spacing:0;line-height:1.25;text-align:center;text-transform:none;box-shadow:0 12px 28px color-mix(in srgb,var(--bg-deep) 66%,transparent)}.main-coins{display:inline-flex;align-items:center;align-self:center;gap:4px;margin-left:auto;margin-right:10px;padding:3px 10px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);color:var(--text);font-size:.82rem;font-weight:700;white-space:nowrap}.main-coins .coin-icon{width:15px;height:15px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-chip{position:relative}.theme-chip.locked{opacity:.55}.theme-chip .chip-price{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);font-size:.6rem;font-weight:700;color:var(--accent);pointer-events:none;white-space:nowrap}.theme-chips{padding-bottom:12px}.levels-inner{display:flex;flex-direction:column;gap:14px}.levels-header{display:flex;align-items:center;gap:12px}.levels-header-copy{flex:1;min-width:0}.levels-stars-total{font-weight:800;color:var(--accent);white-space:nowrap}.levels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow-y:auto;padding-bottom:24px}@media(min-width:560px){.levels-grid{grid-template-columns:repeat(4,1fr)}}.level-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:84px;padding:10px 4px;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass);color:var(--text);cursor:pointer;transition:transform .15s,border-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.level-cell:active:not(:disabled){transform:scale(.95)}.level-cell.locked{opacity:.38;cursor:default}.level-cell.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 6px 18px var(--accent-glow)}.level-cell-num{font-size:1.15rem;font-weight:800;line-height:1.1}.level-cell-stars{display:flex;gap:2px;font-size:.72rem;line-height:1}.level-cell-stars i{font-style:normal;color:var(--text-muted);opacity:.35}.level-cell-stars i.on{color:var(--accent);opacity:1;text-shadow:0 0 6px var(--accent-glow)}.level-cell-desc{font-size:.6rem;color:var(--text-muted);text-align:center;line-height:1.25}.ladder-result{margin:4px 0 8px}.ladder-result.hidden{display:none}.ladder-result-copy{margin:6px 0 0;font-size:.85rem;color:var(--text-muted)}.ladder-stars{display:flex;justify-content:center;gap:12px;font-size:1.9rem;line-height:1}.ladder-stars.hidden{display:none}.ladder-stars span{color:var(--text-muted);opacity:.3;transform:scale(.85)}.ladder-stars span.on{color:var(--accent);opacity:1;text-shadow:0 0 12px var(--accent-glow);animation:ladder-star-pop .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes ladder-star-pop{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.arcade-result-reward{font-weight:700;color:var(--accent)}.arcade-result-reward.hidden{display:none}.app-toast{position:fixed;bottom:calc(96px + var(--safe-bottom));left:50%;z-index:1000;padding:10px 16px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent),var(--bg-light));color:var(--bg-deep);font-family:var(--font-display);font-size:.78rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;box-shadow:0 12px 32px -10px var(--accent-glow),0 0 0 1px var(--border-glow);pointer-events:none;transform:translate(-50%,16px);opacity:0;transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .22s ease-out}.app-toast.is-hidden{display:none}.app-toast.is-visible{transform:translate(-50%);opacity:1}@media(prefers-reduced-motion:reduce){.app-toast{transition:opacity .1s ease-out;transform:translate(-50%)}}.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;mix-blend-mode:screen}.page.active .hero-orb{will-change:transform}.orb-1{width:340px;height:340px;left:-60px;top:-80px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);animation:orbFloat 18s ease-in-out infinite}.orb-2{width:420px;height:420px;right:-120px;bottom:-160px;background:radial-gradient(circle,var(--bg-light) 0%,transparent 70%);animation:orbFloat 22s ease-in-out infinite reverse}.orb-3{width:280px;height:280px;left:40%;top:30%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);opacity:.25;animation:orbFloat 26s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.08)}66%{transform:translate(-20px,30px) scale(.96)}}@media(prefers-reduced-motion:reduce){.hero-orb,.app-wordmark,.game-card-art-lottie,.game-status.turn-active,.game-timer.warning,.cell.win{animation:none!important}.hero-orb{will-change:auto}}@media(orientation:landscape)and (min-width:760px){#page-main .picker-inner{width:min(860px,calc(100vw - 64px));max-width:860px;padding-top:clamp(10px,3vh,28px)}#app.has-app-nav #page-main .picker-inner{gap:12px;padding-bottom:calc(92px + var(--safe-bottom))}#page-main .game-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#page-main .game-card{grid-template-columns:76px minmax(0,1fr) auto;min-height:104px;gap:12px;padding:12px 14px}#page-main .game-card-art{width:76px;height:76px}#page-main .game-card-lottie{width:82px;height:82px}}.picker-inner{gap:22px;max-width:440px;justify-content:flex-start;padding-top:clamp(18px,7vh,72px)}.picker-header{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;width:100%}.app-wordmark{font-family:var(--font-display);font-size:2.6rem;font-weight:800;letter-spacing:6px;text-transform:uppercase;background:linear-gradient(135deg,var(--accent) 0%,var(--text) 60%,var(--accent) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px var(--accent-glow));animation:shimmer 6s linear infinite}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.app-tagline{font-size:.78rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.game-picker{display:flex;flex-direction:column;gap:14px;width:100%;margin-top:4px}.game-card{position:relative;display:grid;grid-template-columns:92px 1fr auto;min-height:126px;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--tint-1) 0%,rgba(255,255,255,.01) 100%),var(--glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);color:var(--text);cursor:pointer;overflow:hidden;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,border-color .25s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-align:left;font-family:inherit}.game-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--accent) 0%,transparent 40%,transparent 60%,var(--bg-light) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;transition:opacity .25s ease;pointer-events:none}.game-card:hover:before,.game-card:focus-visible:before{opacity:.85}.game-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px var(--glow),0 0 0 1px var(--border-glow)}.game-card:active{transform:translateY(0) scale(.985)}.game-card-art{width:92px;height:92px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--cell-hover) 0%,var(--cell) 100%);box-shadow:inset 0 1px 0 var(--tint-2),inset 0 -6px 18px #00000059;overflow:hidden}.game-card-art-lottie{position:relative;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.16),transparent 28%),linear-gradient(145deg,#ffffff12,#ffffff04),var(--cell);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff1a,inset 0 -8px 20px #00000047,0 14px 24px #0003}.game-card-art svg{width:72px;height:72px;display:block}.game-card-lottie{position:relative;width:98px;height:98px;display:grid;place-items:center;animation:gameIconFloat 3s ease-in-out infinite}.game-card-lottie:before{content:attr(data-fallback);position:absolute;right:11px;bottom:11px;z-index:2;min-width:24px;padding:3px 6px 2px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#010e2ab8;color:var(--accent);font-family:var(--font-display);font-size:.62rem;font-weight:800;letter-spacing:.08em;line-height:1;text-align:center;box-shadow:0 8px 16px #0000003d}.game-card-lottie:after{content:"";width:72px;height:72px;border-radius:16px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,#ffffff1f,#ffffff05);box-shadow:inset 0 1px #ffffff2e,inset 0 -10px 20px #0000003d,0 14px 22px #00000047;transform:perspective(140px) rotateX(10deg) rotateY(-12deg)}.game-card-lottie.is-lottie-ready:after{display:none}.game-card-lottie[data-icon=tictac]:after{background:linear-gradient(90deg,transparent 31%,rgba(144,182,255,.6) 32%,rgba(144,182,255,.6) 35%,transparent 36%,transparent 64%,rgba(144,182,255,.6) 65%,rgba(144,182,255,.6) 68%,transparent 69%),linear-gradient(0deg,transparent 31%,rgba(144,182,255,.6) 32%,rgba(144,182,255,.6) 35%,transparent 36%,transparent 64%,rgba(144,182,255,.6) 65%,rgba(144,182,255,.6) 68%,transparent 69%),linear-gradient(145deg,#123a79,#071735)}.game-card-lottie[data-icon=connect]:after{border-radius:18px;background:radial-gradient(circle at 30% 72%,#ff3c5f 0 9%,transparent 10%),radial-gradient(circle at 50% 72%,var(--accent) 0 9%,transparent 10%),radial-gradient(circle at 70% 72%,#ff3c5f 0 9%,transparent 10%),radial-gradient(circle at 50% 48%,var(--accent) 0 9%,transparent 10%),radial-gradient(circle at 30% 48%,rgba(1,14,42,.7) 0 9%,transparent 10%),radial-gradient(circle at 70% 48%,rgba(1,14,42,.7) 0 9%,transparent 10%),linear-gradient(145deg,#0d4fa8,#071735)}.game-card-lottie[data-icon=online]:after{border-radius:50%;background:radial-gradient(circle at 50% 28%,var(--accent) 0 12%,transparent 13%),radial-gradient(circle at 30% 64%,#2ecc71 0 11%,transparent 12%),radial-gradient(circle at 70% 64%,#ff3c5f 0 11%,transparent 12%),linear-gradient(145deg,#123a79,#071735)}.game-card-lottie[data-icon=online]:before{bottom:9px}.game-card-lottie svg{width:100%!important;height:100%!important;filter:drop-shadow(0 12px 14px rgba(0,0,0,.34))}[data-theme=playroom] .game-card-art{background:linear-gradient(145deg,#fff,#eef8ff);border:1px solid rgba(72,163,255,.22);box-shadow:inset 0 1px #ffffffe0,inset 0 -5px 14px #48a3ff1f,0 12px 24px #48a3ff21}[data-theme=playroom] .game-card-art-lottie{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.95),transparent 30%),linear-gradient(145deg,#fff,#eef8ff);border-color:#48a3ff3d}[data-theme=playroom] .game-card-lottie>svg{display:none!important}[data-theme=playroom] .game-card-lottie.is-lottie-ready:after{display:block}[data-theme=playroom] .game-card-lottie:before{background:#fff4c2;border-color:#ffca3ab8;color:#17324d;box-shadow:0 8px 14px #ffca3a3d}[data-theme=playroom] .game-card-lottie:after{border:1px solid rgba(72,163,255,.3);box-shadow:inset 0 1px #ffffffd1,inset 0 -8px 18px #48a3ff1a,0 12px 22px #48a3ff2e}[data-theme=playroom] .game-card-lottie[data-icon=tictac]:after{background:linear-gradient(90deg,transparent 31%,rgba(72,163,255,.58) 32%,rgba(72,163,255,.58) 35%,transparent 36%,transparent 64%,rgba(72,163,255,.58) 65%,rgba(72,163,255,.58) 68%,transparent 69%),linear-gradient(0deg,transparent 31%,rgba(72,163,255,.58) 32%,rgba(72,163,255,.58) 35%,transparent 36%,transparent 64%,rgba(72,163,255,.58) 65%,rgba(72,163,255,.58) 68%,transparent 69%),linear-gradient(145deg,#fff,#e9f7ff)}[data-theme=playroom] .game-card-lottie[data-icon=connect]:after{background:radial-gradient(circle at 30% 72%,#ff5a7a 0 9%,transparent 10%),radial-gradient(circle at 50% 72%,#ffca3a 0 9%,transparent 10%),radial-gradient(circle at 70% 72%,#ff5a7a 0 9%,transparent 10%),radial-gradient(circle at 50% 48%,#ffca3a 0 9%,transparent 10%),radial-gradient(circle at 30% 48%,#17324d 0 9%,transparent 10%),radial-gradient(circle at 70% 48%,#17324d 0 9%,transparent 10%),linear-gradient(145deg,#54adff,#2f90ee)}[data-theme=playroom] .game-card-lottie[data-icon=online]:after{background:radial-gradient(circle at 50% 28%,#ffca3a 0 12%,transparent 13%),radial-gradient(circle at 30% 64%,#2fbf70 0 11%,transparent 12%),radial-gradient(circle at 70% 64%,#ff5a7a 0 11%,transparent 12%),linear-gradient(145deg,#fff,#e9f7ff)}@keyframes gameIconFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}.game-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.game-card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text);overflow-wrap:anywhere}.game-card-sub{font-size:.82rem;letter-spacing:.5px;color:var(--text-muted);line-height:1.25;overflow-wrap:anywhere}.game-card-badge{display:inline-block;align-self:flex-start;margin-top:6px;padding:2px 8px;font-size:.65rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--bg-deep);background:var(--accent);border-radius:99px;box-shadow:0 0 12px var(--accent-glow)}.game-card-arrow{font-family:var(--font-display);font-size:1.4rem;color:var(--text-muted);transition:transform .25s ease,color .25s ease;padding-right:4px}.game-card:hover .game-card-arrow{color:var(--accent);transform:translate(4px)}.hub-inner{gap:20px;max-width:380px}.hub-header{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:6px}.hub-title{font-family:var(--font-display);font-size:1.7rem;font-weight:800;letter-spacing:4px;text-transform:uppercase;color:var(--accent);text-shadow:0 0 20px var(--accent-glow)}.hub-sub{font-size:.78rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.mode-list{display:flex;flex-direction:column;gap:12px;width:100%}.mode-btn{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:14px 16px;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;color:var(--text);font-family:inherit;cursor:pointer;transition:transform .15s,border-color .2s,box-shadow .25s;text-align:left;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mode-btn:hover{border-color:var(--accent);box-shadow:0 8px 24px -8px var(--accent-glow)}.mode-btn:active{transform:scale(.98)}.mode-btn-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--bg-light),var(--cell));color:var(--accent)}.mode-btn-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mode-btn-body{display:flex;flex-direction:column;gap:1px;min-width:0}.mode-btn-title{font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-btn-sub{font-size:.75rem;letter-spacing:.3px;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-btn-arrow{color:var(--text-muted);font-size:1.1rem;transition:color .2s,transform .2s}.mode-btn:hover .mode-btn-arrow{color:var(--accent);transform:translate(3px)}.mode-btn.is-locked{opacity:.55;cursor:not-allowed;pointer-events:none}.mode-btn.is-locked:after{content:"Soon";position:absolute;top:50%;right:16px;transform:translateY(-50%);font-size:.65rem;font-weight:800;letter-spacing:2px;color:var(--accent);text-transform:uppercase}#confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:1000}.celebration-sparkle-layer{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:2147483000;transform:translateZ(0);-webkit-transform:translateZ(0)}.celebration-burst-core{position:absolute;display:block;width:104px;height:104px;border:2px solid currentColor;border-radius:50%;opacity:0;box-shadow:0 0 26px currentColor,inset 0 0 20px currentColor;transform:translate(-50%,-50%) scale(.18);animation:celebrationBurstCore .82s cubic-bezier(.18,.78,.22,1) forwards;will-change:transform,opacity}.celebration-sparkle{position:absolute;display:block;border-radius:50%;opacity:0;background:currentColor;box-shadow:0 0 10px currentColor;transform:translate(-50%,-50%) scale(.45);animation:celebrationSparkle 1.15s cubic-bezier(.18,.78,.22,1) forwards;will-change:transform,opacity}.celebration-sparkle:after{content:"";position:absolute;inset:-65%;border-radius:inherit;background:inherit;opacity:.24}@keyframes celebrationSparkle{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(0)}14%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(.08) rotate(260deg)}}.celebration-sparkle-layer.is-reduced-motion .celebration-burst-core{animation-name:celebrationBurstCoreReduced;animation-duration:.7s}@keyframes celebrationBurstCore{0%{opacity:0;transform:translate(-50%,-50%) scale(.18)}18%{opacity:.64}to{opacity:0;transform:translate(-50%,-50%) scale(1.65)}}@keyframes celebrationBurstCoreReduced{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}24%{opacity:.52}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.celebration-sparkle-layer.is-reduced-motion .celebration-sparkle{animation-name:celebrationSparkleReduced;animation-duration:.9s}@keyframes celebrationSparkleReduced{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(.72)}}[data-motion=fade-up]{opacity:0;transform:translateY(12px)}[data-motion=pop]{opacity:0;transform:scale(.9)}#page-main.page.active{justify-content:flex-start}#page-main .main-xp-badge{margin:6px 0 14px}.overlay{background:radial-gradient(ellipse at top,#0000008c,#000000c7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:overlayIn .2s ease-out}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.overlay-box{position:relative;background:linear-gradient(145deg,var(--tint-1),rgba(255,255,255,.01)),var(--glass);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border:1px solid var(--glass-border);border-radius:18px!important;box-shadow:0 30px 60px -20px #0009,0 0 0 1px var(--tint-1) inset,0 1px 0 var(--tint-2) inset;animation:overlayBoxIn .32s cubic-bezier(.22,1,.36,1)}@keyframes overlayBoxIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.overlay-box h3{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:var(--accent);text-shadow:0 0 18px var(--accent-glow)}.game-header{background:linear-gradient(180deg,var(--tint-1),rgba(255,255,255,0));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--glass-border)}.game-turn-indicator{transition:opacity .2s,transform .2s}.game-turn-indicator.active{animation:turnPulse 1.4s ease-in-out infinite}@keyframes turnPulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 8px transparent}}.game-timer{font-family:var(--font-display);letter-spacing:2px;text-shadow:0 0 14px var(--accent-glow)}.game-timer.warning{color:var(--danger);text-shadow:0 0 16px rgba(255,60,95,.55);animation:timerWarn .6s ease-in-out infinite alternate}@keyframes timerWarn{0%{opacity:.7}to{opacity:1}}#page-result .page-inner{gap:14px;max-width:420px}#page-result .page-heading{font-size:1.8rem;color:var(--accent);text-shadow:0 0 22px var(--accent-glow);letter-spacing:4px}#page-result .result-desc{font-size:1.02rem;color:var(--text-muted);letter-spacing:.5px;text-align:center}.xp-reward{background:linear-gradient(145deg,var(--tint-1),rgba(255,255,255,0)),var(--glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--glass-border);border-radius:16px;padding:18px;width:100%;box-shadow:0 18px 40px -18px var(--glow)}.result-ad-bonus-card{background:linear-gradient(145deg,var(--tint-1),rgba(255,255,255,.02)),var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:14px 16px}.players-preview{background:linear-gradient(145deg,var(--tint-1),rgba(255,255,255,0)),var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:18px;padding:18px;box-shadow:0 18px 40px -18px var(--glow)}.player-card .icon-preview{background:linear-gradient(145deg,var(--cell-hover),var(--cell));border-radius:var(--radius-md);box-shadow:inset 0 2px 0 var(--tint-2),inset 0 -8px 18px #00000073,0 0 22px var(--accent-glow);padding:8px}.vs-text{font-family:var(--font-display);color:var(--accent);letter-spacing:3px;text-shadow:0 0 12px var(--accent-glow)}.setting-row{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:8px 12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-circle{background:linear-gradient(145deg,var(--bg-light),var(--cell))!important;color:var(--accent)!important;border:1px solid var(--glass-border)!important;box-shadow:inset 0 1px 0 var(--tint-3),0 4px 12px #0000004d!important;transition:transform .12s,box-shadow .2s!important}.btn-circle:active{transform:scale(.94)!important;box-shadow:inset 0 2px 6px #00000059!important}.setting-label{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--text);text-shadow:0 0 10px var(--accent-glow)}.text-input{background:var(--glass)!important;border:1px solid var(--glass-border)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .2s,box-shadow .2s}.text-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow),inset 0 1px 0 var(--tint-1)!important;outline:none}.board-wrapper{will-change:transform,opacity}.board-picker{width:100%;text-align:center;margin-bottom:4px}.board-picker-label{display:block;font-family:var(--font-display);font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.board-picker-row{display:flex;justify-content:center;gap:10px}.btn-board-size,.btn-connect-size{position:relative;font-family:var(--font-display);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 10px;min-height:74px;flex:1 1 0;max-width:130px;color:var(--text);cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:linear-gradient(145deg,var(--tint-2),rgba(255,255,255,.01)),var(--glass);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);box-shadow:inset 0 1px 0 var(--tint-1),0 6px 18px -8px #0006;transition:transform .15s cubic-bezier(.4,0,.2,1),border-color .2s ease,box-shadow .25s ease,background .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden}.btn-board-size:before,.btn-connect-size:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--accent) 0%,transparent 55%,var(--bg-light) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s ease;pointer-events:none}.btn-board-size:hover,.btn-connect-size:hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px var(--accent-glow),0 0 0 1px var(--border-glow)}.btn-board-size:active,.btn-connect-size:active{transform:translateY(0) scale(.97)}.btn-board-size .bp-name,.btn-connect-size .bp-name{font-family:var(--font-display);font-size:.86rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--text)}.btn-board-size .bp-info,.btn-connect-size .bp-info{font-size:.64rem;letter-spacing:.8px;color:var(--text-muted);min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.btn-board-size.active,.btn-connect-size.active{border-color:transparent;background:linear-gradient(145deg,var(--accent-glow),rgba(255,255,255,.02)),var(--glass);box-shadow:0 10px 28px -8px var(--accent-glow),inset 0 1px 0 var(--tint-3)}.btn-board-size.active:before,.btn-connect-size.active:before{opacity:1}.btn-board-size.active .bp-name,.btn-connect-size.active .bp-name{color:var(--accent);text-shadow:0 0 10px var(--accent-glow)}.btn-board-size.active .bp-info,.btn-connect-size.active .bp-info{color:var(--text);opacity:.9}.game-board.connect-board{gap:4px;padding:8px;background:linear-gradient(180deg,var(--bg-light) 0%,var(--cell) 100%);border-radius:16px;box-shadow:0 20px 50px -20px var(--glow),inset 0 1px 0 var(--tint-2),inset 0 -4px 14px #00000059;border:1px solid var(--border-glow);overflow:hidden}.cell.connect-cell{position:relative;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.55) 0%,rgba(0,0,0,.55) 42%,transparent 44%),linear-gradient(145deg,var(--tint-2),rgba(255,255,255,0));border:none;border-radius:8px;overflow:hidden;transition:background-color .15s}.cell.connect-cell:before{display:none}.cell.connect-cell:hover{background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.55) 0%,rgba(0,0,0,.55) 42%,transparent 44%),linear-gradient(145deg,var(--accent-glow),rgba(255,255,255,.02))}@media(max-height:740px){.picker-inner{gap:14px;padding-top:clamp(8px,3vh,28px)}.picker-header{gap:2px}.app-wordmark{font-size:2.15rem;letter-spacing:5px}.app-tagline{margin-bottom:2px;font-size:.7rem;letter-spacing:2.4px}.game-picker{gap:10px}.game-card{grid-template-columns:76px 1fr auto;min-height:106px;gap:12px;padding:12px 14px}.game-card-art{width:76px;height:76px}.game-card-art svg{width:58px;height:58px}.game-card-lottie{width:82px;height:82px}.game-card-title{font-size:1rem}.game-card-sub{font-size:.76rem}.hub-inner{gap:12px;max-width:430px}.hub-header{gap:2px;margin-bottom:0}.hub-title{font-size:1.32rem;letter-spacing:3px}.hub-sub{font-size:.68rem}.mode-list{gap:8px}.mode-btn{grid-template-columns:38px 1fr auto;gap:10px;padding:9px 12px;min-height:58px}.mode-btn-icon{width:38px;height:38px}.mode-btn-icon svg{width:19px;height:19px}.mode-btn-title{font-size:.82rem}.mode-btn-sub{font-size:.68rem}}.cell.connect-cell svg{position:absolute;inset:6%;width:88%;height:88%;z-index:1;filter:none;will-change:transform}.cell.connect-cell .connect-piece-art{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;z-index:1;opacity:0;transform:scale(1.35);transition:opacity .2s ease-out,transform .25s ease-out}.cell.placed.connect-cell .connect-piece-art{opacity:1;transform:scale(1)}.cell.connect-cell.win-cell:after{content:"";position:absolute;inset:0;border-radius:8px;box-shadow:inset 0 0 18px var(--accent),0 0 22px var(--accent-glow);animation:winPulse 1.2s ease-in-out infinite;pointer-events:none;z-index:2}@keyframes winPulse{0%,to{opacity:.6}50%{opacity:1}}.update-gate-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:calc(22px + env(safe-area-inset-top,0px)) 22px calc(22px + env(safe-area-inset-bottom,0px));background:#030818c7;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.update-gate-overlay.forced{touch-action:none}.update-gate-box{width:min(100%,360px);padding:24px 22px 22px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:linear-gradient(145deg,var(--tint-3),rgba(255,255,255,.02)),var(--glass);box-shadow:0 22px 60px -24px var(--glow),inset 0 1px 0 var(--tint-3);text-align:center}.update-gate-box h2{margin:0 0 10px;font-family:var(--font-display);font-size:1.35rem;line-height:1.2;letter-spacing:1.5px;text-transform:uppercase;color:var(--text)}.update-gate-box p{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.45}.update-gate-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.update-gate-overlay.forced .update-gate-actions{grid-template-columns:1fr}.update-gate-actions .btn{width:100%;min-height:46px}.btn:focus-visible,.btn-circle:focus-visible,.game-card:focus-visible,.mode-btn:focus-visible,.btn-board-size:focus-visible,.btn-connect-size:focus-visible,.settings-fab:focus-visible,.theme-chip:focus-visible,.app-nav-item:focus-visible,.title-option-btn:focus-visible,.community-close-btn:focus-visible,.toggle-switch:focus-within .toggle-track{outline:2px solid var(--accent);outline-offset:3px}.game-card:focus-visible:before,.btn-board-size:focus-visible:before,.btn-connect-size:focus-visible:before{opacity:.85}:root,[data-theme=playroom]{--social-accent-faint: rgba(72, 163, 255, .08);--social-accent-panel: rgba(72, 163, 255, .1);--social-accent-wash: rgba(255, 202, 58, .16);--social-accent-ring: rgba(72, 163, 255, .16);--social-accent-soft: rgba(72, 163, 255, .22);--social-accent-border: rgba(72, 163, 255, .34);--social-accent-strong: rgba(72, 163, 255, .46);--social-accent-focus: rgba(72, 163, 255, .68)}[data-theme=ocean]{--social-accent-faint: rgba(226, 191, 48, .06);--social-accent-panel: rgba(226, 191, 48, .07);--social-accent-wash: rgba(226, 191, 48, .1);--social-accent-ring: rgba(226, 191, 48, .12);--social-accent-soft: rgba(226, 191, 48, .18);--social-accent-border: rgba(226, 191, 48, .3);--social-accent-strong: rgba(226, 191, 48, .4);--social-accent-focus: rgba(226, 191, 48, .58)}[data-theme=neon]{--social-accent-faint: rgba(0, 240, 255, .06);--social-accent-panel: rgba(0, 240, 255, .07);--social-accent-wash: rgba(0, 240, 255, .1);--social-accent-ring: rgba(0, 240, 255, .12);--social-accent-soft: rgba(0, 240, 255, .18);--social-accent-border: rgba(0, 240, 255, .3);--social-accent-strong: rgba(0, 240, 255, .4);--social-accent-focus: rgba(0, 240, 255, .58)}[data-theme=ember]{--social-accent-faint: rgba(255, 160, 68, .06);--social-accent-panel: rgba(255, 160, 68, .07);--social-accent-wash: rgba(255, 160, 68, .1);--social-accent-ring: rgba(255, 160, 68, .12);--social-accent-soft: rgba(255, 160, 68, .18);--social-accent-border: rgba(255, 160, 68, .3);--social-accent-strong: rgba(255, 160, 68, .4);--social-accent-focus: rgba(255, 160, 68, .58)}[data-theme=matrix]{--social-accent-faint: rgba(57, 255, 20, .06);--social-accent-panel: rgba(57, 255, 20, .07);--social-accent-wash: rgba(57, 255, 20, .1);--social-accent-ring: rgba(57, 255, 20, .12);--social-accent-soft: rgba(57, 255, 20, .18);--social-accent-border: rgba(57, 255, 20, .3);--social-accent-strong: rgba(57, 255, 20, .4);--social-accent-focus: rgba(57, 255, 20, .58)}#page-room .room-social{--social-avatar: 34px;--social-bubble-radius: 14px;--social-pill-radius: 999px;--social-panel-radius: var(--radius-sm, 8px);--social-row-h: 50px;display:grid;gap:10px;width:100%;color:var(--text)}#page-room .room-social[hidden],#page-room .room-social .is-hidden{display:none!important}#page-room .room-social-panel{display:grid;gap:8px;min-height:0;padding:10px;border:1px solid var(--glass-border);border-radius:var(--social-panel-radius);background:linear-gradient(160deg,#ffffff0d,#ffffff03),var(--glass);box-shadow:0 14px 32px -22px var(--glow)}#page-room .room-social-meta{flex:0 0 auto;max-width:52%;overflow:hidden;color:var(--text-muted);font-family:var(--font);font-size:.7rem;font-weight:700;letter-spacing:.6px;line-height:1.1;text-align:right;text-overflow:ellipsis;white-space:nowrap}#page-room .room-social-list{display:grid;gap:4px;max-height:188px;overflow-y:auto;overscroll-behavior:contain;padding:2px;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}#page-room .room-social-list::-webkit-scrollbar{width:5px}#page-room .room-social-list::-webkit-scrollbar-thumb{border-radius:99px;background:var(--glass-border)}#page-room .room-social-action{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--glass-border);border-radius:var(--social-pill-radius);background:var(--tint-2);color:var(--text);font-family:var(--font);font-size:.7rem;font-weight:800;letter-spacing:1px;line-height:1;text-transform:uppercase;cursor:pointer;touch-action:manipulation;transition:transform .12s,border-color var(--transition),box-shadow var(--transition),background var(--transition)}#page-room .room-social-action:hover{border-color:var(--accent)}#page-room .room-social-action:active{transform:scale(.96)}#page-room .room-social-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#page-room .room-social-action.is-primary{border-color:transparent;background:var(--accent);color:var(--bg-deep);box-shadow:0 0 12px var(--accent-glow)}#page-room .room-social-action.is-primary:hover{border-color:transparent;filter:brightness(1.05)}#page-room .room-social-action.is-danger{border-color:transparent;background:var(--danger);color:var(--text);box-shadow:0 0 12px #ff3c5f42}#page-room .room-social-action.is-wide{width:100%;min-height:44px;font-size:.74rem}#page-room .room-social-chat .room-social-meta{font-size:.66rem;letter-spacing:1.1px;text-transform:uppercase}#page-room .room-chat-log{display:flex;flex-direction:column;gap:4px;max-height:220px;padding:6px 4px}#page-room .room-chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%}#page-room .room-chat-input{width:100%;min-width:0;height:40px;padding:0 16px;border:1px solid var(--glass-border);border-radius:var(--social-pill-radius);background:var(--tint-1);color:var(--text);font-family:var(--font);font-size:16px;font-weight:600;letter-spacing:.3px;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}#page-room .room-chat-input:focus{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}#page-room .room-chat-input::placeholder{color:var(--text-muted)}#page-room .room-chat-composer .room-social-action{width:40px;height:40px;min-width:40px;padding:0;border-radius:50%;font-size:0;position:relative}#page-room .room-chat-composer .room-social-action:after{content:"";position:absolute;inset:0;margin:auto;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 11.5L21 3l-8.5 18-2-7.5L3 11.5z'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 11.5L21 3l-8.5 18-2-7.5L3 11.5z'/></svg>") center / contain no-repeat}#page-room .room-social-empty{min-height:var(--social-row-h);display:grid;place-items:center;padding:14px 12px;border:1px dashed var(--glass-border);border-radius:var(--radius-sm, 8px);color:var(--text-muted);font-family:var(--font);font-size:.78rem;font-weight:600;letter-spacing:.4px;line-height:1.3;text-align:center;text-transform:none}@media(min-width:600px){#page-room .room-social{grid-template-columns:1fr 1fr;align-items:start}#page-room .room-social-panel.is-wide,#page-room .room-social-chat{grid-column:1 / -1}}@media(orientation:landscape)and (max-height:520px){#page-room .room-social{gap:8px}#page-room .room-social-panel{padding:8px}#page-room .room-social-list{max-height:140px}#page-room .room-chat-log{max-height:160px}}.social-surface{--social-avatar: 34px;--social-bubble-radius: 14px;--social-pill-radius: 999px;--social-panel-radius: var(--radius-sm, 8px);--social-row-h: 50px;width:100%;color:var(--text)}.social-surface .is-hidden{display:none!important}#page-room .room-social-nav{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;width:100%}#page-room .room-social-nav-head{display:flex;align-items:center;justify-content:space-between;min-height:30px;color:var(--text-muted);font-family:var(--font-display);font-size:.66rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}#page-social-rooms .community-dot-menu{width:44px;min-width:44px;height:44px;padding:0;border:1px solid var(--glass-border);border-radius:50%;background:var(--tint-1);color:var(--accent);font-family:var(--font-display);font-weight:900;font-size:1rem;letter-spacing:0}#page-room .online-community-list{display:grid;gap:2px;width:100%}#page-room .online-community-row{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:48px;padding:6px 2px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:var(--text);font-family:var(--font);text-align:left}#page-room .online-community-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--tint-3);color:var(--accent);font-family:var(--font-display);font-size:.72rem;font-weight:900}#page-room .online-community-copy{display:grid;gap:1px;min-width:0}#page-room .online-community-name,#page-room .online-community-meta,#page-room .online-community-empty{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-room .online-community-name{color:var(--text);font-size:.84rem;font-weight:850}#page-room .online-community-meta,#page-room .online-community-empty{color:var(--text-muted);font-size:.68rem;font-weight:700}#page-room .online-community-empty{padding:5px 2px 0}.social-page{justify-content:flex-start;overflow:hidden}.social-page.keyboard-open{bottom:auto;height:var(--visual-viewport-height, 100%);overflow:hidden;padding-top:calc(14px + var(--safe-top));padding-bottom:8px}.social-page-inner{height:100%;max-width:480px;min-height:0;gap:12px}.social-page.keyboard-open .social-page-inner{gap:8px}.social-page-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%}.social-page-header .page-heading{min-width:0;margin:0;overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.social-page-title-block{display:grid;gap:2px;min-width:0;justify-items:center}#page-social-inbox.social-page{justify-content:flex-start;padding:0;padding-top:var(--safe-top);padding-bottom:0;overflow:hidden}#page-social-inbox .social-page-inner{align-items:stretch;gap:0;width:100%;max-width:680px;height:100%;min-height:0}#page-social-inbox .social-inbox-header{position:relative;z-index:2;min-height:64px;padding:8px calc(14px + var(--safe-right)) 8px calc(14px + var(--safe-left));border-bottom:1px solid var(--glass-border);background:linear-gradient(180deg,var(--glass),var(--bg))}#page-social-inbox .social-page-title-block{justify-items:start;gap:2px}#page-social-inbox .social-page-header .page-heading{width:100%;color:var(--text);font-family:var(--font);font-size:1.08rem;font-weight:900;letter-spacing:0;text-align:left;text-transform:none}#page-social-inbox .social-page-header .room-social-meta{width:100%;color:var(--text-muted);font-size:.7rem;font-weight:700;text-align:left}#page-social-inbox .social-page-header .room-social-action{min-width:48px;height:48px;padding:0 12px;border-color:var(--tint-4);background:var(--tint-2);color:var(--text);box-shadow:none}#page-social-inbox #btn-social-inbox-back{width:48px;padding:0;font-size:0}#page-social-inbox #btn-social-inbox-back:after{content:"";display:block;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M15.5 5.5 9 12l6.5 6.5-1.5 1.5L6 12l8-8 1.5 1.5z'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M15.5 5.5 9 12l6.5 6.5-1.5 1.5L6 12l8-8 1.5 1.5z'/></svg>") center / contain no-repeat}#page-social-inbox .social-inbox-rooms-action{color:var(--accent)}.social-inbox-content{display:grid;align-content:start;gap:18px;flex:1 1 auto;min-height:0;padding:14px calc(14px + var(--safe-right)) calc(22px + var(--safe-bottom)) calc(14px + var(--safe-left));overflow-y:auto;overscroll-behavior:contain}.social-inbox-kicker{display:block;margin-bottom:3px;color:#42d392;font-family:var(--font-display);font-size:.58rem;font-weight:900;letter-spacing:1.25px;text-transform:uppercase}.social-inbox-helper{margin:4px 0 0;color:var(--text-muted);font-size:.72rem;font-weight:650;line-height:1.4}.social-inbox-section{display:grid;gap:8px}.social-inbox-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px}.social-inbox-section-head h3{margin:0;color:var(--text);font-family:var(--font-display);font-size:.68rem;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.social-inbox-section-head>span{color:var(--text-muted);font-size:.66rem;font-weight:800}.social-conversation-list,.social-people-list{display:grid;gap:4px}.social-conversation-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;min-width:0;border:1px solid transparent;border-radius:15px}.social-conversation-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:68px;padding:9px 10px;border:1px solid transparent;border-radius:15px;background:transparent;color:var(--text);font-family:var(--font);text-align:left}.social-conversation-item+.social-conversation-item{border-top-color:var(--tint-3);border-top-left-radius:0;border-top-right-radius:0}.social-conversation-item.has-unread{border-color:#42d39233;background:#42d39211}.social-conversation-item .social-conversation-row{min-width:0;border:0}.social-conversation-manage{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-muted);font-family:var(--font);font-size:.76rem;font-weight:900}.social-conversation-manage:active{background:var(--tint-3);color:var(--text)}.social-conversation-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,rgba(66,211,146,.22),var(--tint-3));color:#8df0bd;font-family:var(--font-display);font-size:.78rem;font-weight:900;letter-spacing:.5px}.social-conversation-copy{display:grid;gap:4px;min-width:0}.social-conversation-name{overflow:hidden;color:var(--text);font-size:.86rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.social-conversation-preview{overflow:hidden;color:var(--text-muted);font-size:.72rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.social-conversation-meta{display:grid;justify-items:end;align-self:stretch;align-content:space-between;min-width:42px;padding:3px 0}.social-conversation-meta time{color:var(--text-muted);font-size:.62rem;font-weight:750;white-space:nowrap}.social-conversation-unread{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#42d392;color:#07160f;font-size:.64rem;font-weight:900}.social-person-action{min-width:72px;padding:8px 11px;border:1px solid rgba(66,211,146,.32);border-radius:999px;color:#42d392;font-size:.66rem;font-weight:900;text-align:center;text-transform:uppercase}.social-request-bar{display:flex;grid-column:1 / -1;gap:8px;padding:0 10px 10px 67px}.social-request-decline{border-color:var(--tint-3);color:var(--text-muted)}.social-request-note{grid-column:1 / -1;padding:0 10px 10px 67px;color:var(--text-muted);font-size:.7rem;font-weight:700}.social-inbox-section .state-block{min-height:104px}@media(min-width:760px){#page-social-inbox .social-page-inner{border-right:1px solid var(--tint-2);border-left:1px solid var(--tint-2)}}.social-surface .room-social-panel{display:grid;gap:8px;width:100%;flex:1 1 auto;min-height:0;padding:10px;border:1px solid var(--glass-border);border-radius:var(--social-panel-radius);background:linear-gradient(160deg,#ffffff0d,#ffffff03),var(--glass);box-shadow:0 14px 32px -22px var(--glow)}.social-surface .room-social-chat{grid-template-rows:minmax(0,1fr) auto}.social-page.keyboard-open .room-social-chat{padding:8px}.social-surface .community-options-panel{flex:0 0 auto;grid-template-rows:auto auto minmax(0,1fr)}.social-surface .room-social-meta{max-width:100%;overflow:hidden;color:var(--text-muted);font-size:.7rem;font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap}.social-surface .room-social-list{display:grid;align-content:start;gap:4px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px}.social-surface .room-chat-log{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;max-height:none;min-height:0;padding:6px 4px}.social-surface .room-social-action{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--glass-border);border-radius:var(--social-pill-radius);background:var(--tint-2);color:var(--text);font-family:var(--font);font-size:.7rem;font-weight:900;letter-spacing:1px;line-height:1;text-transform:uppercase}.social-surface .room-social-action.is-primary{border-color:transparent;background:var(--accent);color:var(--bg-deep);box-shadow:0 0 12px var(--accent-glow)}.social-surface .room-social-action.is-danger{border-color:transparent;background:var(--danger);color:var(--text)}.social-surface .room-social-action.is-wide{width:100%;min-height:44px}.social-surface .room-social-action:disabled,.social-surface .room-social-action.is-disabled{cursor:default;opacity:.58;filter:grayscale(.25);box-shadow:none}.social-surface .room-challenge-fab{min-width:54px;white-space:nowrap}.social-surface .room-challenge-fab.is-disabled{min-width:126px}.social-surface .room-chat-composer{position:sticky;bottom:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding-top:4px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.12) 32%)}.social-surface .room-composer-tools{display:inline-flex;align-items:center;gap:6px;min-width:0}.social-surface .community-join-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%}.social-surface .room-chat-input{width:100%;min-width:0;height:40px;padding:0 16px;border:1px solid var(--glass-border);border-radius:var(--social-pill-radius);background:var(--tint-1);color:var(--text);font-family:var(--font);font-size:16px;font-weight:700;outline:none;-webkit-user-select:text;user-select:text}.social-surface .room-chat-input:focus{border-color:var(--social-accent-focus);background:var(--tint-3);box-shadow:0 0 0 2px var(--social-accent-ring)}.social-surface .room-social-empty{min-height:var(--social-row-h);display:grid;place-items:center;padding:14px 12px;border:1px dashed var(--glass-border);border-radius:var(--radius-sm, 8px);color:var(--text-muted);font-size:.78rem;font-weight:700;text-align:center}#page-social-rooms.social-page{justify-content:flex-start;padding:0;padding-top:var(--safe-top);padding-bottom:0;overflow:hidden}#page-social-rooms.social-page.keyboard-open{height:var(--visual-viewport-height, 100%);padding-top:var(--safe-top);padding-bottom:0}.platform-ios #page-social-rooms.social-page.keyboard-open{height:100%}#page-social-rooms .social-page-inner{align-items:stretch;gap:0;width:100%;max-width:680px;height:100%;min-height:0}#page-social-rooms{--social-composer-height: 66px;--social-page-bar-bg: linear-gradient(180deg, var(--glass), var(--bg));--social-page-bar-strong-bg: linear-gradient(180deg, var(--glass), var(--bg-deep));--social-accent-ink: var(--bg-deep)}#page-social-rooms .social-page-header{position:relative;z-index:3;min-height:62px;padding:7px calc(14px + var(--safe-right)) 7px calc(14px + var(--safe-left));border-bottom:1px solid var(--glass-border);background:var(--bg);background:var(--social-page-bar-bg);box-shadow:0 12px 28px -26px #000}#page-social-rooms .social-page-title-block{justify-items:start;gap:1px}#page-social-rooms .social-page-header .page-heading{width:100%;color:var(--text);font-family:var(--font);font-size:1rem;font-weight:850;letter-spacing:.2px;line-height:1.1;text-align:left;text-transform:none}#page-social-rooms .social-page-header .room-social-meta{width:100%;max-width:none;color:var(--text-muted);font-family:var(--font);font-size:.72rem;font-weight:700;letter-spacing:.2px;line-height:1.1;text-align:left;text-transform:none}#page-social-rooms .social-page-header .room-social-action{width:48px;min-width:48px;height:48px;padding:0;border-color:var(--tint-4);background:var(--tint-2);color:var(--text);font-size:0;letter-spacing:0;box-shadow:none}#page-social-rooms #btn-social-rooms-back:after,#page-social-rooms #btn-social-options:after{content:"";display:block;width:18px;height:18px;background:currentColor}#page-social-rooms #btn-social-rooms-back:after{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M15.5 5.5 9 12l6.5 6.5-1.5 1.5L6 12l8-8 1.5 1.5z'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M15.5 5.5 9 12l6.5 6.5-1.5 1.5L6 12l8-8 1.5 1.5z'/></svg>") center / contain no-repeat}#page-social-rooms #btn-social-options:after{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z'/></svg>") center / contain no-repeat}#page-social-rooms .room-social-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;flex:1 1 auto;width:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}#page-social-rooms .room-chat-log{gap:3px;min-height:0;padding:16px max(14px,var(--safe-right)) calc(var(--social-composer-height) + var(--safe-bottom) + 16px) max(14px,var(--safe-left));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}#page-social-rooms .room-chat-log::-webkit-scrollbar{display:none}#page-social-rooms.keyboard-open .room-chat-log{padding-bottom:calc(var(--social-composer-height) + var(--keyboard-height, 0px) + 16px)}#page-social-rooms .room-social-empty{width:min(86%,360px);min-height:0;margin:auto;padding:10px 14px;border:0;border-radius:999px;background:#00000024;color:var(--text-muted);font-size:.86rem;font-weight:700}#page-social-rooms .room-chat-composer{position:fixed;right:0;bottom:8px;left:0;z-index:4;width:min(100%,680px);margin:0 auto;grid-template-columns:auto minmax(0,1fr) 44px;gap:7px;padding:8px calc(10px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(10px + var(--safe-left));border-top:1px solid var(--glass-border);background:var(--bg);background:var(--social-page-bar-strong-bg);box-shadow:0 -18px 30px -28px #000}#page-social-rooms .room-composer-tools{gap:5px}#page-social-rooms.keyboard-open .room-chat-composer{bottom:calc(var(--keyboard-height, 0px) + 8px);z-index:4;padding-bottom:max(8px,var(--safe-bottom))}.platform-ios #page-social-rooms.keyboard-open .room-chat-composer{z-index:60}#page-social-rooms .room-chat-input{height:44px;padding:0 14px;border:0;border-radius:22px;background:#ffffff1c;color:var(--text);font-size:16px;font-weight:700;letter-spacing:0;box-shadow:inset 0 0 0 1px var(--tint-3)}#page-social-rooms .room-chat-input:focus{background:#ffffff26;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 3px var(--social-accent-ring)}#page-social-rooms .room-chat-composer .room-social-action{width:44px;min-width:44px;height:44px;padding:0;border:0;border-radius:50%;font-size:0;letter-spacing:0;box-shadow:none}#page-social-rooms .room-chat-composer .room-social-action:after{content:"";display:block;width:18px;height:18px;background:currentColor}#page-social-rooms #social-chat-send:after{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 11.5 21 3l-8.5 18-2-7.5L3 11.5Zm4.7.2 4 1.1 1.1 4 4.1-8.7-9.2 3.6Z'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 11.5 21 3l-8.5 18-2-7.5L3 11.5Zm4.7.2 4 1.1 1.1 4 4.1-8.7-9.2 3.6Z'/></svg>") center / contain no-repeat}#page-social-rooms .room-chat-composer .room-challenge-fab{background:var(--tint-4);color:var(--text)}#page-social-rooms .room-chat-composer .room-challenge-fab:after{width:18px;height:18px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 5a1 1 0 0 1 1 1v5h5a1 1 0 1 1 0 2h-5v5a1 1 0 1 1-2 0v-5H6a1 1 0 1 1 0-2h5V6a1 1 0 0 1 1-1Z'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 5a1 1 0 0 1 1 1v5h5a1 1 0 1 1 0 2h-5v5a1 1 0 1 1-2 0v-5H6a1 1 0 1 1 0-2h5V6a1 1 0 0 1 1-1Z'/></svg>") center / contain no-repeat}#page-social-rooms .room-chat-composer .room-attachment-action{background:var(--tint-3);color:var(--text-muted)}#page-social-rooms .room-chat-composer .room-attachment-action:after{width:19px;height:19px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16.5 6.5 8.7 14.3a2.5 2.5 0 0 0 3.5 3.5l7.1-7.1a4 4 0 0 0-5.6-5.7l-8 8a5.5 5.5 0 0 0 7.8 7.8l7.4-7.4-1.4-1.4-7.4 7.4a3.5 3.5 0 0 1-5-5l8-8a2 2 0 0 1 2.8 2.9l-7.1 7.1a.5.5 0 0 1-.7-.7l7.8-7.8-1.4-1.4Z'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16.5 6.5 8.7 14.3a2.5 2.5 0 0 0 3.5 3.5l7.1-7.1a4 4 0 0 0-5.6-5.7l-8 8a5.5 5.5 0 0 0 7.8 7.8l7.4-7.4-1.4-1.4-7.4 7.4a3.5 3.5 0 0 1-5-5l8-8a2 2 0 0 1 2.8 2.9l-7.1 7.1a.5.5 0 0 1-.7-.7l7.8-7.8-1.4-1.4Z'/></svg>") center / contain no-repeat}#page-social-rooms .room-chat-composer .room-voice-action{background:var(--tint-3);color:var(--text-muted)}#page-social-rooms .room-chat-composer .room-voice-action:after{width:18px;height:18px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 15a4 4 0 0 0 4-4V6a4 4 0 1 0-8 0v5a4 4 0 0 0 4 4Zm-2-9a2 2 0 1 1 4 0v5a2 2 0 1 1-4 0V6Zm8 5a6 6 0 0 1-5 5.91V20h3v2H8v-2h3v-3.09A6 6 0 0 1 6 11h2a4 4 0 0 0 8 0h2Z'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 15a4 4 0 0 0 4-4V6a4 4 0 1 0-8 0v5a4 4 0 0 0 4 4Zm-2-9a2 2 0 1 1 4 0v5a2 2 0 1 1-4 0V6Zm8 5a6 6 0 0 1-5 5.91V20h3v2H8v-2h3v-3.09A6 6 0 0 1 6 11h2a4 4 0 0 0 8 0h2Z'/></svg>") center / contain no-repeat}#page-social-rooms .room-chat-composer .room-voice-action.is-recording{background:color-mix(in srgb,var(--danger) 20%,var(--tint-3));color:var(--danger);animation:social-voice-recording 1.25s ease-in-out infinite}@keyframes social-voice-recording{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--danger) 12%,transparent)}}#page-social-rooms .room-chat-composer .room-social-action.is-primary{width:44px;min-width:44px;height:44px;background:var(--accent);color:var(--social-accent-ink);box-shadow:0 8px 18px -14px var(--accent-glow)}#page-social-rooms .room-chat-composer .room-social-action.is-primary:disabled{background:var(--tint-3);color:var(--text-muted);box-shadow:none;opacity:1}#page-social-rooms .room-chat-composer .room-social-action.is-primary:after{width:18px;height:18px}#page-social-rooms .room-chat-composer .room-social-action:active{transform:scale(.92)}#page-social-rooms .room-chat-composer .room-social-action:focus-visible,#page-social-rooms .room-chat-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(min-width:760px){#page-social-rooms .social-page-inner{border-right:1px solid var(--tint-2);border-left:1px solid var(--tint-2)}}.community-actions-box{align-items:stretch;max-width:390px;max-height:min(88vh,720px);gap:10px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.community-actions-box>*{flex-shrink:0}.community-actions-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.community-actions-head h3{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-actions-kicker,.community-section-label{display:block;color:var(--accent);font-family:var(--font-display);font-size:.58rem;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.community-actions-kicker{margin-bottom:3px}.community-section-label{padding:3px 4px 1px}.community-close-btn{width:44px;height:44px;border:0;border-radius:50%;background:#ffffff12;color:var(--text);font-size:1.15rem;line-height:1}.community-actions-meta{margin:0;color:var(--text-muted);font-size:.76rem;font-weight:700;text-align:left}.community-actions-group{display:grid;gap:8px}.community-actions-group.is-hidden,.community-menu-item.is-hidden,.community-join-form.is-hidden{display:none!important}.community-actions-box .community-join-form{grid-template-columns:minmax(0,1fr)}.community-actions-box .room-chat-input{width:100%;height:42px;padding:0 14px;border:1px solid var(--glass-border);border-radius:var(--radius-sm, 8px);background:var(--tint-1);color:var(--text);font-family:var(--font);font-size:16px;font-weight:700}.community-menu-item{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:44px;width:100%;padding:9px 11px;border:1px solid var(--tint-3);border-radius:12px;background:#ffffff09;color:var(--text);font-family:var(--font);font-size:.86rem;font-weight:850;text-align:left}.community-menu-item.has-icon{grid-template-columns:auto minmax(0,1fr)}.community-menu-item:hover,.community-menu-item:focus-visible{border-color:var(--glass-border);background:var(--tint-2)}.community-menu-item:disabled{opacity:.66}.community-menu-item>span:not(.community-menu-icon){display:grid;gap:2px;min-width:0}.community-menu-item strong{font:inherit}.community-menu-item small{color:var(--text-muted);font-size:.68rem;font-weight:650;line-height:1.25}.community-menu-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--tint-3);color:var(--accent);font-size:1rem;line-height:1}.community-menu-item.is-primary{color:var(--accent)}.community-menu-item.is-danger{color:var(--danger)}.social-play-box{max-height:min(88vh,520px);overflow-y:auto}.social-play-list{display:grid;grid-template-columns:1fr;border-top:1px solid var(--tint-3)}.social-play-option{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;min-height:52px;padding:7px 4px;border:0;border-bottom:1px solid var(--tint-3);background:transparent;color:var(--text);text-align:left}.social-play-option:hover{background:var(--tint-2)}.social-play-option span{color:var(--accent);font-family:Georgia,Times New Roman,serif;font-size:1.1rem;text-align:center}.social-play-option strong{font-size:.82rem;font-weight:700;letter-spacing:-.015em}.community-actions-box .room-social-empty{min-height:52px;display:grid;place-items:center;padding:10px 12px;border:1px dashed var(--glass-border);border-radius:10px;color:var(--text-muted);font-size:.76rem;font-weight:700;text-align:center}.community-actions-box .community-safety-number{display:block;margin-top:2px;overflow:hidden;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.52rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.community-actions-box .community-report-row{grid-template-columns:minmax(0,1fr) auto auto}.community-actions-box .community-report-row .community-safety-number{overflow:visible;text-overflow:clip;white-space:normal}@media(max-width:420px){#page-room .room-social-nav{grid-template-columns:1fr}}.state-block{display:grid;justify-items:center;align-content:center;gap:8px;min-height:var(--social-row-h, 80px);padding:16px 14px;border:1px dashed var(--glass-border);border-radius:var(--radius-sm, 8px);background:var(--tint-1);color:var(--text-muted);text-align:center}.state-block .state-icon{display:grid;place-items:center;width:32px;height:32px;color:var(--accent);opacity:.85}.state-block .state-icon svg{width:100%;height:100%}.state-block .state-message{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.3px;line-height:1.35;max-width:28ch}.state-block .state-action{margin-top:6px;padding:8px 16px;min-height:44px;font-size:.72rem}.state-block.is-error{border-style:solid;border-color:#ff3c5f59;background:#ff3c5f0f;color:var(--text)}.state-block.is-error .state-icon{color:var(--danger);opacity:1}.state-block.is-loading{border-style:solid;border-color:var(--glass-border);background:var(--tint-1);padding:12px;gap:8px;justify-items:stretch}.state-block.is-loading .state-skeleton-row{height:14px;border-radius:7px;background:linear-gradient(90deg,var(--tint-1) 0%,var(--tint-3) 50%,var(--tint-1) 100%);background-size:200% 100%;animation:stateShimmer 1.4s ease-in-out infinite}.state-block.is-loading .state-skeleton-row:nth-child(2){width:80%}.state-block.is-loading .state-skeleton-row:nth-child(3){width:60%}@keyframes stateShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.state-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.state-block.is-loading .state-skeleton-row{animation:none;background:var(--tint-2)}}.community-consent-overlay{z-index:190;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.community-consent-box{width:min(100%,520px);max-height:min(90vh,760px);overflow-y:auto;text-align:left;overscroll-behavior:contain}.community-consent-head{display:grid;gap:3px;margin-bottom:10px}.community-consent-head h3{margin:0;outline:none}.community-consent-kicker,.community-consent-label{color:var(--accent);font-family:var(--font-display);font-size:.62rem;font-weight:900;letter-spacing:1.35px;text-transform:uppercase}.community-consent-reason,.community-consent-intro,.community-consent-caution,.community-consent-status{margin:0;color:var(--text-muted);font-size:.76rem;font-weight:700;line-height:1.4}.community-consent-reason{color:var(--text);font-size:.84rem}.community-consent-intro{margin-top:5px}.community-consent-disclosures{display:grid;gap:8px;margin:14px 0 10px}.community-consent-disclosure{position:relative;padding:11px 12px 11px 14px;overflow:hidden;border:1px solid var(--glass-border);border-radius:12px;background:var(--tint-1)}.community-consent-disclosure:before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);content:""}.community-consent-disclosure.is-public:before{background:var(--danger)}.community-consent-disclosure p{margin:4px 0 0;color:var(--text);font-size:.74rem;font-weight:700;line-height:1.4}.community-consent-disclosure.is-public .community-consent-label{color:var(--danger)}.community-consent-caution{padding:0 2px}.community-consent-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin:13px 0 10px}.community-consent-links a{min-height:34px;display:inline-flex;align-items:center;color:var(--accent);font-size:.76rem;font-weight:850;text-underline-offset:3px}.community-consent-status{min-height:1.1rem;color:var(--danger)}.community-consent-status.is-accepted{color:var(--success, #1f9d62)}.community-consent-agreement{display:grid;gap:8px;margin-top:12px}.community-consent-check{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;min-height:44px;padding:10px 11px;border:1px solid var(--glass-border);border-radius:10px;color:var(--text);cursor:pointer;font-size:.76rem;font-weight:750;line-height:1.35}.community-consent-check:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.community-consent-check input{width:20px;height:20px;margin:0;accent-color:var(--accent)}.community-consent-actions{display:grid;gap:8px;margin-top:14px}.community-consent-actions .btn{width:100%}@media(min-width:520px){.community-consent-disclosures{grid-template-columns:repeat(2,minmax(0,1fr))}}.moderation-notice-overlay{z-index:195;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.moderation-notice-box{width:min(100%,440px);max-height:min(90vh,620px);overflow-y:auto;text-align:left;overscroll-behavior:contain}.moderation-notice-head{display:grid;gap:3px;margin-bottom:10px}.moderation-notice-head h3{margin:0;outline:none}.moderation-notice-kicker{color:var(--danger);font-family:var(--font-display);font-size:.62rem;font-weight:900;letter-spacing:1.35px;text-transform:uppercase}.moderation-notice-reason{margin:0;padding:11px 12px 11px 14px;position:relative;overflow:hidden;border:1px solid var(--glass-border);border-radius:12px;background:var(--tint-1);color:var(--text);font-size:.8rem;font-weight:750;line-height:1.4}.moderation-notice-reason:before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--danger);content:""}.moderation-notice-mute,.moderation-notice-strike{margin:10px 0 0;color:var(--text-muted);font-size:.76rem;font-weight:700;line-height:1.4}.moderation-notice-mute{color:var(--danger)}.moderation-notice-mute.hidden{display:none}.moderation-notice-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin:13px 0 4px}.moderation-notice-links a{min-height:34px;display:inline-flex;align-items:center;color:var(--accent);font-size:.76rem;font-weight:850;text-underline-offset:3px}.moderation-notice-actions{display:grid;gap:8px;margin-top:12px}.moderation-notice-actions .btn{width:100%}.community-actions-box .is-hidden,.social-inbox-search-empty.hidden{display:none!important}.social-inbox-content{gap:14px;padding-top:12px}.social-inbox-kicker{display:inline;margin:0 6px 0 0;font-family:var(--font);font-size:.62rem;letter-spacing:.6px}.social-inbox-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:46px;padding:0 13px;border:1px solid var(--tint-3);border-radius:15px;background:var(--tint-1);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.social-inbox-search:focus-within{border-color:#42d3927a;background:var(--tint-2);box-shadow:0 0 0 3px #42d3921a}.social-inbox-search-icon{width:18px;height:18px;background:var(--text-muted);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10.5 4a6.5 6.5 0 1 0 3.97 11.65L19.8 21 21 19.8l-5.35-5.33A6.5 6.5 0 0 0 10.5 4Zm0 2a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Z'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10.5 4a6.5 6.5 0 1 0 3.97 11.65L19.8 21 21 19.8l-5.35-5.33A6.5 6.5 0 0 0 10.5 4Zm0 2a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Z'/></svg>") center / contain no-repeat}.social-inbox-search input{width:100%;min-width:0;height:44px;padding:0;border:0;outline:0;background:transparent;color:var(--text);font-family:var(--font);font-size:16px;font-weight:700}.social-inbox-search input::placeholder{color:var(--text-muted);opacity:.88}.social-inbox-section-head h3{font-family:var(--font);font-size:.78rem;letter-spacing:.35px;text-transform:none}.social-conversation-list,.social-people-list{gap:2px;padding:4px;border:1px solid var(--tint-2);border-radius:18px;background:color-mix(in srgb,var(--glass) 72%,transparent)}.social-conversation-item{min-height:64px;border-radius:14px;transition:background .14s ease,transform .14s ease}.social-conversation-item:active{transform:scale(.99);background:var(--tint-2)}.social-conversation-item+.social-conversation-item{border-top-color:transparent;border-radius:14px}.social-conversation-item.is-search-hidden{display:none}.social-inbox-search-empty{min-height:72px;display:grid;place-items:center;padding:14px;border:1px dashed var(--tint-3);border-radius:16px;color:var(--text-muted);font-size:.76rem;font-weight:700;text-align:center}.community-actions-box{width:min(calc(100vw - 24px),560px);max-width:560px;max-height:min(92vh,760px);gap:14px;padding:18px;border-radius:26px}.community-actions-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.community-actions-head>div:nth-child(2){min-width:0}.community-actions-head-buttons{display:flex;align-items:center;gap:7px}.community-header-link{min-height:44px;border:0;background:transparent;color:var(--text);font-family:var(--font);font-weight:850}.community-header-link{min-width:46px;min-height:46px;padding:0 8px;color:var(--accent);font-size:.76rem}.community-actions-box .community-close-btn{flex:0 0 46px;width:46px;height:46px}.community-actions-group{padding-top:4px;border-top:1px solid var(--tint-2)}.community-landing-kicker,.community-landing-copy{display:none}#page-room.is-community-landing .community-landing-kicker,#page-room.is-community-landing .community-landing-copy{display:block}#page-room.is-community-landing .community-landing-kicker{margin:0 0 -10px;color:var(--accent);font-family:var(--font-display);font-size:.66rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}#page-room.is-community-landing .community-landing-copy{max-width:44ch;margin:-8px 0 2px;color:var(--text-muted);font-size:.82rem;font-weight:700;line-height:1.45;text-align:center}@media(min-width:900px){#page-room.is-community-landing{justify-content:center;padding:max(32px,var(--safe-top)) max(32px,var(--safe-right)) max(32px,var(--safe-bottom)) max(32px,var(--safe-left));overflow:hidden;background:radial-gradient(circle at 16% 12%,var(--glow),transparent 34%),radial-gradient(circle at 86% 88%,var(--accent-glow),transparent 32%),var(--bg-deep)}#page-room.is-community-landing .page-inner{align-items:stretch;width:min(680px,calc(100vw - 64px));max-width:680px;max-height:calc(100vh - 64px - var(--safe-top) - var(--safe-bottom));gap:16px;padding:28px;overflow-y:auto;border:1px solid var(--tint-3);border-radius:26px;background:linear-gradient(155deg,color-mix(in srgb,var(--text) 5%,transparent),transparent 48%),color-mix(in srgb,var(--bg) 95%,var(--glass));box-shadow:0 30px 76px -34px #000000ad,inset 0 1px color-mix(in srgb,var(--text) 8%,transparent);scrollbar-width:thin;scrollbar-color:var(--tint-4) transparent}#page-room.is-community-landing .community-landing-kicker,#page-room.is-community-landing .page-heading,#page-room.is-community-landing .community-landing-copy{align-self:center;text-align:center}#page-room.is-community-landing .page-heading{margin:0;font-size:clamp(1.6rem,2.5vw,2.15rem)}#page-room.is-community-landing .room-social-nav{gap:12px;padding:16px;border:1px solid var(--tint-3);border-radius:21px;background:color-mix(in srgb,var(--text) 3%,var(--bg-deep))}#page-room.is-community-landing .room-social-nav-head{min-height:38px;padding:0 2px}#page-room.is-community-landing .online-community-list{max-height:230px;overflow-y:auto}#page-room.is-community-landing #room-status{min-height:0;margin:0}#page-room.is-community-landing #btn-room-back{align-self:center;min-width:120px}}@media(max-width:620px){.platform-native #page-room .room-social-nav{gap:9px}.platform-native #page-room .room-social-add{height:38px;padding:0 12px}.platform-native #page-room .community-hub-search input{height:40px}.platform-native #page-room .online-community-row,.platform-native #page-room .online-community-row.is-public{min-height:58px;padding:6px 3px}.platform-native #page-room .online-community-avatar{width:40px;height:40px}.platform-native #page-social-inbox .social-page-header{min-height:58px}.platform-native #page-social-inbox .social-inbox-content{gap:10px;padding-top:10px}.platform-native #page-social-inbox .social-inbox-search{min-height:44px}.platform-native #page-social-inbox .social-new-message-button{min-height:62px;padding:9px 11px}.platform-native #page-social-inbox .social-conversation-row{min-height:68px}}#page-social-rooms .room-chat-log{background-color:color-mix(in srgb,var(--bg-deep) 84%,var(--bg));background-image:radial-gradient(circle at 16px 16px,color-mix(in srgb,var(--text) 4%,transparent) 1px,transparent 1.5px),linear-gradient(135deg,transparent 0 48%,color-mix(in srgb,var(--text) 2.4%,transparent) 49% 51%,transparent 52%);background-size:34px 34px,68px 68px;scrollbar-width:thin;scrollbar-color:var(--tint-4) transparent}#page-social-rooms .room-chat-log::-webkit-scrollbar{display:block;width:8px}#page-social-rooms .room-chat-log::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--tint-4);background-clip:padding-box}#page-social-rooms .room-chat-composer{box-sizing:border-box}#page-social-rooms .room-chat-input{display:block;min-width:0;border:1px solid var(--tint-3);background:color-mix(in srgb,var(--text) 8%,var(--bg-deep));color:var(--text);opacity:1;visibility:visible;box-shadow:none}#page-social-rooms .room-chat-input::placeholder{color:color-mix(in srgb,var(--text-muted) 90%,transparent);opacity:1}#page-social-rooms .room-chat-input:focus{border-color:color-mix(in srgb,var(--accent) 68%,transparent);background:color-mix(in srgb,var(--text) 11%,var(--bg-deep));box-shadow:0 0 0 3px var(--social-accent-ring)}@media(max-width:899px){#page-social-rooms .room-chat-composer{right:0;bottom:0;left:0;grid-template-columns:auto minmax(120px,1fr) 40px;gap:4px;width:100%;max-width:680px;padding:7px calc(7px + var(--safe-right)) calc(7px + var(--safe-bottom)) calc(7px + var(--safe-left));border-top:1px solid var(--tint-3);background:color-mix(in srgb,var(--bg-deep) 96%,transparent);box-shadow:0 -10px 26px -22px #000000d9}#page-social-rooms .room-composer-tools{flex:0 0 auto;gap:2px}#page-social-rooms .room-chat-composer .room-social-action,#page-social-rooms .room-chat-composer .room-social-action.is-primary{width:40px;min-width:40px;height:40px}#page-social-rooms .room-chat-input{width:100%;min-width:120px;height:42px;padding:0 14px;border-radius:21px;font-size:16px;line-height:42px}#page-social-rooms .room-chat-log{padding-bottom:calc(var(--social-composer-height) + var(--safe-bottom) + 12px)}.platform-android #page-social-rooms.keyboard-open .room-chat-composer{bottom:0;padding-bottom:7px}.platform-android #page-social-rooms.keyboard-open .room-chat-log{padding-bottom:calc(var(--social-composer-height) + 12px)}}@media(min-width:900px){#page-social-rooms.social-page.active{display:grid;place-content:stretch;place-items:stretch;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--bg-deep)}#page-social-rooms .social-page-inner{display:grid;place-self:stretch;grid-template-columns:clamp(292px,24vw,380px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;width:100%;max-width:none;height:100%;min-height:0;overflow:hidden;border:0;border-radius:0;background:color-mix(in srgb,var(--bg) 94%,var(--glass));box-shadow:none}#page-social-rooms .social-page-header{grid-column:1;grid-row:1;grid-template-columns:48px minmax(0,1fr) 48px;grid-template-rows:48px auto minmax(0,1fr);grid-template-areas:"back heading menu" "active active active" "foot foot foot";align-content:stretch;align-items:center;gap:14px 10px;width:100%;height:100%;min-height:0;padding:18px;border-right:1px solid var(--tint-3);border-bottom:0;background:linear-gradient(180deg,color-mix(in srgb,var(--text) 5%,var(--bg)),var(--bg-deep));box-shadow:none}#page-social-rooms .social-page-header:before{content:"Chats";grid-area:heading;color:var(--text);font-family:var(--font);font-size:1.28rem;font-weight:900;letter-spacing:0}#page-social-rooms .social-page-header:after{content:"Public and private room status stays visible while you play.";grid-area:foot;align-self:end;padding:14px;border:1px solid var(--tint-2);border-radius:16px;background:var(--tint-1);color:var(--text-muted);font-size:.76rem;font-weight:650;line-height:1.45}#page-social-rooms #btn-social-rooms-back{grid-area:back}#page-social-rooms #btn-social-options{grid-area:menu}#page-social-rooms .social-page-title-block{position:relative;grid-area:active;align-self:start;min-width:0;margin-top:4px;padding:16px 14px 16px 68px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--tint-3));border-radius:17px;background:linear-gradient(135deg,var(--social-accent-soft),var(--tint-1));box-shadow:0 18px 34px -28px #000000d9}#page-social-rooms .social-page-title-block:before{content:"TX";position:absolute;top:50%;left:14px;display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--accent),var(--bg-light));color:var(--bg-deep);font-family:var(--font-display);font-size:.72rem;font-weight:900;transform:translateY(-50%)}#page-social-rooms .social-page-header .page-heading{font-size:.98rem}#page-social-rooms .room-social-chat{position:relative;grid-column:2;grid-row:1;grid-template-rows:64px minmax(0,1fr) auto auto auto;height:100%;min-height:0;overflow:hidden;background:var(--bg)}#page-social-rooms .room-chat-log{gap:5px;padding:24px 32px}#page-social-rooms .room-chat-composer{position:relative;right:auto;bottom:auto;left:auto;grid-template-columns:auto minmax(180px,1fr) 46px;gap:8px;width:100%;max-width:none;margin:0;padding:12px 18px;border-top:1px solid var(--tint-3);background:color-mix(in srgb,var(--text) 5%,var(--bg));box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}#page-social-rooms .room-chat-input{height:46px;padding:0 18px;border-radius:23px;font-size:16px}#page-social-rooms .room-chat-composer .room-social-action,#page-social-rooms .room-chat-composer .room-social-action.is-primary{width:44px;min-width:44px;height:44px}}#page-room .room-social-nav{gap:12px}.community-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}#page-room .room-social-nav-head{min-height:44px;color:var(--text);font-family:var(--font);letter-spacing:0;text-transform:none}#page-room .room-social-nav-head>div{display:grid;gap:2px;min-width:0}#page-room .room-social-nav-head strong{font-size:1rem;font-weight:900}#page-room .room-social-nav-head>div>span{overflow:hidden;color:var(--text-muted);font-size:.7rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}#page-room .community-hub-search{position:relative;display:flex;align-items:center;width:100%}#page-room .community-hub-search-icon{position:absolute;left:13px;width:17px;height:17px;background:var(--text-muted);pointer-events:none;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 4a6 6 0 1 0 3.87 10.59L19.28 20 20.7 18.58l-5.42-5.41A6 6 0 0 0 10 4Zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 4a6 6 0 1 0 3.87 10.59L19.28 20 20.7 18.58l-5.42-5.41A6 6 0 0 0 10 4Zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z'/></svg>") center / contain no-repeat}#page-room .community-hub-search input{width:100%;height:42px;padding:0 14px 0 40px;border:1px solid var(--tint-3);border-radius:13px;outline:0;background:color-mix(in srgb,var(--bg-deep) 84%,var(--tint-1));color:var(--text);font:700 .78rem/1 var(--font)}#page-room .community-hub-search input::placeholder{color:var(--text-muted);opacity:.82}#page-room .community-hub-search input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}#page-room .community-hub-section{display:grid;gap:3px;width:100%}#page-room .community-hub-section-head{display:flex;align-items:center;justify-content:space-between;min-height:30px;padding:0 3px}#page-room .community-hub-section-head>span{display:grid;min-width:22px;height:22px;place-items:center;padding:0 6px;border-radius:999px;background:var(--tint-2);color:var(--text-muted);font-size:.62rem;font-weight:900}#page-room .online-community-list{gap:0}#page-room .online-community-row,#page-room .online-community-row.is-public{grid-template-columns:42px minmax(0,1fr) auto;gap:11px;min-height:62px;padding:8px 4px;border:0;border-bottom:1px solid var(--tint-2);border-radius:0;background:transparent;transition:background .14s ease}#page-room .online-community-row:hover,#page-room .online-community-row:focus-visible{background:var(--tint-1)}#page-room .online-community-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#page-room .online-community-avatar{width:42px;height:42px;border:1px solid var(--tint-3);background:var(--tint-2)}#page-room .online-community-row.is-public .online-community-avatar{border:0;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 42%,var(--bg)));color:var(--bg-deep)}#page-room .online-community-name{font-size:.86rem}#page-room .online-community-meta{font-size:.69rem}#page-room .online-community-tail{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:1.2rem}#page-room .online-community-pill{padding:3px 7px;border:1px solid var(--tint-3);border-radius:999px;color:var(--text-muted);font-size:.56rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}#page-room .online-community-empty{padding:12px 4px 6px;color:var(--text-muted);font-size:.7rem;font-weight:700;line-height:1.45;text-align:left}#page-room .online-community-empty.hidden,#page-room .online-community-row.is-search-hidden{display:none}@media(min-width:900px){#page-room.is-community-landing .room-social-nav{padding:18px}#page-room.is-community-landing .online-community-list{max-height:184px}}#page-social-rooms .room-chat-composer .room-challenge-fab{width:auto;min-width:0;padding:0 14px;border-radius:999px;background:var(--tint-4);color:var(--text);font-family:var(--font);font-size:.78rem;font-weight:700;letter-spacing:-.01em}#page-social-rooms .room-chat-composer .room-challenge-fab:after{content:none}.family-box{text-align:center}.family-sub{font-size:.9rem;line-height:1.4;opacity:.8;margin:.35rem 0 1rem}.family-field-label{display:block;text-align:left;font-size:.8rem;font-weight:600;opacity:.75;margin:0 0 .35rem}.family-select{width:100%;padding:.7rem .85rem;font-size:1rem;border-radius:12px;border:1.5px solid rgba(0,0,0,.15);background:#fff;color:inherit;-webkit-appearance:none;appearance:none;margin-bottom:.4rem}.family-safety-list{text-align:left;margin:.25rem 0 1rem;padding-left:1.15rem;font-size:.92rem;line-height:1.5}.family-safety-list li{margin-bottom:.5rem}.family-gate-question{font-size:2rem;font-weight:700;letter-spacing:.04em;margin:.5rem 0 .85rem}.family-gate-input{width:100%;padding:.7rem .85rem;font-size:1.25rem;text-align:center;border-radius:12px;border:1.5px solid rgba(0,0,0,.15);background:#fff;color:inherit;margin-bottom:.4rem}.family-gate-error{color:#d64545;font-size:.85rem;font-weight:600;margin:0 0 .6rem}.family-band{font-weight:700;opacity:.85}@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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--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}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-15{top:calc(var(--spacing) * 15)}.top-100{top:calc(var(--spacing) * 100)}.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}}.m-1{margin:calc(var(--spacing) * 1)}.m-2{margin:calc(var(--spacing) * 2)}.m-3{margin:calc(var(--spacing) * 3)}.m-4{margin:calc(var(--spacing) * 4)}.m-5{margin:calc(var(--spacing) * 5)}.m-9{margin:calc(var(--spacing) * 9)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.shrink{flex-shrink:1}.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,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);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:#080b10;--bg-deep:#080b10;--bg-light:#6d8cff;--accent:#6d8cff;--on-accent:#080b10;--accent-glow:#6d8cff38;--cell:#151c25;--cell-hover:#1b2430;--text:#f5f7fa;--text-muted:#98a5b5;--danger:#ff6b8a;--success:#3ddc97;--glow:#0000;--border-glow:#6d8cff59;--glass:#0f141b;--glass-border:#293545;--grid-color:transparent;--tint-1:#ffffff09;--tint-2:#ffffff0e;--tint-3:#ffffff13;--tint-4:#ffffff1a;--tint-strong:#ffffff21;--tint-hot:#ffffff2b;--font:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-xs:8px;--radius-sm:10px;--radius:12px;--radius-md:16px;--nav-surface:#0f141b;--nav-surface-lift:#151c25;--nav-border:#293545;--nav-inactive:#98a5b5;--nav-active-surface:#1b2430;--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}:root{--game:var(--accent);--game-tictac:#5a9cff;--game-connect:#ff8f53;--game-chess:#e9b550;--game-checkers:#f0666e;--game-reversi:#4fc38c;--game-liquid-sort:#4bc5de;--game-wordsearch:#f7b731}[data-game=tictac]{--game:var(--game-tictac)}[data-game=connect]{--game:var(--game-connect)}[data-game=chess],[data-arcade-game=chess]{--game:var(--game-chess)}[data-game=checkers],[data-arcade-game=checkers]{--game:var(--game-checkers)}[data-game=reversi],[data-arcade-game=reversi]{--game:var(--game-reversi)}[data-game=liquid-sort],[data-arcade-game=liquid-sort]{--game:var(--game-liquid-sort)}[data-game=wordsearch],[data-arcade-game=wordsearch]{--game:var(--game-wordsearch)}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);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-primary,.btn-accent,.room-social-action.is-primary{background:linear-gradient(to bottom,var(--accent) 0%,var(--accent) 52%,var(--accent) 100%);border-color:#0000;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.btn-primary,.btn-accent,.room-social-action.is-primary{background:linear-gradient(to bottom,color-mix(in srgb,var(--accent) 92%,#fff) 0%,var(--accent) 52%,color-mix(in srgb,var(--accent) 86%,#000) 100%)}}.btn-primary,.btn-accent,.room-social-action.is-primary{box-shadow:inset 0 1px #ffffff73,inset 0 -1px #00000038,0 6px 16px var(--accent-glow);color:var(--on-accent)}.btn-primary:after,.btn-accent:after,.room-social-action.is-primary:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff5c,#ffffff14 78%,#fff0);height:46%;transition:opacity .14s;position:absolute;inset:0 0 auto}.btn-primary:hover,.btn-accent:hover,.room-social-action.is-primary:hover{box-shadow:inset 0 1px #ffffff80,inset 0 -1px #00000038,0 10px 24px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active,.btn-accent:active,.room-social-action.is-primary:active{box-shadow:inset 0 1px #fff3,inset 0 -1px #00000042,0 3px 8px var(--accent-glow);transform:translateY(1px)}.btn-primary:active:after,.btn-accent:active:after,.room-social-action.is-primary:active:after{opacity:.4}@media(prefers-reduced-motion:reduce){.btn-primary,.btn-accent,.room-social-action.is-primary{transition:none}.btn-primary:hover,.btn-accent:hover,.room-social-action.is-primary:hover,.btn-primary:active,.btn-accent:active,.room-social-action.is-primary:active{transform:none}}.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;border-color:var(--glass-border);background:var(--tint-3);color:var(--text-muted);opacity:.6;transform:none}.btn-primary:disabled,.btn-primary.is-disabled,.btn-accent:disabled,.btn-accent.is-disabled{background:var(--tint-3);box-shadow:none;color:var(--text-muted)}.btn-primary:disabled:after,.btn-primary.is-disabled:after,.btn-accent:disabled:after,.btn-accent.is-disabled:after{opacity:0}.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,#page-social-rooms .room-chat-composer .room-challenge-fab,.social-surface .room-chat-composer .room-challenge-fab{letter-spacing:-.01em;border-radius:999px;width:auto;min-width:0;padding:0 14px;font-size:.78rem;font-weight:700}.room-social-action.is-danger{border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.room-social-action.is-danger{border-color:color-mix(in srgb,var(--danger) 38%,var(--glass-border))}}.room-social-action.is-danger{background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.room-social-action.is-danger{background:color-mix(in srgb,var(--danger) 12%,var(--glass))}}.room-social-action.is-danger{color:var(--danger)}.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)}#page-main{justify-content:center;align-items:center;overflow-y:auto}#page-main .picker-inner{gap:24px;width:min(100%,840px);max-width:840px;padding:12px 0}#page-main .picker-header{text-align:left;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1px;width:100%;display:flex}#page-main .picker-title-block{gap:1px;min-width:0;display:grid}#page-main .home-eyebrow{color:var(--text-muted);font-family:var(--font);letter-spacing:-.01em;text-transform:none;font-size:.78rem;font-weight:650}.home-eyebrow,.hub-sub,.tab-page-kicker,.community-landing-kicker{color:var(--accent);font-family:var(--font);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.1rem,4vw,3.25rem);font-weight:780;line-height:1;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(6,minmax(0,1fr));gap:22px 16px;width:100%;margin:0;display:grid}#page-main .game-card{min-width:0;min-height:0;box-shadow:none;color:var(--text);-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:22px;flex-direction:column;align-items:center;gap:9px;padding:0;display:flex;overflow:hidden;container-type:inline-size}#page-main .game-card:before{display:none}#page-main .game-card:hover{box-shadow:none;background:0 0;transform:translateY(-2px)}#page-main .game-card:active{transform:scale(.992)}#page-main .game-card-art,#page-main .game-card-art-lottie{aspect-ratio:1;background:var(--game);border:0;border-radius:22px;width:100%;height:auto;position:relative}@supports (color:color-mix(in lab,red,red)){#page-main .game-card-art,#page-main .game-card-art-lottie{background:color-mix(in srgb,var(--game) 10%,var(--cell))}}#page-main .game-card-art,#page-main .game-card-art-lottie{box-shadow:inset 0 0 0 1px var(--game)}@supports (color:color-mix(in lab,red,red)){#page-main .game-card-art,#page-main .game-card-art-lottie{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--game) 22%,transparent)}}#page-main .game-card-art,#page-main .game-card-art-lottie{overflow:hidden}#page-main .game-card:active .game-card-art{box-shadow:inset 0 0 0 1px var(--game)}@supports (color:color-mix(in lab,red,red)){#page-main .game-card:active .game-card-art{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--game) 42%,transparent)}}#page-main .game-card-lottie{width:80px;height:80px;animation:none}#page-main .game-card-lottie:before{box-shadow:none;color:var(--accent);font-family:var(--font);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-body{width:100%;min-width:0}#page-main .game-card-title{max-width:100%;color:var(--text);letter-spacing:-.025em;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-size:.8rem;font-weight:680;line-height:1.15;overflow:hidden}#page-main .game-card-sub,#page-main .game-card-badge,#page-main .game-card-arrow{display:none}#page-main .art-tictac-small{grid-template-rows:repeat(3,20cqw);grid-template-columns:repeat(3,20cqw);place-content:center;place-items:stretch stretch;gap:0;padding:0;display:grid;overflow:hidden}#page-main .art-tictac-small i{border-right:1.5px solid var(--game);place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){#page-main .art-tictac-small i{border-right:1.5px solid color-mix(in srgb,var(--game) 45%,transparent)}}#page-main .art-tictac-small i{border-bottom:1.5px solid var(--game)}@supports (color:color-mix(in lab,red,red)){#page-main .art-tictac-small i{border-bottom:1.5px solid color-mix(in srgb,var(--game) 45%,transparent)}}#page-main .art-tictac-small i{color:var(--game);font-size:1.15rem;font-style:normal;font-weight:800;line-height:1}#page-main .art-tictac-small i:nth-child(3n){border-right:0}#page-main .art-tictac-small i:nth-child(n+7){border-bottom:0}#page-main .art-tictac-small img{object-fit:contain;width:72%;height:72%}#page-main .art-tictac-small .mark-o:before{content:none}#page-main .art-connect-board .disc-art{background:0 0}#page-main .art-connect-board img{object-fit:contain;width:100%;height:100%}#page-main .game-card-art-piece{place-items:center;padding:14%;display:grid}#page-main .game-card-art-piece img{object-fit:contain;width:70%;height:70%}#page-main .arcade-art-reversi{justify-content:center;align-items:center;gap:4%;padding:12%;display:flex}#page-main .arcade-art-reversi img{object-fit:contain;width:38%;height:38%}#page-main .art-connect-board{grid-template-rows:repeat(3,14cqw);grid-template-columns:repeat(4,14cqw);place-content:center;place-items:stretch stretch;gap:3cqw;padding:0;display:grid}#page-main .art-connect-board i{aspect-ratio:1;background:var(--bg);border-radius:50%;width:100%;height:auto}@supports (color:color-mix(in lab,red,red)){#page-main .art-connect-board i{background:color-mix(in srgb,var(--bg) 62%,transparent)}}#page-main .art-connect-board .disc-blue{background:var(--game)}#page-main .arcade-art-chess:before,#page-main .arcade-art-checkers:before{background-image:repeating-conic-gradient(var(--bg) 0% 25%,transparent 0% 50%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){#page-main .arcade-art-chess:before,#page-main .arcade-art-checkers:before{background-image:repeating-conic-gradient(color-mix(in srgb,var(--bg) 45%,transparent) 0% 25%,transparent 0% 50%)}}#page-main .arcade-art-chess:before,#page-main .arcade-art-checkers:before{content:"";background-size:33.34% 33.34%}#page-main .arcade-art-reversi:before{background-image:linear-gradient(var(--game) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--game) 1.5px,transparent 1.5px);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){#page-main .arcade-art-reversi:before{background-image:linear-gradient(color-mix(in srgb,var(--game) 22%,transparent) 1.5px,transparent 1.5px),linear-gradient(90deg,color-mix(in srgb,var(--game) 22%,transparent) 1.5px,transparent 1.5px)}}#page-main .arcade-art-reversi:before{content:"";background-size:25% 25%}#page-main .arcade-art-liquid{grid-template-rows:44cqw;grid-template-columns:repeat(3,13cqw);place-content:center;place-items:stretch stretch;gap:5cqw;display:grid}#page-main .arcade-art-liquid i{border:1.5px solid var(--game)}@supports (color:color-mix(in lab,red,red)){#page-main .arcade-art-liquid i{border:1.5px solid color-mix(in srgb,var(--game) 32%,transparent)}}#page-main .arcade-art-liquid i{background-position:bottom;background-repeat:no-repeat;border-top:0;border-radius:2px 2px 7cqw 7cqw}#page-main .arcade-art-liquid .tube-fill-60{background-image:linear-gradient(var(--game) 0 0);background-size:100% 60%}#page-main .arcade-art-liquid .tube-fill-90{background-image:linear-gradient(var(--game) 0 0)}@supports (color:color-mix(in lab,red,red)){#page-main .arcade-art-liquid .tube-fill-90{background-image:linear-gradient(color-mix(in srgb,var(--game) 62%,transparent) 0 0)}}#page-main .arcade-art-liquid .tube-fill-90{background-size:100% 90%}#page-main .arcade-art-liquid .tube-fill-35{background-image:linear-gradient(var(--game) 0 0)}@supports (color:color-mix(in lab,red,red)){#page-main .arcade-art-liquid .tube-fill-35{background-image:linear-gradient(color-mix(in srgb,var(--game) 34%,transparent) 0 0)}}#page-main .arcade-art-liquid .tube-fill-35{background-size:100% 35%}#page-main .arcade-art-wordsearch{color:var(--game);grid-template-rows:repeat(3,14cqw);grid-template-columns:repeat(3,14cqw);place-content:center;place-items:center;gap:2.5cqw;font-size:9cqw;font-weight:800;display:grid}@supports (color:color-mix(in lab,red,red)){#page-main .arcade-art-wordsearch{color:color-mix(in srgb,var(--game) 62%,var(--text))}}#page-main .arcade-art-wordsearch i{border:1.5px solid var(--game);border-radius:3cqw;place-items:center;width:100%;height:100%;display:grid}@supports (color:color-mix(in lab,red,red)){#page-main .arcade-art-wordsearch i{border:1.5px solid color-mix(in srgb,var(--game) 30%,transparent)}}#page-main .arcade-art-wordsearch i{font-style:normal}#page-main .arcade-art-wordsearch .ws-hit{background:var(--game)}@supports (color:color-mix(in lab,red,red)){#page-main .arcade-art-wordsearch .ws-hit{background:color-mix(in srgb,var(--game) 30%,transparent)}}#page-main .arcade-art-wordsearch .ws-hit{border-color:var(--game);color:var(--text)}#page-main .community-game-art{background:var(--success);justify-content:center;align-items:center;gap:3px;display:flex}@supports (color:color-mix(in lab,red,red)){#page-main .community-game-art{background:color-mix(in srgb,var(--success) 12%,var(--cell))}}#page-main .community-game-art span{background:var(--success);border-radius:50%;width:9px;height:9px}#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{flex:none;margin-top:1px;position:static}.hub-inner{justify-content:flex-start;gap:16px;width:min(100%,620px);max-width:620px}.hub-header{background:linear-gradient(to top,var(--bg) 0%,transparent 62%),repeating-conic-gradient(var(--bg) 0% 25%,transparent 0% 50%) 0 0 / 13% 26%,linear-gradient(152deg,var(--game) 0%,var(--game) 100%);border-radius:20px;justify-content:flex-end;align-items:flex-start;gap:2px;width:100%;min-height:148px;padding:18px;position:relative}@supports (color:color-mix(in lab,red,red)){.hub-header{background:linear-gradient(to top,color-mix(in srgb,var(--bg) 82%,transparent) 0%,transparent 62%),repeating-conic-gradient(color-mix(in srgb,var(--bg) 26%,transparent) 0% 25%,transparent 0% 50%) 0 0 / 13% 26%,linear-gradient(152deg,color-mix(in srgb,var(--game) 42%,var(--cell)),color-mix(in srgb,var(--game) 12%,var(--cell)))}}.hub-header{box-shadow:inset 0 0 0 1px var(--game)}@supports (color:color-mix(in lab,red,red)){.hub-header{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--game) 28%,transparent)}}.hub-header{text-align:left;overflow:hidden}[data-game=tictac] .hub-header,[data-game=reversi] .hub-header{background:linear-gradient(to top,var(--bg) 0%,transparent 62%),linear-gradient(var(--game) 2px,transparent 2px) 0 0 / 48px 48px,linear-gradient(90deg,var(--game) 2px,transparent 2px) 0 0 / 48px 48px,linear-gradient(152deg,var(--game) 0%,var(--game) 100%)}@supports (color:color-mix(in lab,red,red)){[data-game=tictac] .hub-header,[data-game=reversi] .hub-header{background:linear-gradient(to top,color-mix(in srgb,var(--bg) 82%,transparent) 0%,transparent 62%),linear-gradient(color-mix(in srgb,var(--game) 30%,transparent) 2px,transparent 2px) 0 0 / 48px 48px,linear-gradient(90deg,color-mix(in srgb,var(--game) 30%,transparent) 2px,transparent 2px) 0 0 / 48px 48px,linear-gradient(152deg,color-mix(in srgb,var(--game) 42%,var(--cell)),color-mix(in srgb,var(--game) 12%,var(--cell)))}}[data-game=connect] .hub-header{background:linear-gradient(to top,var(--bg) 0%,transparent 62%),radial-gradient(circle at 50% 50%,var(--bg) 34%,transparent 36%) 0 0 / 38px 38px,linear-gradient(152deg,var(--game) 0%,var(--game) 100%)}@supports (color:color-mix(in lab,red,red)){[data-game=connect] .hub-header{background:linear-gradient(to top,color-mix(in srgb,var(--bg) 82%,transparent) 0%,transparent 62%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--bg) 46%,transparent) 34%,transparent 36%) 0 0 / 38px 38px,linear-gradient(152deg,color-mix(in srgb,var(--game) 42%,var(--cell)),color-mix(in srgb,var(--game) 12%,var(--cell)))}}[data-game=liquid-sort] .hub-header{background:linear-gradient(to top,var(--bg) 0%,transparent 62%),repeating-linear-gradient(90deg,var(--bg) 0 22px,transparent 22px 44px),linear-gradient(152deg,var(--game) 0%,var(--game) 100%)}@supports (color:color-mix(in lab,red,red)){[data-game=liquid-sort] .hub-header{background:linear-gradient(to top,color-mix(in srgb,var(--bg) 82%,transparent) 0%,transparent 62%),repeating-linear-gradient(90deg,color-mix(in srgb,var(--bg) 30%,transparent) 0 22px,transparent 22px 44px),linear-gradient(152deg,color-mix(in srgb,var(--game) 42%,var(--cell)),color-mix(in srgb,var(--game) 12%,var(--cell)))}}.hub-header .hub-sub{color:var(--game);display:block}@supports (color:color-mix(in lab,red,red)){.hub-header .hub-sub{color:color-mix(in srgb,var(--game) 62%,var(--text))}}.hub-title{color:var(--text);filter:none;-webkit-text-fill-color:currentColor;background:0 0;font-size:clamp(1.85rem,7vw,2.5rem);font-weight:780;line-height:1.05}.mode-list{border-top:0;grid-template-columns:1fr;gap:0;width:100%;display:grid}.mode-btn{border:0;border-bottom:1px solid var(--glass-border);min-height:64px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-radius:0;grid-template-columns:34px minmax(0,1fr) 18px;gap:12px;padding:10px 4px}.mode-list .mode-btn:first-child{background:var(--game);color:#0a0e14;border-bottom:0;border-radius:16px;min-height:66px;margin-bottom:10px;padding:10px 16px}.mode-list .mode-btn:first-child .mode-btn-title,.mode-list .mode-btn:first-child .mode-btn-icon,.mode-list .mode-btn:first-child .mode-btn-arrow{color:#0a0e14}.mode-list .mode-btn:first-child .mode-btn-title{font-size:1rem;font-weight:800}.mode-list .mode-btn:first-child:hover{background:var(--game)}@supports (color:color-mix(in lab,red,red)){.mode-list .mode-btn:first-child:hover{background:color-mix(in srgb,var(--game) 86%,#fff)}}.mode-list .mode-btn:first-child:active{transform:scale(.99)}.mode-btn:hover{border-color:var(--glass-border);background:var(--tint-2);box-shadow:none;transform:none}.mode-btn:before{display:none}.mode-btn-icon{width:34px;height:34px;color:var(--game);background:0 0;border:0;border-radius:0}.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{display:none}.mode-btn-arrow{color:var(--text-muted);font-size:1.25rem}#btn-tictac-back,#btn-connect-back,#btn-arcade-hub-back{z-index:3;top:calc(14px + var(--safe-top));left:calc(14px + var(--safe-left));border:1px solid var(--glass-border);background:var(--bg);border-radius:13px;place-items:center;width:40px;height:40px;min-height:0;padding:0;display:grid;position:absolute}@supports (color:color-mix(in lab,red,red)){#btn-tictac-back,#btn-connect-back,#btn-arcade-hub-back{background:color-mix(in srgb,var(--bg) 62%,transparent)}}#btn-tictac-back,#btn-connect-back,#btn-arcade-hub-back{color:#0000;-webkit-backdrop-filter:blur(10px);font-size:0}#btn-tictac-back:before,#btn-connect-back:before,#btn-arcade-hub-back:before{color:var(--text);content:"\2039";font-size:1.4rem;font-weight:600;line-height:1}#page-tictac-hub .hub-inner,#page-connect-hub .hub-inner,.arcade-hub-inner{padding-top:calc(44px + var(--safe-top));margin-top:0;margin-bottom:auto}.difficulty-picker{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:6px 0 0}.difficulty-label{color:var(--text-muted);font-family:var(--font);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);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)}#page-game{padding:calc(var(--safe-top) + clamp(12px,2vh,22px)) calc(var(--safe-right) + clamp(12px,2vw,22px)) calc(var(--safe-bottom) + clamp(12px,2vh,22px)) calc(var(--safe-left) + clamp(12px,2vw,22px));background:var(--bg);justify-content:flex-start;gap:16px}#page-game[data-game=tictac],#page-arcade-game[data-game=tictac]{background-color:#0a1633;background-image:url(../assets/boards/tictac/background_p.png);background-position:50%;background-size:cover}#page-game[data-game=connect],#page-arcade-game[data-game=connect]{background-color:#12164a;background-image:url(../assets/boards/connect/background_p.png);background-position:50%;background-size:cover}#page-arcade-game[data-game=chess]{background-color:#141414;background-image:url(../assets/boards/chess/background_p.png);background-position:50%;background-size:cover}#page-arcade-game[data-game=checkers]{background-color:#1a1410;background-image:url(../assets/boards/checkers/background_p.png);background-position:50%;background-size:cover}#page-arcade-game[data-game=reversi]{background-color:#0d1f14;background-image:url(../assets/boards/reversi/background_p.png);background-position:50%;background-size:cover}@media(orientation:landscape){#page-game[data-game=tictac],#page-arcade-game[data-game=tictac]{background-image:url(../assets/boards/tictac/background.png)}#page-game[data-game=connect],#page-arcade-game[data-game=connect]{background-image:url(../assets/boards/connect/background.png)}#page-arcade-game[data-game=chess]{background-image:url(../assets/boards/chess/background.png)}#page-arcade-game[data-game=checkers]{background-image:url(../assets/boards/checkers/background.png)}#page-arcade-game[data-game=reversi]{background-image:url(../assets/boards/reversi/background.png)}}#page-game .settings-fab{right:calc(var(--safe-right) + 16px);bottom:calc(var(--safe-bottom) + 16px)}#page-game .undo-fab{left:calc(var(--safe-left) + 16px);bottom:calc(var(--safe-bottom) + 16px)}.game-header{border:1px solid var(--glass-border);background:var(--glass);border-radius:18px;width:min(100%,900px);max-width:900px;min-height:86px;padding:12px 16px}@supports (color:color-mix(in lab,red,red)){.game-header{background:color-mix(in srgb,var(--glass) 78%,transparent)}}.game-header{box-shadow:none}.game-player{gap:3px}.game-icon{background:var(--cell);box-shadow:none;border:0}.game-player-name{max-width:min(30vw,180px);color:var(--text);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:680;overflow:hidden}.game-player-score{color:var(--text-muted);font-family:var(--font);font-size:.68rem;font-weight:550}.game-timer{color:var(--text);font-family:var(--font);letter-spacing:-.015em;text-shadow:none;font-size:.95rem;font-weight:700}.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{width:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:auto;place-items:center;padding:0;display:grid}.game-board{border:1px solid var(--game);gap:7px;padding:8px}@supports (color:color-mix(in lab,red,red)){.game-board{border:1px solid color-mix(in srgb,var(--game) 30%,transparent)}}.game-board{background:var(--game);border-radius:18px}@supports (color:color-mix(in lab,red,red)){.game-board{background:color-mix(in srgb,var(--game) 10%,var(--cell))}}.game-board{box-shadow:0 26px 70px #00000040}#page-game[data-game=tictac] .game-board,.game-board.tictac-board{background:#0068c6;border:0;border-radius:18px;gap:10px;padding:12px;box-shadow:0 18px 40px #00246559}#page-game[data-game=tictac] .cell,.game-board.tictac-board .cell{box-shadow:none;background:#012465;border:0;border-radius:15px}#page-game[data-game=connect] .game-board,.game-board.connect-board{background:#7661d1;border:6px solid #28159b;border-radius:20px;gap:8px;padding:12px;box-shadow:0 18px 40px #28159b59}#page-game[data-game=connect] .cell.connect-cell,.game-board.connect-board .cell.connect-cell{background:#2a27a0;border:0;border-radius:50%;box-shadow:inset 0 -6px #0000002e}#page-game[data-game=tictac] .cell:not(.placed):hover,.game-board.tictac-board .cell:not(.placed):hover{box-shadow:none;background:#013a8a}#page-game[data-game=connect] .cell.connect-cell:not(.placed):hover,.game-board.connect-board .cell.connect-cell:not(.placed):hover{background:#3a36b8}.game-board .cell:not(.placed):hover{border-color:var(--game)}@supports (color:color-mix(in lab,red,red)){.game-board .cell:not(.placed):hover{border-color:color-mix(in srgb,var(--game) 55%,var(--glass-border))}}.game-board .cell.win-cell,.game-board .cell.win{border-color:var(--game);background:var(--game)}@supports (color:color-mix(in lab,red,red)){.game-board .cell.win-cell,.game-board .cell.win{background:color-mix(in srgb,var(--game) 20%,var(--cell))}}.game-board .cell.win-cell,.game-board .cell.win{box-shadow:inset 0 0 0 1px var(--game)}.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-art{object-fit:contain;z-index:1;width:88%;height:88%;position:absolute;inset:6%}.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.is-community-landing .room-social-nav-head{justify-content:flex-end}#page-room.is-community-landing .room-social-nav-head>div{display:none}#page-room .page-heading,#page-room .community-landing-kicker,#page-room .community-landing-copy{text-align:left;align-self:flex-start}.community-landing-copy,#app.has-app-nav #page-room.is-community-landing .community-landing-copy,#page-room.is-community-landing .community-landing-copy{display:none}.room-social-nav{width:100%;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.room-social-nav-head{border-bottom:0;min-height:0;padding:0 0 12px}#page-room.is-community-landing .room-social-nav-head{min-height:44px;margin-top:-60px;padding-bottom: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:100%;margin:0 0 12px;padding:3px}.room-social-nav-card{min-width:0;min-height:36px;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:64px;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:.9rem;font-weight:680}.online-community-meta,.social-conversation-preview,.social-person-copy small{color:var(--text-muted);font-size:.76rem;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);letter-spacing:.04em;font-size:.55rem}.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-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-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-new-message-icon{background:var(--success);border:0;border-radius:11px}@supports (color:color-mix(in lab,red,red)){.social-new-message-icon{background:color-mix(in srgb,var(--success) 13%,transparent)}}.social-new-message-icon{box-shadow:none;color:var(--success)}.social-inbox-helper{color:var(--text-muted);font-size:.69rem;font-weight:500}.social-new-message-button{border:0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);min-height:58px;box-shadow:none;background:0 0;border-radius:0;padding:10px 4px}.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{background:0 0;border:0;border-radius:0;padding:8px 0 0}.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-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{font-size:.72rem;font-weight:700}.social-surface .room-chat-more{opacity:0;pointer-events:none;transition:opacity .12s}.social-surface .room-chat-message:hover .room-chat-more,.social-surface .room-chat-message:focus-within .room-chat-more,.social-surface .room-chat-more:focus-visible{opacity:1;pointer-events:auto}.social-surface .room-chat-log,#page-social-rooms .room-chat-log{padding-left:44px}.social-surface .room-chat-message{position:relative}.social-surface .room-chat-avatar{letter-spacing:-.02em;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.66rem;font-weight:750;display:grid;position:absolute;bottom:0;left:-40px}.social-surface .room-chat-meta{align-self:flex-end;align-items:center;gap:4px;margin-top:1px;display:flex}.social-surface .room-chat-meta .room-chat-time,.social-surface .room-chat-meta .room-chat-delivery{margin:0;font-size:.6rem;line-height:1;position:static}.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);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{color:var(--text-muted);background:0 0;border:0;border-radius:0;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-identity,.profile-account,.profile-rating-band,.profile-card-achievements,.profile-links{grid-column:span 12}.profile-section{border:0;border-bottom:1px solid var(--glass-border);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-radius:0;grid-column:span 6;padding:18px 2px}.profile-section:before{display:none}.profile-card-game{grid-column:span 12}.profile-section-xp{grid-column:span 6}.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);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);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);letter-spacing:-.03em;font-size:1.5rem;font-weight:750}.profile-rating{grid-column:1/-1;grid-template-columns:auto auto;justify-content:start;align-items:baseline;gap:2px 10px;margin-top:14px;display:grid}.profile-rating-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1;font-size:.68rem;font-weight:650}.profile-rating-value{color:var(--text);letter-spacing:-.04em;font-size:2.1rem;font-weight:800;line-height:1}.profile-rating-delta{font-size:.78rem;font-weight:700}.profile-rating-meta{color:var(--text-muted);grid-column:1/-1;margin-top:2px;font-size:.72rem;font-weight:500}.profile-rating-delta.is-up,.leaderboard-delta.is-up{color:var(--success)}.profile-rating-delta.is-down,.leaderboard-delta.is-down{color:var(--danger)}.profile-rating-delta.is-flat,.leaderboard-delta.is-flat{color:var(--text-muted)}.leaderboard-delta{text-align:right;min-width:46px;font-size:.72rem;font-weight:700}.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:64px;padding:14px 4px}.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}.leaderboard-row{grid-template-columns:44px 38px minmax(0,1fr) auto auto}.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%,840px);max-width:840px;padding-bottom:0}#app.has-app-nav #page-main .game-picker{grid-template-columns:repeat(6,minmax(0,1fr))}#app.has-app-nav #page-main .pwa-install{left:calc(126px + var(--safe-left));bottom:calc(24px + var(--safe-bottom));z-index:251;position:fixed}#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:44px;padding:8px 14px}#page-room.is-community-landing .online-community-list{max-height:min(35vh,320px)}#page-room.is-community-landing .community-hub-section{grid-column:1}#page-room.is-community-landing #btn-room-back{align-self:flex-start}#app.has-app-nav #page-room.is-community-landing #btn-room-back{display:none}#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{display:none}#app.has-app-nav #page-social-inbox .social-page-header{grid-template-columns:minmax(0,1fr)}#app.has-app-nav #page-social-inbox .social-inbox-rooms-action{display:none}}#page-main .game-card-art-emoji{color:var(--game);justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:42cqw;font-weight:700;line-height:1;display:flex}#page-main .game-card-art-emoji>*,#page-main .arcade-art-chess,#page-main .arcade-art-checkers{position:relative}#page-main .arcade-art-chess,#page-main .arcade-art-checkers{text-shadow:0 2px 10px var(--bg)}@supports (color:color-mix(in lab,red,red)){#page-main .arcade-art-chess,#page-main .arcade-art-checkers{text-shadow:0 2px 10px color-mix(in srgb,var(--bg) 70%,transparent)}}#page-main .arcade-art-reversi{gap:6%}#page-main .arcade-art-reversi span,#page-main .arcade-art-reversi span:last-child{color:var(--game)}@supports (color:color-mix(in lab,red,red)){#page-main .arcade-art-reversi span:last-child{color:color-mix(in srgb,var(--game) 40%,var(--cell))}}.arcade-hub-page,.arcade-lobby-page{overflow-y:auto}.arcade-hub-inner,.arcade-lobby-inner{width:min(100%,620px);max-width:620px;margin:auto}.arcade-hub-inner{margin-top:0;margin-bottom:auto}.arcade-mode-list{width:100%}.arcade-mode-list .mode-btn-online{border-color:var(--glass-border);background:0 0}.arcade-mode-list .mode-btn-online.is-searching{color:var(--accent);background:var(--tint-2)}.arcade-lobby-inner{border:1px solid var(--glass-border);background:var(--glass);border-radius:22px;align-content:center;gap:12px;padding:24px}.arcade-lobby-header{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;width:100%;margin-bottom:8px;display:grid}.arcade-lobby-header .page-heading{margin:3px 0 0;font-size:clamp(1.5rem,4vw,2rem)}.arcade-room-panel{flex-direction:column;gap:12px;width:100%;display:flex}.arcade-back-button{border:1px solid var(--glass-border);background:var(--cell);width:42px;height:42px;color:var(--text);border-radius:13px;flex:none;place-items:center;font-size:1.65rem;line-height:1;display:grid}.arcade-back-button:active{transform:scale(.96)}.arcade-field-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;align-self:flex-start;font-size:.67rem;font-weight:650}.arcade-input,.arcade-lobby-action{width:100%}.arcade-lobby-divider{width:100%;color:var(--text-muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:6px 0;font-size:.67rem;display:grid}.arcade-lobby-divider:before,.arcade-lobby-divider:after{background:var(--glass-border);content:"";height:1px}.arcade-code-entry{grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;display:grid}#arcade-room-code,#arcade-created-code{font-family:var(--font-mono);letter-spacing:.12em}.arcade-room-created{border:1px solid var(--accent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 12px;width:100%;margin-top:6px;padding:16px;display:grid}@supports (color:color-mix(in lab,red,red)){.arcade-room-created{border:1px solid color-mix(in srgb,var(--accent) 32%,var(--glass-border))}}.arcade-room-created{background:var(--accent);border-radius:16px}@supports (color:color-mix(in lab,red,red)){.arcade-room-created{background:color-mix(in srgb,var(--accent) 6%,var(--cell))}}.arcade-room-created>span,.arcade-room-created>small{color:var(--text-muted);font-size:.68rem}.arcade-room-created>strong{color:var(--text);grid-row:2;font-size:1.45rem}.arcade-room-created>button{grid-area:1/2/span 2}.arcade-room-created>small{grid-column:1/-1}.arcade-lobby-status{min-height:20px;color:var(--success);text-align:center;margin:2px 0 0}.arcade-lobby-status.is-error{color:var(--danger)}.arcade-hub-status{min-height:0;color:var(--text-muted);margin:0}.arcade-hub-status:empty{display:none}.arcade-hub-status.is-error{color:var(--danger)}.arcade-game-page{padding:calc(var(--safe-top) + clamp(12px,2vh,22px)) calc(var(--safe-right) + clamp(12px,2vw,22px)) calc(var(--safe-bottom) + clamp(12px,2vh,22px)) calc(var(--safe-left) + clamp(12px,2vw,22px));background:var(--bg);flex-direction:column;gap:0;display:none;overflow:hidden}.arcade-game-page.active{display:flex}.arcade-frame-shell{background:var(--bg);border:0;border-radius:0;flex:auto;width:min(100%,900px);min-height:0;margin:0 auto;position:relative;overflow:hidden}.arcade-game-frame{background:var(--bg);border:0;width:100%;height:100%;display:block}.arcade-frame-loading{background:var(--bg);color:var(--text-muted);justify-content:center;align-items:center;gap:10px;font-size:.74rem;display:flex;position:absolute;inset:0}.arcade-loader-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 7px var(--accent);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.arcade-loader-dot{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 13%,transparent)}}.arcade-loader-dot{animation:1s ease-in-out infinite alternate arcadeLoaderPulse}@keyframes arcadeLoaderPulse{to{opacity:.55;transform:scale(.65)}}.arcade-opponent-progress{z-index:4;color:#f2f7f3b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040806e0;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:9px;padding:9px 11px;font-size:.62rem;display:grid;position:absolute;top:10px;left:10px;right:10px}.arcade-opponent-progress>div{background:#ffffff1a;border-radius:999px;height:5px;overflow:hidden}.arcade-opponent-progress i{border-radius:inherit;background:var(--accent);width:0;height:100%;transition:width .25s;display:block}.arcade-result-banner{z-index:5;color:#f2f7f3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050a07f0;border:1px solid #ffffff24;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 14px;padding:15px;display:grid;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 18px 50px #00000073}.arcade-result-banner strong,.arcade-result-banner span{grid-column:1}.arcade-result-banner strong{font-size:.88rem}.arcade-result-banner span{color:#f2f7f3a3;font-size:.68rem}.arcade-result-banner button{grid-area:1/2/span 2}@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{width:auto;height:calc(62px + var(--safe-bottom));padding:4px max(8px,var(--safe-right)) max(4px,var(--safe-bottom)) max(8px,var(--safe-left));box-shadow:0 -1px 12px var(--nav-shadow);border-width:1px 0 0;border-radius:0;gap:0;bottom:0;left:0;right:0}@supports (color:color-mix(in lab,red,red)){.app-nav{box-shadow:0 -1px 12px color-mix(in srgb,var(--nav-shadow) 32%,transparent)}}.app-nav{-webkit-backdrop-filter:blur(22px)saturate(1.2)}.app-nav-item{border-radius:13px;gap:2px;min-width:0;min-height:54px;padding:5px 2px}.app-nav-item.is-active{background:0 0}.app-nav-item.is-active .app-nav-icon{background:var(--accent);border-radius:999px;width:36px}@supports (color:color-mix(in lab,red,red)){.app-nav-item.is-active .app-nav-icon{background:color-mix(in srgb,var(--accent) 12%,transparent)}}.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(76px + 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:repeat(2,minmax(0,1fr));gap:14px}#page-main .game-card{border-radius:20px;flex-direction:column;align-items:center;gap:9px;min-height:0;padding:0;display:flex}#page-main .game-card-art,#page-main .game-card-art-lottie{aspect-ratio:1;border-radius:20px;width:100%;height:auto}#page-main .game-card-lottie{width:76px;height:76px}#page-main .game-card-lottie:after{width:42px;height:42px}#page-main .game-card-title{font-size:.92rem}#page-main .game-card-sub{display:none}.hub-inner{justify-content:flex-start}.mode-list{grid-template-columns:1fr;gap:0}.mode-btn{min-height:60px;padding:8px 4px}#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}#page-room .room-social-nav-card{flex:1;min-width:0;min-height:44px}.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-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-identity,.profile-rating-band,.profile-section,.profile-section-xp,.profile-card-game,.profile-card-achievements,.profile-links{grid-column:1/-1;width:100%;min-height:0}.profile-identity{gap:14px;padding:14px 0 16px}.profile-section{border-radius:0;padding:16px 2px}.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(orientation:landscape)and (max-height:500px){#page-game{padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 10px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 10px);gap:8px}.game-header{border-radius:14px;align-items:center;min-height:54px;padding:7px 12px}.game-player{grid-template-rows:auto auto;grid-template-columns:28px minmax(72px,1fr) 8px;align-items:center;gap:0 8px;min-width:138px;display:grid}.game-icon{grid-area:1/1/span 2;width:28px;height:28px}.game-player-name,.game-player-score{text-align:left;grid-column:2}.game-player-name{max-width:120px;font-size:.74rem}.game-turn-indicator{grid-area:1/3/span 2;margin-top:0}#game-player-1{grid-template-columns:8px minmax(72px,1fr) 28px}#game-player-1 .game-icon{grid-column:3}#game-player-1 .game-player-name,#game-player-1 .game-player-score{text-align:right;grid-column:2}#game-player-1 .game-turn-indicator{grid-column:1}.game-center-info{gap:1px;padding-top:0}.board-wrapper{border-radius:14px;padding:6px}.arcade-lobby-inner{border-radius:18px;align-content:start;padding:18px}.arcade-game-page{padding:calc(8px + var(--safe-top)) calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left));gap:0}.arcade-frame-shell{border-radius:0}.arcade-result-banner{grid-template-columns:minmax(0,1fr);bottom:9px;left:9px;right:9px}.arcade-result-banner button{grid-area:auto/1;margin-top:6px}}@media(orientation:landscape)and (max-height:560px){.arcade-game-page{flex-direction:column;gap:0;display:none}.arcade-game-page.active{display:flex}.arcade-frame-shell{width:min(100%,900px);margin:0 auto}}@media(max-width:380px){.page{padding-right:calc(10px + var(--safe-right));padding-left:calc(10px + var(--safe-left))}.app-nav{left:0;right:0}.app-nav-label{font-size:.54rem}#page-main .game-card{min-height:0;padding:0}#page-main .game-card-art,#page-main .game-card-art-lottie{aspect-ratio:1;width:min(100%,86px);height:auto}#page-main .game-card-lottie{width:68px;height:68px}#page-main .game-picker,#app.has-app-nav #page-main .game-picker{gap:16px 8px}}.platform-native-shell .app-nav{display:none!important}.platform-native-shell #app.has-app-nav :is(#page-main,.tab-page,#page-room,#page-social-inbox){padding-bottom:0}@media(min-width:340px)and (max-width:899px){#page-social-rooms .room-chat-composer{grid-template-columns:auto minmax(120px,1fr) 44px}#page-social-rooms .room-chat-composer .room-social-action,#page-social-rooms .room-chat-composer .room-social-action.is-primary{width:44px;min-width:44px;height:44px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:899px){#page-social-rooms .room-chat-composer .room-challenge-fab,.social-surface .room-chat-composer .room-challenge-fab{border-radius:999px;width:auto;min-width:0;height:40px;padding:0 13px;font-size:.76rem}}.leaderboard-me-label{color:var(--text-muted)}@supports (color:color-mix(in lab,red,red)){.leaderboard-me-label{color:color-mix(in srgb,var(--text-muted) 72%,var(--text))}}.leaderboard-me-sub{color:var(--text)}.leaderboard-me-stats,.leaderboard-me-stats span{color:var(--text-muted)}.leaderboard-score,.leaderboard-podium-score,.leaderboard-me-primary span,.leaderboard-me-rank,.leaderboard-rank{font-family:var(--font)}.leaderboard-score{color:var(--text)}:root{--leaderboard-medal-second:#b9c2cf;--leaderboard-medal-third:#cd7f4a}.game-board.connect-board{border:1px solid var(--game)}@supports (color:color-mix(in lab,red,red)){.game-board.connect-board{border:1px solid color-mix(in srgb,var(--game) 30%,transparent)}}.game-board.connect-board{background:var(--game);border-radius:18px}@supports (color:color-mix(in lab,red,red)){.game-board.connect-board{background:color-mix(in srgb,var(--game) 10%,var(--cell))}}#page-result .page-heading{color:var(--result-heading,var(--text));letter-spacing:-.045em;text-shadow:var(--result-heading-glow,none);font-size:clamp(1.65rem,3vw,2.35rem)}#page-result #xp-bar-fill{background:var(--game)}#page-room .community-hub-search input,#page-social-rooms .community-hub-search input,#page-social-inbox .social-inbox-search input,.social-inbox-search input{box-shadow:none;background:0 0;border:0;border-radius:0}.profile-card-title{color:var(--text);letter-spacing:.04em;margin-bottom:10px;font-size:.78rem;font-weight:700}.profile-game-tabs{scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.profile-game-tab{scroll-snap-align:start}#page-social-rooms .room-chat-input,.social-surface .room-chat-input,#page-room .room-chat-input{height:auto;min-height:44px;font-family:var(--font);resize:none;padding:11px 14px;font-size:16px;line-height:22px;display:block;overflow-y:hidden}#page-social-rooms .room-chat-composer,.social-surface .room-chat-composer{align-items:end}#page-social-rooms .social-typing{right:0;bottom:calc(var(--social-composer-height) + var(--safe-bottom) + 2px);z-index:4;width:min(100%,680px);padding:0 max(14px,var(--safe-left));color:var(--text-muted);font-family:var(--font);pointer-events:none;margin:0 auto;font-size:.7rem;font-weight:600;position:fixed;left:0}#page-social-rooms .social-typing.hidden{display:none}#page-social-rooms .room-chat-text,.social-surface .room-chat-text,#page-room .room-chat-text{white-space:pre-wrap;overflow-wrap:anywhere}.platform-native #page-social-rooms .social-page-header>#btn-social-rooms-back{display:none}.platform-native #page-social-rooms .social-page-header{padding-top:6px;padding-bottom:6px}#page-room .community-hub-search input,#page-social-inbox .social-inbox-search input,.community-hub-search input,.social-inbox-search input{font-size:16px;font-weight:600}#page-room .community-hub-search input:focus,#page-room .community-hub-search input:focus-visible,.community-hub-search input:focus,.social-inbox-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:0}#page-room .community-hub-search:focus-within .community-hub-search-icon{background:var(--accent)}.room-chat-topbar{display:none}@media(min-width:900px){#page-social-rooms .room-social-chat{grid-template-rows:auto auto minmax(0,1fr) auto auto}#page-social-rooms .room-chat-topbar{border-bottom:1px solid var(--glass-border);background:var(--glass);grid-row:1;grid-template-columns:38px minmax(0,1fr) 40px;align-items:center;gap:12px;min-height:64px;padding:0 20px;display:grid}#page-social-rooms .room-chat-topbar-avatar{border-radius:50%;place-items:center;width:38px;height:38px;font-size:.76rem;font-weight:750;display:grid}#page-social-rooms .room-chat-topbar-copy{gap:1px;min-width:0;display:grid}#page-social-rooms .room-chat-topbar-copy strong{color:var(--text);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700;overflow:hidden}#page-social-rooms .room-chat-topbar-copy small{color:var(--text-muted);font-size:.72rem;font-weight:500}#page-social-rooms .room-chat-topbar-action{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:1rem;display:grid}#page-social-rooms .room-chat-topbar-action:hover{background:var(--tint-2);color:var(--text)}#page-social-rooms .room-chat-log{grid-row:3;padding-top:16px}#page-social-rooms .room-reply-preview{grid-row:4}#page-social-rooms .room-chat-composer{grid-row:5;width:100%;position:relative;bottom:auto}#page-social-rooms .social-jump-latest,#page-social-rooms .social-typing,#page-social-rooms .social-command-suggestions{position:absolute}#page-social-rooms .social-jump-latest{bottom:92px;right:20px}#page-social-rooms .social-typing{bottom:78px;left:0;right:0}}#page-social-rooms .room-chat-log>:first-child{margin-top:auto}@media(min-width:900px){#page-social-rooms .social-page-header:after{content:none}#page-social-rooms .social-page-header{grid-template-rows:48px auto minmax(0,1fr)}}#page-social-rooms .room-chat-unread,.social-surface .room-chat-unread,#page-room .room-chat-unread{background:0 0;border:0;align-self:stretch;align-items:center;gap:10px;width:100%;max-width:none;margin:12px 0 6px;padding:0;display:flex}#page-social-rooms .room-chat-unread:before,#page-social-rooms .room-chat-unread:after,.social-surface .room-chat-unread:before,.social-surface .room-chat-unread:after{background:var(--accent);flex:auto;height:1px}@supports (color:color-mix(in lab,red,red)){#page-social-rooms .room-chat-unread:before,#page-social-rooms .room-chat-unread:after,.social-surface .room-chat-unread:before,.social-surface .room-chat-unread:after{background:color-mix(in srgb,var(--accent) 36%,transparent)}}#page-social-rooms .room-chat-unread:before,#page-social-rooms .room-chat-unread:after,.social-surface .room-chat-unread:before,.social-surface .room-chat-unread:after{content:""}#page-social-rooms .room-chat-unread span,.social-surface .room-chat-unread span,#page-room .room-chat-unread span{color:var(--accent);font-family:var(--font);letter-spacing:.04em;white-space:nowrap;font-size:.66rem;font-weight:750}#page-social-rooms .room-chat-reactions,.social-surface .room-chat-reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}#page-social-rooms .room-chat-reaction,.social-surface .room-chat-reaction{background:var(--tint-3);border-radius:999px;padding:1px 7px;font-size:.72rem;line-height:1.5}.overlay-box.settings-box{text-align:left;align-items:stretch;max-width:420px}.overlay-box.settings-box p{text-align:left}.settings-section{border-top:1px solid var(--line);flex-direction:column;gap:14px;width:100%;padding-top:18px;display:flex}.settings-section-title{font-family:var(--font-display);letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin:0;font-size:.7rem;font-weight:700}.settings-row{justify-content:space-between;align-items:flex-start;gap:14px;width:100%;display:flex}.settings-row-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.settings-row-text strong{color:var(--text);font-size:.95rem;font-weight:600}.settings-row-text small,.settings-block small{color:var(--muted);font-size:.78rem;line-height:1.45}.settings-row-meta{color:var(--muted);opacity:.85}.settings-row-meta:empty{display:none}.settings-row .toggle-switch{flex:none;margin-top:2px}.settings-block{flex-direction:column;gap:8px;width:100%;display:flex}.settings-block strong{color:var(--text);font-size:.95rem;font-weight:600}.settings-danger-action{border:1px solid var(--danger,#ff6b6b);border-radius:10px;width:100%;min-height:44px;padding:10px 14px}@supports (color:color-mix(in lab,red,red)){.settings-danger-action{border:1px solid color-mix(in srgb,var(--danger,#ff6b6b) 35%,transparent)}}.settings-danger-action{background:var(--danger,#ff6b6b)}@supports (color:color-mix(in lab,red,red)){.settings-danger-action{background:color-mix(in srgb,var(--danger,#ff6b6b) 10%,transparent)}}.settings-danger-action{color:var(--danger,#ff6b6b);cursor:pointer;font-size:.9rem;font-weight:600}.settings-danger-action.is-strong{letter-spacing:.4px;font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.room-chat-head{flex-direction:column;min-width:0;display:flex}.social-channel-chip{border:1px solid var(--tint-2,#ffffff14);min-height:32px;color:var(--muted);font-family:var(--font);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;line-height:1.1;display:inline-flex}.social-channel-chip.is-active{border-color:var(--game,var(--accent,var(--text)));background:var(--game,var(--accent,var(--text)));color:var(--bg,#06131f);font-weight:600}.social-channel-chip.is-area .social-channel-chip-label{font-family:var(--font-mono,monospace);letter-spacing:-.01em}.social-channel-chip-badge{background:var(--game,var(--accent,var(--text)));min-width:17px;height:17px;color:var(--bg,#06131f);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:.68rem;font-weight:700;display:inline-flex}.social-channel-chip.is-active .social-channel-chip-badge{color:inherit;background:#00000047}.profile-identity{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:4px 0 18px;display:grid}.profile-identity .profile-avatar-wrap{flex:none;position:relative}.profile-identity .profile-avatar{place-items:center;width:84px;height:84px;display:grid}.profile-identity-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.profile-identity .profile-title-display{margin:0;font-size:1.35rem;line-height:1.15}.profile-identity .profile-career-summary{color:var(--muted);margin:0;font-size:.82rem}.profile-identity .profile-name-row{align-items:center;gap:8px;margin-top:6px;display:flex}.profile-identity .profile-name-input{flex:auto;min-width:0}.profile-rating-band{border-top:1px solid var(--tint-2,#ffffff14);border-bottom:1px solid var(--tint-2,#ffffff14);grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:4px 10px;padding:14px 0;display:grid}.profile-rating-band .profile-rating-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);grid-column:1;font-size:.7rem}.profile-rating-band .profile-rating-value{grid-column:2;font-size:1.9rem;line-height:1}.profile-rating-band .profile-rating-delta{grid-column:3;font-size:.8rem}.profile-rating-band .profile-rating-meta{color:var(--muted);grid-column:1/-1;font-size:.74rem}.profile-section{border-bottom:1px solid var(--tint-2,#ffffff14);padding:18px 0}.profile-section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.profile-section-title{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.74rem;font-weight:600}.profile-links{flex-direction:column;padding:6px 0 24px;display:flex}.profile-link-row{border:0;border-bottom:1px solid var(--tint-2,#ffffff14);width:100%;min-height:56px;color:inherit;font-family:var(--font);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;display:flex}.profile-link-row:last-child{border-bottom:0}.profile-link-row .profile-leaderboard-chev{color:var(--muted);font-size:1.2rem}.community-join-row{align-items:stretch;gap:8px;display:flex}.community-join-row .room-chat-input{flex:auto;min-width:0}.community-paste-button{white-space:nowrap;flex:none;width:auto;min-height:44px;padding:0 16px}.community-clipboard-offer{border:1px solid var(--game,var(--accent,var(--text)));background:var(--accent,var(--text));border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.community-clipboard-offer{background:color-mix(in srgb,var(--accent,var(--text)) 10%,transparent)}}.community-clipboard-offer.is-hidden{display:none}.community-clipboard-text{color:var(--text);font-size:.86rem}.community-clipboard-actions{gap:8px;display:flex}.community-clipboard-actions .community-menu-item{flex:1 1 0;justify-content:center;min-height:44px}.community-invite-inbox.is-hidden{display:none}.community-invite-list{flex-direction:column;gap:8px;display:flex}.community-invite-row{border:1px solid var(--game,var(--accent,var(--text)));background:var(--accent,var(--text));border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.community-invite-row{background:color-mix(in srgb,var(--accent,var(--text)) 10%,transparent)}}.community-invite-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.community-invite-copy strong{overflow-wrap:anywhere;font-size:.95rem}.community-invite-copy small{color:var(--muted);overflow-wrap:anywhere;font-size:.78rem}.community-invite-actions{gap:8px;display:flex}.community-invite-actions .community-menu-item{flex:1 1 0;justify-content:center;min-height:44px}.community-invite-chooser{border-top:1px solid var(--tint-2,#ffffff14);flex-wrap:wrap;align-items:center;gap:6px;width:100%;margin-top:8px;padding-top:8px;display:flex}.community-invite-chooser small{color:var(--muted);flex:1 0 100%;font-size:.76rem}.social-delete-undo{padding:8px calc(14px + var(--safe-right,0px)) 8px calc(14px + var(--safe-left,0px));background:var(--tint-1,#ffffff0d);border-top:1px solid var(--tint-2,#ffffff14);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.84rem;display:flex}.social-delete-undo.hidden{display:none}.result-kicker{color:var(--accent);font-family:var(--font-display);letter-spacing:1.35px;text-transform:uppercase;font-size:.62rem;font-weight:900}.result-note{max-width:30ch;color:var(--text-muted);text-align:center;margin:0;font-size:.82rem;font-weight:700;line-height:1.4}.result-note.hidden{display:none}[data-outcome=win]{--result-heading:var(--success,#42d392);--result-heading-glow:0 0 26px #42d39273}[data-outcome=win] .result-kicker{color:var(--success,#42d392)}[data-outcome=loss]{--result-heading:var(--text);--result-heading-glow:none}[data-outcome=loss] .result-kicker{color:var(--text-muted)}[data-outcome=draw]{--result-heading:var(--text);--result-heading-glow:none}[data-outcome=draw] .result-kicker{color:var(--accent)}@keyframes tapxo-place-settle{0%{opacity:0;transform:scale(.34)}62%{opacity:1;transform:scale(1.09)}to{opacity:1;transform:scale(1)}}.cell.placed:not(.connect-cell)>svg{transform-origin:50%;animation:.25s cubic-bezier(.22,1,.36,1) both tapxo-place-settle}@keyframes tapxo-win-reveal{0%{box-shadow:inset 0 0 0 1px var(--accent);transform:scale(1)}55%{box-shadow:inset 0 0 0 3px var(--accent);transform:scale(1.07)}to{box-shadow:inset 0 0 0 2px var(--accent);transform:scale(1)}}.cell.win-cell{animation:.3s ease-out both tapxo-win-reveal;animation-delay:calc(var(--win-index,0) * 70ms)}.win-line-burst-layer{pointer-events:none;z-index:11000;position:fixed;inset:0}.win-line-spark{opacity:0;background:currentColor;border-radius:50%;width:7px;height:7px;animation:.62s ease-out forwards tapxo-line-spark;position:absolute}@keyframes tapxo-line-spark{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.35)}}.performance-lite .cell.placed:not(.connect-cell)>svg,.performance-lite .cell.win-cell{animation:none}.waiting-hint{color:var(--text);margin:6px 0 0}@supports (color:color-mix(in lab,red,red)){.waiting-hint{color:color-mix(in srgb,var(--text) 62%,transparent)}}.waiting-hint{font-size:.82rem;line-height:1.35}.waiting-hint:empty{display:none}.profile-account{border-top:1px solid var(--text);padding:16px 0 18px}@supports (color:color-mix(in lab,red,red)){.profile-account{border-top:1px solid color-mix(in srgb,var(--text) 12%,transparent)}}.profile-account-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0 0 4px;font-size:.78rem;font-weight:700}@supports (color:color-mix(in lab,red,red)){.profile-account-title{color:color-mix(in srgb,var(--text) 55%,transparent)}}.profile-account-body{flex-direction:column;gap:10px;display:flex}.profile-account-copy{color:var(--text);margin:0}@supports (color:color-mix(in lab,red,red)){.profile-account-copy{color:color-mix(in srgb,var(--text) 68%,transparent)}}.profile-account-copy{font-size:.9rem;line-height:1.4}.profile-account-who{margin:0;font-size:1rem;font-weight:700}.profile-account-row{align-items:center;gap:8px;display:flex}.profile-account-row .text-input{flex:auto;min-width:0}.profile-account-row .btn{flex:none}.profile-account-wide{box-sizing:border-box;width:100%}.profile-account-status{color:var(--text);margin:8px 0 0;font-size:.86rem;line-height:1.35}@supports (color:color-mix(in lab,red,red)){.profile-account-status{color:color-mix(in srgb,var(--text) 72%,transparent)}}.profile-account-status:empty{display:none}.settings-account{border-top:1px solid var(--text);flex-direction:column;gap:8px;margin:4px 0;padding:12px 0;display:flex}@supports (color:color-mix(in lab,red,red)){.settings-account{border-top:1px solid color-mix(in srgb,var(--text) 12%,transparent)}}.settings-account{border-bottom:1px solid var(--text)}@supports (color:color-mix(in lab,red,red)){.settings-account{border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent)}}.settings-account-who{color:var(--text);margin:0 0 2px;font-size:.86rem}@supports (color:color-mix(in lab,red,red)){.settings-account-who{color:color-mix(in srgb,var(--text) 70%,transparent)}}.tapxo-match-layer{z-index:90;padding:max(12px,env(safe-area-inset-top)) 12px 12px;pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:none;position:fixed;inset:0}.tapxo-match-layer.is-active{display:flex}.tapxo-match-layer.has-match{background:var(--bg);overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.tapxo-match-layer.has-match{background:color-mix(in srgb,var(--bg) 88%,transparent)}}.tapxo-match-layer.has-match{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tapxo-match-banner,.tapxo-match-panel{pointer-events:auto;width:min(560px,100%)}.tapxo-match-banner{border:1px solid var(--glass-border);background:var(--surface-2,var(--tint-3));border-radius:18px;align-items:center;gap:10px;padding:11px 14px;display:flex;box-shadow:0 12px 30px #00000047}.tapxo-match-banner-copy{flex-direction:column;flex:1;min-width:0;display:flex}.tapxo-match-banner-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.tapxo-match-banner-copy span{color:var(--text-muted);font-size:.78rem}.tapxo-match-banner .btn{flex:none;padding:7px 14px;font-size:.85rem}.tapxo-match-panel{border:1px solid var(--glass-border);background:var(--surface-2,var(--tint-3));border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.tapxo-match-head{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.tapxo-match-title{margin:0;font-size:1.05rem}.tapxo-match-players{align-items:center;gap:10px;font-size:.88rem;display:flex}.tapxo-match-vs{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem}.tapxo-match-status{margin:0;font-size:.92rem;font-weight:600}.tapxo-match-board{grid-template-columns:repeat(var(--match-cols,3),1fr);background:var(--text);border-radius:18px;gap:4px;width:min(430px,100%);padding:6px;display:grid}@supports (color:color-mix(in lab,red,red)){.tapxo-match-board{background:color-mix(in srgb,var(--text) 8%,transparent)}}.tapxo-match-board[data-game=chess],.tapxo-match-board[data-game=checkers]{gap:0;padding:6px}.tapxo-match-cell{aspect-ratio:1;background:var(--text);border:0;border-radius:12px;justify-content:center;align-items:center;padding:0;display:flex}@supports (color:color-mix(in lab,red,red)){.tapxo-match-cell{background:color-mix(in srgb,var(--text) 6%,transparent)}}.tapxo-match-cell{color:var(--text);cursor:pointer;font-size:clamp(.9rem,5vw,1.7rem);line-height:1;transition:background .12s,transform .12s}.tapxo-match-board[data-game=chess] .tapxo-match-cell,.tapxo-match-board[data-game=checkers] .tapxo-match-cell{border-radius:0}.tapxo-match-cell:disabled{cursor:default}.tapxo-match-cell[data-owner="0"]{background:#52cfe34d}.tapxo-match-cell[data-owner="1"]{background:#e86ca84d}.tapxo-match-cell.is-selected{outline:2px solid var(--accent);outline-offset:-2px}.tapxo-match-cell.is-last-move{box-shadow:inset 0 0 0 2px var(--accent)}@supports (color:color-mix(in lab,red,red)){.tapxo-match-cell.is-last-move{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 70%,transparent)}}.tapxo-match-cell:not(:disabled):hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.tapxo-match-cell:not(:disabled):hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}}.tapxo-match-board[data-game=wordsearch] .tapxo-match-cell{border-radius:7px;font-size:clamp(.6rem,3vw,1rem);font-weight:700}.tapxo-match-words{flex-wrap:wrap;justify-content:center;gap:6px;max-width:min(430px,100%);display:flex}.tapxo-match-word{background:var(--text);border-radius:999px;padding:3px 9px}@supports (color:color-mix(in lab,red,red)){.tapxo-match-word{background:color-mix(in srgb,var(--text) 8%,transparent)}}.tapxo-match-word{letter-spacing:.06em;font-size:.72rem;font-weight:700}.tapxo-match-word.is-found{opacity:.72;background:#52cfe342;text-decoration:line-through}.tapxo-match-actions{align-items:center;gap:10px;display:flex}.tapxo-match-note{color:var(--text-muted);margin:0;font-size:.82rem}@media(prefers-reduced-motion:reduce){.tapxo-match-cell{transition:none}}.game-modes{flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 12px 2px;display:flex}.game-modes.is-online .game-mode-chip:not(.is-on){opacity:.45;pointer-events:none}.game-mode-chip{background:var(--tint-3);color:var(--text-muted);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:7px 14px;font-size:.82rem;line-height:1.2;transition:background .14s,color .14s,border-color .14s}.game-mode-chip:hover{color:var(--text)}.game-mode-chip.is-on{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.game-mode-chip.is-on{background:color-mix(in srgb,var(--accent) 20%,transparent)}}.game-mode-chip.is-on{color:var(--accent);font-weight:600}.game-mode-board{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.game-mode-chip{transition:none}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}:where(button,[href],input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:2px}[data-theme=playroom]{--text-muted:#5a6474;--nav-inactive:#5a6474}.noscript-note{color:#f5f7fa;max-width:560px;font-family:var(--font);margin:12vh auto 0;padding:24px;line-height:1.5}.noscript-note a{color:#6d8cff}.board-topbar{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;width:min(100%,900px);min-height:44px;margin:0 auto;display:grid}.board-back-button,.board-help-button,.conversation-menu-button{border:1px solid var(--glass-border);background:var(--glass);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:13px;place-items:center;padding:0;display:inline-grid}.board-back-button svg,.board-help-button svg,.conversation-menu-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.conversation-menu-button svg circle{fill:currentColor;stroke:none}.board-back-button:hover,.board-help-button:hover,.conversation-menu-button:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.board-back-button:hover,.board-help-button:hover,.conversation-menu-button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--glass-border))}}.board-title{color:var(--text);font-family:var(--font-display);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.05rem;font-weight:800;line-height:1.2;overflow:hidden}.board-title:focus{outline:none}.board-title:focus-visible{outline:3px solid var(--accent)}#page-game .game-topbar{flex:none}.game-mode-difficulty:before{content:"";opacity:.6;vertical-align:.08em;background:currentColor;border-radius:50%;width:.55em;height:.55em;margin-right:6px;display:inline-block}.game-mode-help{border-style:dashed;border-color:var(--glass-border)}button.cell{appearance:none;min-width:0;min-height:0;color:inherit;font:inherit;margin:0;padding:0}button.cell:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;z-index:1}.arcade-topbar{flex:none;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"back title help""modes modes modes";row-gap:6px;padding-bottom:6px}.arcade-topbar .board-back-button{grid-area:back}.arcade-topbar .board-title{grid-area:title}.arcade-topbar .board-help-button{grid-area:help}.arcade-topbar .arcade-modes{grid-area:modes;padding:0}.arcade-status{width:min(100%,900px);min-height:0;color:var(--text-muted);text-align:center;flex:none;margin:0 auto 4px;font-size:.85rem}.arcade-status:empty{display:none}.arcade-status.is-error{color:var(--danger)}#btn-arcade-online.is-searching{border-color:var(--accent);color:var(--accent)}button.main-coins{font:inherit;cursor:pointer}#page-main.is-first-session #daily-streak-card,#page-main.is-first-session #missions-card{display:none!important}.daily-puzzle-row{border:1px solid var(--glass-border);background:var(--glass);width:min(100%,520px);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;margin:18px auto 0;padding:10px 14px;display:grid}.daily-puzzle-row:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.daily-puzzle-row:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--glass-border))}}.daily-puzzle-icon{background:var(--accent);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}@supports (color:color-mix(in lab,red,red)){.daily-puzzle-icon{background:color-mix(in srgb,var(--accent) 16%,transparent)}}.daily-puzzle-icon{color:var(--accent)}.daily-puzzle-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.daily-puzzle-copy{gap:2px;min-width:0;display:grid}.daily-puzzle-copy strong{font-size:.95rem}.daily-puzzle-copy small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.daily-puzzle-state{color:var(--text-muted);font-size:1.3rem}.daily-puzzle-row.is-done .daily-puzzle-state{color:var(--success)}.pwa-ios-hint{border:1px solid var(--glass-border);background:var(--glass);width:min(100%,520px);color:var(--text-muted);border-radius:14px;margin:14px auto 0;padding:12px 40px 12px 14px;font-size:.85rem;line-height:1.45;position:relative}.pwa-ios-hint strong{color:var(--text)}.pwa-ios-share svg{fill:none;width:16px;height:16px;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}.pwa-ios-dismiss{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:1.2rem;position:absolute;top:6px;right:6px}dialog.overlay{width:100%;max-width:none;height:auto;max-height:none;color:inherit;border:0;margin:0}dialog.overlay[open]{display:flex}dialog.overlay.hidden{display:none}dialog.overlay::backdrop{background:0 0}.dialog-title{color:var(--text);font-family:var(--font-display);text-align:center;margin:0;font-size:1.1rem;font-weight:800}.dialog-title:focus{outline:none}.sheet-box{text-align:left;clip-path:none;border-radius:18px;align-items:stretch;max-width:440px}.sheet-summary{color:var(--text-muted);margin:0;line-height:1.5}.sheet-summary:empty{display:none}.sheet-steps,.sheet-tips{color:var(--text);gap:8px;margin:0;padding-left:1.3em;line-height:1.45;display:grid}.sheet-tips{color:var(--text-muted);font-size:.9rem;list-style:outside}.sheet-steps li::marker{color:var(--accent);font-weight:800}.rewards-list{gap:4px;margin:0;display:grid}.rewards-list dt{color:var(--text);margin-top:8px;font-weight:800}.rewards-list dd{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.45}.rewards-inline-value{color:var(--text-muted);font-weight:600}.choice-options{gap:8px;display:grid}.choice-option{border:1px solid var(--glass-border);background:var(--tint-2);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;gap:2px;padding:12px 14px;display:grid}.choice-option:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.choice-option:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--glass-border))}}.choice-option.is-current{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.choice-option.is-current{background:color-mix(in srgb,var(--accent) 14%,transparent)}}.choice-option.is-danger .choice-option-label{color:var(--danger)}.choice-option-label{font-weight:700}.choice-option-detail{color:var(--text-muted);font-size:.85rem}.btn.btn-link,.btn-link{box-shadow:none;color:var(--accent);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 4px;font-size:.88rem;font-weight:700;text-decoration:underline}.profile-rewards-link{margin-left:auto;padding:0}.theme-chip .theme-chip-name{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.friends-page{gap:14px}.friends-body{gap:14px;width:100%;display:grid}.friends-panel{border:1px solid var(--glass-border);background:var(--glass);border-radius:16px;gap:10px;width:100%;padding:14px;display:grid}.friends-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.friends-section-title{color:var(--text);align-items:center;gap:8px;margin:0;font-size:.98rem;font-weight:800;display:flex}.friends-count{background:var(--tint-3);min-width:22px;color:var(--text-muted);text-align:center;border-radius:999px;padding:1px 7px;font-size:.75rem}.friends-copy{color:var(--text-muted);margin:0;line-height:1.5}.friends-code-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.friends-my-code{color:var(--text);font-family:var(--font-mono);letter-spacing:.08em;margin-right:auto;font-size:1.15rem}.friends-add-form{gap:6px;display:grid}.friends-add-label{color:var(--text-muted);font-size:.85rem}.friends-add-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.friends-add-row .text-input{font-family:var(--font-mono);text-transform:uppercase}.friends-status{min-height:1.2em;color:var(--text-muted);margin:0;font-size:.85rem}.friends-status:empty{display:none}.friends-status.is-error{color:var(--danger)}.friends-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.friends-row{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 0;display:grid}.friends-row+.friends-row{border-top:1px solid var(--tint-2)}.friends-row-main{width:100%;min-height:52px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-column:1/-1;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 2px;display:grid}.friends-row-main:hover{background:var(--tint-2)}.friends-avatar{background:var(--accent);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.friends-avatar{background:color-mix(in srgb,var(--accent) 22%,var(--glass))}}.friends-avatar{color:var(--text);font-size:.85rem;font-weight:800}.friends-online-dot{border:2px solid var(--glass);background:var(--success);border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:0}.friends-row-copy{gap:2px;min-width:0;display:grid}.friends-row-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.friends-row-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.friends-row.has-unread .friends-row-name{color:var(--text)}.friends-row.has-unread .friends-row-sub{color:var(--text);font-weight:600}.friends-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.friends-unread{background:var(--accent);min-width:22px;color:var(--on-accent);text-align:center;border-radius:999px;padding:2px 7px;font-size:.75rem;font-weight:800}.friends-chevron{color:var(--text-muted);font-size:1.2rem}@media(max-width:420px){.friends-row{grid-template-columns:40px minmax(0,1fr)}.friends-row-actions{grid-column:1/-1;justify-content:flex-start;padding-left:50px}}#page-conversation.page{padding:0}#page-conversation.active{display:flex}.conversation-shell{width:min(100%,720px);height:100%;padding:calc(var(--safe-top) + 10px) calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 10px) calc(var(--safe-left) + 12px);flex-direction:column;margin:0 auto;display:flex}.conversation-topbar{border-bottom:1px solid var(--tint-2);flex:none;padding-bottom:8px;position:relative}.conversation-menu{z-index:5;border:1px solid var(--glass-border);background:var(--glass);border-radius:12px;min-width:180px;padding:6px;display:grid;position:absolute;top:52px;right:0;box-shadow:0 12px 30px #00000059}.conversation-menu button{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px}.conversation-menu button:hover{background:var(--tint-2)}.conversation-menu button.is-danger{color:var(--danger)}.conversation-request{background:var(--tint-2);color:var(--text-muted);border-radius:12px;flex:none;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;font-size:.88rem;display:flex}.conversation-request p{margin:0}.conversation-log{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:6px;min-height:0;margin:0;padding:12px 2px;list-style:none;display:flex;overflow-y:auto}.conversation-message{justify-items:start;gap:2px;max-width:82%;display:grid}.conversation-message.is-mine{align-self:flex-end;justify-items:end}.conversation-bubble{background:var(--tint-3);color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:16px 16px 16px 4px;padding:8px 12px;line-height:1.4}.conversation-message.is-mine .conversation-bubble{background:var(--accent);color:var(--on-accent);border-radius:16px 16px 4px}.conversation-message.is-deleted .conversation-bubble{opacity:.7;font-style:italic}.conversation-time{color:var(--text-muted);font-size:.7rem}.conversation-composer{border-top:1px solid var(--tint-2);flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding-top:8px;display:grid}.conversation-input{border:1px solid var(--glass-border);background:var(--glass);width:100%;min-height:44px;max-height:140px;color:var(--text);font:inherit;resize:none;border-radius:14px;padding:11px 14px;line-height:1.4}.conversation-status{min-height:0;color:var(--text-muted);flex:none;margin:4px 0 0;font-size:.82rem}.conversation-status:empty{display:none}.conversation-status.is-error{color:var(--danger)}#page-room .room-topbar{grid-template-columns:44px minmax(0,1fr) 44px;width:100%}#page-room .room-topbar .page-heading{text-align:center;margin:0}h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus,.page-heading[tabindex="-1"]:focus,.tab-page-title[tabindex="-1"]:focus{outline:none}#page-main #socket-status:empty{display:none}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@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}:root{--kit-ink: #071b42;--kit-navy: #0e1b36;--kit-yellow: #ffd52e;--kit-blue: #27a9df;--kit-font: var(--font, system-ui, sans-serif)}html,body,#app{background-color:var(--kit-navy)!important;background-image:radial-gradient(circle at 12% 4%,rgba(39,169,223,.22),transparent 28%),radial-gradient(circle at 90% 96%,rgba(255,159,28,.14),transparent 26%)!important}.page{background:transparent!important}.btn-primary,.btn-accent,.btn-secondary,.btn-ghost,.btn-small,.game-mode-chip,.btn-difficulty,.btn-board-size,.btn-connect-size,.arcade-back-button,.undo-fab{border:0 solid transparent!important;border-image-slice:30 fill!important;border-image-width:10px!important;border-image-repeat:stretch!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;font-weight:900!important;text-shadow:0 2px 0 var(--kit-ink);color:#fff!important;transition:transform 90ms ease,filter 90ms ease}.btn-primary:before,.btn-secondary:before,.btn-ghost:before,.game-mode-chip:before,.btn-board-size:before,.btn-connect-size:before,.btn-difficulty:before{display:none!important}.btn-primary,.btn-accent{border-image-source:url(../assets/cartoon-ui/button-yellow.png)!important;color:var(--kit-ink)!important;text-shadow:none}.btn-secondary,.game-mode-chip,.btn-difficulty,.btn-board-size,.btn-connect-size{border-image-source:url(../assets/cartoon-ui/button-blue.png)!important}.btn-ghost,.btn-small{border-image-source:url(../assets/cartoon-ui/button-navy.png)!important}.game-mode-chip.is-on,.btn-difficulty.active,.btn-board-size.active,.btn-connect-size.active{border-image-source:url(../assets/cartoon-ui/button-green.png)!important;color:#fff!important}.btn-primary,.btn-accent,.btn-secondary,.btn-ghost{min-height:48px}.game-mode-chip{min-height:40px;padding:8px 16px!important;font-size:.84rem!important}.btn-primary:not(:disabled):active,.btn-secondary:not(:disabled):active,.btn-ghost:not(:disabled):active,.game-mode-chip:active,.btn-difficulty:active,.btn-board-size:active,.btn-connect-size:active,.arcade-back-button:active,.undo-fab:active,.settings-fab:active{transform:translateY(2px);filter:brightness(.94)}.btn:disabled{filter:saturate(.4) brightness(.8)}.btn-primary,.btn-accent,.btn-secondary,.btn-ghost,.btn-small,.game-mode-chip,.btn-difficulty,.btn-board-size,.btn-connect-size{clip-path:none!important}.btn-board-size .bp-name,.btn-connect-size .bp-name,.btn-board-size .bp-info,.btn-connect-size .bp-info{color:#fff!important;-webkit-text-fill-color:#fff;text-shadow:0 2px 0 var(--kit-ink)!important}.btn-board-size .bp-info,.btn-connect-size .bp-info{opacity:.9}.settings-fab{border:0!important;border-radius:50%!important;background:url(../assets/cartoon-ui/icon-menu.png) center / contain no-repeat!important;box-shadow:none!important;color:transparent!important}.settings-fab svg{opacity:0}.arcade-back-button,.undo-fab{border-image-source:url(../assets/cartoon-ui/tile-blue.png)!important;border-image-slice:24 fill!important}.arcade-back-button{width:44px;height:44px;color:transparent!important;text-shadow:none;font-size:0!important;position:relative}.arcade-back-button:after{content:"";position:absolute;inset:11px 13px;background:url(../assets/cartoon-ui/icon-back.png) center / contain no-repeat}.game-card,.mode-btn,.level-cell,.game-player,.missions-card,.daily-streak-card,.xp-reward,.result-ad-bonus-card{border:0 solid transparent!important;border-image:url(../assets/cartoon-ui/tile-navy.png) 24 fill / 12px stretch!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important}.game-card:before,.mode-btn:before{display:none!important}.game-card:hover,.mode-btn:hover{transform:translateY(-2px)}.game-card:active,.mode-btn:active{transform:translateY(2px)}.mode-btn{border-image-source:url(../assets/cartoon-ui/button-blue.png)!important;border-image-slice:30 fill!important}.game-card{padding:8px!important}.game-card-art{border-radius:10px!important;box-shadow:none!important}.game-card-title,.mode-btn-title,.game-player-name{color:#fff!important;text-shadow:0 2px 0 var(--kit-ink);font-weight:900!important}.game-card-sub,.mode-btn-sub{color:#bfe6ff!important}.mode-btn-icon{background:url(../assets/cartoon-ui/badge-hex.png) center / contain no-repeat!important;border:0!important;color:#fff!important}.game-player{padding:10px 8px!important}.game-player:has(.game-turn-indicator.active){border-image-source:url(../assets/cartoon-ui/tile-blue.png)!important}.game-player:has(.game-turn-indicator.active) .game-player-name{color:#fff!important}.game-player-score{color:#bfe6ff!important}.level-cell.current{border-image-source:url(../assets/cartoon-ui/tile-blue.png)!important}.level-cell.locked{position:relative}.level-cell.locked:after{content:"";position:absolute;right:8px;top:8px;width:16px;height:22px;background:url(../assets/cartoon-ui/lock.png) center / contain no-repeat}.app-wordmark,.hub-title,.page-heading{color:var(--kit-yellow)!important;-webkit-text-fill-color:var(--kit-yellow);text-shadow:0 3px 0 var(--kit-ink),0 5px 0 rgba(0,0,0,.2)!important;filter:none!important;font-weight:900!important}.home-eyebrow,.hub-sub{color:#a9e9ff!important;font-weight:900}.main-coins .coin-icon{display:none}.main-coins:before{content:"";width:20px;height:20px;background:url(../assets/cartoon-ui/coin.png) center / contain no-repeat}#result-heading{display:grid;place-items:center;width:min(100%,340px);aspect-ratio:775 / 208;margin-inline:auto;padding:0 18% 5%;background:url(../assets/cartoon-ui/ribbon-orange.png) center / contain no-repeat;color:#fff!important;-webkit-text-fill-color:#fff;font-size:clamp(1.1rem,5vw,1.5rem)!important;line-height:1;white-space:nowrap}.ladder-stars span,.level-cell-stars i{display:inline-block;width:1.2em;height:1.2em;color:transparent!important;background:url(../assets/cartoon-ui/star-empty.png) center / contain no-repeat}.ladder-stars span.on,.level-cell-stars i.on{background-image:url(../assets/cartoon-ui/star.png)}#page-game .board-frame{--fw: calc(var(--board-w, 300px) / .85);position:relative;isolation:isolate;box-sizing:border-box;width:var(--fw);padding:calc(var(--fw) * .27) calc(var(--fw) * .075) calc(var(--fw) * .115);filter:drop-shadow(0 12px 14px rgba(0,0,0,.35))}#page-game .board-frame:before{content:"";position:absolute;inset:0;z-index:-1;background:url(../assets/cartoon-ui/board-frame-top.png) top / 100% auto no-repeat,url(../assets/cartoon-ui/board-frame-bottom.png) bottom / 100% auto no-repeat,url(../assets/cartoon-ui/board-frame-mid.png) 0 calc(var(--fw) * .252) / 100% calc(100% - var(--fw) * .451) no-repeat}#page-game .board-frame:after{position:absolute;top:calc(var(--fw) * .066);left:50%;max-width:calc(var(--fw) * .36);overflow:hidden;transform:translate(-50%,-50%);color:#fff;font:900 calc(var(--fw) * .05)/1.1 var(--kit-font);text-shadow:0 2px 0 var(--kit-ink);white-space:nowrap;pointer-events:none}#page-game[data-game=tictac] .board-frame:after{content:"Tic-Tac-Toe"}#page-game[data-game=connect] .board-frame:after{content:"Connect Four";font-size:calc(var(--fw) * .044)}#page-game .board-frame .game-board{box-sizing:border-box;filter:none}#page-game .board-frame .game-board{border:0 solid transparent!important;border-image:url(../assets/cartoon-ui/tile-blue.png) 24 fill / calc(var(--board-w) * .035) stretch!important;background:none!important;box-shadow:none!important;padding:calc(var(--board-w) * .035)!important}#page-game[data-game=tictac] .game-board{gap:calc(var(--board-w) * .025)!important}#page-game[data-game=tictac] .cell{border:0!important;border-radius:18%!important;background:var(--kit-ink)!important}#page-game[data-game=tictac] .cell:not(.placed):hover{background:#16306a!important}#page-game[data-game=connect] .cell.connect-cell{background:var(--kit-ink)!important}#page-game[data-game=connect] .cell.connect-cell:not(.placed):hover{background:#16306a!important}.profile-async-inbox,.profile-shop,.profile-social-features{grid-column:span 4;min-width:0}.profile-social-features .profile-account-row{width:100%;align-items:stretch;margin:10px 0}.profile-social-features .profile-account-row .text-input{min-width:0;flex:1 1 12rem}.profile-social-features .profile-account-row .btn{flex:0 1 auto;white-space:nowrap}.profile-social-features .btn,.profile-shop .btn{max-width:100%}@media(max-width:760px){.profile-async-inbox,.profile-shop,.profile-social-features{grid-column:1 / -1;width:100%}}@media(prefers-reduced-motion:reduce){.btn,.game-mode-chip,.game-card,.mode-btn{transition:none!important}}.open-games{margin-top:14px}.open-games-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0 solid transparent;border-image:url(../assets/cartoon-ui/tile-navy.png) 24 fill / 10px stretch}.open-games-row+.open-games-row{margin-top:8px}.open-games-copy{display:grid;flex:1 1 auto;min-width:0;gap:2px}.open-games-copy strong{color:#fff;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.open-games-copy span{color:#bfe6ff;font-size:.8rem}.open-games-row .btn{flex:0 0 auto;min-height:40px}.waiting-bar{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:900;display:flex;align-items:center;gap:10px;width:min(calc(100vw - 24px),560px);padding:10px 12px;transform:translate(-50%);border:0 solid transparent;border-image:url(../assets/cartoon-ui/tile-blue.png) 24 fill / 10px stretch;color:#fff}.waiting-bar.hidden{display:none}.waiting-bar-spinner{flex:0 0 auto;width:20px;height:20px;margin:0}.waiting-bar-copy{display:grid;flex:1 1 auto;min-width:0;gap:2px}.waiting-bar-copy strong{font-weight:900;text-shadow:0 2px 0 var(--kit-ink)}.waiting-bar-copy span{font-size:.78rem;opacity:.9}.waiting-bar .btn{flex:0 0 auto;min-height:38px}.tapxo-match-layer.has-match{background:var(--kit-navy)!important;backdrop-filter:none!important}.tapxo-match-panel,.tapxo-match-banner{border:0 solid transparent!important;border-image:url(../assets/cartoon-ui/tile-navy.png) 24 fill / 14px stretch!important;background:none!important;box-shadow:none!important;color:#fff}.tapxo-match-title,.tapxo-match-status,.tapxo-match-player,.tapxo-match-banner-copy strong{color:#fff!important;font-weight:900!important;text-shadow:0 2px 0 var(--kit-ink)}.tapxo-match-title{font-size:1.25rem!important;color:var(--kit-yellow)!important}.tapxo-match-vs,.tapxo-match-banner-copy span,.tapxo-match-note{color:#bfe6ff!important}.tapxo-match-board{border:0 solid transparent!important;border-image:url(../assets/cartoon-ui/tile-blue.png) 24 fill / 12px stretch!important;background:none!important;padding:12px!important;gap:6px!important}.tapxo-match-cell{background:var(--kit-ink)!important;border-radius:10px!important;color:#fff!important;font-weight:900!important;opacity:1!important}.tapxo-match-cell[data-owner="0"]{background:var(--kit-yellow)!important;color:var(--kit-ink)!important}.tapxo-match-cell[data-owner="1"]{background:#ff6f9f!important}.tapxo-match-cell:not(:disabled):hover{background:#16306a!important}.tapxo-match-cell.is-last-move{box-shadow:inset 0 0 0 3px var(--kit-yellow)!important}.tapxo-match-cell.is-selected{outline:3px solid var(--kit-yellow)!important}.tapxo-match-board[data-game=chess],.tapxo-match-board[data-game=checkers]{gap:0!important}.tapxo-match-board[data-game=chess] .tapxo-match-cell,.tapxo-match-board[data-game=checkers] .tapxo-match-cell{border-radius:0!important;background:#f4e8c2!important;color:var(--kit-ink)!important}.tapxo-match-board[data-game=wordsearch] .tapxo-match-cell{background:#f7f8e9!important;color:#273522!important}.tapxo-match-word{background:var(--kit-ink)!important;color:#fff!important}.tapxo-match-word.is-found{background:#3aa845!important}#result-kicker{display:none!important}