:root{--page-max-width: 1040px;--page-gutter: clamp(14px, 2vw, 28px);--page-section-gap: clamp(18px, 2.4vw, 28px);--color-page-top: #111827;--color-page-bottom: #0b1220;--color-panel: rgba(15, 23, 42, .82);--color-panel-strong: #0f172a;--color-panel-deep: #020617;--color-nav: rgba(11, 18, 32, .9);--color-border: rgba(148, 163, 184, .16);--color-border-strong: rgba(255, 255, 255, .14);--color-input-border: rgba(255, 255, 255, .14);--color-text: #e8ecf3;--color-heading: #f8fafc;--color-muted: #c9d3e3;--color-subtle: #94a3b8;--color-primary: #1d4ed8;--color-primary-hover: #1e40af;--color-primary-soft: #93c5fd;--color-primary-pale: #bfdbfe;--color-cyan: #0e7490;--color-cyan-bright: #38bdf8;--color-success: #86efac;--color-warning: #facc15;--color-danger: #fca5a5;--color-on-primary: #eff6ff;--color-on-elevated: #f5f7fb;--color-gold: #f5c26b;--color-accent-warm: #f2c873;--color-accent-warm-strong: #f0b553;--color-surface-soft: rgba(2, 6, 23, .18);--color-surface-soft-strong: rgba(2, 6, 23, .28);--color-surface-elevated: rgba(15, 23, 42, .72);--color-surface-elevated-strong: rgba(15, 23, 42, .92);--color-surface-inset: rgba(148, 163, 184, .08);--color-surface-inset-strong: rgba(148, 163, 184, .1);--color-panel-soft: var(--color-surface-soft);--color-surface: var(--color-surface-elevated);--color-text-muted: var(--color-muted);--color-accent-soft-bg: rgba(14, 116, 144, .16);--color-accent-soft-bg-strong: rgba(14, 116, 144, .2);--color-accent-soft-border: rgba(148, 163, 184, .28);--color-accent-soft-text: #ecfeff;--color-success-soft-bg: rgba(21, 128, 61, .14);--color-danger-soft-bg: rgba(220, 38, 38, .12);--color-warning-soft-bg: rgba(245, 194, 107, .1);--color-warning-soft-border: rgba(245, 194, 107, .2);--color-table-head: rgba(148, 163, 184, .08);--color-table-hover: rgba(147, 197, 253, .08);--color-overlay: rgba(15, 23, 42, .54);--color-overlay-strong: rgba(15, 23, 42, .95);--color-modal-bg: rgba(15, 23, 42, .54);--color-glass-border: rgba(148, 163, 184, .18);--color-primary-ring: rgba(147, 197, 253, .28);--radius-ui: 8px;--shadow-panel: 0 24px 60px rgba(2, 6, 23, .34);--shadow-soft: 0 14px 28px rgba(2, 6, 23, .28);--shadow-strong: 0 28px 80px rgba(0, 0, 0, .42);--page-shell-min-height: calc(100vh - 58px) ;--page-shell-min-height-dynamic: calc(100svh - 58px) ;--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 72% 42% at 14% 10%, rgba(29, 78, 216, .18), transparent 100%), radial-gradient(ellipse 68% 40% at 82% 4%, rgba(14, 116, 144, .16), 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, #ffffff 0%, var(--color-primary-pale) 100%);--brand-wordmark-color: var(--color-heading);--brand-wordmark-shadow: 0 0 18px rgba(147, 197, 253, .18);--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-shadow: 0 0 0 1px color-mix(in srgb, white 8%, transparent) inset, 0 8px 18px color-mix(in srgb, var(--color-primary) 24%, transparent);--nav-shadow: none;--dropdown-panel-bg: var(--color-panel)}:root[data-theme=light]{--color-page-top: #f6f0e8;--color-page-bottom: #e0ebf7;--color-panel: rgba(255, 255, 255, .76);--color-panel-strong: #ffffff;--color-panel-deep: #d4deec;--color-nav: rgba(255, 252, 247, .78);--color-border: rgba(76, 94, 122, .16);--color-border-strong: rgba(76, 94, 122, .2);--color-input-border: rgba(76, 94, 122, .24);--color-text: #1a2840;--color-heading: #142033;--color-muted: #4a5b76;--color-subtle: #70829d;--color-primary: #2a5bd7;--color-primary-hover: #214bc0;--color-primary-soft: #1e429f;--color-primary-pale: #214bc0;--color-cyan: #0e7c79;--color-cyan-bright: #0f8ea3;--color-success: #15803d;--color-warning: #a86d00;--color-danger: #dc2626;--color-on-primary: #eff6ff;--color-on-elevated: #142033;--color-gold: #8f6500;--color-accent-warm: #d6a34c;--color-accent-warm-strong: #a86d00;--color-surface-soft: rgba(236, 241, 248, .62);--color-surface-soft-strong: rgba(227, 235, 246, .84);--color-surface-elevated: rgba(255, 255, 255, .88);--color-surface-elevated-strong: rgba(255, 255, 255, .98);--color-surface-inset: rgba(146, 161, 186, .13);--color-surface-inset-strong: rgba(146, 161, 186, .19);--color-accent-soft-bg: rgba(15, 142, 163, .09);--color-accent-soft-bg-strong: rgba(15, 142, 163, .14);--color-accent-soft-border: rgba(76, 94, 122, .22);--color-accent-soft-text: #124654;--color-success-soft-bg: rgba(21, 128, 61, .1);--color-danger-soft-bg: rgba(220, 38, 38, .1);--color-warning-soft-bg: rgba(232, 190, 114, .2);--color-warning-soft-border: rgba(143, 101, 0, .22);--color-table-head: rgba(148, 163, 184, .14);--color-table-hover: rgba(42, 91, 215, .08);--color-overlay: rgba(255, 251, 246, .7);--color-overlay-strong: rgba(255, 252, 249, .96);--color-modal-bg: rgba(255, 250, 245, .74);--color-glass-border: rgba(105, 123, 150, .18);--color-primary-ring: rgba(42, 91, 215, .18);--shadow-panel: 0 22px 60px rgba(133, 153, 184, .18), 0 2px 0 rgba(255, 255, 255, .6) inset;--shadow-soft: 0 14px 28px rgba(139, 157, 184, .18);--shadow-strong: 0 30px 80px rgba(139, 157, 184, .26);--page-background: radial-gradient(ellipse 72% 42% at 8% 10%, rgba(236, 179, 92, .2), transparent 100%), radial-gradient(ellipse 68% 40% at 82% 2%, rgba(42, 91, 215, .13), transparent 100%), radial-gradient(ellipse 64% 38% at 58% 22%, rgba(15, 142, 163, .1), 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, #07111f 0%, #123177 62%, #0b5264 100%);--brand-wordmark-color: #10265d;--brand-wordmark-shadow: none;--brand-mark-bg: linear-gradient(145deg, #1d4ed8 0%, #2563eb 58%, #0e7490 100%);--brand-mark-border: color-mix(in srgb, var(--color-primary) 64%, white);--brand-mark-shadow: 0 0 0 1px color-mix(in srgb, white 32%, transparent) inset, 0 10px 20px color-mix(in srgb, var(--color-primary) 18%, transparent), 0 2px 5px color-mix(in srgb, var(--color-panel-deep) 12%, transparent);--nav-shadow: 0 10px 30px color-mix(in srgb, var(--color-muted) 8%, transparent);--dropdown-panel-bg: linear-gradient( 180deg, color-mix(in srgb, var(--color-panel-strong) 90%, transparent), color-mix(in srgb, var(--color-page-top) 82%, transparent) ), var(--color-panel)}:root{--font-sans: Inter, Arial, sans-serif;--font-brand: "Arial Rounded MT Bold", "Trebuchet MS", "Avenir Next", system-ui, sans-serif;--text-xs: 11px;--text-sm: 12px;--text-ui: 13px;--text-body: 14px;--text-control: 16px;--text-page-title: 29px;--text-page-title-mobile: 26px;--line-body: 1.55;--line-heading: 1.1;--link-color: var(--color-primary-soft);--link-hover-color: var(--color-primary-pale);font-family:var(--font-sans);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)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--site-background);background-size:var(--site-background-size);color:var(--color-text);font-family:var(--font-sans);overflow-x:hidden}button,select,input{font:inherit}img,svg,canvas{max-width:100%}.page{min-height:100vh;display:grid;grid-template-columns:minmax(300px,24rem) minmax(0,36rem);gap:var(--page-section-gap);align-items:start;justify-content:center;width:min(var(--page-max-width),100%);margin:0 auto;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))}.rankingsPage{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;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))}.panel{min-width:0;max-width:100%;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-ui);padding:20px;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel>h1{margin:0 0 12px;font-size:var(--text-page-title)}.panel>p{margin:0 0 20px;line-height:var(--line-body);color:var(--color-muted)}.controls{display:grid;gap:16px}.controls>label{display:grid;gap:8px;font-size:var(--text-body)}.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);padding:10px 12px;min-width:140px}.buttonRow{display:flex;gap:10px;flex-wrap:wrap}.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);padding:10px 12px;text-decoration:none;cursor:pointer}.analyzeButton{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);font-weight:800}.buttonRow button:disabled,.analyzeButton.disabled{opacity:.5;pointer-events:none}.statusLabel{display:block;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-subtle);margin-bottom:6px}.errorText{color:var(--color-danger);font-size:var(--text-body)}.rankingsMeta{margin-top:18px;display:flex;justify-content:space-between;color:var(--color-muted);font-size:var(--text-body)}.emptyRankings{margin-top:12px;padding:12px;border-radius:10px;background:var(--color-panel-strong);color:var(--color-muted)}.rankingLink{color:var(--link-color);text-decoration:none}.rankingLink:hover{text-decoration:underline}.scoreCell{white-space:nowrap;text-align:center!important;font-variant-numeric:tabular-nums;min-width:108px}.scoreDash{padding:0 2px}@media (max-width: 1180px){.page{grid-template-columns:1fr;justify-items:stretch;width:100%;max-width:740px}}@media (max-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{border-radius:var(--radius-ui);padding:16px}.panel>h1{font-size:var(--text-page-title-mobile);line-height:1.15;overflow-wrap:anywhere}.controls{gap:12px}.controls>label>select,.controls>label>input[type=text],.controls>label>input[type=date],.buttonRow button,.analyzeButton{min-height:44px;width:100%;min-width:0}.buttonRow>*{flex:1 1 140px}.rankingsMeta{gap:6px;flex-direction:column;align-items:flex-start}}cg-board{background-image:var(--cg-board-background-image);background-size:var(--cg-board-background-size, 100% 100%);background-repeat:no-repeat;background-blend-mode:var(--cg-board-background-blend-mode, normal)}cg-board square.move-dest{background:radial-gradient(#125cad80 22%,#125cad 0,#0000004d,#0000 0)}cg-board square.premove-dest{background:radial-gradient(#2d52a773 22%,#2d52a7 0,#0000004d,#0000 0)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(18,92,173,.35) 80%)}cg-board square.oc.premove-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(45,82,167,.25) 80%)}cg-board square.move-dest:hover,cg-board square.move-dest.hover{background:#125cad4d}cg-board square.premove-dest:hover,cg-board square.premove-dest.hover{background:#2d52a733}cg-board square.last-move{background-color:var(--cg-board-light-last-move, rgba(79, 150, 255, .4))}cg-board square.selected{background-color:#125cad73}cg-board square.check{background:radial-gradient(ellipse at center,#ff3838f2,#d02626e6 25%,#91121200 89%,#91121200)}cg-board square.current-premove{background-color:#2d52a773}.orientation-white .ranks :nth-child(odd),.orientation-white .files :nth-child(2n),.orientation-black .ranks :nth-child(2n),.orientation-black .files :nth-child(odd),coords.squares:nth-of-type(odd) :nth-child(2n),coords.squares:nth-of-type(2n) :nth-child(odd){color:var(--cg-board-coord-dark, rgba(62, 88, 130, .85))}.orientation-white .ranks :nth-child(2n),.orientation-white .files :nth-child(odd),.orientation-black .ranks :nth-child(odd),.orientation-black .files :nth-child(2n),coords.squares:nth-of-type(odd) :nth-child(odd),coords.squares:nth-of-type(2n) :nth-child(2n){color:var(--cg-board-coord-light, rgba(240, 246, 255, .85))}.cg-pieceTheme piece.pawn.white{background-image:var(--cg-piece-white-pawn)}.cg-pieceTheme piece.bishop.white{background-image:var(--cg-piece-white-bishop)}.cg-pieceTheme piece.knight.white{background-image:var(--cg-piece-white-knight)}.cg-pieceTheme piece.rook.white{background-image:var(--cg-piece-white-rook)}.cg-pieceTheme piece.queen.white{background-image:var(--cg-piece-white-queen)}.cg-pieceTheme piece.king.white{background-image:var(--cg-piece-white-king)}.cg-pieceTheme piece.pawn.black{background-image:var(--cg-piece-black-pawn)}.cg-pieceTheme piece.bishop.black{background-image:var(--cg-piece-black-bishop)}.cg-pieceTheme piece.knight.black{background-image:var(--cg-piece-black-knight)}.cg-pieceTheme piece.rook.black{background-image:var(--cg-piece-black-rook)}.cg-pieceTheme piece.queen.black{background-image:var(--cg-piece-black-queen)}.cg-pieceTheme piece.king.black{background-image:var(--cg-piece-black-king)}.appShell{min-height:100vh;position:relative;isolation:isolate}.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)}.skipLink{position:absolute;left:18px;top:12px;z-index:60;transform:translateY(-160%);padding:10px 14px;border-radius:var(--radius-ui);background:var(--color-primary);color:var(--color-on-primary);font-weight:700;text-decoration:none;transition:transform .14s ease}.skipLink:focus{transform:translateY(0)}.appShell:before,.appShell:after{content:"";position:fixed;pointer-events:none;z-index:0;opacity:1;transition:opacity .18s ease}.appShell:before{display:none}.appShell:after{inset:58px 0 auto;height:min(40vh,360px);background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 34%),radial-gradient(circle at 82% 10%,color-mix(in srgb,var(--color-cyan) 10%,transparent),transparent 32%)}.topNav,.appMain{position:relative;z-index:1}.topNav{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:100vw;overflow:visible;padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));border-bottom:1px solid var(--color-border);background:var(--color-nav);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobileMenuButton{position:relative;z-index:42;display:none;width:36px;height:36px;border:1px solid transparent;border-radius:var(--radius-ui);background:var(--color-panel-strong);color:var(--color-heading);align-items:center;justify-content:center;cursor:pointer}.mobileMenuButton:hover,.mobileMenuButton:focus-visible{background:var(--color-panel);border-color:transparent}.mobileMenuButton:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring)}.homeBrand{display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:31;margin-right:22px;color:var(--color-heading);font-family:var(--font-brand);font-size:20px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap}.homeBrand img{width:30px;height:30px;flex:0 0 30px;object-fit:contain;transition:filter .14s ease}.homeBrand:hover img,.homeBrand:focus-visible img{filter:brightness(1.12) saturate(1.08)}.homeBrand span{background:var(--brand-wordmark-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;color:transparent;text-shadow:var(--brand-wordmark-shadow);transition:color .14s ease,filter .14s ease}.homeBrand:hover span,.homeBrand:focus-visible span{filter:brightness(1.12) saturate(1.08)}:root[data-theme=light] .homeBrand span{background:none;color:var(--brand-wordmark-color);-webkit-text-fill-color:currentColor}: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;margin-left:auto;display:inline-flex;align-items:center;gap:14px;min-width:0;max-width:100%}.topNavLinks{flex:1 1 0;display:inline-flex;gap:14px;position:relative;z-index:2;min-width:0;max-width:100%}.topNavLinks a,.navDropdownTrigger{color:var(--color-muted);font-size:15px;text-decoration:none;white-space:nowrap}.topNavLinks a:hover,.navDropdownTrigger:hover{color:var(--color-heading)}.navDropdown{position:relative;display:inline-flex;align-items:center}.navDropdown.open:after{content:"";position:absolute;top:100%;left:-8px;right:-8px;height:10px;z-index:40}.navDropdownTrigger{border:0;background:transparent;padding:0;cursor:pointer;font-family:inherit;line-height:inherit;display:inline-flex;align-items:center;gap:6px}.navDropdownTrigger:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring);border-radius:6px}.navDropdownTrigger svg{width:10px;height:10px;transition:transform .14s ease}.navDropdown.open .navDropdownTrigger svg{transform:rotate(180deg)}.navDropdownMenu{position:absolute;top:calc(100% + 10px);left:0;z-index:41;min-width:210px;padding:6px;border-radius:var(--radius-ui);display:grid;gap:1px;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);box-shadow:0 18px 42px color-mix(in srgb,var(--color-panel-deep) 38%,transparent),0 1px color-mix(in srgb,white 7%,transparent) inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:top left;animation:navDropdownMenuIn .16s cubic-bezier(.16,1,.3,1) both;will-change:opacity,transform}.topNavLinks .navDropdownMenu a{width:100%;min-height:34px;padding:0 10px;border-radius:6px;border:0;background:transparent;display:flex;align-items:center;color:var(--color-muted);font-size:14px;font-weight:700;text-decoration:none;transition:background .12s ease,color .12s ease}.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)}}.mobileHomeLink{display:none}:root[data-theme=light] .topNav{box-shadow:var(--nav-shadow)}.navSettings{position:relative;display:inline-flex;z-index:40}.navSettingsButton{width:32px;height:32px;border:0;background:transparent;color:var(--color-text);border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.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{position:absolute;top:calc(100% + 10px);right:0;z-index:41;min-width:220px;padding:14px;border-radius:14px}.navSettingsSection+.navSettingsSection{margin-top:14px;padding-top:14px;border-top:1px solid var(--color-border)}.navSettingsLabel{display:block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-subtle)}.navSettingsCheckbox{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--color-heading);font-size:13px;font-weight:700;cursor:pointer}.navSettingsCheckbox input{width:18px;height:18px;margin:0;accent-color:var(--color-primary)}.navThemeToggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-inset)}.navSettingsMenu select{border:1px solid var(--color-border-strong);background:var(--color-panel-strong);color:var(--color-text);border-radius:var(--radius-ui);min-height:38px;padding:8px 10px}.navThemeToggle button{position:relative;min-width:0;min-height:48px;padding:7px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--color-muted);display:flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:color .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .1s ease}.navThemeToggle button:hover{color:var(--color-heading);background:color-mix(in srgb,var(--color-panel-strong) 68%,transparent)}.navThemeToggle button:active{transform:scale(.98)}.navThemeToggle button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring)}.navThemeToggle button.active{background:var(--color-panel-strong);border-color:color-mix(in srgb,var(--color-primary) 48%,var(--color-border-strong));color:var(--color-heading);box-shadow:0 1px 2px color-mix(in srgb,var(--color-panel-deep) 18%,transparent),0 5px 14px color-mix(in srgb,var(--color-primary) 12%,transparent)}.navThemeIcon{width:27px;height:27px;flex:0 0 27px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.navThemeIconDark{color:#a5b4fc;background:#4f46e529}.navThemeIconLight{color:#b7791f;background:#f59e0b29}.navSettingsMenu select{width:100%}.navSettingsHint{margin:10px 0 0;font-size:12px;line-height:1.45;color:var(--color-muted)}.navColorInputs{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.navColorField{display:grid;gap:6px;font-size:12px;color:var(--color-muted)}.navColorField span{font-weight:600}.navColorField input[type=color]{width:100%;min-width:0;height:38px;padding:4px;border:1px solid var(--color-border-strong);border-radius:var(--radius-ui);background:var(--color-panel-strong);cursor:pointer}.navColorField input[type=color]::-webkit-color-swatch-wrapper{padding:0}.navColorField input[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-ui) - 4px)}.navColorField input[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--radius-ui) - 4px)}.navSecondaryButton{width:100%;min-height:38px;margin-top:12px;border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text);border-radius:var(--radius-ui);padding:8px 10px;cursor:pointer}.navSecondaryButton:hover{background:var(--color-panel-strong)}.navSearchSlot{width:32px;height:32px;position:relative;display:inline-flex;justify-content:flex-end}.navSearch{width:32px;height:32px;position:absolute;right:0;display:flex;align-items:center;justify-content:flex-end;transition:width .18s ease;z-index:35}.navSearch.open{width:min(260px,calc(100vw - 48px))}.navSearch input,.navSearch button{border:1px solid transparent;background:var(--color-panel-strong);color:var(--color-text);border-radius:var(--radius-ui);font-size:14px;height:32px;line-height:1}@media (max-width: 840px){.homeBrand span{display:none}}.navSearch input{position:absolute;right:0;width:0;padding:8px 0;opacity:0;pointer-events:none;cursor:text;transition:width .18s ease,opacity .15s ease,padding .18s ease,border-color .18s ease}.navSearch.open input{width:min(260px,calc(100vw - 48px));opacity:1;pointer-events:auto;border-color:var(--color-input-border);padding:8px 14px 8px 38px}.navSearch.pending input{color:var(--color-muted)}.navSearchIcon{width:32px;min-width:32px;padding:0;position:absolute;left:0;z-index:2;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.navSearchIcon i{font-size:14px;line-height:1}.navSearchIcon{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.navSearchStatus{position:absolute;left:38px;right:12px;bottom:4px;height:2px;overflow:hidden;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .14s ease}.navSearch.pending .navSearchStatus,.navSearch.suggesting .navSearchStatus{opacity:1}.navSearchProgress{position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:color-mix(in srgb,var(--color-primary) 64%,transparent);animation:navSearchProgress 1.15s ease-in-out infinite}@keyframes navSearchProgress{0%,to{transform:translate(-115%);opacity:.34}50%{transform:translate(250%);opacity:.7}}.navSearchResults{position:absolute;top:calc(100% - 1px);right:0;z-index:42;width:min(260px,calc(100vw - 48px));max-height:min(340px,calc(100vh - 96px));padding:6px;overflow-y:auto;border:1px solid var(--color-border-strong);border-radius:12px;background:var(--dropdown-panel-bg);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;gap:3px;transform-origin:top right;animation:navSearchResultsIn .14s ease both}.navSearchResult{width:100%;height:auto;min-height:38px;padding:7px 9px;border:1px solid transparent;border-radius:var(--radius-ui);background:transparent;color:var(--color-text);cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;font:inherit;line-height:1.2;transition:background .12s ease,border-color .12s ease,color .12s ease}.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)}.navSearchResultName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}.navSearchResultMeta{min-width:0;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-muted);font-size:12px;font-weight:600}.navSearchResult:hover .navSearchResultMeta,.navSearchResult.active .navSearchResultMeta{color:color-mix(in srgb,var(--color-heading) 72%,var(--color-muted))}.navSearchResultsHint{min-height:38px;padding:0 10px;color:var(--color-muted);display:flex;align-items:center;font-size:13px;font-weight:600}@keyframes navSearchResultsIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.navAuth{display:inline-flex;align-items:center;gap:10px;min-width:0}.navProfileMenu{position:relative;display:inline-flex}.navAuthProfileGroup{min-height:32px;max-width:100%;padding:0 4px 0 2px;border:0;border-radius:999px;background:transparent;color:var(--color-heading);display:inline-flex;align-items:center;gap:7px;overflow:hidden;cursor:pointer;transition:box-shadow .14s ease,color .14s ease}.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{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;border-radius:50%;background:linear-gradient(180deg,color-mix(in srgb,white 14%,transparent),transparent),color-mix(in srgb,var(--color-primary) 68%,var(--color-panel-strong));color:var(--color-on-primary);box-shadow:0 0 0 1px color-mix(in srgb,white 10%,transparent) inset;font-size:12px;line-height:1}.navAuthProfileCaret{display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-muted);transition:color .14s ease,transform .14s ease}.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 color-mix(in srgb,white 10%,transparent) inset,0 0 0 3px var(--color-primary-ring)}.navAuthProfile{font-weight:700;white-space:nowrap;transition:color .14s ease}.navAuthProfileGroup:hover .navAuthProfile{color:color-mix(in srgb,var(--color-heading) 82%,var(--color-primary))}.navProfileDropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:41;min-width:160px;padding:8px;border-radius:14px;display:grid;gap:4px;transform-origin:top right;animation:navProfileDropdownIn .14s ease}.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:38px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--color-text);display:inline-flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;font:inherit;transition:background .12s ease,color .12s ease,transform 90ms ease}.navProfileDropdownItem:hover{background:var(--color-panel-strong)}.navProfileDropdownItem:active{transform:scale(.985)}.navProfileDropdownItem:focus-visible,.navAuthProfileGroup:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring)}.navProfileDropdownIcon{width:16px;display:inline-flex;justify-content:center;color:var(--color-muted);transition:color .12s ease}.navProfileDropdownItem:hover .navProfileDropdownIcon,.navProfileDropdownItem:focus-visible .navProfileDropdownIcon{color:var(--color-heading)}@keyframes navProfileDropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.navAuthButton{min-height:32px;border:1px solid color-mix(in srgb,var(--color-primary-soft) 36%,var(--color-primary));background:linear-gradient(180deg,color-mix(in srgb,white 13%,transparent),transparent 58%),linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 76%,var(--color-cyan)));color:var(--color-on-primary);border-radius:6px;padding:0 12px;font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1;box-shadow:0 1px color-mix(in srgb,white 20%,transparent) inset,0 8px 18px color-mix(in srgb,var(--color-primary) 24%,transparent);transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform 90ms ease;white-space:nowrap}.navAuthButton:hover{border-color:color-mix(in srgb,var(--color-primary-soft) 48%,var(--color-primary));background:linear-gradient(180deg,color-mix(in srgb,white 17%,transparent),transparent 58%),linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 64%,var(--color-cyan-bright)));box-shadow:0 1px color-mix(in srgb,white 24%,transparent) inset,0 10px 22px color-mix(in srgb,var(--color-primary) 30%,transparent)}.navAuthButton:active{transform:translateY(0);box-shadow:0 1px color-mix(in srgb,white 16%,transparent) inset}.navAuthButton:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring),0 8px 18px color-mix(in srgb,var(--color-primary) 24%,transparent)}.navAuthButton svg{width:12px;height:12px;flex:0 0 auto}.navAuthButton:disabled{opacity:.65;cursor:wait;transform:none}@media (max-width: 920px){.topNav{flex-wrap:wrap}.topNavCenter{width:100%;margin-left:0;justify-content:space-between;flex-wrap:wrap}.topNavLinks{flex-wrap:wrap}}@media (max-width: 700px){.topNav{flex-wrap:nowrap;gap:10px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))}.homeBrand{display:none}.mobileMenuButton{display:inline-flex;flex:0 0 36px}.topNavCenter{position:static;flex:0 1 auto;width:auto;max-width:calc(100vw - 112px);margin-left:auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;padding:0;border-bottom:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.topNav.mobileMenuOpen .topNavCenter{display:inline-flex;gap:8px}.topNavLinks{position:absolute;top:calc(100% + 1px);left:0;right:auto;z-index:38;display:none;width:min(260px,calc(100vw - 24px));max-width:none;margin-left:0;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;align-items:stretch;justify-content:stretch;grid-template-columns:1fr;gap:2px;overflow:visible}.topNav.mobileMenuOpen .topNavLinks{display:grid}.topNavLinks a,.navDropdownTrigger{min-height:42px;display:flex;align-items:center;padding:0 12px;border-radius:var(--radius-ui);color:var(--color-text);font-size:15px;font-weight:700;text-decoration:none}.navDropdown{display:grid;width:100%}.navDropdown.open:after{display:none}.navDropdownTrigger{width:100%;justify-content:space-between}.navDropdownMenu{position:static;width:100%;min-width:0;margin:0 0 4px;padding:2px 0 2px 10px;border-radius:var(--radius-ui);border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.topNavLinks .navDropdownMenu a{min-height:36px;padding-left:14px;font-size:14px;color:var(--color-muted)}.topNavLinks .mobileHomeLink{display:flex}.topNavLinks a:hover,.navDropdownTrigger:hover{background:var(--color-panel-strong);color:var(--color-heading);text-decoration:none}.navSearchSlot{flex:0 0 32px;width:32px;height:32px}.navSearch{position:absolute;width:32px;height:32px;right:0;justify-content:flex-end}.navSearch.open,.navSearch.open input,.navSearchResults{width:min(240px,calc(100vw - 32px))}.navSearch input,.navSearch button{height:32px}.navSearchIcon{left:0}.navAuth{flex:0 0 auto;width:auto;margin-left:0}.navProfileMenu,.navAuthProfileGroup,.navAuthButton{width:auto}.navAuthProfileGroup{justify-content:center;min-height:34px}.navAuthProfileCaret{margin-left:0}.navAuthButton{min-height:32px;font-size:13px;font-weight:600}.navProfileDropdown{position:absolute;width:auto;min-width:160px;margin-top:0;transform-origin:top right}.navSettings{flex:0 0 32px;width:32px;display:inline-flex}.navSettingsButton{width:32px;height:32px;border:0;border-radius:50%;background:transparent}.navSettingsMenu{position:absolute;width:min(280px,calc(100vw - 32px));min-width:220px;margin-top:0}}@media (max-width: 430px){.navSearch.open,.navSearch.open input,.navSearchResults{width:calc(100vw - max(74px,env(safe-area-inset-left)) - max(74px,env(safe-area-inset-right)))}}.homePage{min-height:var(--page-shell-min-height);min-height:var(--page-shell-min-height-dynamic);color:var(--color-text);background:var(--site-background);background-size:var(--site-background-size);display:grid;gap:clamp(18px,2.8vw,30px);align-content:start;padding:max(var(--page-gutter),env(safe-area-inset-top)) max(clamp(22px,4vw,48px),env(safe-area-inset-right)) max(calc(var(--page-gutter) + 2px),env(safe-area-inset-bottom)) max(clamp(22px,4vw,48px),env(safe-area-inset-left))}.homeHero,.homeSpotlightSection,.homeQuickLinksSection{width:min(980px,100%);margin:0 auto}.homeHero{display:grid;grid-template-columns:1fr;grid-template-areas:"lead" "forms";gap:18px;align-items:start;padding-block:clamp(18px,5vh,56px) clamp(10px,2vh,22px)}.homeHeroLead,.homeHeroForms{display:grid;gap:16px;min-width:0}.homeHeroLead{grid-area:lead;max-width:44rem}.homeHeroForms{grid-area:forms;align-content:start;justify-items:start;width:min(720px,100%)}.homeHeroLead>h1{max-width:22ch;margin:0;color:var(--color-heading);font-size:clamp(29px,3vw,43px);line-height:1.06;letter-spacing:0}.homeIntro{max-width:62ch;margin:0;color:var(--color-muted);font-size:clamp(15px,1.1vw,17px);line-height:1.58}.homeHeroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.homePrimaryCta,.homeSecondaryCta,.homeFeatureCard{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.homePrimaryCta,.homeSecondaryCta{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-ui);padding:12px 18px;font-weight:800;text-decoration:none}.homePrimaryCta{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.homeSecondaryCta{border:1px solid var(--color-accent-soft-border);background:var(--color-panel-strong);color:var(--color-primary-pale)}.homePrimaryCta:hover,.homeSecondaryCta:hover,.homeFeatureCard:hover{transform:translateY(-2px)}.homePrimaryCta:hover{box-shadow:0 16px 34px color-mix(in srgb,var(--color-primary) 24%,transparent)}.homeCompareSearch{width:min(720px,100%)}.homeCompareSearch>label{color:var(--color-subtle);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.homeCompareGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px}.homeCompareGrid>input,.homeCompareGrid>button{min-height:46px;border-radius:var(--radius-ui);-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}.homeCompareSearch{display:grid;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-ui);background:var(--color-panel);padding:14px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.homeCompareGrid>input{min-width:0;border:1px solid var(--color-input-border);background:var(--color-panel-strong);color:var(--color-text);font-size:16px;padding:10px 12px}.homeCompareGrid>input::placeholder{color:var(--color-subtle)}.homeCompareGrid>button{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;font-weight:800}.homeCompareGrid>button{padding:10px 18px}.homeCompareGrid>button:disabled{cursor:not-allowed;opacity:.45}.homeSpotlightSection{display:grid;gap:16px}.homeFeatureCard,.homeSpotlightCard{border:1px solid var(--color-border);border-radius:var(--radius-ui);background:var(--color-panel)}.homeFeatureCard>span,.homeSpotlightCard>span,.homeSectionLabel{color:var(--color-subtle);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.homeFeatureCard>p,.homeSpotlightCard>p{margin:0;color:var(--color-muted);line-height:1.55}.homeSpotlightGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.homeSpotlightCard{position:relative;min-width:0;min-height:168px;display:grid;align-content:start;gap:12px;color:inherit;padding:20px;overflow:hidden;text-decoration:none;box-shadow:var(--shadow-soft);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.homeSpotlightCard:hover{transform:translateY(-2px);border-color:var(--color-accent-soft-border);background:var(--color-surface-elevated-strong)}.homeSpotlightCard>h2{margin:0;color:var(--color-heading);font-size:clamp(20px,2vw,28px);line-height:1.12;overflow-wrap:anywhere}.homePuzzleLeaderboardShortcut{min-height:210px;padding-right:156px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 24%,transparent),transparent 52%),repeating-linear-gradient(90deg,transparent 0 18px,color-mix(in srgb,var(--color-cyan) 8%,transparent) 18px 19px),repeating-linear-gradient(0deg,transparent 0 18px,color-mix(in srgb,var(--color-primary) 8%,transparent) 18px 19px),var(--color-panel)}.homePuzzleLeaderboardShortcut:before{content:"";position:absolute;right:22px;bottom:20px;width:106px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--color-primary) 26%,var(--color-border));border-radius:6px;background:linear-gradient(45deg,color-mix(in srgb,var(--color-primary) 18%,transparent),transparent 62%),conic-gradient(from 90deg,color-mix(in srgb,var(--color-primary) 28%,var(--color-panel)) 0,color-mix(in srgb,var(--color-primary) 28%,var(--color-panel)) 25%,color-mix(in srgb,var(--color-panel-strong) 96%,transparent) 0,color-mix(in srgb,var(--color-panel-strong) 96%,transparent) 50%,color-mix(in srgb,var(--color-primary) 28%,var(--color-panel)) 0,color-mix(in srgb,var(--color-primary) 28%,var(--color-panel)) 75%,color-mix(in srgb,var(--color-panel-strong) 96%,transparent) 0) 0 0 / 50% 50%;box-shadow:0 18px 26px color-mix(in srgb,var(--color-panel-deep) 44%,transparent),inset 0 1px color-mix(in srgb,white 8%,transparent);transform:rotate(-4deg)}.homePuzzleLeaderboardShortcut:after{content:"";position:absolute;right:45px;bottom:52px;width:60px;height:46px;background:linear-gradient(var(--color-primary-pale),var(--color-primary-pale)) 0 28px / 10px 18px,linear-gradient(color-mix(in srgb,var(--color-cyan) 78%,white),color-mix(in srgb,var(--color-cyan) 78%,white)) 24px 12px / 10px 34px,linear-gradient(color-mix(in srgb,var(--color-accent-warm) 86%,white),color-mix(in srgb,var(--color-accent-warm) 86%,white)) 48px 0 / 10px 46px;background-repeat:no-repeat;border-bottom:2px solid color-mix(in srgb,var(--color-heading) 36%,transparent);filter:drop-shadow(0 10px 14px color-mix(in srgb,black 30%,transparent))}.homePuzzleLeaderboardShortcut:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 30%,transparent),transparent 52%),repeating-linear-gradient(90deg,transparent 0 18px,color-mix(in srgb,var(--color-cyan) 11%,transparent) 18px 19px),repeating-linear-gradient(0deg,transparent 0 18px,color-mix(in srgb,var(--color-primary) 11%,transparent) 18px 19px),var(--color-surface-elevated-strong)}.homeTrophyShortcut{padding-right:150px}.homeAtomicHyperShortcut{min-height:210px;background:conic-gradient(from 232deg at 88% 24%,color-mix(in srgb,#f8c85a 28%,transparent),transparent 18%,color-mix(in srgb,var(--color-cyan) 16%,transparent) 35%,transparent 52%,color-mix(in srgb,#f8c85a 18%,transparent) 72%,transparent),linear-gradient(112deg,color-mix(in srgb,#f8c85a 14%,transparent),transparent 42%),linear-gradient(162deg,transparent 45%,color-mix(in srgb,var(--color-primary) 14%,transparent)),var(--color-panel)}.homeTrophyShortcut>img{position:absolute;right:18px;bottom:14px;width:auto;max-width:min(28%,126px);height:auto;max-height:calc(100% - 32px);object-fit:contain;filter:drop-shadow(0 18px 22px color-mix(in srgb,black 26%,transparent))}.homeAtomicHyperShortcut>img{width:min(34%,112px);max-width:min(34%,112px);max-height:calc(100% - 22px)}.homeAtomicHyperShortcut:hover{background:conic-gradient(from 232deg at 88% 24%,color-mix(in srgb,#f8c85a 34%,transparent),transparent 18%,color-mix(in srgb,var(--color-cyan) 20%,transparent) 35%,transparent 52%,color-mix(in srgb,#f8c85a 22%,transparent) 72%,transparent),linear-gradient(112deg,color-mix(in srgb,#f8c85a 18%,transparent),transparent 42%),linear-gradient(162deg,transparent 45%,color-mix(in srgb,var(--color-primary) 18%,transparent)),var(--color-surface-elevated-strong)}.homeH2HShortcut{background:conic-gradient(from 218deg at 86% 18%,color-mix(in srgb,var(--color-danger) 18%,transparent),transparent 24%,color-mix(in srgb,var(--color-primary) 10%,transparent) 44%,transparent 66%,color-mix(in srgb,var(--color-danger) 12%,transparent) 84%,transparent),linear-gradient(142deg,color-mix(in srgb,var(--color-danger) 9%,transparent),transparent 58%),var(--color-panel)}.homeH2HShortcut:hover{background:conic-gradient(from 218deg at 86% 18%,color-mix(in srgb,var(--color-danger) 22%,transparent),transparent 24%,color-mix(in srgb,var(--color-primary) 12%,transparent) 44%,transparent 66%,color-mix(in srgb,var(--color-danger) 15%,transparent) 84%,transparent),linear-gradient(142deg,color-mix(in srgb,var(--color-danger) 12%,transparent),transparent 58%),var(--color-surface-elevated-strong)}.homeFeatureGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.homeFeatureCard{min-height:164px;display:grid;align-content:start;gap:12px;color:inherit;padding:20px;text-decoration:none;box-shadow:var(--shadow-soft)}.homeFeatureCard:hover{border-color:var(--color-accent-soft-border);background:var(--color-surface-elevated-strong)}.homeFeatureCard>h2{margin:0;color:var(--color-heading);font-size:20px;line-height:1.18}.homeQuickLinksSection{display:grid;gap:16px}.homeQuickLinksHeader{display:grid;gap:8px}.homeQuickLinksHeader>h2{margin:0;color:var(--color-heading);font-size:22px;line-height:1.18}@media (max-width: 1180px){.homeSpotlightSection{grid-template-columns:1fr}}@media (max-width: 860px){.homeSpotlightGrid{grid-template-columns:1fr}}@media (max-width: 1080px){.homeHero{min-height:0;padding-block:12px}}@media (max-width: 720px){.homePage{gap:16px;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.homeHeroLead>h1{font-size:30px}.homeHero,.homeSpotlightSection,.homeQuickLinksSection{gap:16px}.homeIntro{font-size:16px}.homeCompareGrid{grid-template-columns:1fr}.homeFeatureCard{min-height:0}.homePuzzleLeaderboardShortcut{min-height:188px;padding-right:112px}.homePuzzleLeaderboardShortcut:before{right:16px;bottom:18px;width:78px}.homePuzzleLeaderboardShortcut:after{right:32px;bottom:43px;transform:scale(.78);transform-origin:bottom right}.homeTrophyShortcut{min-height:168px;padding-right:116px}.homeTrophyShortcut>img{position:absolute;width:auto;max-width:86px;max-height:calc(100% - 28px);right:14px;bottom:14px;margin-top:0}.homeAtomicHyperShortcut{min-height:0;padding-right:20px;padding-bottom:20px}.homeAtomicHyperShortcut>img{position:static;justify-self:end;margin-top:-4px;width:88px;max-width:88px;max-height:156px}}@media (max-width: 680px){.homeHeroActions{display:grid;grid-template-columns:1fr}.homePrimaryCta,.homeSecondaryCta,.homeCompareGrid>button{width:100%}}@media (max-width: 390px){.homeHeroLead,.homeHeroForms{gap:16px}.homeHeroLead>h1{font-size:30px}.homeIntro{line-height:1.5}.homePrimaryCta,.homeSecondaryCta,.homeCompareGrid>button{min-height:48px}}