@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-italic-B5xAaiFk.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-italic-DzZdc28x.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-italic-DcOpz6Lw.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-italic-CILZdfAp.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-italic-K3WlGtc8.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-italic-0pjOp8NU.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-italic-DpCbqKDY.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/roboto-mono-cyrillic-ext-wght-normal-BUDPrIko.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/roboto-mono-cyrillic-wght-normal-HUlVHixE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/roboto-mono-greek-wght-normal-BJJTbwTT.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/roboto-mono-vietnamese-wght-normal-DlC-zuDL.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/roboto-mono-latin-ext-wght-normal-QAYlOegK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/roboto-mono-latin-wght-normal-CZtBPCCa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--control-color-scheme:dark;color-scheme:var(--control-color-scheme);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--page-max-width:1180px;--page-gutter:clamp(16px, 2.6vw, 36px);--page-section-gap:clamp(20px, 2.8vw, 32px);--color-page-top:#11192b;--color-page-bottom:#090f1c;--color-panel:#10192de0;--color-panel-strong:#10182b;--color-panel-deep:#070c16;--color-nav:#080d18e0;--color-border:#9db0cf2e;--color-border-strong:#d9e4f72b;--color-input-border:#b7c9e738;--color-text:#e7edf7;--color-heading:#f8fafc;--color-muted:#b8c5d9;--color-subtle:#8797af;--color-primary:#315be8;--color-primary-hover:#2447c2;--color-primary-soft:#9cbcff;--color-primary-pale:#cedbff;--color-cyan:#168aa1;--color-cyan-bright:#52c7e8;--color-success:#86efac;--color-warning:#facc15;--color-danger:#fca5a5;--color-market-yes:#2ad8a2;--color-market-no:#ff5a69;--color-rating-blitz:#ff5252;--color-rating-hyper:#5688ff;--color-rating-bullet:#09bdd7;--color-rating-graph-blitz:#ff5263;--color-rating-graph-bullet:#e879f9;--color-rating-graph-hyper:#6790ff;--color-rating-graph-atomic960:#22cda2;--color-calendar-monthly:#aa8cff;--color-on-primary:#eff6ff;--color-on-elevated:#f5f7fb;--color-player-white:#f4f6f8;--color-player-black:#171c25;--color-gold:#f5c26b;--color-accent-warm:#f2c873;--color-accent-warm-strong:#f0b553;--color-surface-soft:#0206172e;--color-surface-soft-strong:#02061747;--color-surface-elevated:#0f172ab8;--color-surface-elevated-strong:#0f172aeb;--color-surface-inset:#94a3b814;--color-surface-inset-strong:#94a3b81a;--color-panel-soft:var(--color-surface-soft);--color-surface:var(--color-surface-elevated);--color-text-muted:var(--color-muted);--color-accent-soft-bg:#0e749029;--color-accent-soft-bg-strong:#0e749033;--color-accent-soft-border:#94a3b847;--color-accent-soft-text:#ecfeff;--color-success-soft-bg:#15803d24;--color-danger-soft-bg:#dc26261f;--color-warning-soft-bg:#f5c26b1a;--color-warning-soft-border:#f5c26b33;--color-table-head:#94a3b814;--color-table-hover:#93c5fd14;--color-table-divider:#9db0cf1a;--color-overlay:#0f172a8a;--color-overlay-strong:#0f172af2;--color-modal-bg:#0f172a8a;--color-glass-border:#94a3b82e;--color-primary-ring:#9cbcffb8;--radius-sm:6px;--radius-ui:10px;--radius-lg:16px;--control-height-touch:44px;--shadow-panel:0 22px 52px #01050e52;--shadow-soft:0 12px 28px #01050e3d;--shadow-strong:0 28px 72px #0006;--nav-height:64px;--page-shell-min-height:calc(100vh - var(--nav-height));--page-shell-min-height-dynamic:calc(100svh - var(--nav-height));--page-shell-padding:max(var(--page-gutter), env(safe-area-inset-top)) max(var(--page-gutter), env(safe-area-inset-right)) max(calc(var(--page-gutter) + 2px), env(safe-area-inset-bottom)) max(var(--page-gutter), env(safe-area-inset-left));--page-background:radial-gradient(ellipse 70% 44% at 12% 6%, #315be833, transparent 100%), radial-gradient(ellipse 58% 38% at 88% 0%, #168aa124, transparent 100%), linear-gradient(180deg, var(--color-page-top) 0%, var(--color-page-bottom) 100%);--site-background:var(--page-background);--site-background-size:auto;--brand-wordmark-gradient:linear-gradient(180deg, #fff 0%, var(--color-primary-pale) 100%);--brand-wordmark-color:var(--color-heading);--brand-wordmark-shadow:0 0 18px #93c5fd2e;--brand-mark-bg:linear-gradient(145deg, color-mix(in srgb, var(--color-primary) 18%, var(--color-panel-deep)), var(--color-panel-deep));--brand-mark-border:color-mix(in srgb, var(--color-primary-soft) 58%, transparent);--brand-mark-color:#8cecf5;--brand-mark-shadow:0 0 0 1px #ffffff14 inset, 0 8px 18px color-mix(in srgb, var(--color-primary) 24%, transparent);--nav-shadow:none;--dropdown-panel-bg:var(--color-panel-strong)}:root[data-theme=light]{--control-color-scheme:light;--color-page-top:#f7f9fc;--color-page-bottom:#edf2f8;--color-panel:#ffffffe6;--color-panel-strong:#fff;--color-panel-deep:#d4deec;--color-nav:#f9fbffe6;--color-border:#3c52742e;--color-border-strong:#3c52743d;--color-input-border:#3c527447;--color-text:#1c2a41;--color-heading:#111d31;--color-muted:#465a78;--color-subtle:#5e728f;--color-primary:#2c58d8;--color-primary-hover:#2048bc;--color-primary-soft:#315fd6;--color-primary-pale:#244fbf;--color-cyan:#0e7c79;--color-cyan-bright:#08788e;--color-success:#15803d;--color-warning:#a86d00;--color-danger:#dc2626;--color-market-yes:#087a5d;--color-market-no:#d92f45;--color-rating-blitz:#d92727;--color-rating-hyper:#2859df;--color-rating-bullet:#00849e;--color-rating-graph-blitz:#cf3042;--color-rating-graph-bullet:#a83bbd;--color-rating-graph-hyper:#2f5fd6;--color-rating-graph-atomic960:#087f68;--color-calendar-monthly:#6946bd;--color-on-primary:#eff6ff;--color-on-elevated:#142033;--color-gold:#8f6500;--color-accent-warm:#d6a34c;--color-accent-warm-strong:#a86d00;--color-surface-soft:#ecf1f89e;--color-surface-soft-strong:#e3ebf6d6;--color-surface-elevated:#ffffffe0;--color-surface-elevated-strong:#fffffffa;--color-surface-inset:#92a1ba21;--color-surface-inset-strong:#92a1ba30;--color-accent-soft-bg:#0f8ea317;--color-accent-soft-bg-strong:#0f8ea324;--color-accent-soft-border:#4c5e7a38;--color-accent-soft-text:#124654;--color-success-soft-bg:#15803d1a;--color-danger-soft-bg:#dc26261a;--color-warning-soft-bg:#e8be7233;--color-warning-soft-border:#8f650038;--color-table-head:#94a3b824;--color-table-hover:#2a5bd714;--color-table-divider:#3c52741c;--color-overlay:#fffbf6b3;--color-overlay-strong:#fffcf9f5;--color-modal-bg:#fffaf5bd;--color-glass-border:#697b962e;--color-primary-ring:#2c58d875;--shadow-panel:0 22px 60px #8599b82e, 0 2px 0 #fff9 inset;--shadow-soft:0 14px 28px #8b9db82e;--shadow-strong:0 30px 80px #8b9db842;--page-background:radial-gradient(ellipse 70% 42% at 14% 0%, #315fd614, transparent 78%), linear-gradient(180deg, var(--color-page-top) 0%, var(--color-page-bottom) 100%);--site-background:var(--page-background);--site-background-size:auto;--brand-wordmark-gradient:linear-gradient(180deg, #07111f 0%, #123177 62%, #0b5264 100%);--brand-wordmark-color:#10265d;--brand-wordmark-shadow:none;--brand-mark-bg:linear-gradient(145deg, #eef4ff 0%, #e2f5f4 100%);--brand-mark-border:color-mix(in srgb, var(--color-primary) 26%, white);--brand-mark-color:#214bc0;--brand-mark-shadow:0 0 0 1px #ffffffb8 inset, 0 5px 12px color-mix(in srgb, var(--color-primary) 12%, transparent);--nav-shadow:0 10px 30px color-mix(in srgb, var(--color-muted) 8%, transparent);--dropdown-panel-bg:var(--color-panel-strong);--analysis-workspace-panel-strong:#f2f6fb;--analysis-workspace-panel-deep:#dfe7f1;--analysis-workspace-text:#17253a;--analysis-workspace-heading:#0b1729;--analysis-workspace-muted:#30445f;--analysis-workspace-subtle:#405776;--analysis-workspace-primary:#2854ca;--analysis-workspace-primary-hover:#1f45ad;--analysis-workspace-primary-soft:#3158b9;--analysis-workspace-primary-pale:#234aa9;--analysis-workspace-cyan:#0d7478;--analysis-workspace-cyan-bright:#076d80}:root[data-theme=amethyst]{--color-page-top:#281631;--color-page-bottom:#100a18;--color-panel:#24142fe6;--color-panel-strong:#281832;--color-panel-deep:#110a18;--color-nav:#120a19e6;--color-border:#e0aeeb33;--color-border-strong:#f6caf43d;--color-input-border:#e7beef47;--color-text:#f1e8f4;--color-heading:#fff7fd;--color-muted:#d5bedc;--color-subtle:#b597bd;--color-primary:#bd45c7;--color-primary-hover:#a437af;--color-primary-soft:#e58ce5;--color-primary-pale:#f5c8ef;--color-cyan:#a74db4;--color-cyan-bright:#ea8dd9;--color-accent-soft-bg:#bd45c72b;--color-accent-soft-bg-strong:#bd45c73d;--color-accent-soft-border:#e7a8e84d;--color-accent-soft-text:#fff1fc;--color-surface-soft:#16081d38;--color-surface-soft-strong:#16081d57;--color-surface-elevated:#2e1839c2;--color-surface-elevated-strong:#2e1839f0;--color-surface-inset:#dd9ce217;--color-surface-inset-strong:#dd9ce221;--color-table-head:#dd9ce217;--color-table-hover:#e880da1a;--color-table-divider:#e0aeeb1c;--color-overlay:#1f0d2794;--color-overlay-strong:#180a1ff5;--color-modal-bg:#1f0d279e;--color-glass-border:#e0aeeb33;--color-primary-ring:#e58ce5b8;--shadow-panel:0 22px 54px #0c031261;--shadow-soft:0 12px 30px #0c03124d;--shadow-strong:0 28px 74px #08020d7a;--page-background:radial-gradient(ellipse 70% 44% at 12% 6%, #bd45c73d, transparent 100%), radial-gradient(ellipse 58% 38% at 88% 0%, #eb5db929, transparent 100%), linear-gradient(180deg, var(--color-page-top) 0%, var(--color-page-bottom) 100%);--site-background:var(--page-background);--brand-wordmark-gradient:linear-gradient(180deg, #fff7fd 0%, #f0bfe9 100%);--brand-wordmark-shadow:0 0 18px #e880da38;--brand-mark-bg:linear-gradient(145deg, #4b2057, var(--color-panel-deep));--brand-mark-border:#e880da94;--brand-mark-color:#f0a5e5;--brand-mark-shadow:0 0 0 1px #ffffff14 inset, 0 8px 18px #bd45c747;--dropdown-panel-bg:var(--color-panel-strong)}:root{--font-sans:"Inter Variable", Inter, Arial, sans-serif;--font-brand:var(--font-sans);--font-mono:"Roboto Mono Variable", "Roboto Mono", monospace;--text-sm:12px;--text-body:14px;--text-control:16px;--text-page-title:29px;--text-page-title-mobile:26px;--line-body:1.55;--link-color:var(--color-primary-soft);--link-hover-color:var(--color-primary-pale);font-family:var(--font-sans);font-synthesis:none;font-variant-numeric:tabular-nums;color:var(--color-text);background:var(--color-page-top);-webkit-text-size-adjust:100%}a{color:var(--link-color)}a:hover,a:focus-visible{color:var(--link-hover-color)}.timeControlValue{letter-spacing:.045em;font-variant-numeric:tabular-nums}:where(.sitePage){width:min(var(--site-page-max-width,var(--page-max-width)), 100%);min-height:var(--page-shell-min-height);min-height:var(--page-shell-min-height-dynamic);padding:var(--site-page-padding,var(--page-shell-padding));margin-inline:auto}:where(button,input,select,textarea,a):focus-visible{outline:3px solid var(--color-primary-ring);outline-offset:2px}:where(input,select,textarea){accent-color:var(--color-primary)}:where(input[type=search]){appearance:none}:where(input[type=search])::-webkit-search-cancel-button{appearance:none}:where(input[type=search])::-webkit-search-decoration{appearance:none}:where(input[type=number]){appearance:textfield}:where(input[type=number])::-webkit-inner-spin-button{appearance:none;margin:0}:where(input[type=number])::-webkit-outer-spin-button{appearance:none;margin:0}:where(select:not([multiple])){appearance:none;color-scheme:var(--control-color-scheme);background-image:linear-gradient(45deg, transparent 50%, var(--color-subtle) 50%), linear-gradient(135deg, var(--color-subtle) 50%, transparent 50%)!important;background-position:calc(100% - 13px),calc(100% - 8px)!important;background-repeat:no-repeat!important;background-size:5px 5px!important;padding-inline-end:30px!important}:where(select:not([multiple]):not(:disabled)){cursor:pointer}:where(select:disabled){cursor:not-allowed}:where(input,select,textarea)::placeholder{color:var(--color-subtle);opacity:.9}:where(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.analysisPanel,.puzzleQueueGate,.puzzleEditor,.puzzleQueueList,.puzzleReviewEditor{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.solutionOptionsHeader,.profileBestMonthRanksHeader,.puzzleEditorFields .puzzleEditorFieldHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.analysisFilterGroup,.analysisPlayerSettings,.analysisOpponentField,.analysisDateFilters label,.analysisRatingSlider,.practiceSettingGroup{gap:4px;min-width:0;display:grid}.methodologyIconHeading,.paginationJumpLabel,.practiceExplorerActions{align-items:center;gap:8px;display:inline-flex}.usernamePickerSelectedHeader span,.usernamePickerSelectedHeader small,.usernamePickerSelectedChip>span,.practiceStatus strong,.practiceExplorerPlayerLabel>span,.practiceExplorerPlayerLabel>small,.practicePlayerChip>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.usernamePickerSelectedUsers,.practicePlayerChipList{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.usernamePickerSelectedChip,.practicePlayerChip{border:1px solid color-mix(in srgb, var(--color-primary) 34%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 16%, var(--color-panel-strong));max-width:100%;min-height:28px;color:var(--color-heading);border-radius:999px;align-items:center;gap:6px;padding:0 4px 0 9px;font-size:12px;font-weight:650;display:inline-flex}.usernamePickerSelectedChip button,.practicePlayerChip button{width:22px;height:22px;color:color-mix(in srgb, var(--color-heading) 72%, transparent);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.h2hSearchGrid input,.h2hFilterGrid input,.h2hFilterGrid select,.matchFilterGrid select,.matchFilterGrid input[type=text],.matchFilterGrid input[type=date]{border:1px solid var(--color-input-border);background:var(--color-surface-elevated-strong);width:100%;min-width:0;min-height:42px;color:var(--color-text);border-radius:8px;padding:10px 12px;font-size:16px}.practiceCheckbox input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;margin:0}.copyPgnCheck,.practiceCopyPgnCheck{color:#49d17d;font-size:14px;font-weight:650;line-height:1}.puzzleDashboardShell,.puzzleSetsShell{gap:16px;width:min(720px,100%);margin:0 auto;display:grid}.puzzleEditorPlayback,.puzzleQueueSubmitRow,.puzzleReviewActions,.puzzleReviewMeta,.dashboardAttemptsTitleRow,.dashboardAttemptsPager{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.commentsHeader>div:first-child>span{color:var(--color-primary-soft);letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:650}.matchVersus,.rangeFilter>label,.sourceFilterGroup>.statusLabel{color:var(--color-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:650}.solutionOptionList,.moveList{flex-wrap:wrap;gap:7px;display:flex}.h2hModeFilterGroup,.profileMatchFilters .rangeFilter,.profileMatchFilters .sourceFilterGroup{background:0 0;border:0;padding:0}.h2hMatchTableRow,.expandableMatchRow{transition:background .14s,box-shadow .14s}.h2hMatchTableRow:hover,.profileFavoriteOpponentsTable .profileFavoriteOpponentRow:hover{background:var(--color-accent-soft-bg)}.h2hMatchDetails .matchCardPlayerStats>div,.matchDetailsInner .matchCardPlayerStats>div{background:0 0;border:0;border-radius:0;padding:0}.homePrimaryCta,.analysisPrimaryButton{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.playerProfilePanel .analyzeButton,.matchFilterSearch,.recentMatchesPanel .analyzeButton{background:var(--color-primary);border-color:var(--color-primary);min-height:42px;color:var(--color-on-primary);border-radius:8px;font-weight:650}.primaryActionButton{border:1px solid color-mix(in srgb, var(--color-primary-soft) 34%, var(--color-primary));border-radius:var(--radius-ui);background:linear-gradient(180deg, #ffffff1c, transparent 58%), linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 80%, var(--color-cyan)));min-height:42px;color:var(--color-on-primary);font-size:var(--text-control);cursor:pointer;box-shadow:0 1px 0 #ffffff2e inset, 0 8px 18px color-mix(in srgb, var(--color-primary) 18%, transparent);justify-content:center;align-items:center;gap:9px;padding:10px 16px;font-weight:650;line-height:1;text-decoration:none;transition:background .14s,border-color .14s,box-shadow .14s,transform 90ms;display:inline-flex}.primaryActionButton:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-primary-soft) 52%, var(--color-primary));background:linear-gradient(180deg, #ffffff26, transparent 58%), linear-gradient(135deg, var(--color-primary-hover), color-mix(in srgb, var(--color-primary) 68%, var(--color-cyan-bright)));box-shadow:0 1px 0 #ffffff38 inset, 0 11px 22px color-mix(in srgb, var(--color-primary) 24%, transparent);transform:translateY(-1px)}.primaryActionButton:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px #ffffff24}.primaryActionButton:focus-visible{box-shadow:0 0 0 3px var(--color-primary-ring), 0 8px 18px color-mix(in srgb, var(--color-primary) 20%, transparent);outline:none}.primaryActionButton:disabled{opacity:.55;cursor:not-allowed;transform:none}.primaryActionButton svg{flex:none;width:12px;height:12px}.profileMatchFilterFooter .sourceFilterSourceCheck,.sourceFilterSourceCheck{background:0 0;border:0;padding:0 4px}.dashboardAttemptRow:hover{border-color:var(--color-accent-soft-border);background:color-mix(in srgb, var(--color-surface-elevated) 72%, transparent);transform:translateY(-1px)}.rankingOpeningTag:hover,.rankingOpeningTag:focus-visible,.rankingOpeningTag.active,.usersOpeningTag:hover,.usersOpeningTag:focus-visible,.usersOpeningTag.active{border-color:var(--color-primary-soft);background:var(--color-panel-strong);color:var(--color-primary-pale)}.puzzleCommentList,.puzzleCommentReplies,.matchGamesList,.siteCommentList,.puzzleOtherAttemptsList,.analysisMoveList,.analysisRecentGames ol,.notificationList{margin:0;padding:0;list-style:none;display:grid}.homePrimaryCta,.homeSecondaryCta,.puzzleSetCompleteLink,.fenAnalyzeButton,.analysisLichessLink,.analysisFilterToggle,.analysisSpeedToggles button,.analysisPrimaryButton,.matchPageH2HLink,.profileBanActions a,.profileScoreBox,.profileFavoriteOpponentH2HButton,.puzzleDashboardActionLink,.puzzleSetCardStartLink,.tournamentYearNavCurrent,.navAuthButton{justify-content:center;align-items:center;font-weight:650;display:inline-flex}.usernamePickerDatabaseList button,.navSearchResultName,.puzzleOtherAttemptUser,.feedbackBadge strong,.analysisMoveList button,.analysisExplorerTabs button,.analysisPlayerNameButton,.matchPageHeaderPlayer,.practiceSegmented button,.practiceModeGrid button{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.usernamePickerSelectedHeader,.h2hTitleRow,.puzzleHeaderTopline,.analysisExplorerCompactHeader,.profileAliasRow,.practiceStatus,.practiceCheckbox{justify-content:space-between;align-items:center;min-width:0;display:flex}.visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--site-background);background-size:var(--site-background-size);min-width:320px;min-height:100svh;color:var(--color-text);font-family:var(--font-sans);line-height:var(--line-body);margin:0;overflow-x:hidden}:where(h1,h2,h3,h4,h5,h6,strong,b){font-weight:650}button,select,input,textarea{color:inherit;font:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed}img,svg,canvas{max-width:100%}::selection{background:color-mix(in srgb, var(--color-primary) 48%, transparent);color:var(--color-heading)}.page{gap:var(--page-section-gap);min-height:100svh;width:min(var(--page-max-width), 100%);background:var(--site-background);background-size:var(--site-background-size);padding:max(var(--page-gutter), env(safe-area-inset-top)) max(var(--page-gutter), env(safe-area-inset-right)) max(var(--page-gutter), env(safe-area-inset-bottom)) max(var(--page-gutter), env(safe-area-inset-left));grid-template-columns:minmax(300px,24rem) minmax(0,36rem);justify-content:center;align-items:start;margin:0 auto;display:grid}.rankingsPage{background:var(--site-background);background-size:var(--site-background-size);min-height:100svh;padding:max(var(--page-gutter), env(safe-area-inset-top)) max(var(--page-gutter), env(safe-area-inset-right)) max(var(--page-gutter), env(safe-area-inset-bottom)) max(var(--page-gutter), env(safe-area-inset-left));justify-content:center;align-items:flex-start;display:flex}.panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:0;max-width:100%;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:clamp(18px,2.4vw,26px)}.panel>h1{font-size:var(--text-page-title);margin:0 0 12px}.panel>p{line-height:var(--line-body);color:var(--color-muted);margin:0 0 20px}.controls{gap:16px;display:grid}.controls>label{font-size:var(--text-body);gap:8px;display:grid}.controls>label>select,.controls>label>input[type=text],.controls>label>input[type=date]{border:1px solid var(--color-input-border);background:var(--color-panel-strong);color:var(--color-text);border-radius:var(--radius-ui);font-size:var(--text-control);min-width:140px;padding:10px 12px}.buttonRow{flex-wrap:wrap;gap:10px;display:flex}.buttonRow button,.analyzeButton{border:1px solid var(--color-input-border);background:var(--color-panel-strong);color:var(--color-text);border-radius:var(--radius-ui);font-size:var(--text-control);cursor:pointer;padding:10px 12px;text-decoration:none;transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s,transform .12s}.buttonRow button:hover:not(:disabled),.analyzeButton:hover:not(.disabled){border-color:var(--color-accent-soft-border);background:var(--color-surface-elevated-strong);color:var(--color-heading)}.analyzeButton{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);font-weight:650}.buttonRow button:disabled,.analyzeButton.disabled{opacity:.5;pointer-events:none}.statusLabel{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-subtle);margin-bottom:6px;display:block}.errorText{color:var(--color-danger);font-size:var(--text-body)}.rankingsMeta{color:var(--color-muted);font-size:var(--text-body);justify-content:space-between;margin-top:18px;display:flex}.emptyRankings{background:var(--color-panel-strong);color:var(--color-muted);border-radius:10px;margin-top:12px;padding:12px}.rankingLink{color:var(--link-color);text-decoration:none}.rankingLink:hover{text-decoration:underline}.scoreCell{white-space:nowrap;font-variant-numeric:tabular-nums;min-width:108px;text-align:center!important}.scoreDash{padding:0 2px}@media (width<=1180px){.page{grid-template-columns:1fr;justify-items:stretch;width:100%;max-width:740px}}@media (width<=640px){.page,.rankingsPage{padding:max(16px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left))}.panel{padding:16px}.panel>h1{font-size:var(--text-page-title-mobile);overflow-wrap:anywhere;line-height:1.15}.controls{gap:12px}.controls>label>select,.controls>label>input[type=text],.controls>label>input[type=date],.buttonRow button,.analyzeButton{width:100%;min-width:0;min-height:44px}.buttonRow>*{flex:140px}.rankingsMeta{flex-direction:column;align-items:flex-start;gap:6px}}.appShell{isolation:isolate;background:var(--site-background);min-height:100vh;position:relative}.appMain{min-height:var(--page-shell-min-height);min-height:var(--page-shell-min-height-dynamic);background:var(--site-background);background-size:var(--site-background-size);scroll-margin-top:var(--nav-height)}.skipLink{z-index:60;border-radius:var(--radius-ui);background:var(--color-primary);color:var(--color-on-primary);padding:10px 14px;font-weight:650;text-decoration:none;transition:transform .14s;position:absolute;top:12px;left:18px;transform:translateY(-160%)}.skipLink:focus{transform:translateY(0)}.appShell:before,.appShell:after{content:"";pointer-events:none;z-index:0;opacity:1;transition:opacity .18s;position:fixed}.appShell:before{display:none}.appShell:after{inset:var(--nav-height) 0 auto;background:radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 34%), radial-gradient(circle at 82% 10%, color-mix(in srgb, var(--color-cyan) 8%, transparent), transparent 32%), linear-gradient(90deg, transparent 0 49.9%, color-mix(in srgb, var(--color-border) 18%, transparent) 50%, transparent 50.1%);height:min(42vh,420px);-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.topNav,.appMain{z-index:1;position:relative}.coinEarnedRegion{top:calc(var(--nav-height) + var(--space-4));right:var(--space-5);z-index:60;gap:var(--space-2);pointer-events:none;width:min(260px,100vw - 32px);display:grid;position:fixed}.coinEarnedToast{align-items:center;gap:var(--space-3);min-height:76px;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);border:1px solid color-mix(in srgb, var(--color-gold) 48%, var(--color-border));border-radius:var(--radius-ui);background:color-mix(in srgb, var(--color-panel-strong) 96%, transparent);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:.36s cubic-bezier(.2,.9,.25,1) coinToastIn,.28s 2.3s forwards coinToastOut;display:flex}.coinEarnedToast.isPenalty{border-color:color-mix(in srgb, var(--color-danger) 48%, var(--color-border))}.coinEarnedToast.isPenalty .coinEarnedCopy strong{color:var(--color-danger)}.coinEarnedBurst{flex:0 0 62px;place-items:center;width:62px;height:62px;display:grid;position:relative}.coinEarnedBurst img{z-index:1;object-fit:contain;width:60px;height:60px;animation:.72s cubic-bezier(.2,.9,.25,1) both coinRewardPop;position:relative}.coinEarnedCopy{gap:3px;min-width:0;display:grid}.coinEarnedCopy strong{color:var(--color-heading);font-variant-numeric:tabular-nums;font-size:18px;line-height:1.1}.coinEarnedCopy>span{color:var(--color-muted);font-size:12px;line-height:1.35}@keyframes coinToastIn{0%{opacity:0;transform:translate(20px,-8px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes coinToastOut{to{opacity:0;transform:translate(12px)scale(.98)}}@keyframes coinRewardPop{0%{opacity:0;transform:scale(.4)rotateY(-100deg)}55%{opacity:1;transform:scale(1.14)rotateY(16deg)}to{opacity:1;transform:scale(1)rotateY(0)}}@keyframes coinRewardRing{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}@media (width<=700px){.coinEarnedRegion{right:50%;transform:translate(50%)}}@media (prefers-reduced-motion:reduce){.coinEarnedToast,.coinEarnedBurst img{animation:none}}.topNav{z-index:30;width:100%;max-width:100vw;min-height:var(--nav-height);padding:max(10px, env(safe-area-inset-top)) max(clamp(16px, 2.4vw, 30px), env(safe-area-inset-right)) 10px max(clamp(16px, 2.4vw, 30px), env(safe-area-inset-left));border-bottom:1px solid var(--color-border);background:var(--color-nav);box-shadow:0 10px 30px color-mix(in srgb, var(--color-panel-deep) 18%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.12);backdrop-filter:blur(20px)saturate(1.12);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0;overflow:visible}.mobileMenuButton{z-index:42;border-radius:var(--radius-ui);background:var(--color-panel-strong);width:36px;height:36px;color:var(--color-heading);border:1px solid #0000;justify-content:center;align-items:center;display:none;position:relative}.mobileMenuButton:hover,.mobileMenuButton:focus-visible{background:var(--color-panel);border-color:#0000}.mobileMenuButton:focus-visible{box-shadow:0 0 0 3px var(--color-primary-ring);outline:none}.homeBrand{z-index:31;color:var(--color-heading);font-family:var(--font-brand);white-space:nowrap;justify-content:center;align-items:center;gap:10px;margin-right:12px;font-size:20px;font-weight:650;line-height:1;text-decoration:none;display:inline-flex;position:relative}.brandMarkImage{object-fit:contain;flex:0 0 30px;width:30px;height:30px;transition:filter .14s}.brandMarkLight,.brandMarkAmethyst,:root[data-theme=light] .brandMarkDark,:root[data-theme=amethyst] .brandMarkDark{display:none}:root[data-theme=light] .brandMarkLight,:root[data-theme=amethyst] .brandMarkAmethyst{display:block}.homeBrand:hover .brandMarkImage,.homeBrand:focus-visible .brandMarkImage{filter:brightness(1.12)saturate(1.08)}.homeBrand span{background:var(--brand-wordmark-gradient);-webkit-text-fill-color:transparent;color:#0000;text-shadow:var(--brand-wordmark-shadow);-webkit-background-clip:text;background-clip:text;font-weight:650;transition:color .14s,filter .14s}.homeBrand:hover span,.homeBrand:focus-visible span{filter:brightness(1.12)saturate(1.08)}:root[data-theme=light] .homeBrand span{color:var(--brand-wordmark-color);-webkit-text-fill-color:currentColor;background:0 0}:root[data-theme=light] .homeBrand:hover span,:root[data-theme=light] .homeBrand:focus-visible span{color:color-mix(in srgb, var(--brand-wordmark-color) 82%, var(--color-primary))}.topNavCenter{flex:1 1 0;align-items:center;gap:10px;min-width:0;max-width:100%;margin-left:auto;display:inline-flex}.topNavLinks{z-index:2;flex:1 1 0;gap:2px;min-width:0;max-width:100%;display:inline-flex;position:relative}.topNavLinks a,.navDropdownTrigger{color:var(--color-muted);white-space:nowrap;font-size:15px;text-decoration:none;transition:background-color .14s,color .14s}.topNavLinks>a,.navDropdownTrigger{border-radius:var(--radius-sm);align-items:center;min-height:36px;padding:0 10px;display:inline-flex}.topNavLinks a:hover,.navDropdownTrigger:hover{color:var(--color-heading)}.topNavLinks>a:hover,.navDropdownTrigger:hover{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.topNavLinks>a.isActive,.navDropdown.isActive>.navDropdownTrigger{background:color-mix(in srgb, var(--color-primary) 15%, transparent);color:var(--color-heading)}.navDropdown{align-items:center;display:inline-flex;position:relative}.navDropdown.open:after{content:"";z-index:40;height:10px;position:absolute;top:100%;left:-8px;right:-8px}.navDropdownTrigger{font-family:inherit;line-height:inherit;background:0 0;border:0;align-items:center;gap:6px;padding-inline:10px;display:inline-flex}.navDropdownTrigger:focus-visible{box-shadow:0 0 0 3px var(--color-primary-ring);border-radius:6px;outline:none}.navDropdownTrigger svg{width:10px;height:10px;transition:transform .14s}.navDropdown.open .navDropdownTrigger svg{transform:rotate(180deg)}.navDropdownMenu{z-index:41;border-radius:var(--radius-ui);background:linear-gradient(180deg, color-mix(in srgb, var(--color-panel-strong) 92%, transparent), color-mix(in srgb, var(--color-panel) 94%, transparent)), var(--dropdown-panel-bg);border:1px solid color-mix(in srgb, var(--color-border-strong) 76%, transparent);min-width:210px;box-shadow:0 18px 42px color-mix(in srgb, var(--color-panel-deep) 38%, transparent), 0 1px 0 #ffffff12 inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:0 0;will-change:opacity, transform;gap:1px;padding:6px;animation:.16s cubic-bezier(.16,1,.3,1) both navDropdownMenuIn;display:grid;position:absolute;top:calc(100% + 10px);left:0}.topNavLinks .navDropdownMenu a{width:100%;min-height:34px;color:var(--color-muted);background:0 0;border:0;border-radius:6px;align-items:center;padding:0 10px;font-size:14px;font-weight:650;text-decoration:none;transition:background .12s,color .12s;display:flex}.topNavLinks .navDropdownMenu a:hover{background:color-mix(in srgb, var(--color-primary) 16%, transparent);color:var(--color-heading);text-decoration:none}.topNavLinks .navDropdownMenu a.isActive{background:color-mix(in srgb, var(--color-primary) 20%, transparent);color:var(--color-heading)}@keyframes navDropdownMenuIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=light] .topNav{box-shadow:var(--nav-shadow)}.navSettings{z-index:40;display:inline-flex;position:relative}.navSettingsButton{width:32px;height:32px;color:var(--color-text);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.navSettingsButton:hover,.navSettingsButton.open{background:var(--color-panel-strong)}.navSettingsButton:focus-visible{outline:2px solid var(--color-primary-ring);outline-offset:2px}.navSettingsButton i{font-size:14px;line-height:1}.navSettingsMenu{z-index:41;border-radius:12px;min-width:232px;padding:10px;position:absolute;top:calc(100% + 10px);right:0}.navSettingsSection+.navSettingsSection{border-top:1px solid var(--color-border);margin-top:14px;padding-top:14px}.navSettingsLabel{letter-spacing:.06em;text-transform:uppercase;color:var(--color-subtle);margin:2px 4px 8px;font-size:11px;font-weight:650;display:block}.navSettingsCheckbox{color:var(--color-heading);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-size:13px;font-weight:650;display:flex}.navSettingsCheckbox input{width:18px;height:18px;accent-color:var(--color-primary);margin:0}.navSettingsMenu select{border:1px solid var(--color-border-strong);background:var(--color-panel-strong);color:var(--color-text);border-radius:var(--radius-ui);width:100%;min-height:38px;padding:8px 10px}.navColorInputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.navColorField{color:var(--color-muted);gap:6px;font-size:12px;display:grid}.navColorField span{font-weight:600}.navColorField input[type=color]{border:1px solid var(--color-border-strong);border-radius:var(--radius-ui);background:var(--color-panel-strong);cursor:pointer;width:100%;min-width:0;height:38px;padding:4px}.navColorField input[type=color]::-webkit-color-swatch-wrapper{padding:0}.navColorField input[type=color]::-webkit-color-swatch{border-radius:calc(var(--radius-ui) - 4px);border:none}.navColorField input[type=color]::-moz-color-swatch{border-radius:calc(var(--radius-ui) - 4px);border:none}.navSecondaryButton{border:1px solid var(--color-border-strong);width:100%;min-height:38px;color:var(--color-text);border-radius:var(--radius-ui);background:0 0;margin-top:12px;padding:8px 10px}.navSecondaryButton:hover{background:var(--color-panel-strong)}.navSearchSlot{justify-content:flex-end;width:32px;height:32px;display:inline-flex;position:relative}.navSearch{z-index:35;justify-content:flex-end;align-items:center;width:32px;height:32px;transition:width .18s;display:flex;position:absolute;right:0}.navSearch.open{width:min(260px,100vw - 48px)}.navSearch input,.navSearch button{background:var(--color-panel-strong);color:var(--color-text);border-radius:var(--radius-ui);border:1px solid #0000;height:32px;font-size:14px;line-height:1}@media (width<=840px){.homeBrand span{display:none}}.navSearch input{opacity:0;pointer-events:none;cursor:text;width:0;padding:8px 0;transition:width .18s,opacity .15s,padding .18s,border-color .18s;position:absolute;right:0}.navSearch.open input{opacity:1;pointer-events:auto;border-color:var(--color-input-border);width:min(260px,100vw - 48px);padding:8px 14px 8px 38px}.navSearch.pending input{color:var(--color-muted)}.navSearchIcon{z-index:2;justify-content:center;align-items:center;width:32px;min-width:32px;padding:0;display:inline-flex;position:absolute;left:0}.navSearchIcon i{font-size:14px;line-height:1}.navSearchIcon{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.navSearchStatus{opacity:0;pointer-events:none;border-radius:999px;height:2px;transition:opacity .14s;position:absolute;bottom:4px;left:38px;right:12px;overflow:hidden}.navSearch.pending .navSearchStatus,.navSearch.suggesting .navSearchStatus{opacity:1}.navSearchProgress{border-radius:inherit;background:color-mix(in srgb, var(--color-primary) 64%, transparent);width:42%;animation:1.15s ease-in-out infinite navSearchProgress;position:absolute;inset:0 auto 0 0}@keyframes navSearchProgress{0%,to{opacity:.34;transform:translate(-115%)}50%{opacity:.7;transform:translate(250%)}}.navSearchResults{z-index:42;border:1px solid var(--color-border-strong);background:var(--dropdown-panel-bg);width:min(340px,100vw - 48px);max-height:min(340px,100svh - 96px);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:100% 0;border-radius:12px;gap:3px;padding:6px;animation:.14s both navSearchResultsIn;display:grid;position:absolute;top:calc(100% - 1px);right:0;overflow-y:auto}.navSearchResult{border-radius:var(--radius-ui);width:100%;min-height:38px;color:var(--color-text);background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px;transition:background .12s,border-color .12s,color .12s;display:grid;position:relative}.navSearchResult:hover,.navSearchResult.active{border-color:color-mix(in srgb, var(--color-primary) 34%, transparent);background:color-mix(in srgb, var(--color-panel-strong) 78%, var(--color-primary) 22%);color:var(--color-heading)}.navSearchResult:has(.navSearchResultDefault:focus-visible){border-color:color-mix(in srgb, var(--color-primary) 34%, transparent);background:color-mix(in srgb, var(--color-panel-strong) 78%, var(--color-primary) 22%);color:var(--color-heading)}.navSearchResultName{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:650;overflow:hidden}.navSearchResultPrimary{border-radius:var(--radius-sm);min-width:0;min-height:30px;color:inherit;pointer-events:none;text-align:left;background:0 0;border:0;align-items:center;padding:3px 5px;display:flex}.navSearchResultDefault{z-index:1;border-radius:inherit;position:absolute;inset:0}.navSearchResultDefault:focus-visible{outline:2px solid var(--color-primary-ring);outline-offset:-2px}.navSearchResultAction:focus-visible{outline:2px solid var(--color-primary-ring);outline-offset:1px}.navSearchResultActions{z-index:2;align-items:center;gap:2px;display:flex;position:relative}.navSearchResultAction{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-muted);border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.navSearchResultAction:hover{border-color:var(--color-border-strong);background:var(--color-surface-elevated-strong);color:var(--color-heading)}.navSearchResultAction:active{background:var(--color-surface-inset)}.navSearchResultsHint{min-height:38px;color:var(--color-muted);align-items:center;padding:0 10px;font-size:13px;font-weight:600;display:flex}@keyframes navSearchResultsIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.navAuth{align-items:center;gap:10px;min-width:0;display:inline-flex}.navCoinBalance{min-height:38px;color:var(--color-heading);font-variant-numeric:tabular-nums;background:0 0;border:0;align-items:center;gap:4px;padding:2px 4px;font-size:13px;font-weight:650;text-decoration:none;transition:color .14s,transform .14s;display:inline-flex}.navCoinBalance img{object-fit:contain;width:36px;height:36px}.navCoinBalance:hover{color:var(--color-gold);transform:translateY(-1px)}.navCoinBalance:focus-visible{outline:3px solid var(--color-primary-ring);outline-offset:2px}.navNotifications{--notification-accent:color-mix(in srgb, var(--color-primary) 72%, var(--color-cyan-bright));--notification-accent-soft:color-mix(in srgb, var(--notification-accent) 16%, transparent);flex:0 0 32px;display:inline-flex;position:relative}.navNotificationsButton{width:32px;height:32px;color:var(--color-muted);background:0 0;border:0;border-radius:50%;flex:0 0 32px;place-items:center;padding:0;display:inline-grid;position:relative}.navNotificationsButton:hover,.navNotificationsButton.active{background:var(--color-panel-strong);color:var(--color-heading)}.navNotificationsButton>span{border:2px solid var(--color-nav);background:linear-gradient(135deg, var(--notification-accent), var(--color-cyan));color:#fff;font-variant-numeric:tabular-nums;min-width:17px;height:17px;box-shadow:0 3px 10px color-mix(in srgb, var(--notification-accent) 34%, transparent);border-radius:999px;place-items:center;padding:0 4px;font-size:9px;font-weight:650;line-height:1;display:inline-grid;position:absolute;top:-4px;right:-5px}.navNotificationsPopup{z-index:44;border:1px solid var(--color-border-strong);background:var(--dropdown-panel-bg);width:min(390px,100vw - 24px);max-height:min(560px,100svh - 86px);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:100% 0;border-radius:14px;padding:10px;animation:.14s navProfileDropdownIn;display:grid;position:absolute;top:calc(100% + 12px);right:-10px}.navNotificationsHeader{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:4px 5px 10px;display:flex}.navNotificationsHeader>div{gap:2px;display:grid}.navNotificationsHeader>div>span{color:var(--notification-accent);letter-spacing:.11em;text-transform:uppercase;font-size:9px;font-weight:650}.navNotificationsHeader h2{color:var(--color-heading);margin:0;font-size:17px}.navNotificationsHeader>button{border:1px solid var(--color-border);background:var(--color-panel-strong);min-height:30px;color:var(--color-text);border-radius:8px;padding:0 9px;font-size:10px;font-weight:650}.navNotificationsHeader>button svg{margin-right:5px}.navNotificationsHeader>button:disabled,.navNotificationList button:disabled{cursor:wait;opacity:.7}.navNotificationList{gap:4px;max-height:min(470px,100svh - 160px);margin:8px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.navNotificationRow{width:100%;min-height:58px;color:var(--color-text);background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:minmax(0,1fr);align-items:center;transition:border-color .14s,background-color .14s,transform .14s;display:grid;position:relative;overflow:hidden}.navNotificationRow.unread{border-color:color-mix(in srgb, var(--notification-accent) 30%, var(--color-border));background:color-mix(in srgb, var(--notification-accent) 7%, var(--color-panel-strong));box-shadow:inset 3px 0 0 color-mix(in srgb, var(--notification-accent) 72%, transparent)}.navNotificationRow:hover{border-color:color-mix(in srgb, var(--notification-accent) 42%, var(--color-border));background:var(--color-surface-elevated-strong);transform:translateY(-1px)}.navNotificationOpenButton{min-width:0;min-height:62px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;padding:10px 10px 10px 8px;display:grid;position:relative}.navNotificationOpenButton:focus-visible{box-shadow:inset 0 0 0 2px var(--notification-accent);outline:none}.navNotificationIcon{border:1px solid color-mix(in srgb, var(--notification-accent) 22%, transparent);background:var(--notification-accent-soft);width:32px;height:32px;color:var(--notification-accent);border-radius:50%;place-items:center;margin-top:2px;font-size:12px;display:inline-grid}.navNotificationIcon img{object-fit:contain;width:24px;height:27px}.navNotificationCopy{gap:4px;min-width:0;padding-right:10px;display:grid}.navNotificationCopy strong{color:var(--color-heading);overflow-wrap:anywhere;white-space:normal;font-size:12px;line-height:1.4}.navNotificationCopy>span{color:var(--color-subtle);font-size:10px;line-height:1.4}.navNotificationDot{background:var(--notification-accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--notification-accent) 16%, transparent);border-radius:50%;position:absolute;top:7px;right:7px}.navNotificationsStatus,.navNotificationsError{background:var(--color-panel-strong);color:var(--color-muted);border-radius:8px;margin:8px 0 0;padding:12px;font-size:12px}.navNotificationsError{color:var(--color-danger)}.navNotificationsEmpty{color:var(--color-muted);justify-items:center;gap:7px;padding:32px 12px;font-size:12px;display:grid}.navNotificationsEmpty>svg{color:var(--notification-accent);font-size:21px}.navNotificationsSeeAll{border-top:1px solid var(--color-border);min-height:34px;color:var(--notification-accent);justify-content:center;align-items:center;margin-top:8px;font-size:11px;font-weight:650;text-decoration:none;display:inline-flex}.navNotificationsSeeAll:hover,.navNotificationsSeeAll:focus-visible{color:var(--color-heading);outline:none;text-decoration:none}.navProfileMenu{display:inline-flex;position:relative}.navAuthProfileGroup{max-width:100%;min-height:32px;color:var(--color-heading);background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 4px 0 2px;transition:box-shadow .14s,color .14s;display:inline-flex;overflow:hidden}.navAuthProfileGroup:hover{color:color-mix(in srgb, var(--color-heading) 82%, var(--color-primary))}.navAuthProfileGroup:active{color:color-mix(in srgb, var(--color-heading) 74%, var(--color-primary))}.navAuthProfileGroup.open{background:color-mix(in srgb, var(--color-panel-strong) 70%, transparent);box-shadow:none}.navAuthProfileIcon{background:linear-gradient(180deg, #ffffff24, transparent), color-mix(in srgb, var(--color-primary) 68%, var(--color-panel-strong));width:28px;height:28px;color:var(--color-on-primary);border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a}.navAuthProfileCaret{color:var(--color-muted);justify-content:center;align-items:center;font-size:12px;transition:color .14s,transform .14s;display:inline-flex}.navAuthProfileGroup:hover .navAuthProfileCaret{color:var(--color-heading)}.navAuthProfileGroup.open .navAuthProfileCaret{color:var(--color-heading);transform:rotate(180deg)}.navAuthProfileGroup.open .navAuthProfileIcon{box-shadow:0 0 0 1px #ffffff1a inset, 0 0 0 3px var(--color-primary-ring)}.navAuthProfile{white-space:nowrap;font-weight:650;transition:color .14s}.navAuthProfileGroup:hover .navAuthProfile{color:color-mix(in srgb, var(--color-heading) 82%, var(--color-primary))}.navProfileDropdown{z-index:41;width:244px;max-width:calc(100vw - (var(--space-4) * 2));padding:var(--space-2);border-radius:var(--radius-lg);gap:var(--space-1);transform-origin:100% 0;animation:.14s navProfileDropdownIn;display:grid;position:absolute;top:calc(100% + 10px);right:0}.navSettingsMenu,.navProfileDropdown{background:var(--dropdown-panel-bg);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navProfileDropdownItem{width:100%;min-height:var(--control-height-touch);padding:4px var(--space-3) 4px var(--space-2);border-radius:var(--radius-ui);color:var(--color-text);align-items:center;gap:var(--space-3);text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;font-size:14px;font-weight:650;line-height:1.25;text-decoration:none;transition:background .12s,border-color .12s,color .12s,transform 90ms;display:inline-flex}.navProfileDropdownItem:hover{border-color:color-mix(in srgb, var(--color-primary) 22%, transparent);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-panel-strong));color:var(--color-heading)}.navProfileDropdownItem:active{transform:scale(.985)}.navProfileDropdownItem:focus-visible,.navAuthProfileGroup:focus-visible{box-shadow:0 0 0 3px var(--color-primary-ring);outline:none}.navProfileDropdownIcon{border-radius:calc(var(--radius-ui) - 2px);background:var(--color-surface-inset);width:30px;height:30px;color:var(--color-muted);flex:0 0 30px;place-items:center;font-size:14px;transition:background .12s,color .12s;display:inline-grid}.navProfileDropdownItem:hover .navProfileDropdownIcon,.navProfileDropdownItem:focus-visible .navProfileDropdownIcon{background:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface-inset));color:var(--color-primary-soft)}.navProfileDropdownDivider{height:1px;margin:var(--space-1) var(--space-2);background:var(--color-border)}.navProfileDropdownLogout:hover,.navProfileDropdownLogout:focus-visible{border-color:color-mix(in srgb, var(--color-danger) 24%, transparent);background:var(--color-danger-soft-bg);color:var(--color-heading)}.navProfileDropdownLogout:hover .navProfileDropdownIcon,.navProfileDropdownLogout:focus-visible .navProfileDropdownIcon{background:var(--color-danger-soft-bg);color:var(--color-danger)}@keyframes navProfileDropdownIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.navAuthButton{border:1px solid color-mix(in srgb, var(--color-primary-soft) 36%, var(--color-primary));background:linear-gradient(180deg, #ffffff21, transparent 58%), linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 76%, var(--color-cyan)));min-height:32px;color:var(--color-on-primary);box-shadow:0 1px 0 #fff3 inset, 0 8px 18px color-mix(in srgb, var(--color-primary) 24%, transparent);white-space:nowrap;border-radius:6px;gap:7px;padding:0 12px;font-size:13px;line-height:1;transition:background .14s,border-color .14s,box-shadow .14s,transform 90ms}.navAuthButton:hover{border-color:color-mix(in srgb, var(--color-primary-soft) 48%, var(--color-primary));background:linear-gradient(180deg, #ffffff2b, transparent 58%), linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 64%, var(--color-cyan-bright)));box-shadow:0 1px 0 #ffffff3d inset, 0 10px 22px color-mix(in srgb, var(--color-primary) 30%, transparent)}.navAuthButton:active{transform:translateY(0);box-shadow:inset 0 1px #ffffff29}.navAuthButton:focus-visible{box-shadow:0 0 0 3px var(--color-primary-ring), 0 8px 18px color-mix(in srgb, var(--color-primary) 24%, transparent);outline:none}.navAuthButton svg{flex:none;width:12px;height:12px}.navAuthButton:disabled{opacity:.65;cursor:wait;transform:none}@media (width<=920px){.topNav{flex-wrap:wrap}.topNavCenter{flex-wrap:wrap;justify-content:space-between;width:100%;margin-left:0}.topNavLinks{flex-wrap:wrap}}@media (width>=701px) and (width<=1120px){.topNavLinks>.compactNavHidden{display:none}}@media (width>=1121px) and (width<=1320px){.topNavCenter:has(.navSearch.open) .topNavLinks>.compactNavHidden{display:none}}@media (width<=700px){.puzzleTimerSettingsSection{display:none}.navSearchResult{min-height:52px}.navSearchResultPrimary,.navSearchResultAction{height:44px}.navSearchResultAction{width:44px}.topNav{padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));flex-wrap:nowrap;gap:10px}.homeBrand{flex:0 0 36px;width:36px;height:36px;margin:0}.homeBrand img{flex-basis:30px;width:30px;height:30px}.mobileMenuButton{flex:0 0 36px;order:-1;display:inline-flex}.topNavCenter{width:auto;max-width:calc(100vw - 116px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;gap:8px;margin-left:auto;padding:0;position:static}.topNav.mobileMenuOpen .topNavCenter{gap:8px;display:inline-flex}.navAuthProfile,.navAuthProfileCaret{display:none}.topNavLinks{z-index:38;width:min(260px,100vw - 24px);max-width:none;padding:12px max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left));border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-bottom-right-radius:var(--radius-ui);background:var(--color-panel-strong);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:1fr;justify-content:stretch;align-items:stretch;margin-left:0;display:none;position:absolute;top:calc(100% + 1px);left:0;right:auto;overflow:visible}.topNav.mobileMenuOpen .topNavLinks{display:grid}.topNavLinks a,.navDropdownTrigger{border-radius:var(--radius-ui);min-height:42px;color:var(--color-text);align-items:center;padding:0 12px;font-weight:650;display:flex}.navDropdown{width:100%;display:grid}.navDropdown.open:after{display:none}.navDropdownTrigger{justify-content:space-between;width:100%}.navDropdownMenu{width:100%;min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;margin:0 0 4px;padding:2px 0 2px 10px;position:static}.topNavLinks .navDropdownMenu a{min-height:36px;padding-left:14px}.topNavLinks a:hover,.navDropdownTrigger:hover{background:var(--color-panel-strong);text-decoration:none}.navSearchSlot{flex:0 0 32px}.navSearch.open,.navSearch.open input,.navSearchResults{width:min(240px,100vw - 32px)}.navAuth{flex:none;width:auto;margin-left:0}.navNotificationsPopup{top:calc(max(58px, env(safe-area-inset-top) + 48px));width:auto;max-height:calc(100vh - max(72px, env(safe-area-inset-top) + 62px));max-height:calc(100svh - max(72px, env(safe-area-inset-top) + 62px));position:fixed;left:12px;right:12px}.navProfileMenu,.navAuthProfileGroup,.navAuthButton{width:auto}.navAuthProfileGroup{justify-content:center;min-height:34px}.navAuthProfileCaret{margin-left:0}.navAuthButton{font-weight:600}.navProfileDropdown{width:auto;margin-top:0}.navSettings{flex:0 0 32px;width:32px}.navSettingsMenu{width:min(280px,100vw - 32px);min-width:220px;margin-top:0}}@media (width<=430px){.navSearch.open,.navSearch.open input{width:calc(100vw - max(74px, env(safe-area-inset-left)) - max(74px, env(safe-area-inset-right)))}.navSearchResults{top:calc(max(58px, env(safe-area-inset-top) + 48px));width:auto;position:fixed;left:8px;right:8px}}.authenticationGate{width:min(560px,100%);min-height:var(--page-shell-min-height);min-height:var(--page-shell-min-height-dynamic);padding:var(--page-shell-padding);place-items:center;margin-inline:auto;display:grid}.authenticationGatePanel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);width:100%;box-shadow:var(--shadow-panel);text-align:center;padding:32px}.authenticationGatePanel h1{color:var(--color-heading);margin:0}.authenticationGatePanel p{color:var(--color-subtle);margin:12px 0 24px}.authenticationGatePanel button{border:1px solid var(--color-primary);border-radius:var(--radius-ui);background:var(--color-primary);min-height:44px;color:var(--color-on-primary);font:inherit;cursor:pointer;padding:10px 18px;font-weight:650;transition:background .16s,border-color .16s,transform .16s}.authenticationGatePanel button:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.authenticationGatePanel button:active{transform:translateY(1px)}@media (width<=600px){.authenticationGatePanel{padding:24px 20px}}.routeLoading{min-height:min(52vh,520px);color:var(--color-text-muted);place-content:center;justify-items:center;gap:12px;font-weight:650;display:grid}.routeLoadingSpinner{border:3px solid color-mix(in srgb, var(--color-primary) 22%, transparent);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite route-loading-spin}@keyframes route-loading-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.routeLoadingSpinner{animation:none}}.routeFallback{width:min(560px,100%);min-height:var(--page-shell-min-height);min-height:var(--page-shell-min-height-dynamic);padding:var(--page-shell-padding);place-items:center;margin-inline:auto;display:grid}.routeFallbackPanel{width:100%;padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-panel);text-align:center}.routeFallbackPanel h1{color:var(--color-heading);margin:0}.routeFallbackPanel p{margin:var(--space-3) 0 var(--space-6);color:var(--color-subtle)}.routeFallbackActions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.routeFallbackActions :is(button,a){min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-input-border);border-radius:var(--radius-ui);background:var(--color-panel-strong);color:var(--color-text);font:inherit;cursor:pointer;justify-content:center;align-items:center;font-weight:650;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.routeFallbackActions button{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.routeFallbackActions :is(button,a):hover{border-color:var(--color-primary-hover)}.routeFallbackActions button:hover{background:var(--color-primary-hover)}.routeFallbackActions :is(button,a):active{transform:translateY(1px)}.routeFallbackActions :is(button,a):focus-visible{outline:2px solid var(--color-primary-soft);outline-offset:2px}@media (width<=600px){.routeFallbackPanel{padding:var(--space-6) var(--space-5)}}@media (prefers-reduced-motion:reduce){.routeFallbackActions :is(button,a){transition:none}}.authCallbackPanel{width:min(44rem,100%)}.authCallbackActions{align-items:center}.homePage{min-height:var(--page-shell-min-height);min-height:var(--page-shell-min-height-dynamic);align-content:start;gap:var(--space-8);padding:max(var(--space-8), env(safe-area-inset-top)) max(var(--page-gutter), env(safe-area-inset-right)) max(var(--space-12), env(safe-area-inset-bottom)) max(var(--page-gutter), env(safe-area-inset-left));color:var(--color-text);background:var(--site-background);background-size:var(--site-background-size);display:grid}.homeHero,.homeSpotlightSection{width:100%;min-width:0;max-width:900px;margin:0 auto}.homeHero{gap:var(--space-12);padding:var(--space-12) 0;border-bottom:1px solid color-mix(in srgb, var(--color-border) 72%, transparent);grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:center;display:grid}.homeHeroLead{gap:var(--space-4);min-width:0;max-width:42rem;display:grid}.homeHeroLead>h1{max-width:19ch;color:var(--color-heading);letter-spacing:-.025em;margin:0;font-size:clamp(30px,4vw,42px);line-height:1.08}.homePuzzleCount{color:var(--color-muted);margin:0;font-size:15px}.homePuzzleCount>strong{color:var(--color-primary-pale);font-variant-numeric:tabular-nums;font-size:20px}.homeHeroActions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.homePrimaryCta,.homeSecondaryCta{min-height:46px;padding:10px var(--space-5);border-radius:var(--radius-ui);text-decoration:none;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}.homeSecondaryCta{border:1px solid var(--color-accent-soft-border);background:var(--color-panel-strong);color:var(--color-primary-pale)}.homePrimaryCta:hover,.homeSecondaryCta:hover{transform:translateY(-1px)}.homePrimaryCta:hover{box-shadow:0 10px 24px color-mix(in srgb, var(--color-primary) 22%, transparent)}.homeSecondaryCta:hover{border-color:color-mix(in srgb, var(--color-primary-soft) 42%, var(--color-border));background:var(--color-surface-elevated-strong)}.homePrimaryCta:active,.homeSecondaryCta:active{transform:translateY(0)}.homePuzzlePreview{justify-self:end;width:100%;min-width:0;height:368px;position:relative}.homePuzzlePreviewCard{border:1px solid color-mix(in srgb, var(--color-primary-soft) 22%, var(--color-border));border-radius:var(--radius-lg);background:var(--color-panel-strong);box-shadow:0 22px 48px color-mix(in srgb, var(--color-panel-deep) 42%, transparent);position:absolute;overflow:hidden}.homePuzzlePreviewCard>img{border-radius:calc(var(--radius-lg) - 6px);object-fit:cover;width:calc(100% - 12px);max-width:none;height:calc(100% - 12px);display:block;position:absolute;inset:6px}.homePuzzlePreviewPrimary{z-index:2;width:282px;height:282px;top:0;right:0}.homePuzzlePreviewSecondary{opacity:.72;width:214px;height:214px;bottom:0;left:0}.homePuzzlePreviewLight,.homePuzzlePreviewAmethyst{display:none!important}:root[data-theme=light] .homePuzzlePreviewDark{display:none}:root[data-theme=light] .homePuzzlePreviewLight{display:block!important}:root[data-theme=amethyst] .homePuzzlePreviewDark{display:none}:root[data-theme=amethyst] .homePuzzlePreviewAmethyst{display:block!important}.homeSpotlightGrid{gap:var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.homeSpotlightCard{--home-card-accent:var(--color-primary-soft);align-content:start;gap:var(--space-3);min-width:0;min-height:176px;padding:var(--space-6);border:1px solid color-mix(in srgb, var(--home-card-accent) 18%, var(--color-border));border-radius:var(--radius-ui);background:color-mix(in srgb, var(--color-panel) 96%, var(--home-card-accent) 4%);color:inherit;box-shadow:0 8px 24px color-mix(in srgb, var(--color-panel-deep) 20%, transparent);grid-column:span 3;text-decoration:none;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden}.homeSpotlightCard:hover{border-color:color-mix(in srgb, var(--home-card-accent) 40%, var(--color-border));background:color-mix(in srgb, var(--color-surface-elevated-strong) 95%, var(--home-card-accent) 5%);box-shadow:0 12px 28px color-mix(in srgb, var(--color-panel-deep) 28%, transparent);transform:translateY(-2px)}.homeSpotlightCard:active{transform:translateY(0)}.homeSpotlightCard>h2{max-width:23ch;color:var(--color-heading);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:clamp(20px,2.4vw,24px);line-height:1.15}.homeSpotlightCard>p{max-width:46ch;color:var(--color-muted);margin:0;font-size:14px;line-height:1.55}.homeTrophyShortcut,.homeArenaShortcut{padding-right:120px}.homeTrophyShortcut{--home-card-accent:var(--color-gold)}.homeTrophyShortcut[data-series=ahc],.homeTrophyShortcut[data-series=awc],.homeTrophyShortcut[data-series=ccac]{background:color-mix(in srgb, var(--color-panel) 96%, var(--color-gold) 4%)}.homeTrophyShortcut>img{right:var(--space-5);object-fit:contain;filter:drop-shadow(0 8px 12px #0003);width:auto;max-width:76px;max-height:112px;transition:transform .18s;position:absolute;top:50%;transform:translateY(-50%)}.homeTrophyShortcut:hover>img{transform:translateY(calc(-50% - 2px))}.homeRecentMatchesShortcut{--home-card-accent:var(--color-danger)}.homeBettingShortcut{--home-card-accent:var(--color-gold)}.homeYearlyRankingsShortcut,.homePuzzleLeaderboardShortcut{--home-card-accent:var(--color-cyan-bright)}.homeCommentsShortcut{--home-card-accent:var(--color-primary-pale);grid-column:span 4}.homePuzzleSetsShortcut{--home-card-accent:var(--color-success);grid-column:span 2}.homeArenaShortcut{--home-card-accent:var(--color-accent-warm);grid-column:span 4}.homeYearlyRankingsShortcut{grid-column:span 2}.homeArenaArtwork{right:var(--space-5);border:1px solid color-mix(in srgb, var(--color-accent-warm) 36%, var(--color-border));border-radius:var(--radius-ui);background:color-mix(in srgb, var(--color-panel-strong) 88%, var(--color-accent-warm) 12%);width:68px;height:68px;color:var(--color-accent-warm);pointer-events:none;place-items:center;transition:border-color .18s,transform .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.homeArenaArtwork img{object-fit:contain;width:58px;height:64px}.homeArenaShortcut:hover .homeArenaArtwork{border-color:color-mix(in srgb, var(--color-accent-warm) 58%, var(--color-border));transform:translateY(calc(-50% - 2px))}@media (width<=820px){.homePage{gap:var(--space-6);padding:max(var(--space-5), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-8), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left))}.homeHero{gap:var(--space-8);padding:var(--space-6) 0 var(--space-8);grid-template-columns:1fr}.homeHeroLead>h1{font-size:30px}.homeSpotlightGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.homeSpotlightCard{min-height:0;padding:var(--space-5);grid-column:span 1}.homePuzzlePreview{justify-self:center;width:min(420px,100%);height:320px}.homePuzzlePreviewPrimary{width:252px;height:252px}.homePuzzlePreviewSecondary{width:188px;height:188px}.homeTrophyShortcut,.homeArenaShortcut{min-height:152px;padding-right:108px}}@media (width<=520px){.homeSpotlightGrid{grid-template-columns:1fr}.homeHeroActions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.homePrimaryCta{grid-column:1/-1}.homePrimaryCta,.homeSecondaryCta{width:100%;min-height:var(--control-height-touch);padding-inline:var(--space-4)}.homePuzzlePreview{height:272px}.homePuzzlePreviewPrimary{width:222px;height:222px}.homePuzzlePreviewSecondary{width:162px;height:162px}}@media (prefers-reduced-motion:reduce){.homePrimaryCta,.homeSecondaryCta,.homeSpotlightCard,.homeTrophyShortcut>img,.homeArenaArtwork{transition-duration:.01ms}}
