: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-gold: #f5c26b;--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(56, 189, 248, .42);--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(circle at 14% 10%, rgba(29, 78, 216, .18), transparent 28%), radial-gradient(circle at 82% 4%, rgba(14, 116, 144, .16), transparent 25%), linear-gradient(180deg, var(--color-page-top) 0%, var(--color-page-bottom) 100%);font-family:Inter,Arial,sans-serif;color:var(--color-text);background:var(--color-page-top);-webkit-text-size-adjust:100%}: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-gold: #8f6500;--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(15, 142, 163, .24);--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(circle at 8% 10%, rgba(236, 179, 92, .2), transparent 24%), radial-gradient(circle at 82% 2%, rgba(42, 91, 215, .13), transparent 28%), radial-gradient(circle at 58% 22%, rgba(15, 142, 163, .1), transparent 24%), linear-gradient(180deg, var(--color-page-top) 0%, var(--color-page-bottom) 100%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page-background);color:var(--color-text);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(--page-background);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(--page-background);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:29px}.panel>p{margin:0 0 20px;line-height:1.55;color:var(--color-muted)}.controls{display:grid;gap:16px}.controls>label{display:grid;gap:8px;font-size:14px}.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:16px;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:16px;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:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-subtle);margin-bottom:6px}.errorText{color:var(--color-danger);font-size:14px}.rankingsMeta{margin-top:18px;display:flex;justify-content:space-between;color:var(--color-muted);font-size:14px}.emptyRankings{margin-top:12px;padding:12px;border-radius:10px;background:var(--color-panel-strong);color:var(--color-muted)}.rankingLink{color:var(--color-primary-soft);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:26px;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-wrap{box-sizing:content-box;position:relative;display:block}cg-container{position:absolute;width:100%;height:100%;display:block;top:0}cg-board{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:0;background-size:cover}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;pointer-events:none}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background-size:cover;z-index:2;will-change:transform;pointer-events:none}cg-board piece.dragging{cursor:move;z-index:11!important}piece.anim{z-index:8}piece.fading{z-index:1;opacity:.5}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{overflow:hidden;position:relative;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.6}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs,.cg-wrap .cg-shapes-below,.cg-wrap .cg-custom-below{overflow:visible;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{overflow:hidden;opacity:.6;z-index:2}.cg-wrap .cg-shapes-below{overflow:hidden;z-index:1}.cg-wrap .cg-custom-below{z-index:1}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg,.cg-wrap .cg-custom-below svg{overflow:visible}.cg-wrap coords{position:absolute;display:flex;pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px}.cg-wrap coords.ranks{left:4px;top:-20px;flex-flow:column-reverse;height:100%;width:12px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{left:-15px;align-items:flex-end}.cg-wrap coords.files{bottom:-4px;left:24px;flex-flow:row;width:100%;height:16px;text-transform:uppercase;text-align:center}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:1 1 auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.cg-wrap coords.squares{bottom:0;left:0;text-transform:uppercase;text-align:right;flex-flow:column-reverse;height:100%;width:12.5%}.cg-wrap coords.squares.black{flex-flow:column}.cg-wrap coords.squares.left{text-align:left}.cg-wrap coords.squares coord{padding:6% 4%}.cg-wrap coords.squares.rank2{transform:translate(100%)}.cg-wrap coords.squares.rank3{transform:translate(200%)}.cg-wrap coords.squares.rank4{transform:translate(300%)}.cg-wrap coords.squares.rank5{transform:translate(400%)}.cg-wrap coords.squares.rank6{transform:translate(500%)}.cg-wrap coords.squares.rank7{transform:translate(600%)}.cg-wrap coords.squares.rank8{transform:translate(700%)}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}.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:-1;opacity:0;transition:opacity .18s ease}:root[data-theme=light] .appShell:before{top:72px;left:clamp(18px,6vw,84px);width:min(36vw,320px);height:min(36vw,320px);border-radius:50%;background:radial-gradient(circle,#e9be7642,#e9be7600 72%);opacity:1}:root[data-theme=light] .appShell:after{top:120px;right:clamp(12px,5vw,72px);width:min(42vw,380px);height:min(42vw,380px);border-radius:50%;background:radial-gradient(circle,#5378d829,#5378d800 72%);opacity: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:Arial Rounded MT Bold,Trebuchet MS,Avenir Next,system-ui,sans-serif;font-size:20px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap}.homeBrand span{background:linear-gradient(180deg,#ffffff 0%,var(--color-primary-pale) 100%);-webkit-background-clip:text;background-clip:text;font-weight:900;color:transparent;text-shadow:0 0 18px rgba(147,197,253,.18)}.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{color:var(--color-muted);font-size:15px;text-decoration:none;white-space:nowrap}.topNavLinks a:hover{color:var(--color-heading);text-decoration:underline}.topNavLinks a.isActive{color:var(--color-heading);text-decoration:underline;text-underline-offset:.18em}.mobileHomeLink{display:none}:root[data-theme=light] .topNav{box-shadow:0 10px 30px #8092ad14}.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)}.navThemeToggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.navThemeToggle button,.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{cursor:pointer}.navThemeToggle button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.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 74px 8px 38px}.navSearch.pending input{padding-right:98px}.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}.navSearchGo{position:absolute;right:4px;width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;border-color:var(--color-input-border);cursor:pointer;transition:opacity .12s ease}.navSearch.open .navSearchGo{opacity:1;pointer-events:auto}.navSearchIcon,.navSearchGo{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.navSearchStatus{position:absolute;right:44px;top:50%;display:inline-flex;align-items:center;gap:5px;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .14s ease}.navSearch.pending .navSearchStatus{opacity:1}.navSearchPulse{width:6px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 70%,white 30%);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 16%,transparent);animation:navSearchPulse 1s ease-in-out infinite}.navSearchPulse:nth-child(2){animation-delay:.12s}.navSearchPulse:nth-child(3){animation-delay:.24s}.navSearchSpinner{animation:navSearchSpin .9s linear infinite}@keyframes navSearchPulse{0%,to{transform:scale(.72);opacity:.4}50%{transform:scale(1);opacity:1}}@keyframes navSearchSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navAuth{display:inline-flex;align-items:center;gap:10px;min-width:0}.navProfileMenu{position:relative;display:inline-flex}.navAuthProfileGroup{min-height:34px;max-width:100%;padding:0 12px 0 0;border:1px solid var(--color-border-strong);border-radius:var(--radius-ui);background:var(--color-panel-strong);color:var(--color-heading);display:inline-flex;align-items:center;gap:10px;overflow:hidden;cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .1s ease}.navAuthProfileGroup:hover{background:var(--color-panel);border-color:var(--color-input-border);transform:translateY(-1px)}.navAuthProfileGroup:active{transform:translateY(0) scale(.985)}.navAuthProfileGroup.open{box-shadow:0 0 0 3px var(--color-primary-ring);border-color:var(--color-input-border);background:var(--color-panel)}.navAuthProfileIcon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px}.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)}.navAuthProfile{font-weight:700;white-space:nowrap;transition:color .14s ease}.navAuthProfileGroup:hover .navAuthProfile{text-decoration:underline}.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(--color-panel);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root[data-theme=light] .navSettingsMenu,:root[data-theme=light] .navProfileDropdown{background:linear-gradient(180deg,#ffffffe6,#faf5edd1),var(--color-panel)}.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 var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-ui);padding:0 10px;font-size:13px;cursor:pointer;white-space:nowrap}.navAuthButton:disabled{opacity:.65;cursor:wait}@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{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}.topNavLinks .mobileHomeLink{display:flex}.topNavLinks a:hover,.topNavLinks a.isActive{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{width:min(240px,calc(100vw - 32px))}.navSearch input,.navSearch button{height:32px}.navSearchIcon{left:0}.navSearchGo{right:4px}.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{width:calc(100vw - max(74px,env(safe-area-inset-left)) - max(74px,env(safe-area-inset-right)))}}.h2hPanel{width:min(1180px,100%);display:grid;gap:clamp(18px,2.8vw,28px);min-width:0;padding:clamp(18px,3vw,30px);background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-primary) 14%,transparent),transparent 30%),radial-gradient(circle at top right,color-mix(in srgb,var(--color-cyan-bright) 14%,transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 84%,transparent),transparent),var(--color-panel);border-radius:24px;border:1px solid var(--color-border);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.h2hHero{position:relative;overflow:hidden;display:grid;gap:22px;padding:clamp(20px,3vw,28px);border:1px solid var(--color-border);border-radius:22px;background:radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--color-primary) 18%,transparent),transparent 26%),radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--color-cyan-bright) 16%,transparent),transparent 22%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 94%,transparent),transparent),var(--color-panel-strong);box-shadow:var(--shadow-soft)}.h2hHero:before,.h2hFilterCard:before,.h2hPlayerPanel:before,.h2hHistorySection:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-primary-soft) 72%,transparent),transparent 78%)}.h2hFilterCard,.h2hPlayerPanel,.h2hHistorySection{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 92%,transparent),transparent),var(--color-panel-strong);box-shadow:var(--shadow-soft)}.h2hFilterCard,.h2hHistorySection{padding:clamp(18px,3vw,24px)}.h2hHeroIntro{display:grid;gap:14px;min-width:0}.h2hHeroIntro h1{margin:0;color:var(--color-heading);font-size:clamp(28px,3.1vw,40px);line-height:.96;max-width:none;white-space:nowrap}.h2hHeroIntro p{margin:0;max-width:56ch;color:var(--color-muted);font-size:clamp(14px,1vw,16px);line-height:1.55}.h2hEyebrow,.h2hPlayerLabel{width:fit-content;display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--color-accent-soft-border);background:var(--color-accent-soft-bg);color:var(--color-primary-pale);font-size:12px;font-weight:900;letter-spacing:.12em;padding:7px 11px;text-transform:uppercase}.h2hHeroIntro p,.h2hSectionHeading p{margin:0;max-width:58ch;color:var(--color-muted);font-size:clamp(14px,1vw,16px);line-height:1.55}.h2hSearchForm{display:grid;margin-top:0;grid-template-columns:1fr;gap:16px}.h2hSearchFormUnified{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(220px,auto);align-items:end;gap:14px;padding-top:4px}.h2hSearchForm label{display:grid;gap:8px;min-width:0;justify-items:stretch;color:var(--color-subtle);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.h2hFilterGrid label{justify-items:stretch}.h2hSearchForm input,.h2hFilterGrid input,.h2hFilterGrid select{width:100%;min-width:0;min-height:48px;border:1px solid var(--color-input-border);border-radius:12px;background:color-mix(in srgb,var(--color-surface-elevated-strong) 92%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 8%,transparent);-webkit-appearance:none;-moz-appearance:none;appearance:none}.h2hSearchForm input:focus-visible,.h2hFilterGrid input:focus-visible,.h2hFilterGrid select:focus-visible,.h2hSearchButton:focus-visible,.h2hHistoryCardButton:focus-visible{outline:2px solid var(--color-primary-soft);outline-offset:2px}.h2hSearchButton{min-height:50px;width:100%;border-radius:12px;justify-content:center;box-shadow:0 14px 28px color-mix(in srgb,var(--color-primary) 28%,transparent)}.h2hEmptyState{min-height:72px;display:grid;place-items:center;border-radius:16px;border:1px dashed var(--color-border);background:var(--color-surface-soft)}.h2hSummaryShell{display:grid;gap:18px}.h2hSummaryBar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.h2hSummaryPill{display:grid;gap:7px;align-content:start;min-width:0;padding:14px 16px;border:1px solid var(--color-border);border-radius:16px;background:color-mix(in srgb,var(--color-surface-elevated) 80%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 6%,transparent)}.h2hSummaryPill:first-child,.h2hSummaryPill:last-child{background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent-soft-bg) 72%,transparent),transparent),color-mix(in srgb,var(--color-surface-elevated) 80%,transparent)}.h2hSummaryPill span{color:var(--color-subtle);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.h2hSummaryPill strong{color:var(--color-heading);font-size:clamp(16px,1.5vw,20px);line-height:1.15;overflow-wrap:anywhere}.h2hSectionHeading{display:grid;gap:6px;margin-bottom:16px}.h2hSectionHeading h2{margin:0;color:var(--color-heading);font-size:clamp(20px,2.2vw,25px);line-height:1.08}.h2hFilterCard .sourceFilterChecks{margin-top:14px;padding:0;border:0;background:transparent}.h2hFilterGrid{margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.h2hSplitLayout{display:grid;grid-template-columns:minmax(0,1fr)}.h2hPlayerPanel{padding:clamp(18px,3vw,26px);min-width:0;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 68%,transparent),transparent),radial-gradient(circle at 16% 0%,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 24%),radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--color-cyan-bright) 12%,transparent),transparent 20%),var(--color-panel-strong)}.h2hPlayerPanelTop{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(14px,2vw,20px);padding-bottom:22px}.h2hPlayerIdentity{display:grid;gap:10px;min-width:0}.h2hPlayerIdentityLeft{justify-items:start;text-align:left}.h2hPlayerIdentityRight,.h2hModeCardRightStats{justify-items:end;text-align:right}.h2hPlayerIdentity h2{margin:0;font-size:clamp(20px,2.1vw,28px);line-height:1}.h2hPlayerNameLink{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h2hScoreBlock{display:flex;flex-direction:column;align-items:center;gap:6px}.h2hScoreBlockHero{min-width:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;z-index:1}.h2hModeCard{border-top:1px solid var(--color-border);padding-top:22px;margin-top:18px}.h2hModeCard h3,.h2hScoreBlock h3{margin:0;color:var(--color-primary-soft);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.h2hModeCardHeader{display:grid;justify-items:center;gap:4px;margin-bottom:8px;text-align:center}.h2hModeCardHeader h3{color:var(--color-primary-pale);font-size:clamp(17px,1.5vw,22px);line-height:1;letter-spacing:.04em;text-transform:none}.h2hModeCard p{margin:0;color:var(--color-muted)}.h2hModeCardBody{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,auto) minmax(0,1fr);align-items:center;gap:18px;min-width:0}.h2hModeStatsGroup{display:grid;gap:8px;padding:16px 18px;border:1px solid var(--color-border);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-soft-strong) 78%,transparent),transparent),color-mix(in srgb,var(--color-surface-soft-strong) 72%,transparent)}.h2hModeMeta{display:flex;align-items:baseline;justify-content:flex-start;gap:6px;font-size:15px;line-height:1.25}.h2hModeMeta span{color:var(--color-subtle);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.h2hModeMeta strong{color:var(--color-heading);font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.h2hModeStatsGroup:not(.h2hModeCardRightStats){justify-items:start;text-align:left}.h2hModeCardRightStats{justify-items:end;text-align:right}.h2hModeCardRightStats .h2hModeMeta{justify-content:flex-end}.h2hModeVersus{position:relative;gap:6px;padding-inline:8px;transform:translateY(8px)}.h2hVersusMarker{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-width:42px;min-height:42px;padding:0 12px;border-radius:999px;border:1px solid var(--color-accent-soft-border);background:color-mix(in srgb,var(--color-accent-soft-bg-strong) 88%,transparent);color:var(--color-accent-soft-text);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.h2hModeVersus .h2hModeCardScore{font-size:clamp(28px,3.1vw,38px)}.h2hModeCardScore{font-size:clamp(28px,3vw,36px);line-height:1;color:var(--color-heading);font-variant-numeric:tabular-nums}.h2hScoreLine{white-space:nowrap}.h2hHistorySection{display:grid;gap:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 90%,transparent),transparent),var(--color-panel-strong)}.h2hHistoryTableWrap{overflow-x:hidden;overflow-y:hidden;border-radius:16px;-webkit-overflow-scrolling:touch}.h2hHistoryTable{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;border:1px solid var(--color-border);border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--color-panel-strong) 95%,transparent);font-size:14px;line-height:1.35}.h2hHistoryTable thead{background:var(--color-table-head)}.h2hHistoryTable th,.h2hHistoryTable td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;vertical-align:middle}.h2hHistoryTable th{color:var(--color-subtle);font-size:11px;font-weight:900;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.h2hHistoryTable td{color:var(--color-text)}.h2hHistoryTable td:nth-child(2),.h2hHistoryTable td:nth-child(4){font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.h2hHistoryTable th:last-child,.h2hHistoryTable td:last-child{width:52px;white-space:nowrap}.h2hHistoryRow{cursor:pointer;transition:background .14s ease}.h2hHistoryRow:hover{background:var(--color-table-hover)}.h2hHistoryRow.expanded{background:var(--color-accent-soft-bg)}.h2hHistoryDetailsRow td,.h2hHistoryCardDetails{background:color-mix(in srgb,var(--color-surface-elevated-strong) 92%,transparent);font-size:13px}.h2hHistoryDetailsRow .matchCardPlayerStats,.h2hHistoryCardDetails .matchCardPlayerStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.h2hHistoryDetailsRow .matchCardPlayerStats>div,.h2hHistoryCardDetails .matchCardPlayerStats>div{gap:8px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--color-surface-soft-strong) 76%,transparent)}.h2hHistoryDetailsRow .matchCardPlayerStats strong,.h2hHistoryCardDetails .matchCardPlayerStats strong{font-size:16px;line-height:1.2}.h2hHistoryDetailsRow .matchCardPlayerStats span,.h2hHistoryCardDetails .matchCardPlayerStats span{color:var(--color-text);font-size:14px;line-height:1.35}.h2hHistoryDetailsRow .matchGamesHeader,.h2hHistoryDetailsRow .matchGameRow,.h2hHistoryCardDetails .matchGamesHeader,.h2hHistoryCardDetails .matchGameRow{grid-template-columns:78px minmax(110px,1fr) 92px minmax(120px,auto);gap:10px;justify-content:start}.h2hHistoryDetailsRow .matchGamesHeader,.h2hHistoryCardDetails .matchGamesHeader{font-size:11px;letter-spacing:.08em;padding:10px 12px}.h2hHistoryDetailsRow .matchGameRow,.h2hHistoryCardDetails .matchGameRow{padding:10px 12px;font-size:14px}.h2hHistoryCards{display:none;gap:12px}.h2hHistoryCard{border:1px solid var(--color-border);border-radius:18px;background:color-mix(in srgb,var(--color-panel-strong) 95%,transparent);overflow:hidden;box-shadow:var(--shadow-soft)}.h2hHistoryCard.expanded{border-color:var(--color-accent-soft-border)}.h2hHistoryCardButton{width:100%;display:grid;gap:10px;text-align:left;border:0;background:transparent;color:inherit;padding:16px;cursor:pointer}.h2hHistoryCardTop,.h2hHistoryCardMeta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.h2hHistoryCardKicker{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--color-accent-soft-bg);border:1px solid var(--color-accent-soft-border);color:var(--color-accent-soft-text);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.h2hHistoryCardDate{font-size:14px}.h2hHistoryCardScore{color:var(--color-heading);font-size:32px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.h2hHistoryCardMeta{color:var(--color-muted);font-size:13px}.h2hHistoryCardDetails{display:grid;gap:12px;padding:0 16px 16px;border-top:1px solid var(--color-border)}.h2hHistoryCardActions{display:flex;justify-content:flex-end;padding:0 16px 14px}@media (max-width: 1180px){.h2hFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.h2hHistoryTableWrap{display:none}.h2hHistoryCards{display:grid}}@media (max-width: 720px){.h2hPanel{gap:16px}.h2hSummaryBar{grid-template-columns:repeat(2,minmax(0,1fr))}.h2hPlayerPanelTop,.h2hModeCardBody{grid-template-columns:1fr;justify-items:center}.h2hPlayerIdentityLeft,.h2hPlayerIdentityRight,.h2hModeCardRightStats{justify-items:center;text-align:center}.h2hPlayerIdentity h2{font-size:clamp(24px,8vw,34px)}.h2hModeCardBody{gap:14px}.h2hModeCardHeader{align-items:center}.h2hSearchFormUnified{grid-template-columns:1fr}.h2hModeStatsGroup{width:min(360px,100%)}.h2hModeMeta{min-width:min(320px,100%)}.h2hModeCardRightStats .h2hModeMeta{justify-content:center}}@media (max-width: 640px){.rankingsPage{padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(18px,calc(env(safe-area-inset-bottom) + 10px)) max(12px,env(safe-area-inset-left))}.h2hPanel{padding:14px;border-radius:18px}.h2hFilterCard,.h2hPlayerPanel,.h2hHistorySection{border-radius:16px;padding:16px}.h2hHero{padding:16px}.h2hHeroIntro h1{max-width:none;white-space:normal}.h2hFilterGrid{grid-template-columns:1fr}.h2hSummaryPill strong{font-size:20px}.h2hEyebrow,.h2hPlayerLabel{font-size:11px}.h2hModeCard{padding-top:14px;margin-top:14px}.h2hModeCardScore,.h2hHistoryCardScore{font-size:28px}.h2hModeStatsGroup{width:100%;padding:12px 14px}.h2hModeVersus{transform:none}.h2hModeMeta{font-size:14px}.h2hModeMeta strong{font-size:17px}.h2hHistoryCardButton{padding:14px}.h2hHistoryCardDetails{padding:0 14px 14px}.h2hHistoryCardDetails .matchCardPlayerStats{gap:10px}.h2hHistoryCardDetails .matchCardPlayerStats{grid-template-columns:1fr}.h2hHistoryCardDetails .matchGamesHeader,.h2hHistoryCardDetails .matchGameRow{grid-template-columns:1fr 1fr}.h2hHistoryCardDetails .matchCardPlayerStats span{font-size:15px}}@media (max-width: 390px){.h2hPanel{padding:12px}.h2hFilterCard,.h2hPlayerPanel,.h2hHistorySection{padding:14px}.h2hPlayerIdentity h2{font-size:24px}.h2hModeMeta,.h2hHistoryCardMeta{font-size:12px}}.matchCards{margin-top:14px;display:grid;gap:12px}.matchCard{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--color-surface-elevated-strong),var(--color-panel));border:1px solid var(--color-border);border-radius:8px;padding:14px;cursor:pointer;min-width:0;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.matchCard:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--color-cyan-bright);opacity:0;transition:opacity .14s ease}.matchCard:hover,.matchCard:focus-visible{border-color:var(--color-accent-soft-border);box-shadow:var(--shadow-soft);outline:none;transform:translateY(-1px)}.matchCard.expanded{border-color:var(--color-cyan-bright);background:linear-gradient(180deg,var(--color-surface-elevated-strong),var(--color-panel-strong))}.matchCard.expanded:before{opacity:1}.matchCardHeader{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content max-content;align-items:center;gap:12px;min-width:0}.matchCardMain{min-width:0}.matchCardPlayers{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0;color:var(--color-text);font-size:17px;font-weight:800;line-height:1.2}.matchPlayerLink{color:var(--color-heading);text-decoration:none;overflow-wrap:anywhere}.matchPlayerLink:hover{color:var(--color-primary-pale);text-decoration:underline}.matchVersus{color:var(--color-subtle);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.matchCardMeta{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.matchMetaPill,.matchExpandCue{display:inline-flex;align-items:center;min-height:28px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft-strong);color:var(--color-muted);font-size:12px;font-weight:700;line-height:1;padding:0 9px;white-space:nowrap}.matchMetaLink{color:var(--color-primary-pale);text-decoration:none}.matchMetaLink:hover{color:var(--color-heading);text-decoration:underline}.matchScoreBlock{display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:44px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft-strong);color:var(--color-text);font-size:21px;font-weight:850;font-variant-numeric:tabular-nums}.matchScoreValue{min-width:30px;text-align:center}.matchScoreValue.winner{color:#86efac}.matchScoreValue.loser{color:var(--color-subtle)}.matchExpandCue{color:var(--color-primary-soft)}.matchCardDetails{margin-top:14px;border-top:1px solid var(--color-border);padding-top:12px}.matchCardPlayerStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;color:var(--color-muted);margin-bottom:12px}.matchCardPlayerStats>div{display:grid;gap:4px;min-width:0;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft);padding:10px}.matchCardPlayerStats strong{color:var(--color-heading);overflow-wrap:anywhere}.matchGames{overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft)}.matchGamesHeader,.matchGameRow{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(90px,auto);gap:12px;align-items:center;min-width:0}.matchGamesHeader{color:var(--color-subtle);font-size:12px;letter-spacing:.06em;padding:9px 10px;text-transform:uppercase;background:var(--color-table-head)}.matchGamesList{margin:0;padding:0;list-style:none;display:grid}.matchGameRow{padding:9px 10px;color:var(--color-text)}.matchGameRow+.matchGameRow{border-top:1px solid var(--color-border)}.matchGameRow>:last-child{overflow-wrap:anywhere}@media (max-width: 640px){.matchCard{padding:12px}.matchCardHeader{align-items:stretch;grid-template-columns:1fr;gap:10px}.matchScoreBlock{justify-content:flex-start;min-width:0;width:100%;min-height:42px;padding:0 10px}.matchExpandCue{justify-content:center;min-height:36px}.matchCardPlayers,.matchCardMeta,.matchCardPlayerStats,.matchGamesHeader,.matchGameRow{min-width:0}.matchCardPlayerStats{grid-template-columns:1fr}.matchGamesHeader,.matchGameRow{grid-template-columns:68px minmax(0,1fr);gap:7px}.matchGamesHeader>:last-child,.matchGameRow>:last-child{grid-column:1 / -1;overflow-wrap:anywhere}}.matchPageLink{display:inline-flex;align-items:center;justify-content:center;width:1.95rem;height:1.95rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-border-strong) 72%,transparent);background:color-mix(in srgb,var(--color-surface) 88%,transparent);color:var(--color-text-muted);text-decoration:none;transition:color .14s ease,border-color .14s ease,background .14s ease,transform .14s ease}.matchPageLink:hover,.matchPageLink:focus-visible{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 56%,transparent);background:color-mix(in srgb,var(--color-primary-soft) 70%,transparent);transform:translateY(-1px)}.homePage{min-height:var(--page-shell-min-height);min-height:var(--page-shell-min-height-dynamic);color:var(--color-text);background:var(--page-background);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,.homeContent,.homeNotesSection{width:min(980px,100%);margin:0 auto}.homeHero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(260px,.78fr);grid-template-areas:"lead image" "forms image";gap:clamp(6px,1.2vw,16px);align-items:start;min-height:min(400px,calc(100vh - 210px));min-height:min(400px,calc(100svh - 210px));padding-block:clamp(12px,3vh,28px)}.homeHeroLead,.homeHeroForms{display:grid;gap:16px;min-width:0}.homeHeroLead{grid-area:lead;max-width:44rem}.homeHeroForms{grid-area:forms;align-content:start}.homeKicker{width:fit-content;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--color-glass-border);border-radius:var(--radius-ui);background:var(--color-panel);color:var(--color-primary-pale);font-size:14px;font-weight:800;letter-spacing:.08em;padding:8px 10px;text-transform:uppercase}.homeKicker img{width:24px;height:24px;flex:0 0 auto}.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}.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)}.homePlayerSearch{width:min(580px,100%)}.homeCompareSearch{width:min(640px,100%)}.homePlayerSearch>label,.homeCompareSearch>label{color:var(--color-subtle);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.homeSearchRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.homeCompareGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px}.homeSearchRow>input,.homeSearchRow>button,.homeCompareGrid>input,.homeCompareGrid>button{min-height:46px;border-radius:var(--radius-ui);-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}.homePlayerSearch,.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)}.homeSearchRow>input,.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}.homeSearchRow>input::placeholder,.homeCompareGrid>input::placeholder{color:var(--color-subtle)}.homeSearchRow>button,.homeCompareGrid>button{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;font-weight:800}.homeSearchRow>button{padding:10px 14px}.homeCompareGrid>button{padding:10px 18px}.homeSearchRow>button:disabled,.homeCompareGrid>button:disabled{cursor:not-allowed;opacity:.45}.homeImageStage{grid-area:image;position:relative;justify-self:center;align-self:center;width:min(100%,320px);aspect-ratio:870 / 990;transform:translateY(-18px);border-radius:var(--radius-ui);background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 82%,transparent),transparent),var(--color-overlay);box-shadow:var(--shadow-panel);overflow:hidden}.homePuzzleCard{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;aspect-ratio:870 / 990;border:1px solid var(--color-glass-border);border-radius:var(--radius-ui);overflow:hidden;opacity:0;animation:homePuzzleFade 49s ease-in-out infinite;animation-delay:var(--slide-delay);will-change:opacity}.homePuzzleCard img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast}@keyframes homePuzzleFade{0%{opacity:0}1.5%,10%{opacity:1}12.5%,14.285%{opacity:1}14.286%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.homePuzzleCard{animation:none}.homePuzzleCard:first-child{opacity:1}}.homeContent{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(18px,2.5vw,28px);align-items:start}.homeSectionIntro{margin:0;position:sticky;top:84px}.homeSectionIntro>h2{margin:0 0 8px;color:var(--color-heading);font-size:23px;line-height:1.15}.homeSectionIntro>p{margin:0;color:var(--color-muted);line-height:1.55}.homeFeatureCard,.homeNotes{border:1px solid var(--color-border);border-radius:var(--radius-ui);background:var(--color-panel)}.homeFeatureCard>span,.homeSectionLabel{color:var(--color-subtle);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.homeFeatureCard>p,.homePrincipleList>article>p{margin:0;color:var(--color-muted);line-height:1.55}.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}.homeNotesSection{display:grid}.homeNotes{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:clamp(18px,2.5vw,28px);align-items:start;padding:20px 22px;box-shadow:var(--shadow-soft)}.homeNotes>h2{margin:8px 0 18px;color:var(--color-heading);font-size:22px;line-height:1.18}.homePrincipleList{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px}.homePrincipleList>article{min-width:0;display:grid;align-content:start;gap:6px;min-height:100%;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-ui);background:color-mix(in srgb,var(--color-panel-strong) 72%,transparent)}.homePrincipleList>article>h3{margin:0 0 8px;color:var(--color-text);font-size:16px;line-height:1.25}.homePrincipleList>article a{color:var(--color-primary-soft);text-decoration:none}.homePrincipleList>article a:hover{text-decoration:underline}@media (max-width: 1180px){.homeContent,.homeNotes,.homePrincipleList{grid-template-columns:1fr}.homeSectionIntro{position:static}}@media (max-width: 1080px){.homeHero{grid-template-columns:1fr;grid-template-areas:"lead" "image" "forms";gap:14px;min-height:0;padding-block:8px}.homeImageStage{width:min(280px,100%);transform:none}}@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,.homeContent,.homeNotes{gap:16px}.homeIntro{font-size:16px}.homePrincipleList{grid-template-columns:1fr;gap:12px}.homeSearchRow{display:grid;grid-template-columns:1fr}.homeCompareGrid{grid-template-columns:1fr}.homeImageStage{width:min(72vw,280px)}.homeFeatureCard{min-height:0}.homeNotes{padding:18px}.homeNotes>h2{font-size:22px}.homePrincipleList>article{padding:14px}}@media (max-width: 680px){.homeHeroActions{display:grid;grid-template-columns:1fr}.homePrimaryCta,.homeSecondaryCta,.homeSearchRow>button,.homeCompareGrid>button{width:100%}}@media (max-width: 390px){.homeKicker{font-size:12px}.homeHeroLead,.homeHeroForms{gap:16px}.homeHeroLead>h1{font-size:30px}.homeIntro{line-height:1.5}.homeImageStage{width:min(68vw,220px)}.homePrimaryCta,.homeSecondaryCta,.homeSearchRow>button,.homeCompareGrid>button{min-height:48px}}.matchPagePanel{width:min(780px,100%);max-width:100%;margin-inline:auto;display:grid;gap:clamp(18px,2.8vw,26px);min-width:0;padding:clamp(18px,3vw,30px);background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 84%,transparent),transparent),var(--color-panel)}.matchPageDetailsCard{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 92%,transparent),transparent),var(--color-panel-strong);box-shadow:var(--shadow-soft)}.matchPageHeader,.matchPageContent{width:min(660px,100%);margin-inline:auto}.matchPageDetailsCard:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-primary-soft) 72%,transparent),transparent 78%)}.matchPageHeader{display:grid;gap:18px;padding:clamp(10px,1.8vw,14px) 0 clamp(4px,1vw,8px)}.matchPageHeaderLabel{margin:0;color:var(--color-subtle);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-align:center;text-transform:uppercase}.matchPageHeaderRow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(14px,2vw,28px)}.matchPageHeaderPlayer{min-width:0;color:var(--color-heading);font-size:clamp(1.3rem,2.2vw,1.9rem);font-weight:800;line-height:1.05;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matchPageHeaderPlayer:hover{color:var(--color-primary-pale)}.matchPageHeaderPlayerRight{text-align:right}.matchPageHeaderScore{display:inline-flex;align-items:baseline;justify-content:center;gap:clamp(10px,1.4vw,16px);color:var(--color-heading);font-variant-numeric:tabular-nums}.matchPageHeaderScore strong{font-size:clamp(1.55rem,2.8vw,2.2rem);line-height:1}.matchPageHeaderScore span{color:var(--color-subtle);font-size:clamp(.95rem,1.6vw,1.2rem);font-weight:700}.matchPageHeaderMeta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.matchPageHeaderActions{display:flex;justify-content:center}.matchPageH2HLink{width:fit-content;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid color-mix(in srgb,var(--color-accent-soft-border) 78%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-accent-soft-bg) 80%,transparent);color:var(--color-heading);font-weight:800;text-decoration:none;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.matchPageH2HLink:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-primary) 50%,transparent);background:color-mix(in srgb,var(--color-accent-soft-bg-strong) 88%,transparent)}.matchPageH2HLink:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 56%,white);outline-offset:2px}.matchPageContent{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}.matchPageDetailsCard{padding:clamp(18px,3vw,24px)}.matchPageSectionHeading h2{margin:0;color:var(--color-heading);font-size:clamp(20px,2vw,24px);line-height:1.05}.matchPageSectionHeading{display:grid;gap:6px;margin-bottom:16px}.matchPageDetailsCard .matchCardPlayerStats>div{border-radius:14px;background:color-mix(in srgb,var(--color-surface-soft-strong) 78%,transparent);padding:14px 16px}.matchPageDetailsCard .matchGames{overflow:hidden;border-radius:14px;background:color-mix(in srgb,var(--color-surface-soft) 92%,transparent)}.matchPageDetailsCard .matchGamesHeader,.matchPageDetailsCard .matchGameRow{grid-template-columns:minmax(76px,.88fr) minmax(104px,1.2fr) minmax(88px,.92fr) minmax(116px,1fr);column-gap:14px;row-gap:8px;min-width:0}.matchPageDetailsCard .matchGamesHeader,.matchPageDetailsCard .matchGameRow{padding:12px 14px}.matchPageDetailsCard .matchGamesHeader>:nth-child(3),.matchPageDetailsCard .matchGameRow>:nth-child(3){justify-self:center}.matchPageDetailsCard .matchGamesHeader>:last-child,.matchPageDetailsCard .matchGameRow>:last-child{min-width:0;justify-self:start;overflow-wrap:anywhere}@media (max-width: 980px){.matchPageHeaderRow{gap:16px}}@media (max-width: 640px){.matchPagePanel{padding:14px}.matchPageDetailsCard{padding:16px}.matchPageHeaderRow{grid-template-columns:1fr;justify-items:center;gap:10px}.matchPageHeaderPlayer,.matchPageHeaderPlayerRight{width:100%;text-align:center}.matchPageDetailsCard .matchGamesHeader,.matchPageDetailsCard .matchGameRow{grid-template-columns:68px minmax(0,1fr);gap:8px;min-width:0}.matchPageDetailsCard .matchGamesHeader>*,.matchPageDetailsCard .matchGameRow>*{white-space:normal}.matchPageDetailsCard .matchGamesHeader>:nth-child(3),.matchPageDetailsCard .matchGamesHeader>:last-child,.matchPageDetailsCard .matchGameRow>:nth-child(3),.matchPageDetailsCard .matchGameRow>:last-child{grid-column:1 / -1}.matchPageDetailsCard .matchGameRow>:last-child{overflow-wrap:anywhere}}.playerProfilePanel{width:min(1000px,100%)}.profileIdentityRow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.profileIdentityRow h1{margin:0}.profileTrophyRow{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.profileTrophy{display:inline-flex;align-items:center;gap:8px;min-height:62px;padding:8px 16px 8px 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-panel-strong);box-shadow:0 6px 16px color-mix(in srgb,black 10%,transparent);color:inherit;text-decoration:none;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.profileTrophy:hover,.profileTrophy:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-primary) 38%,var(--color-border));background:var(--color-surface-elevated-strong);box-shadow:0 10px 22px color-mix(in srgb,black 14%,transparent)}.profileTrophy img{width:36px;height:58px;display:block;object-fit:contain;transition:transform .2s}.profileTrophy:hover img,.profileTrophy:focus-within img{transform:translateY(-3px)}.profileTrophyLabel{color:var(--color-heading);font-size:15px;font-weight:800;letter-spacing:.01em}.profileTopBar{margin-top:8px;display:grid;gap:14px}.profileMetricRow{display:grid;gap:10px}.profileMetricRowTitle{margin:0;font-size:17px}.profileMetricRowCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.profileActionRow{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.playerProfilePanel .matchFilterGrid{grid-template-columns:repeat(6,minmax(0,1fr))}.profileOpponentFilterField{grid-column:span 2;min-width:0}.profileOpponentFilterField input{min-width:0}.profilePuzzleDashboardLink{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:8px;border:1px solid var(--color-accent-soft-border);background:var(--color-panel-strong);color:var(--color-heading);font-weight:800;text-decoration:none;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.profilePuzzleDashboardLink:hover,.profilePuzzleDashboardLink:focus-visible{transform:translateY(-1px);border-color:var(--color-primary);background:var(--color-surface-elevated-strong)}.profileBanNotice{margin-top:10px;padding:16px 18px;border-radius:var(--radius-ui);border:1px solid color-mix(in srgb,var(--color-danger) 45%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-danger) 16%,transparent),transparent 55%),var(--color-panel-strong)}.profileBanNoticeHeader{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.profileBanNoticeHeader h2{margin:0;font-size:18px}.profileBanNotice p{margin:10px 0 0;max-width:72ch;color:var(--color-text)}.profileBanBadge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-danger) 55%,var(--color-border));background:color-mix(in srgb,var(--color-danger) 18%,transparent);color:color-mix(in srgb,var(--color-danger) 76%,white);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.profileHighlights{margin-top:14px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;align-items:start}.profileHighlightsBottomRow{grid-template-columns:repeat(2,minmax(0,1fr))}.profileBestWins,.profileBestMonthRanks,.profileAliases{min-width:0;padding:12px;border-radius:var(--radius-ui);background:var(--color-panel-strong);border:1px solid var(--color-border)}.profileBestWins h2,.profileBestMonthRanksHeader h2,.profileAliases h2{margin:0;font-size:17px}.profileBestWins ol,.profileBestMonthRanks ol{margin:10px 0 0 18px;padding:0;display:grid;gap:6px}.profileBestWins li,.profileBestMonthRanks li{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:10px;min-width:0}.profileBestWinDate,.profileBestMonthRankRating{text-align:right;white-space:nowrap}.profileBestMonthRanksHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.profileBestMonthRanksHeader label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-primary-pale)}.profileBestMonthRanksHeader select{border:1px solid var(--color-input-border);background:var(--color-panel-strong);color:var(--color-text);border-radius:8px;padding:4px 6px}.profileAliasesList{margin-top:10px;display:grid;gap:6px;overflow-wrap:anywhere}.profileAliasRow{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.profileAliasRow span{min-width:0;overflow-wrap:anywhere}.profileAliasName{display:inline-flex;align-items:center;gap:8px;min-width:0}.profileAliasStatus{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-warning) 26%,var(--color-border));background:color-mix(in srgb,var(--color-warning-soft-bg) 62%,white 38%);color:color-mix(in srgb,var(--color-warning) 68%,#6b4b12);box-shadow:0 4px 10px color-mix(in srgb,var(--color-warning) 8%,transparent);cursor:default;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease}.profileAliasStatus>span:first-child{font-size:14px;line-height:1}.profileAliasTooltip{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:2;width:min(320px,calc(100vw - 32px));padding:10px 12px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-panel-strong);color:var(--color-text);box-shadow:0 10px 30px color-mix(in srgb,black 18%,transparent);font-size:12px;line-height:1.45;opacity:0;pointer-events:none;transform:translate(-50%,6px);transition:opacity .14s ease,transform .14s ease}.profileAliasTooltip:after{content:"";position:absolute;left:50%;top:100%;width:10px;height:10px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-panel-strong);transform:translate(-50%) rotate(45deg)}.profileAliasStatus:hover .profileAliasTooltip,.profileAliasStatus:focus-within .profileAliasTooltip,.profileAliasTooltip:hover{opacity:1;pointer-events:auto;transform:translate(-50%)}.profileAliasStatus:hover,.profileAliasStatus:focus-within{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-warning) 44%,var(--color-border));background:color-mix(in srgb,var(--color-warning-soft-bg) 72%,white 28%);color:color-mix(in srgb,var(--color-warning) 78%,#5b3200);box-shadow:0 8px 18px color-mix(in srgb,var(--color-warning) 12%,transparent)}.profileAliasTooltipLink{color:color-mix(in srgb,var(--color-primary) 78%,white 22%);font-weight:700;text-decoration:underline;text-underline-offset:2px}.profileAliasTooltipLink:hover,.profileAliasTooltipLink:focus-visible{color:color-mix(in srgb,var(--color-primary) 60%,white 40%)}.profileAliasLichessLink{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;color:color-mix(in srgb,var(--color-primary) 82%,#0f172a);background:color-mix(in srgb,var(--color-primary-ring) 72%,white 28%);border:1px solid color-mix(in srgb,var(--color-primary) 36%,var(--color-border));box-shadow:0 6px 16px color-mix(in srgb,var(--color-primary) 12%,transparent);text-decoration:none;transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.profileAliasLichessLink:hover,.profileAliasLichessLink:focus-visible{transform:translateY(-1px);background:color-mix(in srgb,var(--color-primary-ring) 88%,white 12%);border-color:color-mix(in srgb,var(--color-primary) 62%,var(--color-border));color:color-mix(in srgb,var(--color-primary-hover) 86%,#0f172a);box-shadow:0 10px 22px color-mix(in srgb,var(--color-primary) 16%,transparent)}.profileAliasLichessLink svg{width:18px;height:18px;display:block}:root:not([data-theme=light]) .profileAliasStatus{width:18px;height:18px;border:0;background:transparent;color:color-mix(in srgb,#ffd166 80%,white);box-shadow:none}:root:not([data-theme=light]) .profileAliasStatus:hover,:root:not([data-theme=light]) .profileAliasStatus:focus-within{border:0;background:transparent;color:color-mix(in srgb,#ffd166 88%,white);box-shadow:none}:root:not([data-theme=light]) .profileAliasLichessLink{color:var(--color-gold);background:var(--color-warning-soft-bg);border:1px solid var(--color-warning-soft-border);box-shadow:none}:root:not([data-theme=light]) .profileAliasLichessLink:hover,:root:not([data-theme=light]) .profileAliasLichessLink:focus-visible{background:color-mix(in srgb,var(--color-warning-soft-bg) 80%,var(--color-panel-strong));border-color:color-mix(in srgb,var(--color-warning-soft-border) 80%,var(--color-gold));color:var(--color-gold);box-shadow:none}:root[data-theme=light] .profileAliasTooltipLink{color:#3f73ee}:root[data-theme=light] .profileAliasTooltipLink:hover,:root[data-theme=light] .profileAliasTooltipLink:focus-visible{color:#2f62dd}:root[data-theme=light] .profileAliasLichessLink{color:#3b6fe8;background:color-mix(in srgb,#dce8ff 84%,white 16%);border-color:color-mix(in srgb,#3b6fe8 34%,var(--color-border))}:root[data-theme=light] .profileAliasLichessLink:hover,:root[data-theme=light] .profileAliasLichessLink:focus-visible{color:#2f62dd;background:color-mix(in srgb,#dce8ff 94%,white 6%);border-color:color-mix(in srgb,#2f62dd 52%,var(--color-border))}.playerProfilePanel .analyzeButton{min-height:42px;border-radius:8px;background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);font-weight:800}.playerProfilePanel .analyzeButton:hover:not(:disabled){background:var(--color-primary-hover)}.playerProfilePanel .analyzeButton:disabled{opacity:.55;cursor:not-allowed}.profileMatchTableWrap{margin-top:14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft)}.profileMatchTable{min-width:840px;border:0;border-radius:0;background:transparent;font-size:14px;line-height:1.35}.profileMatchTable thead{background:var(--color-table-head)}.profileMatchTable th{color:var(--color-subtle);font-size:11px;line-height:1.2}.profileMatchTable th,.profileMatchTable td{border-bottom-color:var(--color-border);padding:11px 12px;vertical-align:middle}.profileMatchTable th:last-child,.profileMatchTable td:last-child{width:1%;white-space:nowrap}.profileMatchTable tbody tr:last-child td{border-bottom:0}.expandableMatchRow{cursor:pointer;transition:background .14s ease,box-shadow .14s ease}.profileMatchTable .expandableMatchRow:hover,.profileMatchTable .expandableMatchRow:focus-visible{background:var(--color-accent-soft-bg);box-shadow:inset 3px 0 0 var(--color-cyan-bright);outline:none}.expandableMatchRow.expanded{background:var(--color-accent-soft-bg-strong);box-shadow:inset 3px 0 0 var(--color-cyan-bright)}@media (max-width: 1180px){.playerProfilePanel .matchFilterGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 820px){.playerProfilePanel .matchFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.playerProfilePanel .matchFilterGrid{grid-template-columns:1fr}.profileOpponentFilterField{grid-column:auto}}.profileTablePill{display:inline-flex;align-items:center;min-height:28px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-elevated);color:var(--color-muted);font-size:13px;font-weight:800;padding:0 9px;white-space:nowrap}.profileScoreBox{display:inline-flex;align-items:center;justify-content:center;min-width:88px;min-height:32px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft-strong);font-size:15px;font-weight:850}.profileScoreValue{min-width:24px;text-align:center}.profileScoreValue.winner{color:#86efac}.profileScoreValue.loser{color:var(--color-danger)}.profileMetricValue{font-size:14px;font-weight:800}.profileDelta{margin-left:6px;color:var(--color-subtle);font-size:12px;font-variant-numeric:tabular-nums}.matchDetailsRow td{background:var(--color-surface-soft-strong)}.matchDetailsInner{padding:4px 0 2px}.profileMatchPlayerStats{margin-bottom:12px}.profileMatchGames{max-width:none}.profileMatchGameHeader,.profileMatchGame{grid-template-columns:80px minmax(0,1fr) 80px minmax(90px,auto);gap:12px;font-size:13px}.profileMatchGameHeader{font-size:11px}.profileMatchGame>*{min-width:0;overflow-wrap:anywhere}@media (max-width: 1180px){.profileIdentityRow{align-items:flex-start}.profileTrophyRow{justify-content:flex-start}.profileHighlights,.profileHighlightsBottomRow{grid-template-columns:1fr}.matchFilterGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.profileMetricRowCards{grid-template-columns:repeat(2,minmax(0,1fr))}.profileTrophy{min-height:54px;padding-right:14px}.profileTrophyLabel{font-size:14px}.profileActionRow{justify-content:stretch}.profilePuzzleDashboardLink{width:100%}.matchFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.profileMetricRowCards{grid-template-columns:1fr}.profileBestMonthRanksHeader{align-items:flex-start;flex-direction:column}.profileBestWins li,.profileBestMonthRanks li{grid-template-columns:1fr;gap:4px}.profileBestWinDate,.profileBestMonthRankRating{text-align:left;white-space:normal}.matchFilterGrid{grid-template-columns:1fr}.profileMatchTable{min-width:660px;font-size:14px}.profileMatchTable th,.profileMatchTable td{padding:10px}.profileMatchGameHeader,.profileMatchGame{grid-template-columns:68px minmax(0,1fr)}.profileMatchGameHeader>:nth-child(3),.profileMatchGameHeader>:nth-child(4),.profileMatchGame>:nth-child(3),.profileMatchGame>:nth-child(4){grid-column:1 / -1}}.profileBestWinOpponent,.profileBestMonthRankPrimary{min-width:0}.profileMetric{min-width:0;padding:12px;border-radius:var(--radius-ui);background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 7%,var(--color-panel-strong)),var(--color-panel-strong) 55%);border:1px solid color-mix(in srgb,var(--color-border) 82%,var(--color-primary));overflow-wrap:anywhere;box-shadow:inset 0 1px color-mix(in srgb,white 14%,transparent);display:grid;gap:4px}.profileMetric strong{font-size:20px;line-height:1.15}.profileMetricValue{display:flex;flex-wrap:wrap;align-items:baseline}.profileMetricValueLink{margin-left:.25em;color:var(--color-primary-soft);text-decoration:none}.profileMetricValueLink:hover,.profileMetricValueLink:focus-visible{text-decoration:underline}.profileMetricSubtext{color:var(--color-primary-pale);font-size:12px;line-height:1.35}.puzzleDashboardPage{min-height:var(--page-shell-min-height);min-height:var(--page-shell-min-height-dynamic);background:var(--page-background);color:var(--color-text);padding:var(--page-shell-padding)}.puzzleDashboardShell{width:min(1080px,100%);margin:0 auto;display:grid;gap:22px}.dashboardHero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:20px;align-items:stretch;padding:clamp(20px,2.6vw,28px);border:1px solid var(--color-border);border-radius:calc(var(--radius-ui) + 6px);background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-primary) 18%,transparent),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 84%,transparent),transparent),var(--color-panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dashboardHeroCopy{display:grid;gap:12px}.puzzleDashboardEyebrow{width:fit-content;margin:0;color:var(--color-primary-pale);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:7px 10px;border:1px solid var(--color-glass-border);border-radius:999px;background:color-mix(in srgb,var(--color-panel-strong) 72%,transparent)}.dashboardHeroCopy>h1{margin:0;color:var(--color-heading);font-size:clamp(32px,4vw,48px);line-height:1.02}.puzzleDashboardIntro{margin:0;max-width:60ch;color:var(--color-muted);font-size:16px;line-height:1.6}.dashboardHeroActions{display:grid;align-content:space-between;justify-items:end;gap:14px}.dashboardHeroActionStack,.dashboardHeroLinks{display:grid;gap:12px}.dashboardHeroLinks{justify-items:end}.dashboardIdentityCard{width:min(100%,260px);display:grid;gap:6px;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-ui);background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel-strong) 90%,transparent),transparent),var(--color-surface-soft)}.dashboardIdentityCard>strong{color:var(--color-heading);font-size:22px;line-height:1.1}.dashboardIdentityLabel,.dashboardStatLabel,.dashboardSectionEyebrow,.dashboardMiniLabel{color:var(--color-subtle);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.puzzleDashboardBackLink,.dashboardPuzzleLink,.dashboardReplayLink{text-decoration:none}.puzzleDashboardBackLink{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:var(--radius-ui);border:1px solid var(--color-accent-soft-border);background:var(--color-panel-strong);color:var(--color-heading);font-weight:800;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.puzzleDashboardBackLink:hover,.dashboardReplayLink:hover{transform:translateY(-1px);border-color:var(--color-primary);background:var(--color-surface-elevated-strong)}.dashboardStatsStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dashboardStatCard{display:grid;gap:8px;min-width:0;align-content:start;padding:18px 20px;border:1px solid var(--color-border);border-radius:var(--radius-ui);background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 75%,transparent),transparent),var(--color-panel-strong);box-shadow:var(--shadow-panel)}.dashboardStatCardPrimary{background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-primary) 18%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 75%,transparent),transparent),var(--color-panel-strong)}.dashboardStatCardCorrect{background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-cyan-bright) 18%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 75%,transparent),transparent),var(--color-panel-strong)}.dashboardStatCardIncorrect{background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-danger) 16%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 75%,transparent),transparent),var(--color-panel-strong)}.dashboardStatCard strong{color:var(--color-heading);font-size:clamp(30px,4vw,42px);line-height:.95;letter-spacing:-.03em}.dashboardStatNote{color:var(--color-muted);font-size:13px;line-height:1.45}.dashboardSummaryNote{margin:-4px 0 0;color:var(--color-subtle);font-size:13px;line-height:1.5}.dashboardAttempts{display:grid;gap:16px;padding:clamp(18px,2.3vw,24px);border:1px solid var(--color-border);border-radius:calc(var(--radius-ui) + 2px);background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 82%,transparent),transparent),var(--color-panel);box-shadow:var(--shadow-panel)}.dashboardAttemptsHeader,.dashboardAttemptsFooter{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap}.dashboardAttemptsHeader>div>h2{margin:6px 0 0;color:var(--color-heading);font-size:clamp(24px,3vw,32px);line-height:1.08}.dashboardSectionIntro{margin:8px 0 0;color:var(--color-muted);line-height:1.55}.dashboardAttemptRows{display:grid;gap:12px}.dashboardAttemptRow{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--color-border);border-radius:calc(var(--radius-ui) - 2px);background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 34%),var(--color-surface-soft)}.dashboardAttemptPrimary{display:flex;align-items:flex-start;gap:14px;min-width:0}.dashboardRowNumber{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-panel-strong) 92%,transparent);color:var(--color-heading);font-weight:800}.dashboardPuzzleBlock{display:grid;gap:6px;min-width:0}.dashboardPuzzleLink{color:var(--color-heading);font-size:clamp(20px,2vw,24px);font-weight:800}.dashboardPuzzleLink:hover{text-decoration:underline}.dashboardPuzzleSubline{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--color-muted);font-size:14px}.dashboardPuzzleSubline span{position:relative}.dashboardPuzzleSubline span:not(:first-child):before{content:"";position:absolute;left:-7px;top:50%;width:3px;height:3px;border-radius:999px;transform:translateY(-50%);background:var(--color-subtle)}.dashboardAttemptMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboardMetaCard{display:grid;gap:6px;min-width:0;padding:12px 14px;border:1px solid var(--color-border);border-radius:12px;background:color-mix(in srgb,var(--color-panel-strong) 88%,transparent)}.dashboardActionCard{align-content:space-between}.dashboardMetaValue{color:var(--color-text);line-height:1.45}.dashboardStatus{width:fit-content;min-height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.dashboardStatus.correct{background:color-mix(in srgb,var(--color-cyan-bright) 18%,transparent);color:var(--color-accent-soft-text);border:1px solid color-mix(in srgb,var(--color-cyan-bright) 45%,transparent)}.dashboardStatus.incorrect{background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:color-mix(in srgb,var(--color-danger) 45%,white);border:1px solid color-mix(in srgb,var(--color-danger) 35%,transparent)}.dashboardReplayLink{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-panel-strong);color:var(--color-heading);font-weight:800}.dashboardStateCard,.dashboardErrorText{display:grid;gap:12px;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-ui);background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 76%,transparent),transparent),var(--color-surface-soft);color:var(--color-muted)}.dashboardStateCard p{margin:0}.paginationRow{margin-top:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.paginationRow button{min-height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-panel-strong);color:var(--color-text);font-weight:800}.paginationRow button:hover:not(:disabled){border-color:var(--color-accent-soft-border);background:var(--color-surface-elevated-strong)}.paginationRow button:disabled{opacity:.55;cursor:not-allowed}.paginationPageButton{font-weight:800}.paginationJumpLabel{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-panel-strong);color:var(--color-text);font-weight:800}.paginationJumpInput{width:72px;min-height:32px;border:1px solid var(--color-input-border);border-radius:8px;background:var(--color-surface-elevated-strong);color:var(--color-text);font:inherit;padding:4px 8px}@media (max-width: 960px){.dashboardHero,.dashboardAttemptRow{grid-template-columns:1fr}.dashboardHeroActions{justify-items:start;align-content:start}.dashboardHeroLinks{justify-items:start}.dashboardStatsStrip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardAttemptMeta{grid-template-columns:1fr}}@media (max-width: 680px){.dashboardStatsStrip{grid-template-columns:1fr}.dashboardAttemptsHeader,.dashboardAttemptsFooter{display:grid;align-items:stretch}.dashboardAttemptPrimary{gap:12px}.dashboardPuzzleSubline{display:grid;gap:4px}.dashboardPuzzleSubline span:not(:first-child):before{display:none}.puzzleDashboardBackLink,.dashboardReplayLink,.paginationRow button,.paginationJumpForm,.paginationJumpLabel{width:100%}.paginationJumpLabel{justify-content:center;flex-wrap:wrap;padding:10px 14px}}.puzzleSetsPage{--puzzle-sets-panel-padding: clamp(18px, 2.2vw, 24px);--puzzle-sets-pill-radius: 999px;--puzzle-sets-transition: transform .14s ease, border-color .14s ease, background-color .14s ease;min-height:var(--page-shell-min-height);min-height:var(--page-shell-min-height-dynamic);background:var(--page-background);color:var(--color-text);padding:var(--page-shell-padding)}.puzzleSetsShell{width:min(960px,100%);margin:0 auto;display:grid;gap:18px}.puzzleSetsHero,.puzzleSetsSection{padding:var(--puzzle-sets-panel-padding);border:1px solid var(--color-border);border-radius:calc(var(--radius-ui) + 6px);background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 84%,transparent),transparent),var(--color-panel);box-shadow:var(--shadow-panel)}.puzzleSetsSelectedSection{scroll-margin-top:84px;padding:clamp(22px,2.4vw,30px)}.puzzleSetsHero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:18px;align-items:stretch}.puzzleSetsHeroCopy,.puzzleSetsHeroActions,.puzzleSetsSectionHeader,.puzzleSetPuzzlePrimary{display:grid;gap:12px}.puzzleSetsSectionCopy{display:grid;gap:14px}.puzzleSetsFilterBar{display:flex;flex-wrap:nowrap;gap:10px;margin-bottom:10px;align-items:center;justify-content:flex-start;align-self:start;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin}.puzzleSetsEyebrow,.puzzleSetsSummaryLabel,.puzzleSetsSectionEyebrow,.puzzleSetsMiniLabel{width:fit-content;margin:0;color:var(--color-primary-pale);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.puzzleSetsHeroCopy>h1,.puzzleSetsSectionCopy>h2{margin:0;color:var(--color-heading)}.puzzleSetsHeroCopy>h1{font-size:clamp(28px,3.3vw,40px);line-height:1.06}.puzzleSetsSectionCopy>h2{font-size:clamp(21px,2.4vw,28px);line-height:1.12}.puzzleSetsIntro,.puzzleSetsSectionIntro{margin:0;color:var(--color-muted);font-size:clamp(16px,1.5vw,18px);line-height:1.5}.puzzleSetsHeroActions{align-content:space-between;justify-items:end}.puzzleSetsSummaryCard,.puzzleSetsStateCard,.puzzleSetPuzzleRow{border:1px solid var(--color-border);border-radius:var(--radius-ui);background:color-mix(in srgb,var(--color-panel-strong) 90%,transparent)}.puzzleSetsSummaryCard,.puzzleSetsStateCard{display:grid;gap:6px;padding:16px 18px}.puzzleSetsSummaryCard>strong{color:var(--color-heading);font-size:clamp(24px,3vw,34px);line-height:1}.puzzleSetsSummaryCard>span:last-child,.puzzleSetsStateCard{color:var(--color-muted)}.puzzleSetsBackLink,.puzzleSetPuzzleLink,.puzzleSetOpenLink{text-decoration:none}.puzzleSetsBackLink,.puzzleSetOpenLink{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:var(--puzzle-sets-pill-radius);border:1px solid var(--color-border);background:var(--color-panel-strong);color:var(--color-heading);font-weight:800;transition:var(--puzzle-sets-transition)}.puzzleSetsBackLink:hover,.puzzleSetOpenLink:hover{transform:translateY(-1px);border-color:var(--color-primary);background:var(--color-surface-elevated-strong)}.puzzleSetsFilterButton{flex:0 0 auto;white-space:nowrap;min-height:38px;padding:0 14px;border:1px solid var(--color-border);border-radius:var(--puzzle-sets-pill-radius);background:color-mix(in srgb,var(--color-panel-strong) 92%,transparent);color:var(--color-heading);font:inherit;font-weight:700;cursor:pointer;transition:var(--puzzle-sets-transition),color .14s ease}.puzzleSetsFilterButton:hover,.puzzleSetsFilterButton:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-primary) 60%,var(--color-border));background:color-mix(in srgb,var(--color-panel) 84%,var(--color-primary) 16%)}.puzzleSetsFilterButton.active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,var(--color-panel-strong));color:var(--color-heading)}.puzzleSetOpenIcon{font-size:13px;line-height:1;transform:translateY(-1px)}.puzzleSetGrid,.puzzleSetPuzzleList{display:grid;gap:14px}.puzzleSetGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.puzzleSetCard{display:grid;gap:12px;text-align:left;font:inherit;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-ui);background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 38%),var(--color-surface-soft);color:inherit;cursor:pointer;transition:var(--puzzle-sets-transition)}.puzzleSetCard:hover,.puzzleSetCard:focus-visible,.puzzleSetCard.selected{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-primary) 60%,var(--color-border));background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-primary) 18%,transparent),transparent 42%),color-mix(in srgb,var(--color-panel-strong) 88%,transparent)}.puzzleSetCard>strong{color:var(--color-heading);font-size:20px;line-height:1.2}.puzzleSetCardMeta,.puzzleSetPuzzleMeta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--color-muted);font-size:14px}.puzzleSetCardAuthors{color:var(--color-subtle);font-size:13px}.puzzleSetsSelectedSection .puzzleSetsSectionHeader{gap:18px;margin-bottom:10px}.puzzleSetsSelectedSection .puzzleSetsSectionCopy{max-width:min(920px,100%)}.puzzleSetsSelectedSection .puzzleSetsSectionEyebrow{margin-bottom:2px}.puzzleSetsSelectedSection .puzzleSetsSectionHeader h2{max-width:22ch;font-size:clamp(24px,2.8vw,32px);line-height:1.08;text-wrap:balance}.puzzleSetsSelectedSection .puzzleSetsSectionIntro{max-width:44ch;font-size:clamp(16px,1.5vw,18px);line-height:1.4}.puzzleSetPuzzleRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px}.puzzleSetPuzzleLink{color:var(--color-heading);font-size:clamp(20px,2vw,24px);font-weight:800}.puzzleSetPuzzleLink:hover{text-decoration:underline}@media (max-width: 900px){.puzzleSetsHero,.puzzleSetPuzzleRow{grid-template-columns:1fr}.puzzleSetsHeroActions{justify-items:start}.puzzleSetOpenLink,.puzzleSetsBackLink{width:100%}.puzzleSetsSelectedSection .puzzleSetsSectionHeader h2{max-width:none;font-size:clamp(23px,5vw,29px);text-wrap:pretty}.puzzleSetsSelectedSection .puzzleSetsSectionIntro{max-width:none;font-size:17px}}.puzzlePage{grid-template-columns:minmax(300px,24rem) minmax(0,34rem);gap:clamp(14px,2vw,24px);align-items:start;background:var(--page-background);min-height:var(--page-shell-min-height);min-height:var(--page-shell-min-height-dynamic);padding-block:4px clamp(10px,1.4vw,18px)}body:has(.puzzlePage),.appShell:has(.puzzlePage),.appMain:has(.puzzlePage){height:100svh;overflow:hidden}.puzzlePanel{align-self:start;border-radius:var(--radius-ui);padding:14px;background:var(--color-panel);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.puzzleHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:flex-start;margin-bottom:12px}.puzzleHeaderAside{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:150px}.puzzleEyebrow{margin:0 0 6px;color:var(--color-subtle);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.puzzlePanel h1{margin:0;color:var(--color-heading);font-size:clamp(21px,1.8vw,24px);line-height:1.12;letter-spacing:0}.puzzleCount{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:auto;min-height:30px;padding:0 9px;border-radius:var(--radius-ui);background:var(--color-panel-strong);border:1px solid var(--color-border);text-align:center}.puzzleCount span{color:var(--color-primary-soft);font-size:14px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.puzzleCount small{color:var(--color-subtle);font-size:11px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.puzzleDashboardLink{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 9px;border-radius:var(--radius-ui);border:1px solid var(--color-border);background:var(--color-panel-strong);color:var(--color-text);font-size:12px;font-weight:700;text-decoration:none;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease}.puzzleDashboardLink:hover{transform:translateY(-1px);border-color:var(--color-accent-soft-border);background:var(--color-surface-elevated-strong);text-decoration:none}.puzzleActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.mobileBottomNav{display:none}.puzzlePrimaryAction{display:inline-flex;align-items:center;justify-content:center;width:100%;grid-column:1 / -1;min-height:36px;padding:8px 10px;border:1px solid var(--color-primary);border-radius:var(--radius-ui);background:var(--color-primary);color:var(--color-on-primary);font-size:13px;font-weight:800;white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease}.puzzlePrimaryAction:hover:not(:disabled){transform:none}.puzzlePrimaryAction:disabled{cursor:not-allowed;opacity:.45}.puzzleActions button:not(.puzzlePrimaryAction){display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;border-radius:var(--radius-ui);border:1px solid var(--color-border);background:var(--color-panel-strong);color:var(--color-text);font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease}.puzzleActions button:not(.puzzlePrimaryAction):hover:not(:disabled){transform:translateY(-1px);border-color:var(--color-accent-soft-border);background:var(--color-surface-elevated-strong)}.puzzleActions button:focus-visible,.fenAnalyzeButton:focus-visible,.moveChip:focus-visible{outline:3px solid var(--color-primary-ring);outline-offset:2px}.puzzleActions button:not(.puzzlePrimaryAction):disabled,.fenAnalyzeButton.disabled{color:var(--color-subtle);opacity:1;pointer-events:none}.puzzleDetails{display:grid;gap:8px;margin-bottom:10px}.puzzleMetaRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.metaChip,.lineBox{border-radius:var(--radius-ui);background:var(--color-surface-soft);border:1px solid var(--color-border)}.metaChip{display:grid;gap:3px;min-width:0;padding:8px 10px}.metaChipLabel{color:var(--color-subtle);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.metaChipValue{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:13px;font-weight:700;line-height:1.25}.fenAnalyzeButton{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 9px;border-radius:var(--radius-ui);border:1px solid var(--color-border);background:var(--color-panel-strong);color:var(--color-text);font-size:12px;font-weight:800;text-decoration:none;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease}.copyPgnCheck{color:#49d17d;font-size:14px;font-weight:900;line-height:1}.fenAnalyzeButton:hover:not(.disabled){transform:translateY(-1px);border-color:var(--color-accent-soft-border);background:var(--color-surface-elevated-strong)}.analysisButtonsRow,.mobileAnalyzeActions{display:grid;gap:8px}.lineBox{margin-top:12px;padding:12px}.lineHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.solutionHeaderActions{display:inline-flex;align-items:center;gap:8px}.fenLabel{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--color-subtle);margin-bottom:7px}.lineHeader .fenLabel{margin-bottom:0}.lineBox code{display:block;color:var(--color-muted);line-height:1.5}.solutionNav{display:inline-flex;align-items:center;gap:5px}.solutionNavButton{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-ui);background:var(--color-panel-strong);color:var(--color-text);cursor:pointer;font-size:14px;font-weight:800;line-height:1;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.solutionNavButton:hover:not(:disabled){border-color:var(--color-accent-soft-border);color:var(--color-heading)}.solutionNavButton:disabled{cursor:not-allowed;opacity:.42}.solutionOptions{display:grid;gap:8px;margin-bottom:12px;padding:10px;border:1px solid var(--color-accent-soft-border);border-radius:var(--radius-ui);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.solutionOptionsLabel{color:var(--color-primary-pale);font-size:12px;font-weight:800}.solutionOptionList{display:flex;flex-wrap:wrap;gap:7px}.solutionOption{min-height:32px;border:1px solid var(--color-accent-soft-border);border-radius:var(--radius-ui);background:var(--color-panel-strong);color:var(--color-primary-pale);cursor:pointer;font-weight:800;padding:5px 10px;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.solutionOption:hover{border-color:var(--color-primary);color:var(--color-heading)}.solutionOption.active{border-color:var(--color-cyan-bright);background:var(--color-accent-soft-bg-strong);color:var(--color-accent-soft-text)}.moveList{display:flex;flex-wrap:wrap;gap:7px}.inlineSolutionTree{align-items:center}.variationParen{color:var(--color-subtle);line-height:30px}.moveChip{min-height:32px;border:1px solid var(--color-border);background:var(--color-panel-strong);color:var(--color-muted);border-radius:var(--radius-ui);padding:5px 9px;cursor:pointer;font-weight:700;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.moveChip:hover{border-color:var(--color-accent-soft-border);color:var(--color-heading)}.moveChip.active{border-color:var(--color-cyan-bright);background:var(--color-accent-soft-bg-strong);color:var(--color-accent-soft-text)}.boardWrap{display:flex;justify-content:center;align-items:flex-start;align-self:start;min-width:0;width:100%}.mobileWorkflowPanel{display:none}.mobileActionCard{display:grid;gap:10px}.mobileAnalyzeButton{width:100%;min-height:42px}.boardFrame{position:relative;display:grid;justify-items:center;gap:9px;width:100%;max-width:498px;padding:8px;border-radius:var(--radius-ui);background:var(--color-modal-bg);border:1px solid var(--color-glass-border);box-shadow:var(--shadow-strong);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.boardFrame .cg-boardShell,.boardFrame .cg-board,.boardFrame .emptyBoard{width:min(100%,480px,calc(100svh - 150px));max-width:480px}.boardFrame.correct{border-color:var(--color-cyan-bright);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-cyan-bright) 16%,transparent),var(--shadow-strong)}.boardFrame.retrySuccess{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 15%,transparent),var(--shadow-strong)}.boardFrame.wrong{border-color:var(--color-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-danger) 15%,transparent),var(--shadow-strong)}.boardFrame.retry{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 14%,transparent),var(--shadow-strong)}.feedbackBanner{display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-areas:"icon copy";align-items:center;gap:8px;min-height:38px;padding:5px 8px;border-radius:var(--radius-ui);background:var(--color-panel-strong);border:1px solid var(--color-border);color:var(--color-muted)}.feedbackBanner.correct{background:linear-gradient(135deg,color-mix(in srgb,var(--color-cyan) 88%,var(--color-panel-strong)),var(--color-panel-strong));border-color:var(--color-cyan-bright);color:var(--color-accent-soft-text)}.feedbackBanner.retrySuccess{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 88%,var(--color-panel-strong)),var(--color-panel-strong));border-color:var(--color-primary);color:var(--color-on-primary)}.feedbackBanner.wrong{background:linear-gradient(135deg,color-mix(in srgb,var(--color-danger) 82%,var(--color-panel-strong)),var(--color-panel-strong));border-color:var(--color-danger);color:color-mix(in srgb,var(--color-danger) 20%,white)}.feedbackBanner.retry{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 88%,var(--color-panel-strong)),var(--color-panel-strong));border-color:var(--color-primary);color:var(--color-on-primary)}.feedbackIcon{grid-area:icon;width:24px;height:24px;display:inline-grid;place-items:center;border-radius:50%;background:color-mix(in srgb,currentColor 13%,transparent);color:currentColor;font-size:15px;font-weight:900;line-height:1}.feedbackIcon.neutral{color:var(--color-primary-soft)}.feedbackCopy{grid-area:copy;display:grid;gap:2px;min-width:0}.feedbackCopy strong{color:currentColor;font-size:13px;line-height:1.15}.feedbackCopy span{color:color-mix(in srgb,currentColor 74%,transparent);font-size:13px;line-height:1.35}.emptyBoard{display:grid;place-content:center;border:1px solid var(--color-border);color:var(--color-muted);background:var(--color-panel-strong)}@media (max-width: 1180px){.puzzlePage{grid-template-columns:1fr;align-items:start;gap:8px;height:var(--page-shell-min-height);height:var(--page-shell-min-height-dynamic);min-height:0;overflow:hidden;padding-block:2px calc(106px + env(safe-area-inset-bottom,0px))}.puzzlePanel{padding:10px}.puzzlePanel h1{font-size:clamp(18px,2.4vw,22px);line-height:1.12}.boardWrap{order:-1}.mobileWorkflowPanel{position:fixed;left:max(var(--page-gutter),env(safe-area-inset-left));right:max(var(--page-gutter),env(safe-area-inset-right));bottom:calc(54px + env(safe-area-inset-bottom,0px));z-index:21;display:grid;gap:6px}.puzzlePrimaryAction,.mobileBottomNav button{min-height:38px;font-size:13px}.mobileBottomNav{position:fixed;left:max(var(--page-gutter),env(safe-area-inset-left));right:max(var(--page-gutter),env(safe-area-inset-right));bottom:0;z-index:20;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:auto;padding:6px 0 calc(8px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,color-mix(in srgb,var(--page-background) 0%,transparent),color-mix(in srgb,var(--page-background) 92%,transparent) 22%,var(--page-background));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobileBottomNav button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-ui);border:1px solid var(--color-border);background:var(--color-panel-strong);color:var(--color-text);font-weight:800;box-shadow:var(--shadow-soft)}.mobileBottomNav button:disabled{color:var(--color-subtle);cursor:not-allowed}.lineBox{padding:12px}.mobileLineBox{margin-top:0}.boardFrame{max-width:430px;padding:7px}.boardFrame .cg-boardShell,.boardFrame .cg-board,.boardFrame .emptyBoard{width:min(100%,416px,calc(100svh - 262px));max-width:416px}.mobileFeedbackOverlay{position:absolute;top:18px;left:18px;right:18px;z-index:6;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--color-panel-strong) 94%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);box-shadow:var(--shadow-panel);color:var(--color-text);pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}.mobileFeedbackOverlay.fading{opacity:0;transform:translateY(-4px)}.mobileFeedbackOverlay.correct{background:color-mix(in srgb,var(--color-cyan-bright) 14%,var(--color-panel-strong));border-color:color-mix(in srgb,var(--color-cyan-bright) 45%,transparent);color:var(--color-accent-soft-text)}.mobileFeedbackOverlay.retrySuccess{background:color-mix(in srgb,var(--color-primary) 16%,var(--color-panel-strong));border-color:color-mix(in srgb,var(--color-primary) 44%,transparent);color:var(--color-on-primary)}.mobileFeedbackOverlay.wrong{background:color-mix(in srgb,var(--color-danger) 14%,var(--color-panel-strong));border-color:color-mix(in srgb,var(--color-danger) 42%,transparent);color:color-mix(in srgb,var(--color-danger) 18%,white)}.mobileFeedbackOverlay.retry{background:color-mix(in srgb,var(--color-primary) 15%,var(--color-panel-strong));border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);color:var(--color-on-primary)}.mobileFeedbackIcon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,currentColor 14%,transparent);font-size:13px;font-weight:900;line-height:1}.mobileFeedbackText{font-size:13px;font-weight:800;line-height:1.2}}@media (max-width: 640px){.puzzlePanel{display:none}.puzzlePage{gap:8px;padding-block:2px calc(104px + env(safe-area-inset-bottom,0px))}.mobileActionCard{gap:0}.lineHeader{align-items:flex-start;flex-direction:column}.moveChip{min-height:32px}.inlineSolutionTree{align-items:flex-start}.boardFrame{width:100%;max-width:430px;padding:6px}.boardFrame .cg-boardShell,.boardFrame .cg-board,.boardFrame .emptyBoard{width:min(100%,416px,calc(100svh - 164px));max-width:416px}.feedbackBanner{padding:5px 8px}}.cg-boardShell,.cg-board,.emptyBoard{width:min(100%,31rem);aspect-ratio:1 / 1;height:auto}.cg-boardShell{position:relative;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cg-board,.emptyBoard{border-radius:var(--radius-ui);overflow:hidden;box-shadow:var(--shadow-soft)}.cg-board{touch-action:none}#promotion-choice{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;background:color-mix(in srgb,var(--color-panel-deep) 30%,transparent)}#promotion-choice square{position:absolute;width:12.5%;height:12.5%;border-radius:50%;background-color:var(--color-panel-strong);box-shadow:inset 0 0 25px 3px color-mix(in srgb,var(--color-subtle) 70%,transparent);cursor:pointer;pointer-events:all;transition:border-radius .15s ease,box-shadow .15s ease}#promotion-choice square:hover,#promotion-choice square:focus-visible{border-radius:0;outline:none;box-shadow:inset 0 0 48px 8px var(--color-cyan-bright)}#promotion-choice piece{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;transform:scale(.8);transition:transform .15s ease}#promotion-choice square:hover piece,#promotion-choice square:focus-visible piece{transform:none}.methodologyPanel{width:min(920px,100%);position:relative;overflow:hidden;padding:clamp(18px,2.4vw,28px);border:1px solid color-mix(in srgb,var(--color-border) 82%,white);background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 32%),radial-gradient(circle at top left,color-mix(in srgb,var(--color-accent-soft-bg-strong) 55%,transparent),transparent 28%),var(--color-panel-strong);box-shadow:0 18px 44px color-mix(in srgb,black 14%,transparent)}.methodologyHeader{display:grid;gap:14px;margin-bottom:22px;padding:clamp(16px,2vw,22px);border:1px solid color-mix(in srgb,var(--color-border) 78%,white);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent-soft-bg-strong) 72%,transparent),transparent 62%),color-mix(in srgb,var(--color-surface-elevated) 86%,transparent)}.methodologyBackLink{width:fit-content;display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-border) 82%,white);background:color-mix(in srgb,var(--color-surface-soft) 88%,transparent);color:var(--color-heading);font-size:13px;font-weight:700;text-decoration:none;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.methodologyBackLink:hover,.methodologyBackLink:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border));background:color-mix(in srgb,var(--color-accent-soft-bg-strong) 78%,transparent);color:var(--color-heading)}.methodologyHeader>h1{margin:0;font-size:clamp(30px,4vw,42px);line-height:1.02;letter-spacing:-.03em;color:var(--color-heading)}.methodologyHeader>p{margin:0;max-width:66ch;font-size:16px;line-height:1.7;color:var(--color-text)}.methodologyIntroCard{margin-bottom:20px;padding:clamp(18px,2vw,22px);border:1px solid color-mix(in srgb,var(--color-accent-soft-border) 75%,white);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--color-accent-soft-bg-strong) 92%,transparent),color-mix(in srgb,var(--color-surface-soft) 92%,transparent));box-shadow:inset 0 1px color-mix(in srgb,white 7%,transparent)}.methodologyIntroCard>h2,.methodologySection>h2{margin:0 0 10px;font-size:20px;color:var(--color-heading)}.methodologyIconHeading{display:inline-flex;align-items:center;gap:8px}.methodologyIntroCard>p,.methodologySection>p,.methodologyEligibility li{margin:0;color:var(--color-muted);line-height:1.65}.methodologySections{display:grid;gap:16px}.methodologySection{display:grid;gap:12px;padding:clamp(18px,2vw,22px);border:1px solid color-mix(in srgb,var(--color-border) 82%,white);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 94%,transparent),color-mix(in srgb,var(--color-surface-soft) 92%,transparent));box-shadow:inset 0 1px color-mix(in srgb,white 6%,transparent),0 8px 22px color-mix(in srgb,black 8%,transparent);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.methodologySection:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border));box-shadow:inset 0 1px color-mix(in srgb,white 6%,transparent),0 14px 28px color-mix(in srgb,black 10%,transparent)}.methodologyEligibility ul{margin:4px 0 0;padding-left:20px;display:grid;gap:8px}@media (min-width: 900px){.methodologySections{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.methodologySections>.methodologySection:nth-child(3n),.methodologySections>#drunk-accounts{grid-column:1 / -1}}@media (max-width: 640px){.methodologyPanel,.methodologyHeader,.methodologyIntroCard,.methodologySection{padding:16px}.methodologyIntroCard>h2,.methodologySection>h2{font-size:18px}}.recentMatchesPanel{width:min(960px,100%);min-width:0}.recentMatchesPanel h1{margin-bottom:8px}.recentMatchesPanel>p{max-width:62ch;margin-bottom:22px;color:var(--color-muted)}.matchFilterPanel{display:grid;gap:12px;margin-top:18px;padding:14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft)}.matchFilterGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) max-content;align-items:end;gap:12px}.matchFilterGrid label{display:grid;gap:6px;min-width:0;justify-items:start;color:var(--color-subtle);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.controlHint{font-size:11px;font-weight:600;letter-spacing:normal;line-height:1.35;text-transform:none;color:var(--color-muted)}.matchFilterGrid select,.matchFilterGrid input[type=text],.matchFilterGrid input[type=date]{width:100%;min-width:0;min-height:42px;border:1px solid var(--color-input-border);border-radius:8px;background:var(--color-surface-elevated-strong);color:var(--color-text);font-size:16px;padding:10px 12px}.matchFilterSearch,.recentMatchesPanel .analyzeButton{min-height:42px;border-radius:8px;background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);font-weight:800}.recentMatchesPanel .analyzeButton:hover:not(:disabled){background:var(--color-primary-hover)}.recentMatchesPanel .analyzeButton:disabled{opacity:.55;cursor:not-allowed}.matchFilterRanges{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.matchFilterActions{display:flex;justify-content:flex-end}.matchFilterActions .matchFilterSearch{min-width:160px}.profileControls{margin-top:18px;grid-template-columns:repeat(auto-fit,minmax(140px,max-content));justify-content:flex-start}.profileControls label{justify-items:start}.opponentRatingFilter{padding:12px;border-radius:8px;background:var(--color-panel-strong);border:1px solid var(--color-border)}.rangeFilter{display:grid;gap:8px;padding:14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft)}.rangeFilter>label,.sourceFilterGroup>.statusLabel{color:var(--color-subtle);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dualRangeSlider{position:relative;height:24px;margin-top:8px;width:100%;min-width:240px;max-width:520px;touch-action:none;cursor:pointer}.dualRangeTrack,.dualRangeSelected{position:absolute;top:50%;transform:translateY(-50%);height:6px;border-radius:999px}.dualRangeTrack{left:0;right:0;background:var(--color-surface-inset-strong)}.dualRangeSelected{background:linear-gradient(90deg,var(--color-primary),var(--color-cyan-bright))}.dualRangeHandle{position:absolute;top:50%;width:14px;height:14px;padding:0;margin:0;border-radius:50%;transform:translate(-50%,-50%);background:var(--color-panel-strong);border:2px solid var(--color-cyan-bright);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-panel) 82%,transparent);cursor:pointer;z-index:2}.dualRangeHandleActive,.dualRangeHandle:hover,.dualRangeHandle:focus-visible{z-index:3;outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-panel) 72%,transparent),0 0 0 8px color-mix(in srgb,var(--color-cyan-bright) 18%,transparent)}.sourceFilterChecks{display:flex;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-soft)}.sourceFilterGroup .sourceFilterChecks{margin-top:8px;padding:0;border:0;background:transparent}.sourceFilterCheck{display:inline-flex!important;align-items:center;gap:8px;min-height:34px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-elevated);color:var(--color-muted);padding:0 10px;width:auto}.sourceFilterCheck input{accent-color:var(--color-primary)}.paginationRow{margin-top:16px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.paginationRow button,.paginationJumpLabel{border:1px solid var(--color-input-border);background:var(--color-panel-strong);color:var(--color-text);border-radius:8px;padding:8px 10px}.paginationRow button{cursor:pointer}.paginationPageButton{font-weight:700}.paginationJumpForm{margin:0}.paginationJumpLabel{display:inline-flex;align-items:center;gap:8px}.paginationJumpInput{width:72px;min-height:34px;border:1px solid var(--color-input-border);border-radius:6px;background:var(--color-surface-elevated-strong);color:var(--color-text);font:inherit;padding:6px 8px}.paginationJumpInput:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 65%,white);outline-offset:1px}.paginationRow button:hover:not(:disabled){border-color:var(--color-accent-soft-border);color:var(--color-heading)}.paginationRow button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1180px){.matchFilterGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 820px){.matchFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.matchFilterGrid,.matchFilterRanges{grid-template-columns:1fr}.matchFilterGrid label{justify-items:stretch}.matchFilterActions{justify-content:stretch}.matchFilterActions .matchFilterSearch{width:100%}.profileControls{grid-template-columns:1fr;justify-content:stretch}.profileControls label{justify-items:stretch}.opponentRatingFilter{border-radius:10px;padding:10px}.dualRangeSlider{width:100%;min-width:0;max-width:none;height:34px}.dualRangeHandle{width:22px;height:22px}.sourceFilterChecks{gap:8px 12px}.sourceFilterCheck{flex:1 1 140px;min-height:44px}.paginationRow{justify-content:stretch;flex-wrap:wrap}.paginationRow button{flex:1 1 96px;min-height:44px}.paginationJumpForm{flex:1 1 100%}.paginationJumpLabel{width:100%;justify-content:center;flex-wrap:wrap}.paginationJumpInput{width:min(100%,120px)}}.tournamentPage{min-height:var(--page-shell-min-height);min-height:var(--page-shell-min-height-dynamic);width:min(1040px,100%);margin:0 auto;padding:max(var(--page-gutter),env(safe-area-inset-top)) max(clamp(18px,3vw,28px),env(safe-area-inset-right)) max(calc(var(--page-gutter) + 2px),env(safe-area-inset-bottom)) max(clamp(18px,3vw,28px),env(safe-area-inset-left));display:grid;gap:22px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 24%),radial-gradient(circle at top right,color-mix(in srgb,#d4a24c 10%,transparent),transparent 22%)}.tournamentPageHero{display:block}.tournamentPageHeroCopy,.tournamentStageSection{border:1px solid var(--color-border);border-radius:24px;background:var(--color-panel);box-shadow:var(--shadow-soft)}.tournamentPageHeroCopy{display:grid;gap:10px;padding:clamp(20px,3.5vw,28px);background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-primary) 26%,transparent),transparent 30%),linear-gradient(145deg,color-mix(in srgb,#17365f 55%,var(--color-panel)),var(--color-panel));border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border));box-shadow:0 20px 50px color-mix(in srgb,#071324 70%,transparent),inset 0 1px color-mix(in srgb,white 6%,transparent)}.tournamentBackLink{width:fit-content;color:var(--color-primary-pale);font-weight:700;text-decoration:none}.tournamentBackLink:hover{text-decoration:underline}.tournamentHeroTopRow{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.tournamentYearNav{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.tournamentYearNavLink,.tournamentYearNavSpacer{min-width:78px}.tournamentYearNavCurrent{display:inline-flex;align-items:center;justify-content:center;min-width:72px;color:var(--color-heading);font-size:1rem;font-weight:800;letter-spacing:.02em}.tournamentYearNavLink{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));background:color-mix(in srgb,#122646 76%,transparent);color:var(--color-primary-pale);font-size:.95rem;font-weight:700;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease}.tournamentYearNavLink:hover,.tournamentYearNavLink:focus-visible{border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 18%,#122646);color:#eff5ff;outline:none}.tournamentPageEyebrow,.tournamentSelectionLabel{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--color-primary-pale) 84%,#f2d38b 16%)}.tournamentPageHeroCopy h1,.tournamentStageHeader h2{margin:0;color:var(--color-heading)}.tournamentPageHeroCopy h1{font-size:clamp(1.75rem,3.2vw,2.7rem);line-height:.94;letter-spacing:-.04em}.tournamentRoundHeader small,.tournamentMatchMeta span,.tournamentMatchPlayers span{color:var(--color-muted)}.tournamentMatchPlayers>div>span{display:block;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden}.tournamentPlayerLabel{display:inline-flex;align-items:center;flex-wrap:nowrap;max-width:100%;min-width:0}.tournamentSeedBadge{display:inline-block;margin-left:4px;color:var(--color-primary-pale);font-size:.9em;font-weight:800}.tournamentPlayerLink{display:inline-block;max-width:13ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .16s ease,border-color .16s ease}.tournamentPlayerLink:hover,.tournamentPlayerLink:focus-visible{color:#dbe8ff;border-color:color-mix(in srgb,#9fc0ff 72%,transparent);outline:none}.tournamentAdvanceCheck{display:inline-block;margin-left:8px;color:#49d17d;font-size:14px;font-weight:900;line-height:1;vertical-align:middle}.tournamentPlayerFlag{display:inline-block;width:20px;height:14px;object-fit:cover;border-radius:2px;border:1px solid color-mix(in srgb,white 12%,transparent);box-shadow:0 1px 3px color-mix(in srgb,#04101f 48%,transparent);margin-right:6px;vertical-align:-.12em}.tournamentStages{display:grid;gap:18px}.tournamentStageToggle{display:inline-flex;align-items:center;gap:8px;padding:6px;width:fit-content;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));background:color-mix(in srgb,#0f203a 70%,var(--color-panel-strong));box-shadow:var(--shadow-soft)}.tournamentStageToggleButton{border:0;border-radius:999px;min-height:40px;padding:8px 16px;background:transparent;color:var(--color-muted);font-size:.95rem;font-weight:800;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.tournamentStageToggleButton.isActive{background:color-mix(in srgb,var(--color-primary) 16%,#152745);color:var(--color-heading);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.tournamentStageToggleButton:hover,.tournamentStageToggleButton:focus-visible{color:var(--color-heading);outline:none}.tournamentStageSection{padding:18px;overflow:hidden;background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--color-primary) 9%,transparent),transparent 20%),linear-gradient(180deg,color-mix(in srgb,#0b1730 62%,var(--color-panel)),var(--color-panel));border-color:color-mix(in srgb,var(--color-primary) 16%,var(--color-border));box-shadow:0 18px 38px color-mix(in srgb,#06101d 70%,transparent),inset 0 1px color-mix(in srgb,white 4%,transparent)}.tournamentStageHeader{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px 18px;margin-bottom:12px}.tournamentStageHeader h2{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.05;letter-spacing:-.02em;max-width:none;white-space:nowrap}.tournamentStageHeaderActions{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0}.tournamentStageControls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:none;flex:1 1 auto;min-width:0}.tournamentZoomControls{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:color-mix(in srgb,#0f203a 72%,var(--color-panel-strong));border:1px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-border));box-shadow:inset 0 1px color-mix(in srgb,white 5%,transparent)}.tournamentZoomButton,.tournamentZoomValue{border:0;border-radius:999px;min-height:32px;padding:6px 12px;background:transparent;color:var(--color-heading);font-size:13px;font-weight:800;cursor:pointer}.tournamentZoomButton{min-width:32px;padding-inline:0}.tournamentZoomValue{background:color-mix(in srgb,var(--color-primary) 12%,#152745);color:var(--color-primary-pale);min-width:86px}.tournamentZoomButton:hover,.tournamentZoomValue:hover{background:color-mix(in srgb,var(--color-primary) 18%,#183156)}.tournamentRoundFilter{border:1px solid var(--color-border-strong);background:color-mix(in srgb,#0f203a 66%,var(--color-panel-strong));color:var(--color-muted);border-radius:999px;min-height:34px;padding:7px 12px;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.tournamentRoundFilter.isActive{border-color:var(--color-primary);background:linear-gradient(180deg,color-mix(in srgb,#f0b553 18%,transparent),transparent),color-mix(in srgb,var(--color-primary) 16%,#14294c);color:#f9fbff;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}.tournamentRoundsScroller{overflow:auto;padding-bottom:6px;cursor:grab;user-select:none;-webkit-user-select:none;scrollbar-width:thin;touch-action:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,black 16px,black calc(100% - 16px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,black 16px,black calc(100% - 16px),transparent 100%)}.tournamentRoundsScroller.isDragging{cursor:grabbing}.tournamentRoundsScroller.isMainBracket{align-items:start}.tournamentRoundHeader{display:grid;gap:4px;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,#f2c873 12%,transparent),transparent),color-mix(in srgb,#0e213d 72%,var(--color-panel-strong));border:1px solid color-mix(in srgb,#f0b553 18%,var(--color-border));box-shadow:0 10px 24px color-mix(in srgb,#06101d 65%,transparent),inset 0 1px color-mix(in srgb,white 6%,transparent)}.tournamentRoundHeader span{font-weight:800;color:#f7f4ec;letter-spacing:.02em}.tournamentRoundHeaderFloating{position:absolute;z-index:6}.tournamentMatchCard{width:100%;border:1px solid color-mix(in srgb,#35507b 46%,var(--color-border));border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,white 3%,transparent),transparent),linear-gradient(160deg,color-mix(in srgb,#102343 88%,var(--color-panel)),color-mix(in srgb,#0b1730 92%,var(--color-panel)));color:inherit;padding:15px 16px;display:grid;gap:10px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease;overflow:visible}.tournamentMatchCardTree{position:absolute;z-index:3;height:102px;box-sizing:border-box;align-content:center}.tournamentMatchCardTree.isClickable{cursor:alias}.tournamentMatchCardTree.isClickable:hover{border-color:color-mix(in srgb,var(--color-primary) 44%,var(--color-border));box-shadow:0 14px 30px color-mix(in srgb,#071324 54%,transparent),inset 0 1px color-mix(in srgb,white 6%,transparent)}.tournamentMatchMeta,.tournamentMatchPlayers>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.tournamentMatchMeta{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tournamentMatchPlayers{display:grid;gap:8px;align-content:center;min-height:100%}.tournamentMatchPlayers strong{flex:0 0 auto;min-width:2.6ch;color:#f5f7fb;font-size:1.02rem;white-space:nowrap;text-align:right}.tournamentScoreWithdrawal{color:#f5f7fb!important;font-size:inherit!important;letter-spacing:.08em;text-transform:uppercase}.tournamentTreeBoard{position:relative;min-height:260px;transform-origin:top left;isolation:isolate}.tournamentTreeBoardViewport{position:relative}.tournamentTreeLines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5;overflow:visible;pointer-events:none}.tournamentTreeLines path{fill:none;stroke:color-mix(in srgb,#6a8cd8 72%,#f0b553 12%);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px color-mix(in srgb,#4c79d8 16%,transparent))}:root[data-theme=light] .tournamentTreeLines path{stroke:color-mix(in srgb,#8b7d6b 54%,#3469d4 22%)}:root[data-theme=light] .tournamentPage{background:radial-gradient(circle at top left,rgba(56,103,196,.1),transparent 24%),radial-gradient(circle at top right,rgba(214,163,76,.08),transparent 22%)}:root[data-theme=light] .tournamentStageSection,:root[data-theme=light] .tournamentPageHeroCopy{box-shadow:0 18px 34px #485d7e1f,inset 0 1px #ffffff59}.tournamentPageMissing{width:min(760px,100%)}@media (max-width: 900px){.tournamentStageHeader{grid-template-columns:1fr}.tournamentStageHeader h2{white-space:normal}.tournamentStageHeaderActions{flex-wrap:wrap;justify-content:flex-start}.tournamentStageControls{justify-content:flex-start}.tournamentRoundsScroller{min-width:100%}}.tournamentsPage{min-height:var(--page-shell-min-height);min-height:var(--page-shell-min-height-dynamic);width:min(1100px,100%);margin:0 auto;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));display:grid;gap:28px}.tournamentsHero{display:grid;gap:14px;padding:clamp(22px,4vw,34px);border:1px solid var(--color-border);border-radius:28px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 90%,transparent),var(--color-panel));box-shadow:var(--shadow-panel)}.tournamentsEyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary-pale)}.tournamentsHero h1,.tournamentCard h2{margin:0;color:var(--color-heading)}.tournamentsHero p,.tournamentCard p{margin:0;color:var(--color-muted);line-height:1.6}.tournamentsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.tournamentCard{display:grid;gap:16px;padding:20px;border:1px solid var(--color-border);border-radius:22px;background:var(--color-panel);box-shadow:var(--shadow-soft)}.tournamentCardWinner{font-size:.95rem;font-weight:700;color:var(--color-heading)}.tournamentCardWinnerPlaceholder{visibility:hidden}.tournamentCardWinnerLink{color:inherit;text-decoration:none}.tournamentCardFinalists{font-size:.92rem}.tournamentCardHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.tournamentCardYear{font-size:26px;font-weight:900;color:var(--color-heading)}.tournamentCardStatus{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;letter-spacing:.04em}.tournamentCardStatus.live{background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary-pale)}.tournamentCardStatus.soon{background:color-mix(in srgb,var(--color-border-strong) 25%,transparent);color:var(--color-subtle)}.tournamentCardLink,.tournamentCardDisabled{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-ui);font-weight:800}.tournamentCardLink{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.tournamentCardLink:hover{transform:translateY(-2px);box-shadow:0 16px 34px color-mix(in srgb,var(--color-primary) 24%,transparent)}.tournamentCardDisabled{border:1px dashed var(--color-border-strong);color:var(--color-subtle)}.tournamentCard.isAvailable{background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 92%,transparent),var(--color-panel)),var(--color-panel)}.tournamentCard.isLocked{opacity:.88}.rankingsPanel{width:min(740px,100%);min-width:0}.rankingsPanel h1{margin-bottom:20px;line-height:1.1}.rankingsControls{grid-template-columns:repeat(3,minmax(140px,max-content));justify-content:start;align-items:end;gap:12px 14px}.rankingsControls label{justify-items:start;gap:6px;color:var(--color-subtle);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.rankingsControls select{width:100%;min-width:120px;border-radius:8px;min-height:42px}.monthStepControls{display:flex;align-items:center;gap:10px}.monthStepButton{width:36px;height:36px;padding:0;border:1px solid var(--color-border);border-radius:999px;background:var(--color-panel-strong);color:var(--color-text);font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.currentMonthLabel{color:var(--color-text);font-size:16px;font-weight:700;line-height:1.2}.monthStepButton:hover:not(:disabled),.monthStepButton:focus-visible:not(:disabled){border-color:var(--color-primary-soft);color:var(--color-heading)}.monthStepButton:disabled{cursor:not-allowed;opacity:.5}.rankingsTableWrap{margin-top:14px;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.rankingsTable{width:100%;min-width:500px;border-collapse:collapse;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-panel-strong)}.rankingsTable thead{background:var(--color-table-head)}.rankingsTable th,.rankingsTable td{text-align:left;padding:10px 11px;border-bottom:1px solid var(--color-border)}.rankingsTable th{color:var(--color-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.rankingsTable td{color:var(--color-text)}.rankingsTable :is(th,td):nth-child(1){width:60px;white-space:nowrap}.rankingsTable :is(th,td):nth-child(3),.rankingsTable :is(th,td):nth-child(4),.rankingsTable :is(th,td):nth-child(5){width:1%;white-space:nowrap}.sortButton{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0;min-height:24px}.sortButton:hover{color:var(--color-heading)}.rankingsMeta{margin-top:18px;padding-top:16px;align-items:center;border-top:1px solid var(--color-border)}.rankedCount{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--color-subtle)}.rankingsMetaDetails{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.rankingsMetaLink{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary-soft);font-weight:600;text-decoration:none}.rankingsMetaLink:hover,.rankingsMetaLink:focus-visible{color:var(--color-primary-pale);text-decoration:underline}.rankingsEligibilityNote{margin:0;color:var(--color-subtle);font-size:13px;line-height:1.4}.rankingsTable tbody tr:hover{background:var(--color-table-hover)}@media (max-width: 640px){.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))}.rankingsPanel{min-width:0}.rankingsControls{grid-template-columns:1fr;justify-content:stretch}.rankingsControls label{justify-items:stretch}.monthStepControls{width:100%;justify-content:flex-start}.currentMonthLabel{font-size:15px}.rankingsControls select{width:100%;min-width:0}.rankingsTable{min-width:420px;font-size:14px}.rankingsTable th,.rankingsTable td{padding:9px 10px}.rankedCount,.rankingsMetaDetails{align-items:flex-start}}.usersPanel{width:min(920px,100%)}.usersMeta{margin-bottom:14px}.usersToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.usersToolbarLabel{color:var(--color-subtle);font-size:14px;font-weight:600}.usersDisplayModeGroup{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-panel-soft)}.usersDisplayModeButton{border:0;border-radius:999px;background:transparent;color:var(--color-subtle);cursor:pointer;font:inherit;font-size:14px;font-weight:600;padding:8px 14px;transition:background .14s ease,color .14s ease,box-shadow .14s ease}.usersDisplayModeButton:hover,.usersDisplayModeButton:focus-visible{color:var(--color-text)}.usersDisplayModeButton:focus-visible{outline:2px solid var(--color-primary-soft);outline-offset:2px}.usersDisplayModeButtonActive{background:var(--color-panel-strong);color:var(--color-text);box-shadow:0 8px 20px #0f172a1f}.usersHelpCallout{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:16px;color:var(--color-subtle);font-size:14px}.usersHelpLabel{font-weight:600}.usersHelpTooltip{position:relative;display:inline-flex;align-items:center}.usersHelpButton{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:999px;background:transparent;color:var(--color-primary-soft);cursor:help;font-size:15px}.usersHelpButton:hover,.usersHelpButton:focus-visible{color:var(--color-primary-pale)}.usersHelpButton:focus-visible{outline:2px solid var(--color-primary-soft);outline-offset:2px}.usersHelpTooltipBubble{position:absolute;right:0;top:calc(100% + 10px);z-index:5;width:min(320px,calc(100vw - 40px));padding:12px 14px;line-height:1.45;opacity:0;visibility:hidden;pointer-events:none}.usersHelpTooltip:hover .usersHelpTooltipBubble,.usersHelpTooltip:focus-within .usersHelpTooltipBubble{opacity:1;visibility:visible}.usersTable{min-width:720px}.usersTable :is(th,td):nth-child(n+2):nth-child(-n+5){width:1%;white-space:nowrap}.usersAliasCell{position:relative;display:inline-block}.usersAliasToggle{display:inline-flex;align-items:center;gap:8px;min-width:0;color:inherit;cursor:default;font:inherit}.usersAliasToggle:hover,.usersAliasToggle:focus-visible{color:var(--color-primary-soft)}.usersAliasToggle:focus-visible{outline:2px solid var(--color-primary-soft);outline-offset:4px;border-radius:8px}.usersAliasCell:hover .usersAliasToggle,.usersAliasCell:focus-within .usersAliasToggle{color:var(--color-primary-soft)}.usersAliasCell:hover .usersAliasToggle i,.usersAliasCell:focus-within .usersAliasToggle i{transform:rotate(180deg)}.usersAliasList{position:absolute;top:calc(100% + 8px);right:0;z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:220px;min-width:160px;padding:10px 12px;white-space:normal;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,visibility .14s ease}.usersHelpTooltipBubble,.usersAliasList{border:1px solid var(--color-border);border-radius:12px;background:var(--color-panel-strong);color:var(--color-text);box-shadow:0 14px 30px #0f172a2e}.usersAliasCell:hover .usersAliasList,.usersAliasCell:focus-within .usersAliasList{opacity:1;visibility:visible;pointer-events:auto}.usersAliasText{word-break:break-word}.bannedUsersTable{min-width:560px}@media (max-width: 640px){.usersToolbar{align-items:flex-start;flex-direction:column}.usersHelpCallout{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}.usersHelpTooltipBubble{left:0;right:auto;transform:none}.usersTable{min-width:640px}.usersAliasList{left:0;right:auto}}