:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#0f172a;background-color:#f3f4f6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{color:inherit}button{font-family:inherit}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background-color:#f3f4f6;--card-radius: 18px;--page-bg: radial-gradient(circle at 20% 20%, #e0f2fe, transparent 28%), radial-gradient(circle at 80% 0%, #fef3c7, transparent 32%), #f3f4f6;--card-bg: #ffffff;--card-muted: #f8fafc;--border-muted: #e5e7eb;--text-primary: #0f172a;--text-muted: #4b5563;--text-strong: #f9fafb;--nav-bg: rgba(255, 255, 255, .82);--nav-hover: #e5e7eb;--nav-active: #111827;--accent-strong: #1f3a93;--accent-soft: #e8efff;--leaderboard-user-bg: rgba(59, 130, 246, .16);--leaderboard-user-outline: rgba(37, 99, 235, .35);--leaderboard-top1-bg: rgba(250, 204, 21, .16);--leaderboard-top2-bg: rgba(148, 163, 184, .16);--leaderboard-top3-bg: rgba(251, 146, 60, .14);--shadow-elevated: 0 14px 28px rgba(15, 23, 42, .12);--app-vw: 100vw;--app-vh: 100vh;--app-short-side: min(var(--app-vw), var(--app-vh));--game-mobile-span: var(--app-vw);--bp-phone: 480px;--bp-tablet-portrait: 900px;--bp-tablet: 1024px}@supports (width: 100dvw){:root{--app-vw: 100dvw;--app-short-side: min(var(--app-vw), var(--app-vh))}}@supports (height: 100dvh){:root{--app-vh: 100dvh;--app-short-side: min(var(--app-vw), var(--app-vh))}}.theme-dark{color:#e2e8f0;background-color:#0b1220;--page-bg: radial-gradient(circle at 20% 20%, rgba(30, 64, 175, .25), transparent 35%), radial-gradient(circle at 80% 0%, rgba(8, 145, 178, .25), transparent 40%), #0b1220;--card-bg: #0f172a;--card-muted: #111827;--border-muted: #1f2937;--text-primary: #e2e8f0;--text-muted: #94a3b8;--text-strong: #f8fafc;--nav-bg: rgba(15, 23, 42, .9);--nav-hover: rgba(148, 163, 184, .15);--nav-active: #2563eb;--accent-strong: #60a5fa;--accent-soft: rgba(37, 99, 235, .18);--leaderboard-user-bg: rgba(96, 165, 250, .24);--leaderboard-user-outline: rgba(96, 165, 250, .45);--leaderboard-top1-bg: rgba(250, 204, 21, .14);--leaderboard-top2-bg: rgba(148, 163, 184, .14);--leaderboard-top3-bg: rgba(251, 146, 60, .12);--shadow-elevated: 0 16px 30px rgba(2, 6, 23, .6)}*{box-sizing:border-box}html{width:100%;max-width:100%;background:var(--page-bg);overscroll-behavior-x:none;overscroll-behavior-y:none;overflow-x:hidden;overflow-x:clip}body{margin:0;width:100%;max-width:100%;min-height:100%;background:var(--page-bg);color:var(--text-primary);overscroll-behavior-x:none;overscroll-behavior-y:none;overflow-x:hidden;overflow-x:clip}#root{min-height:var(--app-vh, 100vh);max-width:100%;overflow-x:hidden;overflow-x:clip}.page{max-width:980px;margin:0 auto;padding:24px 18px 40px;display:flex;flex-direction:column;gap:22px;overflow-x:visible}.mobile-landscape-block{min-height:58vh;display:grid;place-items:center;padding:18px}.mobile-landscape-block__card{width:min(100%,520px);background:var(--card-bg);border:1px solid var(--border-muted);border-radius:16px;box-shadow:var(--shadow-elevated);padding:24px 20px;text-align:center}.mobile-landscape-block__card h2{margin:0 0 10px;font-size:clamp(22px,3vw,30px);color:var(--text-primary)}.mobile-landscape-block__card p{margin:0;color:var(--text-muted);font-size:clamp(16px,2.4vw,19px);line-height:1.5}.home-page{gap:32px;--home-narrow-width: min(906px, 100%)}.birthday-balloons{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:30}.birthday-balloons__balloon{position:absolute;left:var(--balloon-left);bottom:-120px;width:var(--balloon-size);height:calc(var(--balloon-size) * 1.14);border-radius:58% 58% 54% 54%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.42),transparent 35%),var(--balloon-color);box-shadow:0 12px 20px #0f172a38;opacity:0;transform:translate(-50%) scale(.92);animation:birthday-balloon-rise var(--balloon-duration) linear var(--balloon-delay) forwards}.birthday-balloons__balloon:after{content:"";position:absolute;left:50%;bottom:-9px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid color-mix(in srgb,var(--balloon-color) 82%,#0f172a 18%);transform:translate(-50%)}.birthday-balloons__balloon:before{display:none}.birthday-balloons__string{position:absolute;left:50%;top:calc(100% + 2px);width:24px;height:128px;overflow:visible;transform-origin:top center;transform:translate(-50%);animation:birthday-balloon-string-sway var(--string-sway-duration) ease-in-out var(--string-sway-delay) infinite alternate}.birthday-balloons__string path{fill:none;stroke:#33415566;stroke-width:1.6;stroke-linecap:round}@keyframes birthday-balloon-rise{0%{opacity:0;transform:translate(-50%) scale(.92)}10%{opacity:.96}to{opacity:0;transform:translate(calc(-50% + var(--balloon-drift)),-132vh) scale(1.05)}}@keyframes birthday-balloon-string-sway{0%{transform:translate(calc(-50% + var(--string-sway-shift-negative))) rotate(var(--string-sway-angle-negative))}to{transform:translate(calc(-50% + var(--string-sway-shift))) rotate(var(--string-sway-angle))}}@media(prefers-reduced-motion:reduce){.birthday-balloons{display:none}}.home-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:24px;row-gap:0;align-items:stretch}.home-hero__copy{display:flex;flex-direction:column;height:100%}.home-hero__copy h1{margin:8px 0 12px;font-size:clamp(28px,3vw,38px)}.home-hero__headline{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;line-height:1}.home-hero__static,.home-hero__punct{white-space:nowrap}.home-hero__dynamic{display:inline-flex;align-items:baseline;white-space:nowrap;gap:0}.home-hero__rotator{position:relative;display:inline-block;min-width:var(--hero-rotator-width, 10ch);height:1em;vertical-align:baseline;transform:translateY(var(--hero-rotator-offset, .12em))}.home-hero__word{position:absolute;top:0;left:0;display:inline-flex;align-items:baseline;width:100%;line-height:1}.home-hero__word--current{position:absolute;opacity:1}.home-hero__word--in.home-hero__word--slide{animation:hero-word-in var(--hero-rotate-duration, .36s) ease-out forwards}.home-hero__word--out.home-hero__word--slide{animation:hero-word-out var(--hero-rotate-duration, .36s) ease-out forwards}.home-hero__word--in.home-hero__word--fade{animation:hero-word-fade-in var(--hero-rotate-duration, .36s) ease-out forwards}.home-hero__word--out.home-hero__word--fade{animation:hero-word-fade-out var(--hero-rotate-duration, .36s) ease-out forwards}.home-hero__word--in.home-hero__word--drift{animation:hero-word-drift-in var(--hero-rotate-duration, .36s) ease-out forwards}.home-hero__word--out.home-hero__word--drift{animation:hero-word-drift-out var(--hero-rotate-duration, .36s) ease-out forwards}.home-hero__word--reveal{opacity:1}.home-hero__letter{display:inline-block}.home-hero__letter--space{min-width:.6ch;opacity:1!important;transform:none!important;animation:none!important}.home-hero__letter--reveal{opacity:0;transform:translateY(4px);animation:hero-letter-reveal var(--hero-rotate-duration, .36s) ease-out forwards;animation-delay:var(--letter-delay, 0ms)}.home-hero__letter--cascade{opacity:.35;animation:hero-letter-cascade var(--hero-rotate-duration, .36s) ease-out forwards;animation-delay:var(--letter-delay, 0ms)}@keyframes hero-word-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-word-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes hero-word-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hero-word-fade-out{0%{opacity:1}to{opacity:0}}@keyframes hero-word-drift-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-word-drift-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2px)}}@keyframes hero-letter-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-letter-cascade{0%{opacity:.35}to{opacity:1}}.home-hero__subhead{margin:0;color:var(--text-muted);font-size:15px;line-height:1.5}.home-hero__subhead-desktop{display:inline}.home-hero__subhead-mobile{display:none}.home-hero__actions{display:flex;gap:12px;margin-top:0;padding-top:0;flex-wrap:wrap}.home-hero__actions--desktop{margin-top:16px}.home-hero__actions--mobile{display:none}.home-cta{display:inline-flex;align-items:center;justify-content:center;min-width:180px;text-decoration:none}.home-hero__panel{display:flex;justify-content:center;position:relative;align-self:start;margin-top:10px}.home-panel-flip{width:min(100%,320px);position:relative;z-index:1}.home-panel-flip__inner{display:grid}.home-panel-flip__face{grid-area:1 / 1;transition:opacity .22s ease}.home-panel-flip__face--front{opacity:1;pointer-events:auto}.home-panel-flip__face--back,.home-panel-flip.is-flipped .home-panel-flip__face--front{opacity:0;pointer-events:none}.home-panel-flip.is-flipped .home-panel-flip__face--back{opacity:1;pointer-events:auto}.home-panel-flip .home-panel{width:100%}.home-panel{background:var(--card-bg);border:1px solid var(--border-muted);border-radius:18px;padding:20px;display:grid;gap:14px;box-shadow:var(--shadow-elevated);width:min(100%,320px)}.home-panel--review{padding:14px;gap:8px;min-height:208px;max-height:208px;overflow:hidden}.home-panel--news{padding:16px;gap:10px;min-height:208px;max-height:208px;overflow:hidden;cursor:pointer}.home-panel--news:hover{border-color:#3b82f647;box-shadow:var(--shadow-elevated)}.home-news{display:grid;gap:8px;height:100%}.home-news__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-news__tag{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;background:#3b82f624;color:#1d4ed8}.home-news__tag--feature{background:#2563eb24;color:#1d4ed8}.home-news__tag--fix{background:#10b98124;color:#047857}.home-news__tag--improvement{background:#f59e0b29;color:#b45309}.home-news__tag--tech{background:#0e749024;color:#0e7490}.home-news__tag--editorial{background:#f43f5e24;color:#be123c}.home-news__headline{margin:0;font-size:15px;font-weight:700;color:var(--text-primary)}.home-news__summary{margin:0;font-size:12px;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-news__cta{margin-top:auto;font-size:12px;font-weight:600;color:var(--accent-strong)}.home-panel--highlight{border-color:#f2b93b;box-shadow:0 6px 10px -6px #f2b93bb3,0 4px 10px #0f172a14;background:linear-gradient(135deg,rgba(242,185,59,.18),var(--card-bg))}.theme-dark .home-panel--highlight{border-color:#f8d36d;box-shadow:0 6px 10px -6px #f8d36d8c,0 4px 10px #02061799;background:linear-gradient(135deg,#f8d36d38,#0f172ad9)}.home-panel__title{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);font-weight:800}.home-panel__stat{display:grid;gap:4px}.home-panel__value{font-size:26px;font-weight:800;color:var(--text-primary)}.home-panel__value--link{text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:6px;transition:color .16s ease,transform .16s ease}.home-panel__value--link:hover{color:var(--accent-strong);transform:translateY(-1px)}.home-panel__label{font-size:13px;color:var(--text-muted)}.home-review__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-review__close{margin-left:auto;border:1px solid var(--border-muted);background:var(--card-muted);color:var(--text-muted);width:28px;height:28px;border-radius:999px;display:grid;place-items:center;cursor:pointer;font-size:14px;line-height:1;transition:color .15s ease,border-color .15s ease,transform .15s ease}.home-review__close:hover{color:var(--text-primary);border-color:#94a3b899;transform:translateY(-1px)}.home-review__stars{display:flex;gap:6px;font-size:18px}.home-review__stars .reviews-form__star{font-size:inherit}.home-review__label{display:grid;gap:6px;font-size:12px;color:var(--text-muted)}.home-review__label textarea{border:1px solid var(--border-muted);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;resize:none;height:68px;max-height:68px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.home-review__form{display:grid;gap:8px}.home-review__actions{display:flex;justify-content:flex-end}.home-review__submit{width:auto;padding:7px 14px;font-size:13px}.review-confetti{position:absolute;inset:-40px -60px -20px;pointer-events:none;z-index:0}.review-confetti .date-confetti-piece{width:7px;height:12px;border-radius:2px;opacity:.95;animation-duration:3.4s}.home-section{display:grid;gap:16px}.home-section--reveal{opacity:1;transform:translateY(10px);transition:transform .26s ease;transition-delay:var(--reveal-delay, 0ms);will-change:transform}.home-section--reveal.is-visible{transform:translateY(0)}body.is-card-dragging .home-section--reveal{transform:none!important}body.is-card-dragging .home-card:not(.is-dragging){transition:none;pointer-events:none;will-change:auto}.home-section__header h2{margin:0 0 6px}.home-section__controls{display:flex;align-items:center;margin-top:12px}.home-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--border-muted);background:var(--card-muted)}.home-filter-toggle__button{border:none;background:transparent;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px;cursor:pointer}.home-filter-toggle__button.is-active{color:var(--text-primary);background:var(--card-bg);box-shadow:0 6px 14px #0f172a14}.home-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative;touch-action:pan-y}.home-card{position:relative;padding:12px;border-radius:16px;border:1px solid var(--border-muted);background:var(--card-bg);text-decoration:none;color:var(--text-primary);display:flex;flex-direction:column;gap:6px;min-height:118px;cursor:grab;overflow:hidden;isolation:isolate;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,margin .14s ease}.home-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(140px circle at var(--ripple-x, 30%) var(--ripple-y, 30%),rgba(59,130,246,.18),transparent 65%);opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:1;will-change:auto}body.is-card-dragging .home-card:before{display:none}.home-card-grid--no-ripple .home-card:before{opacity:0;background:radial-gradient(170px circle at var(--ripple-x, 30%) var(--ripple-y, 30%),rgba(59,130,246,.2),transparent 65%)}.home-card-grid--no-ripple .home-card:hover:before,.home-card-grid--no-ripple .home-card:focus-visible:before{opacity:1}.home-card>*:not(.home-card__bg):not(.home-card__favorite){position:relative;z-index:2}.home-card__bg{position:absolute;inset:-6%;width:112%;height:112%;color:#0f172a47;opacity:.13;transform:scale(1.12);transform-origin:center center;pointer-events:none;z-index:0}.home-card__bg-line{stroke:currentColor;stroke-width:.48;fill:none;vector-effect:non-scaling-stroke}.home-card__bg-line--strong{stroke-width:.98}.home-card__bg-number{fill:currentColor;font-size:6.2px;font-weight:800;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.home-card__bg-number--colour{fill:#0f172a33}.home-card__bg-cage{fill:none;stroke:currentColor;stroke-width:.82;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1.2 1.1;vector-effect:non-scaling-stroke}.home-card__bg-cage-line{fill:none;stroke:#0f172a61;stroke-width:1.12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1.45 1.05;vector-effect:non-scaling-stroke}.home-card__bg-cage-label{fill:#0f172a66;font-size:4.9px;font-weight:800;letter-spacing:.01em;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.home-card__bg-fill{opacity:.14}.home-card__bg-colour-cell{opacity:.31}.home-card__bg-fill--red{fill:#ff4d4d}.home-card__bg-fill--orange{fill:#ffa629}.home-card__bg-fill--yellow{fill:#ffe11f}.home-card__bg-fill--green{fill:#6fe295}.home-card__bg-fill--sky{fill:#86e5fd}.home-card__bg-fill--violet{fill:#a97aff}.home-card__bg-region-fill{opacity:.22}.home-card__bg-jigsaw-boundary,.home-card__bg-region-line{fill:none;stroke:#1e40af4d;stroke-width:1.02;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.home-card--mode-colour .home-card__bg{opacity:.3;transform:scale(1.14)}.home-card--mode-classic .home-card__bg{opacity:.28;transform:scale(1.13)}.home-card--mode-mini .home-card__bg{opacity:.29;transform:scale(1.18)}.home-card--mode-killer .home-card__bg{opacity:.3;transform:scale(1.15)}.home-card--mode-killer .home-card__bg-cage-line,.home-card--mode-killer .home-card__bg-cage{stroke:#0f172a6b;stroke-width:.86;stroke-dasharray:.78 2.45}.home-card--mode-killer .home-card__bg-cage-label{fill:#0f172a75;font-size:3.9px;font-weight:700}.home-card__bg-cage-label--killer{paint-order:stroke fill;stroke:#f8fafcb8;stroke-width:1.35px;stroke-linejoin:round}.home-card--mode-jigsaw .home-card__bg{opacity:.19;transform:scale(1.16)}.home-card--mode-mathdoku .home-card__bg{opacity:.16;transform:scale(1.15)}.home-card__bg-mathdoku-line-halo,.home-card__bg-mathdoku-line{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.home-card__bg-mathdoku-line-halo{stroke:#0f172a1a;stroke-width:1.85}.home-card__bg-mathdoku-line{stroke:#0f172a5c;stroke-width:1.02}.home-card--mode-mathdoku .home-card__bg-cage-label{font-size:3.8px;font-weight:700}.home-card__bg-cage-label--mathdoku{paint-order:stroke fill;stroke:#f8fafcb8;stroke-width:1.25px;stroke-linejoin:round}.home-card.is-dragging{position:fixed;left:0;top:0;width:var(--drag-width, auto);height:var(--drag-height, auto);pointer-events:none;z-index:1200;cursor:grabbing;transform:translate(var(--drag-left, 0px),var(--drag-top, 0px));border-color:#3b82f659;box-shadow:0 18px 30px #0f172a2e;transition:none;will-change:transform;backface-visibility:hidden;perspective:1000px;contain:paint}.home-card-insert-line{position:absolute;top:0;left:0;height:var(--line-height);width:3px;border-radius:3px;background:var(--accent-strong);opacity:0;z-index:2;pointer-events:none;transform:translate(var(--line-x),var(--line-y));will-change:transform,opacity;transition:none}.home-card-insert-line.is-visible{opacity:1}.home-card__favorite{position:absolute!important;top:8px!important;right:8px!important;bottom:auto!important;left:unset!important;inset-inline-start:unset!important;inset-inline-end:8px!important;margin:0!important;transform:none!important;width:28px;height:28px;border-radius:999px;border:1px solid var(--border-muted);background:var(--card-muted);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;pointer-events:auto;transition:color .15s ease,border-color .15s ease,background .15s ease}.home-card__favorite svg{width:16px;height:16px}.home-card__favorite:hover{color:#f2b93b;border-color:#f2b93b80}.home-card__favorite.is-favorite{color:#f2b93b;border-color:#f2b93b99;background:#f2b93b29}.theme-dark .home-card__favorite{background:#0f172a99;color:#e2e8f0b3}.theme-dark .home-card__favorite.is-favorite{color:#f8d36d;border-color:#f8d36d8c;background:#f8d36d33}.theme-dark .home-card__bg{color:#e2e8f02e}.theme-dark .home-card__bg-region-fill{opacity:.18}.theme-dark .home-card__bg-jigsaw-boundary,.theme-dark .home-card__bg-region-line{stroke:#a5b4fc57}.theme-dark .home-card__bg-cage-line{stroke:#e2e8f057}.theme-dark .home-card__bg-cage-label{fill:#e2e8f06b}.theme-dark .home-card--mode-killer .home-card__bg-cage-line,.theme-dark .home-card--mode-killer .home-card__bg-cage{stroke:#f8fafc66}.theme-dark .home-card--mode-killer .home-card__bg-cage-label{fill:#f8fafc80}.theme-dark .home-card__bg-cage-label--killer{stroke:#0f172a94}.theme-dark .home-card__bg-mathdoku-line-halo{stroke:#0f172a24}.theme-dark .home-card__bg-mathdoku-line{stroke:#f8fafc61}.theme-dark .home-card__bg-cage-label--mathdoku{stroke:#0f172a94}.home-card h3{margin:0;font-size:16px}.home-card p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.4}.home-card__action{margin-top:auto;font-weight:700;color:var(--accent-strong);font-size:13px}.home-card--done{border-color:#22c55e73;background:linear-gradient(135deg,#22c55e24,#22c55e05);box-shadow:0 14px 28px #10b98129}.home-card--done .home-card__action{color:#16a34a}.home-card-grid:not(.is-dragging) .home-card:hover,.home-card-grid:not(.is-dragging) .home-card:focus-visible{transform:translateY(-3px);border-color:#6366f140;box-shadow:0 12px 24px #0f172a1f}.home-card-grid:not(.is-dragging) .home-card:hover:before,.home-card-grid:not(.is-dragging) .home-card:focus-visible:before{opacity:1}.home-headtohead{--headtohead-border: rgba(15, 23, 42, .06);--headtohead-glow: rgba(31, 58, 147, .08);--headtohead-glow-soft: rgba(20, 184, 166, .08);--headtohead-spotlight: transparent;--headtohead-spotlight-soft: transparent;--headtohead-gap: #f8fafc;width:100vw;min-width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:28px 0;padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));position:relative;box-sizing:border-box;background:linear-gradient(120deg,var(--headtohead-glow),rgba(59,130,246,.05),var(--headtohead-glow-soft));border-top:1px solid var(--headtohead-border);border-bottom:1px solid var(--headtohead-border)}.home-headtohead:before{content:none}.theme-dark .home-headtohead{--headtohead-border: rgba(148, 163, 184, .16);--headtohead-glow: rgba(59, 130, 246, .2);--headtohead-glow-soft: rgba(45, 212, 191, .12);--headtohead-spotlight: transparent;--headtohead-spotlight-soft: transparent;--headtohead-gap: rgba(248, 250, 252, .14)}.theme-dark .home-headtohead__layer--left,.theme-dark .home-headtohead__layer--right{background:#fff}.home-headtohead__inner{width:min(100%,980px);margin:0 auto;padding:0 18px}.home-headtohead__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.home-headtohead__copy{display:grid;gap:12px}.home-headtohead__title{margin:0;font-size:clamp(22px,2.4vw,28px)}.home-headtohead__actions{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}.home-headtohead__actions .primary.home-headtohead__button{display:inline-flex;flex:0 0 auto;width:auto;padding:7px 10px;font-size:13px;white-space:nowrap}.link-button.home-headtohead__link{text-decoration:none;color:var(--accent-strong)}.home-headtohead__visual{display:flex;align-items:stretch;justify-content:center;align-self:stretch}.home-headtohead__split{--split-gap: clamp(6px, 1vw, 12px);position:relative;height:100%;width:auto;max-width:100%;aspect-ratio:1 / 1;border-radius:4px;background:var(--headtohead-gap);filter:drop-shadow(0 14px 24px rgba(15,23,42,.12));overflow:visible;isolation:isolate}.home-headtohead__layer{position:absolute;inset:0;display:flex;align-items:stretch;background:var(--card-bg);will-change:transform;transition:transform .9s ease;transform:translate(0)}.home-headtohead__layer img{height:100%;width:auto;object-fit:contain;display:block}.home-headtohead__layer:after{content:"";position:absolute;inset:0;background:var(--split-tint, transparent);opacity:.4;mix-blend-mode:multiply}.home-headtohead__layer--left{--split-tint: rgba(59, 130, 246, .22);z-index:2}.home-headtohead__layer--right{--split-tint: rgba(239, 68, 68, .2);z-index:1}.grid-left{justify-content:flex-start}.grid-right{justify-content:flex-end}.grid-left img,.grid-right img{transform:none}.grid-left{-webkit-clip-path:polygon(0% 0%,52% 0%,44% 16.666%,52% 33.333%,44% 50%,52% 66.666%,44% 83.333%,52% 100%,0% 100%);clip-path:polygon(0% 0%,52% 0%,44% 16.666%,52% 33.333%,44% 50%,52% 66.666%,44% 83.333%,52% 100%,0% 100%);will-change:clip-path}.grid-right{-webkit-clip-path:polygon(52% 0%,100% 0%,100% 100%,52% 100%,44% 83.333%,52% 66.666%,44% 50%,52% 33.333%,44% 16.666%);clip-path:polygon(52% 0%,100% 0%,100% 100%,52% 100%,44% 83.333%,52% 66.666%,44% 50%,52% 33.333%,44% 16.666%);will-change:clip-path}.home-headtohead.is-split .home-headtohead__layer--left{transform:translate(calc(-1 * var(--split-gap))) rotate(-3deg);transform-origin:center left}.home-headtohead.is-split .home-headtohead__layer--right{transform:translate(var(--split-gap)) rotate(3deg);transform-origin:center right}.home-headtohead.is-split .home-headtohead__layer:after{opacity:.7}.home-headtohead__panel{border-radius:var(--card-radius);border:1px solid var(--border-muted);background:var(--card-bg);padding:16px;display:grid;gap:14px;box-shadow:var(--shadow-elevated)}.home-headtohead__panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.home-headtohead__panel-title{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.home-headtohead__panel-subhead{margin:4px 0 0;font-size:14px;font-weight:600;color:var(--text-primary)}.home-headtohead__badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:4px 8px;border-radius:999px;border:1px solid var(--border-muted);background:var(--card-muted);color:var(--text-muted);white-space:nowrap}.home-headtohead__scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid var(--border-muted);background:var(--card-muted)}.home-headtohead__player{display:grid;gap:4px}.home-headtohead__player--right{text-align:right}.home-headtohead__player-name{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700}.home-headtohead__player-time{font-size:18px;font-weight:800;color:var(--text-primary)}.home-headtohead__versus{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700}.home-headtohead__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-headtohead__meta-item{display:grid;gap:4px;padding:10px 12px;border-radius:12px;border:1px solid var(--border-muted);background:var(--card-muted)}.home-headtohead__label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:700}.home-headtohead__value{font-size:13px;font-weight:600;color:var(--text-primary)}.home-explain__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-explain__item{padding:16px;border-radius:16px;border:1px solid var(--border-muted);background:var(--card-muted)}.home-explain__item:nth-child(1){background:linear-gradient(145deg,rgba(37,99,235,.12),var(--card-muted))}.home-explain__item:nth-child(2){background:linear-gradient(145deg,rgba(16,185,129,.12),var(--card-muted))}.home-explain__item:nth-child(3){background:linear-gradient(145deg,rgba(245,158,11,.14),var(--card-muted))}.home-explain__item--link{text-decoration:none;color:inherit;display:block;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.home-explain__item--link:hover,.home-explain__item--link:focus-visible{transform:translateY(-2px);border-color:#6366f140;box-shadow:0 10px 22px #0f172a1f}.home-explain__item h3{margin:0 0 6px;font-size:15px}.home-explain__item p{margin:0;color:var(--text-muted);font-size:13px}.home-explain__copy-desktop{display:inline}.home-explain__copy-mobile{display:none}.home-training__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-training__panel{border-radius:16px;border:1px solid var(--border-muted);background:var(--card-bg);padding:16px;display:grid;gap:12px}.home-training__panel--carousel{box-shadow:0 8px 20px #0f172a14;display:flex;flex-direction:column;gap:10px;margin-top:-8px}.home-training__panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.home-training__panel h3{margin:0;font-size:15px}.home-training__tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);white-space:nowrap}.home-training__lesson{position:relative}.home-training__lesson-scale{--sudoku-board-max: 520px;width:100%;margin-top:-8px}.home-training__board-wrap{margin:0;max-width:100%;padding:12px;gap:6px;border-radius:4px;--home-training-highlight-alpha: .18;--home-training-target-alpha: .9}@property --home-training-highlight-alpha{syntax: "<number>"; inherits: true; initial-value: .18;}@property --home-training-target-alpha{syntax: "<number>"; inherits: true; initial-value: .9;}.home-training__board-wrap .cell--hint-row,.home-training__board-wrap .cell--hint-col,.home-training__board-wrap .cell--hint-box{background-image:linear-gradient(180deg,rgba(59,130,246,var(--home-training-highlight-alpha)),rgba(59,130,246,var(--home-training-highlight-alpha)));transition:--home-training-highlight-alpha .32s ease}.home-training__board-wrap .hint-arrows{opacity:1;z-index:6;transition:opacity .32s ease}.home-training__board-wrap .cell--hint-eliminate{box-shadow:inset 0 0 0 2px #11182766;z-index:8}.home-training__board-wrap--fade .hint-arrows{opacity:0}.home-training__board-wrap--fade .cell--hint-row,.home-training__board-wrap--fade .cell--hint-col,.home-training__board-wrap--fade .cell--hint-box{--home-training-highlight-alpha: 0}.home-training__board-wrap .cell--hint-target{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px rgba(34,197,94,var(--home-training-target-alpha));transition:--home-training-target-alpha .32s ease}.home-training__board-wrap--target-fade{--home-training-target-alpha: 0}.home-training__example-stack{display:grid;width:100%}.home-training__example{grid-area:1 / 1;margin-bottom:0;opacity:0;transition:opacity .24s ease;pointer-events:none}.home-training__example.is-active{opacity:1}.home-training__example .hint-actions{pointer-events:none}.home-training__board-wrap .lesson-card,.home-training__board-wrap .hint-card{margin-bottom:0}.home-training__board-wrap .lesson-card .eyebrow{font-size:11px}.home-training__board-wrap .lesson-card h3{font-size:16px}.home-training__board-wrap .lesson-card .subhead,.home-training__board-wrap .lesson-card .muted{font-size:12px}.home-training__board-wrap .hint-technique{font-size:11px}.home-training__board-wrap .hint-title{font-size:16px}.home-training__board-wrap .hint-body{font-size:12px}.home-training__board-wrap .board-scale-shell{border-radius:4px;overflow:hidden}.home-training__carousel{display:grid;gap:6px;flex:1}.home-training__carousel-track{position:relative;min-height:320px}.home-training__carousel-card{border-radius:12px;border:1px solid var(--border-muted);background:var(--card-muted);padding:14px 16px;display:grid;gap:8px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;position:absolute;inset:0;opacity:0;transform:translateY(6px);transition:opacity .24s ease,transform .24s ease;pointer-events:none}.home-training__carousel-card.is-active{background:var(--card-bg);border-color:#3b82f659;box-shadow:0 10px 18px #0f172a1f;opacity:1;transform:translateY(0);pointer-events:auto;cursor:pointer}.home-training__carousel-title{margin:0;font-size:13px;font-weight:700}.home-training__carousel-text{margin:0;font-size:12px;color:var(--text-muted)}.home-training__ladder{display:grid;gap:8px;align-content:start}.home-training__ladder-list{display:grid;gap:4px;margin-top:2px}.home-training__ladder-step{display:grid;grid-template-columns:12px 12px minmax(0,1fr);align-items:center;column-gap:8px;padding:4px 0}.home-training__ladder-spine{width:2px;height:100%;background:var(--border-muted);border-radius:999px;justify-self:center;opacity:.6}.home-training__ladder-connector{height:2px;width:10px;background:var(--border-muted);border-radius:999px;opacity:.6}.home-training__ladder-step.is-locked .home-training__ladder-spine,.home-training__ladder-step.is-locked .home-training__ladder-connector{opacity:.3}.home-training__ladder-step .difficulty-pill{flex-wrap:wrap;justify-content:flex-start;row-gap:2px;padding:6px 10px;gap:6px;text-align:left}.home-training__ladder-step .difficulty-pill .diff-lock{width:100%;text-align:left}.home-training__carousel-card .diff-lock-icon{font-size:12px;line-height:1}.home-training__carousel-card .difficulty-pill .diff-lock{font-size:10px}.home-training__carousel-dots{display:flex;gap:6px;margin-top:auto;justify-content:flex-end;align-self:flex-end}.home-training__carousel-dot{width:6px;height:6px;border-radius:999px;background:#94a3b866;border:none;padding:0;cursor:pointer}.home-training__carousel-dot.is-active{background:var(--accent-strong)}.home-rush__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.home-rush__headline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.home-rush__headline h2{margin:0}.home-rush__copy{position:relative;display:grid;gap:12px;border-radius:16px;border:1px solid var(--border-muted);background:radial-gradient(circle at 86% 14%,rgba(59,130,246,.12),transparent 48%),linear-gradient(144deg,color-mix(in srgb,var(--card-bg) 86%,#fff2cf 14%),var(--card-bg));padding:16px;overflow:hidden}.home-rush__copy:after{content:"";position:absolute;right:-34px;bottom:-52px;width:160px;height:160px;border-radius:999px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 72%);pointer-events:none}.home-rush__intro{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-rush__intro .eyebrow{margin:0}.home-rush__copy>.eyebrow{margin:0}.home-rush__sticker{position:relative;display:inline-grid;place-items:center;box-sizing:border-box;width:88px;height:88px;color:#172554;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em;line-height:.92;text-align:center;transform:rotate(-9deg);filter:drop-shadow(0 8px 14px rgba(217,119,6,.3));animation:homeRushStickerFloat 2.9s ease-in-out infinite;isolation:isolate}.home-rush__sticker-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;line-height:.92;transform:rotate(9deg)}.home-rush__sticker-text>span{display:block;white-space:nowrap}.home-rush__sticker-text>span:last-child{letter-spacing:.09em}.home-rush__sticker:before{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(50% 0%,61% 16%,79% 6%,82% 25%,100% 28%,90% 44%,100% 56%,82% 59%,79% 78%,61% 69%,50% 84%,39% 69%,21% 78%,18% 59%,0% 56%,10% 44%,0% 28%,18% 25%,21% 6%,39% 16%);background:conic-gradient(from 18deg,#fff5c0,#ffc94a,#ff9e2f 42%,#ffd45f 72%,#fff5c0);border:1px solid rgba(180,83,9,.32)}.home-rush__sticker:after{content:"";position:absolute;inset:-14px;z-index:-2;border-radius:999px;background:radial-gradient(circle,#fb923c73,#fb923c00 72%);animation:homeRushStickerPulse 2.9s ease-out infinite}.home-rush__title{margin:0;font-size:clamp(20px,2.15vw,25px);line-height:1.2}.home-rush__strap{margin:0;font-size:13.5px;font-weight:600;color:var(--text-muted);line-height:1.5}.home-rush__intel{display:grid;grid-template-columns:minmax(78px,.68fr) minmax(0,1.08fr) minmax(0,1.24fr);gap:7px}.home-rush__intel-item{border-radius:12px;border:1px solid color-mix(in srgb,var(--border-muted) 84%,rgba(59,130,246,.2) 16%);background:color-mix(in srgb,var(--card-bg) 82%,rgba(255,255,255,.4) 18%);padding:7px 8px;display:grid;align-content:start;gap:3px}.home-rush__intel-label{font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.home-rush__intel-value{margin:0;font-size:11px;font-weight:700;color:var(--text-primary);line-height:1.26}.home-rush__intel-item:first-child .home-rush__intel-value{font-size:13px;line-height:1;letter-spacing:.04em}.home-rush__score-carousel{margin:0;display:grid;gap:8px;padding:10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-muted) 74%,rgba(59,130,246,.26) 26%);background:color-mix(in srgb,var(--card-bg) 78%,rgba(219,234,254,.34) 22%);overflow:hidden}.home-rush__score-track{display:flex;width:100%;transition:transform .26s ease}.home-rush__score-slide{flex:0 0 100%;min-width:0;text-decoration:none;color:inherit;border:1px solid color-mix(in srgb,var(--border-muted) 76%,rgba(59,130,246,.24) 24%);background:color-mix(in srgb,var(--card-bg) 86%,rgba(255,255,255,.24) 14%);border-radius:11px;padding:10px 12px;display:grid;gap:4px;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.home-rush__score-slide:hover,.home-rush__score-slide:focus-visible{transform:translateY(-1px);border-color:#3b82f657;box-shadow:0 8px 14px #0f172a1a}.home-rush__score-eyebrow{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.home-rush__score-mode{color:var(--text-primary);font-size:16px;line-height:1.2}.home-rush__score-value{color:var(--text-muted);font-size:12px;font-weight:700}.home-rush__score-dots{display:flex;align-items:center;justify-content:center;gap:6px}.home-rush__score-dot{width:8px;height:8px;border-radius:999px;border:0;background:#94a3b870;cursor:pointer;padding:0}.home-rush__score-dot.is-active{background:#3b82f6e6}.home-rush__launchpad{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,240px);align-items:center;gap:8px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--border-muted) 70%,rgba(59,130,246,.3) 30%);background:color-mix(in srgb,var(--card-bg) 84%,rgba(255,249,196,.38) 16%);padding:10px 12px}.home-rush__launch-copy{display:grid;gap:2px}.home-rush__launch-title{margin:0;color:var(--text-primary);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.home-rush__launch-text{margin:0;color:var(--text-muted);font-size:11px;line-height:1.35}.home-rush__launch-link{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid color-mix(in srgb,var(--border-muted) 66%,rgba(59,130,246,.34) 34%);background:color-mix(in srgb,var(--card-bg) 82%,rgba(96,165,250,.16) 18%);color:var(--text-primary);font-size:11px;font-weight:800;letter-spacing:.02em;padding:7px 10px;text-decoration:none;white-space:nowrap;cursor:pointer;width:100%;transition:transform .15s ease,border-color .15s ease,background .15s ease}.home-rush__launch-link:hover,.home-rush__launch-link:focus-visible{transform:translateY(-1px);border-color:#3b82f666;background:color-mix(in srgb,var(--card-bg) 72%,rgba(96,165,250,.26) 28%)}.home-rush__demo{min-width:0}.home-rush__demo-card{border-radius:16px;border:1px solid var(--border-muted);background:var(--card-bg);padding:12px 12px 10px;display:grid;gap:7px;height:100%;overflow:hidden}.home-rush__demo-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.home-rush__demo-title{margin:0;font-size:14px;font-weight:700;color:var(--text-primary)}.home-rush__demo-note{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--text-muted) 86%,#ffffff 14%);white-space:nowrap;padding-top:2px}.home-rush__playfield{--home-rush-palette-width: 100%;--home-rush-palette-gap: 5px;--home-rush-palette-pad: 5px;--home-rush-tile-size: calc( (var(--home-rush-palette-width) - (var(--home-rush-palette-pad) * 2) - (var(--home-rush-palette-gap) * 5)) / 6 );--home-rush-ghost-size: var(--home-rush-tile-size);position:relative;width:min(100%,340px);margin:0 auto;display:grid;grid-template-rows:auto auto;align-content:start;gap:6px}.home-rush__mini-shell{min-width:0;width:100%}.home-rush__mini-shell .mini-board-shell{--sudoku-board-max: 322px;width:100%;max-width:100%;margin:0 auto}.home-rush__mini-shell .mini-board--disabled{opacity:1}.home-rush__mini-shell .mini-cell--hint-target{background:#86efac85!important;box-shadow:inset 0 0 0 2px #16a34a99,0 0 0 2px #4ade8061}.home-rush__mini-shell .mini-cell--hint-target .mini-cell-value{color:#065f46!important}.home-rush__palette{border-radius:12px;border:1px solid var(--border-muted);background:var(--card-muted);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:var(--home-rush-palette-width);margin:0 auto;gap:var(--home-rush-palette-gap);padding:var(--home-rush-palette-pad)}.home-rush__tile{border-radius:8px;border:1px solid rgba(148,163,184,.56);background:var(--card-bg);display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;min-height:0;font-size:12px;font-weight:700;color:var(--text-primary);line-height:1}.home-rush__tile.is-active{border-color:#3b82f66b;background:#3b82f624;color:#1d4ed8}.home-rush__ghost{position:absolute;width:var(--home-rush-ghost-size);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(100,116,139,.65);background:#fff;color:#0f172a;font-size:12px;font-weight:800;line-height:1;transform:translate(-50%,-50%);opacity:.96;box-shadow:0 10px 16px #0f172a29;transition:left .86s cubic-bezier(.22,.85,.28,1),top .86s cubic-bezier(.22,.85,.28,1),opacity .2s ease,transform .18s ease;pointer-events:none;z-index:6}.home-rush__ghost.is-reset{transition:none}.home-rush__ghost.is-drop{transform:translate(-50%,-50%) scale(.85);opacity:0}.home-rush__ghost.is-hidden{opacity:0}.home-rush__cursor{position:absolute;width:18px;height:24px;transform:translate(-18%,-12%);transition:left .86s cubic-bezier(.22,.85,.28,1),top .86s cubic-bezier(.22,.85,.28,1),opacity .22s ease;pointer-events:none;z-index:7}.home-rush__cursor.is-reset{transition:none}.home-rush__cursor.is-hidden{opacity:0}.home-rush__cursor-inner{display:block;width:100%;height:100%;background:linear-gradient(160deg,#fff,#cbd5e1);border:1px solid rgba(15,23,42,.45);clip-path:polygon(0% 0%,100% 50%,62% 57%,76% 100%,58% 100%,45% 66%,0% 100%);box-shadow:0 6px 10px #0f172a2e}.theme-dark .home-rush__copy{border-color:var(--border-muted);background:radial-gradient(circle at 86% 14%,rgba(59,130,246,.2),transparent 50%),linear-gradient(150deg,#0f172ae6,#1e293bdb)}.theme-dark .home-rush__sticker{color:#fff8dc;filter:drop-shadow(0 8px 14px rgba(251,146,60,.34))}.theme-dark .home-rush__sticker:before{background:conic-gradient(from 18deg,#ffed9f,#fb4,#f97316 46%,#facc15 74%,#ffed9f);border-color:#fb923c80}.theme-dark .home-rush__sticker:after{background:radial-gradient(circle,#f9731680,#f9731600 74%)}.theme-dark .home-rush__intel-item{background:#0f172a94;border-color:#94a3b852}.theme-dark .home-rush__score-carousel{border-color:#60a5fa57;background:#0f172a9e}.theme-dark .home-rush__score-slide{border-color:#60a5fa42;background:#0f172a94}.theme-dark .home-rush__score-slide:hover,.theme-dark .home-rush__score-slide:focus-visible{border-color:#7dd3fc75}.theme-dark .home-rush__score-mode{color:#f8fafc}.theme-dark .home-rush__score-value{color:#cbd5e1d6}.theme-dark .home-rush__launchpad{border-color:#7dd3fc47;background:#0f172aa8}.theme-dark .home-rush__launch-title{color:#f8fafc}.theme-dark .home-rush__launch-text{color:#cbd5e1d6}.theme-dark .home-rush__launch-link{border-color:#7dd3fc57;background:#1e293be6;color:#f8fafc}.theme-dark .home-rush__demo-card{background:var(--card-bg)}.theme-dark .home-rush__demo-note{color:#cbd5e1bd}.theme-dark .home-rush__palette{background:var(--card-muted);border-color:var(--border-muted)}.theme-dark .home-rush__tile{background:var(--card-bg);border-color:#94a3b852;color:var(--text-primary)}.home-proof__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-proof__card{border-radius:16px;border:1px solid var(--border-muted);background:var(--card-bg);padding:16px;display:grid;gap:10px}.home-proof__card--finishers{cursor:pointer;touch-action:pan-y;overscroll-behavior-x:contain}.home-finishers__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-finishers__mode{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.home-finishers__viewport{position:relative;min-height:156px}.home-finishers__panel{position:absolute;inset:0;display:grid;gap:10px;opacity:0;transform:translateY(6px);transition:opacity .24s ease,transform .24s ease;pointer-events:none}.home-finishers__panel.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.home-finishers__labels{display:grid;grid-template-columns:36px minmax(0,1fr) 72px 56px 36px;gap:8px;padding:0 8px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.home-finishers__labels--hidden{visibility:hidden}.home-finishers__labels span:nth-child(1){justify-self:center}.home-finishers__labels span:nth-child(2){justify-self:start}.home-finishers__labels span:nth-child(3),.home-finishers__labels span:nth-child(4),.home-finishers__labels span:nth-child(5){justify-self:center}.home-finishers__rows{--finishers-row-height: 32px;--finishers-row-gap: 6px;display:flex;flex-direction:column;gap:var(--finishers-row-gap);min-height:calc(var(--finishers-row-height) * 3 + var(--finishers-row-gap) * 2)}.home-finishers__row{display:grid;grid-template-columns:36px minmax(0,1fr) 72px 56px 36px;align-items:center;gap:8px;padding:6px 8px;height:var(--finishers-row-height);border-radius:12px;background:var(--card-muted);font-size:13px}.home-finishers__rank{font-weight:700;color:var(--accent-strong);justify-self:center}.home-finishers__name{display:inline-flex;align-items:baseline;gap:6px;min-width:0;color:var(--text-primary);font-weight:600;justify-self:start}.home-finishers__name-primary,.home-finishers__name-secondary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-finishers__name-primary{line-height:1}.home-finishers__name-secondary{font-size:11px;line-height:1;color:var(--text-muted);font-weight:500}.home-finishers__points{font-weight:600;color:var(--text-primary);justify-self:center}.home-finishers__time{color:var(--text-muted);justify-self:center}.home-finishers__level{font-weight:700;color:var(--text-muted);justify-self:center}.home-finishers__placeholder{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);font-size:12px}.home-finishers__dots{display:flex;justify-content:flex-end;gap:6px}.home-finishers__dot{width:8px;height:8px;border-radius:999px;background:var(--border-muted);border:none;padding:0;cursor:pointer;appearance:none}.home-finishers__dot.is-active{background:var(--accent-strong)}.home-proof__title{margin:0;font-weight:700}.home-proof__list{display:grid;gap:8px;padding:0;margin:12px 0 0;list-style:none;color:var(--text-muted);font-size:13px;line-height:1.4}.home-proof__list--tips{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.home-proof__tip{position:relative;display:inline-flex;align-items:center}.home-proof__trigger{border:none;background:#fe980129;color:var(--text-primary);padding:4px 10px;border-radius:999px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.home-proof__trigger:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0f172a1f}.theme-dark .home-proof__trigger{background:#f8b22c29;color:#fff;box-shadow:0 6px 14px #02061747}.theme-dark .home-proof__trigger:hover{box-shadow:0 8px 16px #02061761}.home-proof__trigger:focus-visible{outline:2px solid rgba(59,130,246,.6);outline-offset:2px}.home-proof__popover{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;max-width:260px;padding:10px 12px;border-radius:var(--card-radius);border:1px solid var(--border-muted);background:var(--card-bg);box-shadow:var(--shadow-elevated);font-size:12px;color:var(--text-primary);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease;z-index:20}.home-proof__tip:hover .home-proof__popover,.home-proof__tip:focus-within .home-proof__popover{opacity:1;transform:translateY(0);pointer-events:auto}.home-proof__emphasis{font-weight:800;color:var(--text-primary);background:#fe980129;padding:1px 6px;border-radius:999px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.home-proof__emphasis--italic{font-style:italic}.home-proof__emphasis--underline{text-decoration:none;background:#fe98013d}.home-proof__emphasis--large{font-size:1.08em;letter-spacing:.02em}.home-proof__row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:13px}.home-proof__rank{font-weight:700;color:var(--accent-strong)}.home-proof__name{color:var(--text-primary)}.home-proof__time{color:var(--text-muted)}.home-proof__stat{margin:0;font-size:22px;font-weight:800}.home-proof__meta{margin:0;color:var(--text-muted);font-size:13px}.home-reviews__carousel{display:flex;flex-direction:column;gap:12px;width:100%}.home-reviews{--review-card-gap: clamp(8px, 1.6vw, 16px);--review-visible-cards: 3;--review-row-width: min(100%, var(--home-narrow-width));--review-card-width: calc( (var(--review-row-width) - (var(--review-card-gap) * (var(--review-visible-cards) - 1))) / var(--review-visible-cards) )}.home-reviews__viewport{overflow-x:hidden;overflow-y:visible;width:100%;max-width:100%;margin:-10px 0 0;padding-top:10px;--review-card-width: calc( (var(--review-row-width) - (var(--review-card-gap) * (var(--review-visible-cards) - 1))) / var(--review-visible-cards) );border-radius:16px}.home-reviews__viewport-shell{width:var(--review-row-width);max-width:100%;overflow:visible;padding-top:12px;margin-top:-12px;border-radius:16px}.home-reviews__track{display:flex;gap:var(--review-card-gap);width:100%;transform:translate(calc(-1 * var(--review-index, 0) * (var(--review-card-width) + var(--review-card-gap))));transition:transform .52s ease;will-change:transform}.home-reviews__track.is-instant{transition:none}.home-reviews__card{flex:0 0 var(--review-card-width);border-radius:16px;border:1px solid var(--border-muted);background:var(--card-bg);padding:18px;display:grid;gap:10px;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease}.home-reviews__card:hover{transform:translateY(-3px);border-color:#6366f140;box-shadow:0 12px 24px #0f172a1f}.home-reviews__stars,.reviews-carousel__stars,.reviews-list__stars,.reviews-breakdown__stars{display:inline-flex;gap:4px;font-size:16px;color:#94a3b899}.home-reviews__stars span.is-filled,.reviews-carousel__stars span.is-filled,.reviews-list__stars span.is-filled,.reviews-breakdown__stars span.is-filled,.reviews-form__star.is-filled{color:#f5c84c}.home-reviews__quote{margin:0;font-size:14px;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-reviews__author{margin:0;font-size:12px;color:var(--text-muted)}.home-reviews__cta{display:flex;justify-content:flex-end;width:100%;max-width:980px;margin:0 auto}.reviews-page{padding:22px 18px 40px;display:flex;flex-direction:column;gap:24px;position:relative;--home-narrow-width: min(906px, 100%)}.reviews-page__confetti{position:absolute;inset:0;pointer-events:none;z-index:0}.reviews-page>*{position:relative;z-index:1}.reviews-hero{max-width:980px;margin:0 auto}.reviews-hero__cta{margin-left:auto}.reviews-section{max-width:980px;width:100%;margin:0 auto;display:grid;gap:14px;--review-card-gap: 20px;--review-row-width: var(--home-narrow-width);--review-card-width: calc((var(--review-row-width) - (var(--review-card-gap) * 2)) / 3)}.reviews-section__header h2{margin:0 0 6px}.reviews-carousel{display:flex;flex-direction:column;gap:12px;width:100%}.reviews-carousel__viewport{overflow-x:hidden;overflow-y:visible;width:100%;max-width:100%;margin:0;--review-card-width: calc((var(--review-row-width) - (var(--review-card-gap) * 2)) / 3);border-radius:16px}.reviews-carousel__viewport-shell{width:var(--review-row-width);max-width:100%;overflow:visible;padding-top:12px;margin-top:-12px;border-radius:16px}.reviews-carousel__track{display:flex;gap:var(--review-card-gap);width:100%;transform:translate(calc(-1 * var(--review-index, 0) * (var(--review-card-width) + var(--review-card-gap))));transition:transform .52s ease;will-change:transform}.reviews-carousel__track.is-instant{transition:none}.reviews-carousel__card{flex:0 0 var(--review-card-width);border-radius:16px;border:1px solid var(--border-muted);background:var(--card-bg);padding:18px;display:grid;gap:10px;text-decoration:none;color:inherit;transition:none;cursor:default}.reviews-carousel__card:hover{transform:none;border-color:var(--border-muted);box-shadow:none}.reviews-carousel__quote{margin:0;font-size:14px;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reviews-carousel__author{margin:0;font-size:12px;color:var(--text-muted)}.reviews-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.reviews-breakdown__item{border:1px solid var(--border-muted);background:var(--card-muted);border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.reviews-breakdown__item.is-active{border-color:#6366f166;box-shadow:0 10px 22px #0f172a1f}.reviews-breakdown__item:hover{transform:translateY(-2px)}.reviews-breakdown__count{font-weight:700;color:var(--text-primary)}.reviews-list{display:grid;gap:12px}.reviews-list__card{border:1px solid var(--border-muted);border-radius:14px;padding:16px;background:var(--card-bg);display:grid;gap:8px}.reviews-list__header{display:flex;justify-content:space-between;align-items:center;gap:10px}.reviews-list__author{font-size:12px;color:var(--text-muted)}.reviews-list__body{margin:0;color:var(--text-primary);font-size:14px}.reviews-form{border:1px solid var(--border-muted);border-radius:16px;padding:18px;background:var(--card-bg);display:grid;gap:12px}.reviews-form__stars{display:flex;gap:8px;font-size:24px}.reviews-form__star{border:none;background:transparent;cursor:pointer;color:#94a3b899;font-size:inherit}.reviews-form__label{display:grid;gap:6px;color:var(--text-muted);font-size:13px}.reviews-form textarea{border:1px solid var(--border-muted);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;resize:vertical}.account-page{padding:22px 18px 40px;display:flex;flex-direction:column;gap:24px}.account-hero{max-width:980px;margin:0 auto}.account-section{max-width:980px;width:100%;margin:0 auto;display:grid;gap:14px}.account-card{border:1px solid var(--border-muted);border-radius:16px;background:var(--card-bg);padding:18px;display:grid;gap:12px;box-shadow:0 12px 26px #0f172a14}.account-card--danger{border-color:#f871718c;background:linear-gradient(135deg,rgba(248,113,113,.08),var(--card-bg))}.account-form{display:grid;gap:12px}.account-label{display:grid;gap:6px;font-size:13px;color:var(--text-muted)}.account-label input,.account-label select{border:1px solid var(--border-muted);border-radius:12px;padding:10px 12px;font-size:14px;background:var(--card-muted);color:var(--text-primary)}.account-label select.account-select-left{padding-left:12px;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:14px 14px;-webkit-appearance:none;appearance:none}.account-birthday-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.account-birthday-value{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:600}.account-birthday-badge{border:1px solid color-mix(in srgb,var(--accent-strong) 45%,var(--border-muted) 55%);border-radius:999px;padding:3px 8px;font-size:.74rem;font-weight:700;color:var(--accent-strong);background:color-mix(in srgb,var(--accent-soft) 40%,var(--card-bg) 60%)}.account-hint{margin:0;font-size:12px;color:var(--text-muted)}.account-actions{display:flex;justify-content:flex-end}.account-anon-grid{display:grid;gap:8px}.account-anon-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border-muted);border-radius:12px;background:var(--card-muted)}.account-anon-name{margin:0;font-weight:600;color:var(--text-primary)}.account-anon-actions{display:flex;flex-wrap:wrap;gap:8px}.account-anon-btn{border:1px solid var(--border-muted);background:var(--card-muted);color:var(--text-primary);border-radius:999px;padding:8px 12px;font-weight:600;cursor:pointer}.account-anon-btn:disabled{opacity:.6;cursor:not-allowed}.account-submit{width:auto;padding:10px 16px}.account-danger{border:1px solid rgba(248,113,113,.6);background:#f871711f;color:#b91c1c;padding:10px 16px;border-radius:999px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.account-danger:hover{transform:translateY(-1px);box-shadow:0 10px 20px #f8717140}.account-danger:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.account-birthday-grid{grid-template-columns:1fr}}@media(max-width:720px){.page{overflow-x:visible}.reviews-carousel__viewport-shell{--review-card-width: min(82vw, 320px)}}.home-proof__empty{margin:0;color:var(--text-muted);font-size:13px}.home-value-list{margin:0;padding-left:18px;color:var(--text-muted);display:grid;gap:6px;font-size:14px}.home-feedback{width:var(--home-narrow-width);margin:0 auto;padding:12px 16px;border-radius:14px;border:1px dashed var(--border-muted);color:var(--text-muted);background:var(--card-muted);font-size:13px;text-align:center}@media(max-width:960px){.home-hero{grid-template-columns:1fr}.home-hero__actions--desktop{display:none}.home-hero__actions--mobile{display:flex}.home-card-grid,.home-explain__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.home-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-headtohead__grid,.home-explain__grid,.home-training__grid,.home-rush__grid,.home-proof__grid{grid-template-columns:1fr}.home-card{padding:10px}.home-rush__intel{grid-template-columns:1fr}.home-rush__launchpad{grid-template-columns:1fr;align-items:stretch}.home-rush__launch-link{width:100%;text-align:center}.home-rush__playfield{width:min(100%,300px)}.home-rush__sticker{width:76px;height:76px;font-size:9px;letter-spacing:.08em}.home-rush__sticker-text>span:last-child{letter-spacing:.06em}.home-training__lesson-scale{width:100%}.home-training__panel--carousel{align-items:stretch}.home-training__carousel-track{min-height:0}.home-training__carousel-card{position:relative;inset:auto}.home-training__carousel-card:not(.is-active){display:none}.home-training__ladder,.home-training__ladder-list{width:100%}.home-training__ladder-step .difficulty-pill{width:100%;flex:1 1 auto}.home-headtohead__meta{grid-template-columns:1fr}.home-headtohead__split{height:auto;width:min(100%,200px)}}@media(prefers-reduced-motion:reduce){.home-section--reveal{opacity:1;transform:none;transition:none}.home-headtohead__layer,.home-headtohead__layer:after{transition:none}.home-rush__ghost,.home-rush__cursor,.home-rush__mini-shell .mini-cell,.home-rush__score-track,.home-rush__score-slide,.home-rush__launch-link{transition:none}.home-rush__sticker{animation:none}.home-rush__sticker:after{animation:none}}@keyframes homeRushStickerFloat{0%,to{transform:rotate(-9deg) translateY(0) scale(1)}45%{transform:rotate(-6deg) translateY(-2px) scale(1.03)}70%{transform:rotate(-10deg) translateY(0) scale(1.01)}}@keyframes homeRushStickerPulse{0%{opacity:.42;transform:scale(.82)}68%{opacity:0;transform:scale(1.2)}to{opacity:0;transform:scale(1.2)}}.daily-hub-page .content{grid-template-columns:minmax(0,1fr);width:min(100%,1120px);max-width:1120px;gap:28px}.daily-hub-hero{max-width:1120px;position:relative;padding-right:clamp(120px,18vw,200px)}.daily-hub-page .board-wrap{max-width:100%;width:100%}.daily-hub-hero .meta{position:absolute;top:0;right:0;width:auto;margin-left:0}.daily-hub__date-pill{cursor:default}.daily-hub-carousel{display:grid;gap:16px}.daily-hub-carousel-track{position:relative;min-height:420px}.daily-hub-carousel-card{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease}.daily-hub-carousel-card.is-active{position:relative;opacity:1;pointer-events:auto;transform:translateY(0)}.daily-hub-carousel-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.daily-hub-carousel-card__header h3{margin:6px 0;font-size:20px}.daily-hub-carousel-dots{display:flex;justify-content:center;gap:8px}.daily-hub-carousel-dot{width:8px;height:8px;border-radius:999px;border:none;background:var(--border-muted);cursor:pointer;transition:transform .16s ease,background .16s ease}.daily-hub-carousel-dot.is-active{background:var(--accent-strong);transform:scale(1.15)}.daily-hub__loading{text-align:center;color:var(--text-muted);font-size:14px}.daily-hub-section--cards{margin-top:8px}.daily-hub-help{margin-top:10px}.daily-hub-help__link{margin-top:8px}.daily-hub-help__link a{color:var(--accent-strong);font-weight:700;text-decoration:none}.daily-hub-help__link a:hover{text-decoration:underline}.daily-hub-help__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.daily-hub-help__card{border-radius:16px;border:1px solid var(--border-muted);background:var(--card-bg);padding:12px;text-decoration:none;color:var(--text-primary);display:flex;flex-direction:column;gap:10px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.daily-hub-help__card:hover{transform:translateY(-2px);border-color:#6366f147;box-shadow:0 12px 24px #0f172a1f}.daily-hub-help__thumb{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#e2e8f0;display:flex;align-items:center;justify-content:center}.daily-hub-help__thumb img{width:100%;height:100%;object-fit:cover;display:block}.daily-hub-help__thumb-placeholder{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.daily-hub-help__title{margin:0;font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.4;display:flex;align-items:baseline;gap:6px;min-width:0}.daily-hub-help__title-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daily-hub-help__title-date{white-space:nowrap;color:var(--text-muted);font-weight:600}.casual-hub-page{position:relative;overflow:hidden}.casual-hub-page .content{grid-template-columns:minmax(0,1fr);width:min(100%,1120px);max-width:1120px;gap:28px;justify-items:stretch}.casual-hub-hero{max-width:1120px}.casual-hub-confetti{position:absolute;inset:0;pointer-events:none;z-index:2}.casual-hub-confetti .date-confetti-piece{width:8px;height:14px;border-radius:3px;opacity:.9}.casual-hub-content{position:relative;z-index:1}.casual-hub-progress{display:grid;gap:16px}.casual-hub-section__header{display:grid;gap:10px;margin-bottom:12px}.casual-hub-section{width:100%}.casual-hub-section__header h2{margin:0}.casual-hub-progress__row{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);grid-template-areas:"overall chart" "next chart";gap:16px;align-items:start;width:100%}.casual-hub-progress__card{background:var(--card-bg);border:1px solid var(--border-muted);border-radius:18px;padding:18px;display:grid;gap:10px;box-shadow:0 12px 26px #0f172a14}.casual-hub-progress__card--overall{grid-area:overall}.casual-hub-progress__card--next{grid-area:next;align-content:start;gap:8px;padding:14px 18px}.casual-hub-progress__card--next h2{margin:2px 0 0;font-size:clamp(18px,1.55vw,26px);line-height:1.12}.casual-hub-progress__card--next .subhead{font-size:14px;line-height:1.22}.casual-hub-progress__card--next .casual-hub-progress__bar{height:10px}.casual-hub-progress__card--next .casual-hub-progress__meta{font-size:12px}.casual-hub-progress__card--chart{grid-area:chart;gap:10px;align-content:start}.casual-hub-progress__header h2{margin:6px 0}.casual-hub-progress__chart-header h2{margin:6px 0 4px;font-size:20px}.casual-hub-progress__chart-toggle{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.casual-hub-progress__chart-toggle .toggle{padding:6px 10px;font-size:12px;font-weight:700}.toggle.toggle--mini{padding:4px 8px;font-size:11px;border-radius:10px}.casual-hub-progress__chart{position:relative;width:100%;height:184px}.casual-hub-progress__chart svg{width:100%;height:100%;display:block}.casual-hub-progress__tooltip{position:absolute;transform:translate(-50%,-110%);background:var(--card-bg);border:1px solid var(--border-muted);border-radius:10px;padding:6px 8px;font-size:12px;color:var(--text-primary);box-shadow:0 10px 20px #0f172a1f;pointer-events:none;white-space:nowrap}.casual-hub-progress__tooltip p{margin:0}.casual-hub-progress__tooltip-date{font-weight:700;margin-bottom:4px}@media(max-width:960px){.casual-hub-progress__row{grid-template-columns:1fr;grid-template-areas:"overall" "next" "chart";width:100%}}.casual-hub-progress__bar{position:relative;height:12px;border-radius:999px;background:#94a3b833;overflow:hidden}.casual-hub-progress__fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#3b82f6bf,#0ea5e9e6);border-radius:inherit;transition:width .2s ease}.casual-hub-progress__tick{position:absolute;top:-4px;width:2px;height:20px;background:#ffffffa6;transform:translate(-50%)}.casual-hub-progress__meta{margin:0;color:var(--text-muted);font-size:13px}.casual-hub-progress__next-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:30px;padding:4px 10px;border-radius:10px;border:1px solid rgba(59,130,246,.28);background:#3b82f61a;color:#1d4ed8;font-size:12px;font-weight:700;text-decoration:none;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.casual-hub-progress__next-link:hover{background:#3b82f624;border-color:#3b82f657;transform:translateY(-1px)}.casual-hub-progress__next-link:focus-visible{outline:2px solid rgba(59,130,246,.3);outline-offset:2px}.casual-hub-modes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}.casual-hub-mode-card{position:relative;perspective:1000px;outline:none}.casual-hub-mode-card__inner{position:relative;min-height:260px;transform-style:preserve-3d;transition:transform .42s ease;display:grid}.casual-hub-mode-card:hover .casual-hub-mode-card__inner,.casual-hub-mode-card:focus-within .casual-hub-mode-card__inner{transform:rotateY(180deg)}.casual-hub-mode-card__face{position:relative;inset:auto;grid-area:1 / 1;border-radius:16px;border:1px solid var(--border-muted);background:var(--card-muted);padding:16px;display:grid;gap:10px;backface-visibility:hidden}.casual-hub-mode-card__face--back{transform:rotateY(180deg);background:var(--card-bg)}.casual-hub-mode-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.casual-hub-mode-card__header h3{margin:0;font-size:16px;min-width:0;flex:1 1 140px}.casual-hub-mode-card__stat{font-size:12px;color:var(--text-muted);font-weight:600;white-space:nowrap}.casual-hub-mode-card__bar{position:relative;height:8px;border-radius:999px;background:#94a3b840;overflow:hidden}.casual-hub-mode-card__fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#3b82f699,#6366f1d9);border-radius:inherit;transition:width .2s ease}.casual-hub-mode-card__meta{font-size:12px;color:var(--text-muted)}.casual-hub-mode-card__levels{display:grid;gap:6px}.casual-hub-mode-card__back-title{margin:0;text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:var(--text-muted);font-weight:700}.casual-hub-mode-card__back-score{margin:0;font-size:28px;font-weight:800;color:var(--text-primary)}.casual-hub-mode-card__back-meta{display:grid;gap:6px;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.casual-hub-mode-card__level{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);letter-spacing:.02em}.casual-hub__loading{text-align:center;color:var(--text-muted);font-size:14px;margin:8px 0 0}.home-card--gold{border-color:#d4af378c;box-shadow:0 14px 28px #d4af372e;background:linear-gradient(135deg,#d4af3724,#d4af3705)}.daily-page,.casual-page{padding:22px 18px 34px;gap:18px}.policy-page{padding:26px 18px 40px;display:flex;flex-direction:column;gap:18px}.policy-hero{max-width:980px;margin:0 auto}.policy-card{max-width:980px;width:100%;margin:0 auto;background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--card-radius, 18px);padding:22px 26px;box-shadow:0 14px 30px #0f172a0f;line-height:1.6}.policy-card h2{margin:18px 0 6px;font-size:18px}.policy-card h3{margin:14px 0 4px;font-size:15px;color:var(--text-muted)}.policy-card p{margin:8px 0}.policy-card ul{margin:6px 0 12px 20px;padding:0}.policy-actions{margin:12px 0 6px}.policy-action{border:1px solid var(--border-muted);background:var(--card-bg);color:var(--text-primary);padding:8px 14px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.policy-action:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a1f}.policy-sublist{margin-top:6px}.maintenance-page{min-height:100vh;display:grid;place-items:center;padding:32px 18px;background:radial-gradient(circle at top,rgba(59,130,246,.16),transparent 45%),radial-gradient(circle at 20% 40%,rgba(251,191,36,.18),transparent 42%),#eef4fb}.maintenance-card{width:min(1100px,100%);background:#fff;border:1px solid rgba(148,163,184,.35);border-radius:24px;padding:24px;box-shadow:0 20px 44px #0f172a1f;display:flex;flex-direction:column;gap:18px}.maintenance-header{display:flex;flex-direction:column;gap:12px}.maintenance-header h1{margin:6px 0 4px;font-size:clamp(22px,3vw,32px)}.maintenance-subhead{margin:0;color:#64748b;font-size:14px;max-width:600px}.maintenance-pill{align-self:flex-start;padding:6px 12px;border-radius:999px;background:#fbbf2433;color:#92400e;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.maintenance-grid{display:grid;grid-template-columns:1fr;gap:18px}.maintenance-board{display:grid;grid-template-columns:repeat(9,minmax(26px,1fr));gap:2px;background:#0f172a;border-radius:14px;padding:2px}.maintenance-cell{background:#f8fafc;border-radius:4px;aspect-ratio:1 / 1;display:grid;place-items:center;font-weight:700;color:#0f172a;font-size:clamp(12px,2.2vw,18px)}.maintenance-cell input{width:100%;height:100%;border:none;background:transparent;text-align:center;font-weight:700;font-size:inherit;color:inherit}.maintenance-cell input:focus{outline:2px solid rgba(59,130,246,.4);outline-offset:-2px}.maintenance-cell--given{background:#e2e8f0}.maintenance-cell--right{background:#dcfce7;color:#14532d}.maintenance-cell--wrong{background:#fee2e2;color:#991b1b}.maintenance-sidebar{display:flex;flex-direction:column;gap:12px}.maintenance-note{background:#0f172a0a;border-radius:12px;padding:10px 12px;font-size:13px;color:#475569}.maintenance-palette{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.maintenance-number{border:1px solid rgba(148,163,184,.4);background:#fff;border-radius:10px;padding:10px 0;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.maintenance-number.is-active{border-color:#f59e0b;background:#fff7ed;box-shadow:0 10px 18px #fbbf2440}.maintenance-meta{margin:0;font-size:12px;color:#64748b}@media(min-width:860px){.maintenance-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start}}.about-page{padding:26px 18px 44px;display:flex;flex-direction:column;gap:24px}.about-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center;padding:20px 22px;background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--card-radius);box-shadow:var(--shadow-elevated)}.about-hero__content{display:flex;flex-direction:column;gap:14px}.about-hero__copy{display:flex;flex-direction:column;gap:10px}.about-hero__copy h1{margin:4px 0 6px;font-size:clamp(28px,3.2vw,40px)}.about-hero__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.about-pill{padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:700;letter-spacing:.02em}.about-hero__media{position:relative;display:block}.about-hero__frame{float:left;position:relative;padding:10px;border-radius:20px;background:linear-gradient(135deg,#1f3a932e,#0ea5e91f);margin:0 18px 12px 0}.about-hero__link{display:inline-block}.about-hero__icon{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:999px;border:1px solid rgba(15,23,42,.15);background:#ffffffeb;color:#0a66c2;display:grid;place-items:center;box-shadow:0 8px 18px #0f172a2e;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.about-hero__icon:hover{transform:translateY(-2px);box-shadow:0 12px 22px #0f172a38}.about-hero__icon svg{width:18px;height:18px}.about-hero__photo{width:100%;max-width:320px;aspect-ratio:4 / 5;object-fit:cover;border-radius:16px;border:1px solid rgba(15,23,42,.12);box-shadow:0 16px 26px #0f172a33;background:var(--card-muted)}.about-hero__caption{margin:0;font-size:13px;color:var(--text-muted)}.about-hero__story{display:block;max-width:none;font-size:14px;line-height:1.6;color:var(--text-main)}.about-hero__story p{margin:0 0 10px}.about-hero__story p:last-child{margin-bottom:0}.about-hero__timestamp{margin-top:6px;font-size:12px;color:var(--text-muted)}.about-hero__media:after{content:"";display:block;clear:both}.about-card{max-width:980px;width:100%;margin:0 auto;background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--card-radius);padding:20px 24px;box-shadow:0 12px 26px #0f172a14;display:flex;flex-direction:column;gap:10px;scroll-margin-top:120px}.about-card--roadmap{overflow:visible}.roadmap{--roadmap-height: 300px;--roadmap-width: 3200px;position:relative;margin-top:16px;border-radius:24px;background:radial-gradient(circle at 14% 6%,rgba(251,191,36,.16),transparent 38%),radial-gradient(circle at 82% 18%,rgba(37,99,235,.18),transparent 42%);overflow:visible}.roadmap:before,.roadmap:after{content:"";position:absolute;top:0;bottom:0;width:36px;pointer-events:none;z-index:2}.roadmap:before{left:0;background:linear-gradient(90deg,#f8fafc8c,#f8fafc00)}.roadmap:after{right:0;background:linear-gradient(270deg,#f8fafc8c,#f8fafc00)}.roadmap__scroll{overflow-x:auto;overflow-y:visible;height:var(--roadmap-height);padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.6) transparent;display:flex;overscroll-behavior-x:contain;scroll-behavior:smooth;touch-action:pan-y}.roadmap__scroll:focus-visible{outline:2px solid rgba(59,130,246,.4);outline-offset:6px}.roadmap__scroll::-webkit-scrollbar{height:6px}.roadmap__scroll::-webkit-scrollbar-track{background:transparent}.roadmap__scroll::-webkit-scrollbar-thumb{background:#94a3b899;border-radius:999px}.roadmap__scroll--snap{scroll-snap-type:x mandatory}.roadmap__canvas{position:relative;width:var(--roadmap-width);height:var(--roadmap-height);min-width:var(--roadmap-width);flex:0 0 auto;margin:0}.roadmap__road{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0}.roadmap__road-shadow{stroke:#0f172a2e;stroke-width:70;stroke-linecap:round;stroke-linejoin:round;filter:blur(12px);transform:translateY(12px)}.roadmap__road-main{stroke:#222226;stroke-width:56;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 18px 18px rgba(15,23,42,.35))}.roadmap__road-fade{stroke:url(#roadFade);stroke-width:56;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.roadmap__road-highlight{stroke:#fff3;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;transform:translateY(-8px)}.roadmap__road-dash{stroke:#d1d5dbb3;stroke-width:5;stroke-linecap:round;stroke-dasharray:28 36;animation:roadmapDash 18s linear infinite}.roadmap--interacting .roadmap__road-dash{animation-play-state:paused;opacity:.4}.roadmap__road-pulse{stroke:#ffffff59;stroke-width:6;stroke-linecap:round;stroke-dasharray:140 900;opacity:0}.roadmap__road-pulse.is-active{opacity:1}.roadmap__road-pulse--forward.is-active{animation:roadmapPulseForward 1.8s ease-out}.roadmap__road-pulse--backward.is-active{animation:roadmapPulseBackward 1.8s ease-out}.roadmap__stops{position:absolute;inset:0;z-index:2}.roadmap__stop{position:absolute;left:var(--stop-x);top:var(--stop-y);transform:translate(-50%,-50%);--pin-height: 56px;--badge-size: 86px;pointer-events:auto;z-index:1}.roadmap__bubble{position:relative;width:0;height:0;border:none;background:transparent;cursor:pointer;padding:0;z-index:3}.roadmap__bubble:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:8px}.roadmap__pin{position:absolute;left:0;top:calc(-1 * var(--pin-height));transform:translate(-50%);width:4px;height:var(--pin-height);background:linear-gradient(180deg,#facc15,#f59e0b);border-radius:999px;box-shadow:0 12px 20px #fbbf2459;opacity:.65;transition:opacity .2s ease}.roadmap__pin:after{content:"";position:absolute;left:50%;bottom:-10px;width:24px;height:10px;transform:translate(-50%);background:#0f172a59;filter:blur(8px);opacity:.6}.roadmap__dot{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:999px;background:linear-gradient(180deg,#fde047,#fbbf24);border:3px solid #ffffff;box-shadow:inset 0 -2px 4px #0f172a59,0 10px 18px #0f172a40;opacity:.7;transition:opacity .2s ease}.roadmap__badge{position:absolute;left:0;top:calc(-1 * var(--pin-height) - var(--badge-size));transform:translate(-50%);width:var(--badge-size);height:var(--badge-size);border-radius:999px;background:linear-gradient(160deg,#facc15,#f59e0b);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;text-align:center;box-shadow:0 20px 34px #0f172a42;border:2px solid rgba(255,255,255,.7);transition:transform .22s ease,box-shadow .22s ease}.roadmap__bubble:hover .roadmap__badge,.roadmap__bubble:focus-visible .roadmap__badge{transform:translate(-50%,-6px) scale(1.06);box-shadow:0 26px 40px #0f172a52}.roadmap__stop.is-inview .roadmap__pin,.roadmap__stop.is-inview .roadmap__dot{opacity:1}.roadmap__stop.is-inview .roadmap__badge{box-shadow:0 24px 38px #0f172a4d}@media(prefers-reduced-motion:reduce){.roadmap__pin,.roadmap__dot,.roadmap__badge{transition:none}}.roadmap__badge-ring{position:absolute;inset:6px;border-radius:999px;border:2px solid rgba(255,255,255,.7)}.roadmap__badge-icon{position:relative;width:28px;height:8px;border-radius:999px;background:#ffffffd9;box-shadow:inset 0 0 0 1px #ffffffb3}.roadmap__badge-icon:before,.roadmap__badge-icon:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-radius:999px;background:#fff7d6;box-shadow:0 3px 6px #0f172a33;transform:translateY(-50%)}.roadmap__badge-icon:before{left:-4px}.roadmap__badge-icon:after{right:-4px}.roadmap__badge-label{font-size:11px;font-weight:700;line-height:1.2;color:#0f172a;text-shadow:0 1px 0 rgba(255,255,255,.6);max-width:78px}.roadmap__panel{position:fixed;transform:scale(.98);background:#0f172af5;color:#f8fafc;padding:14px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.3);width:min(220px,70vw);max-width:240px;box-shadow:0 22px 38px #0f172a59;z-index:999;opacity:0;animation:roadmapPanelIn .2s cubic-bezier(.22,1,.36,1) forwards}.roadmap__panel--portal:before{content:"";position:absolute;width:18px;height:2px;background:linear-gradient(90deg,#94a3b81a,#e2e8f0cc)}.roadmap__panel--right:before{left:-16px;top:50%;transform:translateY(-50%)}.roadmap__panel--left:before{right:-16px;top:50%;transform:translateY(-50%);background:linear-gradient(270deg,#94a3b81a,#e2e8f0cc)}.roadmap__panel--top:before{left:50%;bottom:-8px;transform:translate(-50%) rotate(90deg)}.roadmap__panel--bottom:before{left:50%;top:-8px;transform:translate(-50%) rotate(90deg)}.roadmap__panel-close{position:absolute;top:8px;right:10px;border:none;background:#ffffff1f;color:#f8fafc;width:26px;height:26px;border-radius:999px;font-size:16px;line-height:1;cursor:pointer;transition:background .16s ease,transform .16s ease}.roadmap__panel-close:hover{background:#ffffff38;transform:scale(1.05)}.roadmap__panel h3{margin:0 0 6px;font-size:13.5px}.roadmap__panel p{margin:0 0 10px;font-size:12.5px;color:#e2e8f0db}.roadmap__status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:6px 10px;border-radius:999px;background:#94a3b833;color:#e2e8f0}.roadmap__status--unlocked{background:#22c55e33;color:#bbf7d0}.roadmap__status--in-progress{background:#3b82f633;color:#bfdbfe}.roadmap__status--locked{background:#f9731633;color:#fed7aa}.roadmap__status--experimental{background:#a855f733;color:#e9d5ff}.roadmap__stop.is-expanded .roadmap__badge{transform:translate(-50%,-6px) scale(1.08);box-shadow:0 26px 40px #0f172a52}.roadmap__stop.is-expanded{z-index:3}.roadmap__stop.is-visited .roadmap__badge{box-shadow:0 24px 36px #0f172a52}.roadmap__stop.is-visited .roadmap__badge-ring{border-color:#fffffff2}.roadmap__stop.is-visited .roadmap__badge-icon{background:#fffffff2}.roadmap__stop.is-wave .roadmap__badge{animation:roadmapWave 1.1s ease-in-out}.roadmap__joined{position:absolute;left:0;top:24px;transform:translate(-50%);background:transparent;border:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2}.roadmap__joined-post{order:1;width:4px;height:22px;background:linear-gradient(180deg,#22d3ee,#0ea5e9);border-radius:999px;box-shadow:0 6px 10px #0f172a33}.roadmap__joined-label{order:2;background:#0ea5e9;color:#fff;border-radius:10px;padding:6px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;max-width:120px;text-align:center;box-shadow:0 10px 20px #0ea5e947}.roadmap__joined-dot{order:0;width:10px;height:10px;border-radius:999px;background:#0ea5e9;box-shadow:0 0 0 6px #0ea5e940}.roadmap__joined-confetti .review-confetti{inset:-140px -120px -60px}.roadmap__joined-confetti{position:absolute;inset:0;pointer-events:none}.roadmap__stop--future{pointer-events:none;opacity:.65;--pin-height: 50px;--badge-size: 72px}.roadmap__stop--future .roadmap__pin{background:linear-gradient(180deg,#facc1580,#d9770673);box-shadow:0 10px 18px #fbbf242e}.roadmap__stop--future .roadmap__dot{background:linear-gradient(180deg,#fbbf2480,#f59e0b66);border-color:#fffc}.roadmap__stop--future .roadmap__badge{background:linear-gradient(160deg,#fef3c7e6,#fde68acc);border:2px dashed rgba(245,158,11,.5);box-shadow:0 16px 28px #0f172a2e}.roadmap__stop--future .roadmap__badge-label{color:#8a6b14;text-shadow:none}@keyframes roadmapDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-360}}@keyframes roadmapPulseForward{0%{stroke-dashoffset:0;opacity:.9}to{stroke-dashoffset:-980;opacity:0}}@keyframes roadmapPulseBackward{0%{stroke-dashoffset:0;opacity:.9}to{stroke-dashoffset:980;opacity:0}}@keyframes roadmapWave{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%,-8px) scale(1.04)}}@keyframes roadmapPanelIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.roadmap__panel{animation:none}.roadmap__panel-close{transition:none}}.about-card__header{display:flex;flex-direction:column;gap:6px}.about-card h2{margin:0;font-size:20px}.about-card p{margin:4px 0;line-height:1.6}.about-list{margin:6px 0 0 18px;padding:0;display:grid;gap:6px;color:var(--text-muted)}.about-card--accent{border-color:#2563eb59;background:linear-gradient(135deg,#2563eb1f,#0ea5e90f)}.about-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.about-cta>div{display:inline-flex;align-items:center}.about-cta .btn-container{min-width:0!important}.about-cta .kofi-button{border-radius:10px!important;box-shadow:0 10px 22px #0f172a2e!important;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease!important}.about-cta .kofi-button:hover{transform:translateY(-1px);box-shadow:0 14px 26px #0f172a38!important}.btn-primary{border:none;border-radius:999px;padding:10px 18px;font-weight:700;cursor:pointer;background:var(--nav-active);color:var(--text-strong);box-shadow:0 10px 22px #0f172a2e;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 26px #0f172a38}.btn-primary:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.faq-page{padding:26px 18px 44px;display:flex;flex-direction:column;gap:24px}@media(max-width:900px){.matchmaking-page .hero>div{width:100%}.about-hero{grid-template-columns:1fr}.about-hero__media{text-align:left}.about-hero__frame{float:none;margin:0 auto 16px}}@media(max-width:600px){.about-hero,.about-card{padding:18px}}.faq-hero{max-width:980px;margin:0 auto;width:100%}.faq-hero__cta{margin-left:auto;display:flex;align-items:center}.faq-section{max-width:980px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:14px}.faq-section__header{display:flex;flex-direction:column;gap:6px}.faq-list{display:grid;gap:12px}.faq-item{background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--card-radius, 18px);padding:14px 18px;box-shadow:0 8px 20px #0f172a14}.faq-item summary,.community-faq__summary{font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:transform .16s ease,color .16s ease}.faq-item summary:hover,.community-faq__summary:hover{transform:translateY(-1px)}.faq-item summary::-webkit-details-marker,.community-faq__summary::-webkit-details-marker{display:none}@media(max-width:900px){.roadmap__canvas{width:2400px;height:420px}}@media(max-width:640px){.roadmap__canvas{width:1800px;height:400px}}.faq-item p{margin:10px 0 0;color:var(--text-muted)}.faq-meta{margin-top:8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.faq-form{background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--card-radius, 18px);padding:18px;display:grid;gap:12px}.community-faq-list{display:grid;gap:16px}.community-faq-card{background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--card-radius, 18px);padding:0;box-shadow:0 8px 20px #0f172a14}.community-faq__summary{padding:16px 18px}.community-faq__summary-text{display:grid;gap:6px}.community-faq__body{border-top:1px solid var(--border-muted);padding:14px 18px 18px;display:grid;gap:12px}.community-faq__question{margin:0;font-size:16px;font-weight:700}.community-faq__meta{margin:6px 0 0;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.community-faq__like{border:1px solid var(--border-muted);background:var(--card-muted);border-radius:999px;padding:6px 10px;font-size:12px;display:inline-flex;align-items:center;gap:6px;color:var(--text-primary);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.community-faq__like span{font-weight:700}.community-faq__like:hover:not(:disabled){transform:translateY(-1px);border-color:#6366f159}.community-faq__like.is-active{border-color:#6366f173;background:#6366f11f}.community-faq__like:disabled{cursor:not-allowed;opacity:.6}.community-faq__answers{position:relative;display:grid;gap:12px}.community-faq__answer-list{position:relative;display:grid;gap:12px;padding-left:18px}.community-faq__answer-list:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--border-muted)}.community-faq__answer{position:relative;padding:12px 14px;border-radius:14px;border:1px solid var(--border-muted);background:var(--card-muted);display:grid;gap:8px}.community-faq__answer:before{content:"";position:absolute;left:-18px;top:18px;width:8px;height:8px;border-radius:50%;border:1px solid var(--border-muted);background:var(--card-bg)}.community-faq__answer.is-top{border-color:#6366f173;background:#6366f114}.community-faq__answer.is-reply{margin-left:18px}.community-faq__answer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.community-faq__answer-meta{margin:0;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.community-faq__answer-body{margin:0;font-size:14px;color:var(--text-primary);line-height:1.5}.community-faq__badge{align-self:start;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6366f1e6}.community-faq__answer-replies{display:grid;gap:8px;margin-top:8px;padding-left:14px;border-left:1px dashed var(--border-muted)}.community-faq__answer-form{display:grid;gap:10px;padding-top:2px}.faq-label{display:grid;gap:6px;font-weight:600}.faq-label input,.faq-label textarea{border:1px solid var(--border-muted);border-radius:12px;padding:10px 12px;font:inherit;background:var(--card-muted);color:var(--text-primary)}.faq-label textarea{resize:vertical}.error-text{color:#dc2626;font-weight:600}.success-text{color:#16a34a;font-weight:600}.howto-page{padding:26px 18px 48px;display:flex;flex-direction:column;gap:26px}.howto-hero{max-width:980px;margin:0 auto;width:100%}.howto-grid{max-width:1100px;margin:0 auto;width:100%;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.howto-card{background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--card-radius, 18px);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 14px 34px #0f172a1a;position:relative;overflow:hidden;perspective:1200px}.howto-card--wide{grid-column:span 2}.howto-card--stack{min-height:260px;justify-content:center;align-items:flex-start;background:#fff;border:1px solid rgba(148,163,184,.35);box-shadow:0 18px 40px #0f172a1f}.howto-card--stacked{display:flex;align-items:center;justify-content:center;padding:20px 28px 20px 24px;position:relative;overflow:visible;background:var(--card-bg)}.howto-stack__content h3{margin:0 0 8px;font-size:24px}.howto-stack__layers{position:absolute;inset:0;pointer-events:none;z-index:0}.howto-stack__layer{position:absolute;inset:0;border-radius:var(--card-radius, 18px);background:var(--card-bg);border:1px solid var(--border-muted);box-shadow:0 18px 34px #0f172a14;opacity:1}.howto-stack__layer--1{transform:translate(8px,8px)}.howto-stack__layer--2{transform:translate(16px,16px)}.howto-stack__layer--3{transform:translate(24px,24px)}.howto-stack__content{max-width:620px;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1;margin:0 auto;align-self:center;transform:translate(32px,32px)}.howto-stack__content h3{margin-bottom:6px}.howto-stack__content .subhead{max-width:520px}.howto-stack__content .subhead{max-width:520px;margin-bottom:0}.howto-stack__cta{align-self:flex-start;padding:10px 22px;border-radius:999px;min-width:240px;margin-top:8px}.howto-card__inner{position:relative;width:100%;height:100%;min-height:360px;transform-style:preserve-3d;transition:transform .42s ease}.howto-card--flipped .howto-card__inner{transform:rotateY(180deg)}.howto-card__face{position:absolute;inset:0;backface-visibility:hidden;display:flex;flex-direction:column;gap:12px}.howto-card__front{padding:16px 16px 44px}.howto-card__back{padding:18px;background:var(--card-bg);transform:rotateY(180deg)}.howto-card__back-header{display:flex;align-items:center;justify-content:space-between}.howto-card__back-header h4{margin:0;font-size:15px}.howto-card__steps{margin:8px 0 0;padding-left:18px;display:grid;gap:8px;font-size:13px;color:var(--text-primary)}.howto-card__steps li{line-height:1.4}.howto-card__restart{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:999px;border:1px solid var(--border-muted);background:#ffffffe6;display:grid;place-items:center;color:#1f2937;cursor:pointer;z-index:3}.howto-card__restart svg{width:16px;height:16px}.howto-card__flip{position:absolute;right:8px;bottom:8px;width:22px;height:22px;border-radius:6px;border:1px solid rgba(148,163,184,.6);background:#ffffffd9;display:grid;place-items:center;cursor:pointer;z-index:3}.howto-card__flip-icon{width:12px;height:12px;position:relative;display:block}.howto-card__flip-icon:before{content:"";position:absolute;inset:0;border:2px solid #1f2937;border-top-color:transparent;border-left-color:transparent;border-radius:4px}.howto-card__flip-icon:after{content:"";position:absolute;right:0;bottom:0;width:6px;height:6px;background:#1f293729;clip-path:polygon(100% 0,0 100%,100% 100%)}.howto-card__close{width:28px;height:28px;border-radius:999px;border:1px solid var(--border-muted);background:#ffffffe6;cursor:pointer;font-weight:700;color:#1f2937}.howto-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(148,163,184,.15),transparent 60%);pointer-events:none;border-radius:inherit}.howto-card__header h3{margin:0 0 4px}.howto-board{position:relative}.howto-board__grid{--sudoku-board-max: 240px;box-shadow:0 10px 22px #0f172a1f;pointer-events:none}.howto-board__grid .classic-cell{overflow:hidden}.howto-board__grid .classic-cell-value{font-size:12px}.howto-board__grid .classic-cell:hover{transform:none;box-shadow:none}.howto-board__grid .classic-cell-note{font-size:8px;line-height:1;color:#0f172acc;transition:opacity .42s ease}.howto-board__grid .classic-cell-note--inactive{opacity:0}.howto-board__grid .classic-cell-notes{inset:4px;gap:1px;align-content:center;justify-content:center;align-items:center;justify-items:center;transform:translateY(2px)}.howto-board__grid .classic-cell--hint-row,.howto-board__grid .classic-cell--hint-col,.howto-board__grid .classic-cell--hint-box{background-image:linear-gradient(180deg,#3b82f62e,#3b82f62e);box-shadow:none}.howto-board__grid .classic-cell--hint-target{box-shadow:inset 0 0 0 2px #11182759,inset 0 0 0 4px #22c55ebf}.howto-board__grid .classic-cell--hint-eliminate{box-shadow:inset 0 0 0 2px #11182759,inset 0 0 0 4px #dc2626bf}.howto-board__grid .classic-cell--hint-focus{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #3b82f6cc;z-index:30;overflow:visible}.howto-board__grid .hint-arrows{z-index:10;opacity:0;animation:hint-arrow-fade .28s ease-out forwards}.howto-board__grid .hint-arrow-line{stroke-width:1px}.howto-cta{max-width:980px;margin:0 auto;width:100%;background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--card-radius, 18px);padding:10px 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 12px 26px #0f172a14}.howto-cta .btn-primary{white-space:nowrap}@media(max-width:900px){.howto-card--wide{grid-column:span 1}.howto-card--stacked{flex-direction:column;align-items:flex-start;padding-right:28px}}@media(max-width:760px){.faq-hero{flex-direction:column;align-items:flex-start}.faq-hero__cta{width:100%}.howto-cta{flex-direction:column;align-items:flex-start}}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;width:100%;max-width:980px;margin:0 auto;flex-wrap:wrap}.daily-page .hero,.casual-page .hero{flex-wrap:nowrap}.hero h1{margin:6px 0 8px;font-size:28px}.eyebrow{margin:0;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-strong);font-size:12px}.subhead{margin:0;color:var(--text-muted)}.meta{display:flex;gap:10px;align-items:center;min-width:0;margin-left:auto;flex-shrink:0}.daily-page .hero,.mini-page:not(.casual-page) .hero{position:relative;padding-right:clamp(120px,18vw,200px)}.daily-page .hero .meta,.mini-page:not(.casual-page) .hero .meta{position:absolute;top:0;right:0;width:auto;margin-left:0}.difficulty-row{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;overflow-x:auto;padding-bottom:4px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.35) transparent;max-width:100%;cursor:grab}.difficulty-strip{width:min(100%,980px);margin:0 auto}.difficulty-row::-webkit-scrollbar{height:6px}.difficulty-row::-webkit-scrollbar-thumb{background:#0f172a59;border-radius:999px}.difficulty-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border-muted);background:var(--card-muted);text-transform:uppercase;font-weight:800;letter-spacing:.04em;color:var(--text-primary);cursor:pointer;transition:all .12s ease;flex:0 0 auto}.difficulty-pill.active{border-color:var(--accent-strong);box-shadow:none}.theme-dark .difficulty-pill.active{box-shadow:0 0 0 2px #1f3a9333}.difficulty-pill.locked{cursor:not-allowed;opacity:.6;background:var(--card-muted)}.difficulty-pill .diff-name{font-size:12px}.difficulty-pill .diff-lock{font-size:11px;color:var(--text-muted)}.pill{padding:8px 14px;background:var(--nav-active);color:var(--text-strong);border-radius:999px;font-weight:700;font-size:14px}.daily-page--archive{background:radial-gradient(circle at 20% 10%,rgba(125,211,252,.25),transparent 45%),radial-gradient(circle at 80% 0%,rgba(248,113,113,.2),transparent 45%);border-radius:22px}.archive-gate{grid-column:1 / -1;background:var(--card-bg);border:1px solid var(--border-muted);border-radius:18px;padding:28px;display:grid;gap:14px;justify-items:center;text-align:center;box-shadow:0 12px 22px #0f172a14}.daily-page--archive .content .archive-gate{justify-self:center;margin-left:auto;margin-right:auto;width:min(100%,340px)}.archive-gate__message{margin:0;color:var(--text-muted);font-size:16px}.archive-gate__cta{text-decoration:none}.date-picker{position:relative}.date-pill{display:inline-flex;align-items:center;gap:6px;border:none;box-shadow:none;position:relative;z-index:2}.date-chevron{font-size:12px;line-height:1}.date-menu{position:absolute;top:calc(100% + 8px);right:0;width:220px;max-height:280px;overflow-y:auto;padding:8px;border-radius:var(--card-radius);background:var(--card-bg);border:1px solid var(--border-muted);box-shadow:var(--shadow-elevated);display:grid;gap:6px;z-index:20}.date-picker-hint{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,78vw);padding:10px 12px;border-radius:12px;border:1px solid rgba(245,158,11,.35);background:#fffbebfa;color:#92400e;font-size:12px;line-height:1.35;box-shadow:var(--shadow-elevated);z-index:20}.date-confetti{position:absolute;inset:0;pointer-events:none;z-index:1}.date-confetti-piece{position:absolute;left:var(--confetti-start-x);top:var(--confetti-start-y);width:6px;height:10px;border-radius:2px;background:var(--confetti-color);opacity:0;animation:date-confetti-burst 3s ease-out forwards}@keyframes date-confetti-burst{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}70%{opacity:1}to{transform:translate(calc(-50% + var(--confetti-x)),calc(-50% + var(--confetti-y))) rotate(var(--confetti-rot));opacity:0}}.date-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid transparent;background:var(--card-muted);cursor:pointer;font-weight:600;color:var(--text-primary)}.date-option:hover{border-color:#6366f159;background:var(--accent-soft)}.date-option.active{border-color:var(--accent-strong);background:var(--accent-soft)}.date-tag{padding:2px 6px;border-radius:999px;background:var(--nav-active);color:var(--text-strong);font-size:10px;font-weight:700}.date-tag.done{background:#22c55e33;color:#15803d}.date-tag.resume{background:#fbbf2438;color:#b45309}.ghost{border:1px solid var(--border-muted);background:var(--card-bg);border-radius:var(--card-radius);padding:10px 14px;cursor:pointer;font-weight:600;transition:all .12s ease}.ghost:hover{border-color:#9ca3af;box-shadow:0 8px 20px #0000000d}.content{display:grid;grid-template-columns:minmax(0,632px) minmax(0,320px);gap:16px;align-items:start;justify-content:center;justify-items:start;width:min(100%,980px);max-width:980px;margin:0 auto}.daily-page .content,.casual-page .content,.training-page .content,.mini-page .content,.matchmaking-page .content.showdown-content{--sudoku-board-max: min(620px, 60vw);--sudoku-sidebar-max: min(320px, 32vw);--sudoku-gap: clamp(12px, 1.6vw, 16px);gap:var(--sudoku-gap);grid-template-columns:minmax(0,var(--sudoku-board-max)) minmax(0,var(--sudoku-sidebar-max));width:min(100%,calc(var(--sudoku-board-max) + var(--sudoku-sidebar-max) + var(--sudoku-gap)));align-items:stretch;position:relative}.killer-page,.matchmaking-page.showdown-mode-killer,.mathdoku-page,.jigsaw-page,.colour-page{--killer-board-padding: 12px}.matchmaking-page .content:not(.showdown-content){--matchmaking-lobby-left: min(440px, 52vw);--matchmaking-lobby-right: min(420px, 48vw);--matchmaking-lobby-gap: clamp(12px, 1.8vw, 16px);grid-template-columns:minmax(0,var(--matchmaking-lobby-left)) minmax(0,var(--matchmaking-lobby-right));gap:var(--matchmaking-lobby-gap);width:min(100%,calc(var(--matchmaking-lobby-left) + var(--matchmaking-lobby-right) + var(--matchmaking-lobby-gap)));align-items:start;justify-items:stretch}.matchmaking-page .content.showdown-content{align-items:start}.mini-page .content{--sudoku-board-max: min(620px, 60vw);--sudoku-sidebar-max: min(320px, 32vw)}.board-wrap{padding:16px;background:var(--card-bg);border-radius:var(--card-radius);border:1px solid var(--border-muted);box-shadow:0 12px 32px #0000000f;position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:632px;margin:0 auto}.board-wrap--error{border-color:#f87171e6;box-shadow:0 0 0 2px #f8717180,0 12px 32px #0000000f;background:#f871710f}.board-wrap--turn{border-color:#3b82f6d9;box-shadow:0 0 0 2px #3b82f673,0 12px 32px #0000000f;background:#3b82f60d}.board-wrap--shake{animation:board-shake .45s ease}.board-wrap--mistake{border-color:#ef4444cc}.board-wrap--error .cell--selected{outline-color:#f87171}.board-wrap--complete,.practice-panel.board-wrap--complete{border-color:#22c55ee6;box-shadow:0 0 0 2px #22c55e8c,0 12px 32px #0000000f}.daily-page .board-wrap,.casual-page .board-wrap,.training-page .board-wrap,.mini-page .board-wrap{padding:16px;gap:8px;max-width:var(--sudoku-board-max, 632px)}.sidebar{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;justify-self:stretch;align-self:start}.daily-page .sidebar,.casual-page .sidebar,.training-page .sidebar,.mini-page .sidebar,.matchmaking-page .showdown-sidebar{max-width:var(--sudoku-sidebar-max, 320px)}.matchmaking-page .showdown-content .board-wrap{max-width:var(--sudoku-board-max, 632px)}.board-wrap>.lesson-card,.board-wrap>.hint-card,.board-wrap>.banner{width:100%}.status{padding:12px 14px;border-radius:var(--card-radius);background:var(--card-bg);border:1px solid var(--border-muted)}.status p{margin:0}.archive-leaderboard{display:flex;flex-direction:column;gap:2px;width:100%;height:auto;position:relative}.action-card--archive .archive-leaderboard{height:100%}.archive-toggle{width:100%;flex:0 0 auto}.archive-jump-control,.archive-jump-label{align-self:flex-end;border-radius:999px;border:1px solid var(--border-muted);background:var(--card-muted);color:var(--text-muted);font-size:11px;font-weight:700;line-height:1.1;padding:5px 10px}.archive-jump-control{cursor:pointer}.archive-jump-control:hover{color:var(--text-primary);background:var(--card-bg)}.archive-jump-control:focus-visible{outline:2px solid var(--accent-strong);outline-offset:1px}.archive-panel{--archive-row-height: 36px;--archive-row-gap: 4px;--archive-panel-padding: 2px;--archive-visible-rows: 4;--archive-panel-extra: 0px;--archive-entries-max: calc( var(--archive-row-height) * var(--archive-visible-rows) + var(--archive-row-gap) * (var(--archive-visible-rows) - 1) );padding:var(--archive-panel-padding);border-radius:var(--card-radius);border:1px solid var(--border-muted);background:var(--card-muted);width:100%;box-sizing:border-box;height:calc(var(--archive-entries-max) + var(--archive-panel-padding) * 2 + var(--archive-panel-extra));display:flex;flex-direction:column;overflow:hidden;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;box-shadow:0 12px 24px #0000001f}.archive-panel--pinned{--archive-visible-rows: 3;--archive-panel-extra: calc(var(--archive-row-height) + var(--archive-row-gap))}.archive-panel--top1{box-shadow:0 0 0 2px #e9c46a,0 12px 24px #0000001f}.archive-panel--top2{box-shadow:0 0 0 2px #cbd5e1,0 12px 24px #0000001f}.archive-panel--top3{box-shadow:0 0 0 2px #d9a384,0 12px 24px #0000001f}.archive-entries{display:grid;gap:var(--archive-row-gap);width:100%;align-content:start;grid-auto-rows:var(--archive-row-height);height:var(--archive-entries-max);max-height:var(--archive-entries-max);overflow-y:auto;padding-right:2px}.archive-entry{display:grid;grid-template-columns:24px minmax(0,1fr) 60px 48px 32px;align-items:center;gap:8px;height:var(--archive-row-height);min-height:var(--archive-row-height);padding:0 8px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border-muted);font-weight:600;font-size:12px;line-height:1;width:100%;box-sizing:border-box}.archive-entry--header{background:transparent;border:none;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.archive-entry--top1{background:var(--leaderboard-top1-bg)}.archive-entry--top2{background:var(--leaderboard-top2-bg)}.archive-entry--top3{background:var(--leaderboard-top3-bg)}.archive-entry--me-top1{border-color:transparent;box-shadow:inset 0 0 0 2px #e9c46a,inset 0 0 10px #e9c46a8c}.archive-entry--me-top2{border-color:transparent;box-shadow:inset 0 0 0 2px #cbd5e1,inset 0 0 10px #cbd5e18c}.archive-entry--me-top3{border-color:transparent;box-shadow:inset 0 0 0 2px #d9a384,inset 0 0 10px #d9a3848c}.archive-entry--me{border-color:transparent;background-color:var(--leaderboard-user-bg);box-shadow:inset 0 0 0 1px var(--leaderboard-user-outline)}.archive-entry--pinned{margin-top:var(--archive-row-gap);flex-shrink:0}.archive-empty{text-align:center;padding:12px 8px}.archive-entry .rank{font-size:12px;color:var(--text-muted);text-align:center}.archive-entry .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-entry .points,.archive-entry .time,.archive-entry .level{font-variant-numeric:tabular-nums;text-align:center;justify-self:center}.archive-entry--header .points,.archive-entry--header .time,.archive-entry--header .level{text-align:center;justify-self:center;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat{padding:10px 12px;border-radius:var(--card-radius);background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000000a}.stat-label{margin:0 0 4px;font-size:13px;color:#6b7280;font-weight:600}.stat-value{margin:0;font-size:20px;font-weight:700;color:#111827}.stat-value.score-pulse{animation:scorePulse .16s ease}.stat-value.score-final-glow{color:#b45309;text-shadow:0 0 12px rgba(245,158,11,.45),0 0 2px rgba(180,83,9,.6)}.theme-dark .stat-label{color:var(--text-muted)}.theme-dark .stat-value{color:var(--text-primary)}.theme-dark .stat-value.score-final-glow{color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.45),0 0 2px rgba(251,191,36,.6)}@keyframes scorePulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes scoreOuterGlow{0%{box-shadow:0 0 #f59e0b00,0 0 #f59e0b00;border-color:#f59e0b00}45%{box-shadow:0 0 0 1px #f59e0b73,0 12px 26px #f59e0b59;border-color:#f59e0ba6}to{box-shadow:0 0 0 1px #f59e0b33,0 10px 18px #f59e0b2e;border-color:#f59e0b66}}.muted{color:var(--text-muted);font-size:14px}.auth-card{max-width:440px;padding:18px;background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--card-radius);box-shadow:var(--shadow-elevated)}.auth-card--modern{max-width:480px;padding:24px;background:linear-gradient(180deg,#f8fafcf5,#ffffffe6);--auth-stack-width: 320px}.matchmaking-page .board-wrap.auth-card{padding:16px}.matchmaking-page .board-wrap{position:relative}.match-id-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.matchmaking-page .match-id-actions .ghost:disabled{opacity:.5}.matchmaking-page .rules-trigger{padding:6px 12px}.matchmaking-page .match-id-actions .ghost{white-space:nowrap}.copy-note{font-size:12px;color:var(--text-muted);font-weight:600}.practice-panel{max-width:420px;gap:10px;text-align:center}.matchmaking-page .content:not(.showdown-content) .board-wrap.auth-card{max-width:var(--matchmaking-lobby-left, 440px);width:min(100%,var(--matchmaking-lobby-left, 440px))}.matchmaking-page .content:not(.showdown-content) .auth-form{width:100%;max-width:100%}.matchmaking-page .content:not(.showdown-content) .field{width:100%}.matchmaking-page .content:not(.showdown-content) .field input,.matchmaking-page .content:not(.showdown-content) .field select,.matchmaking-page .content:not(.showdown-content) .field .toggle{width:100%;box-sizing:border-box}.matchmaking-page .content:not(.showdown-content) .practice-panel{max-width:var(--matchmaking-lobby-right, 420px);width:min(100%,var(--matchmaking-lobby-right, 420px))}.matchmaking-page .practice-panel[data-empty=true]{min-height:var(--matchmaking-empty-height, auto)}.matchmaking-page .sidebar{max-width:360px;gap:10px}.matchmaking-page .sidebar .board-wrap{padding:12px}.matchmaking-page .sidebar .palette{padding:12px;max-width:320px}.matchmaking-page .showdown-actions .danger{border-color:#fecaca;color:#b91c1c}.showdown-controls{margin-top:10px;width:100%;display:flex;justify-content:center;max-width:360px;margin-left:auto;margin-right:auto;padding:12px;background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--card-radius);box-shadow:var(--shadow-elevated)}.showdown-controls .action-icons{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:column;width:100%;max-width:360px}.matchmaking-page .showdown-top{display:flex;justify-content:flex-end;width:100%;margin-top:-6px;margin-bottom:2px}.matchmaking-page .showdown-palette{padding:12px;width:100%;max-width:var(--sudoku-sidebar-max, 360px);margin-left:auto;margin-right:auto}.matchmaking-page .showdown-controls{max-width:var(--sudoku-sidebar-max, 360px)}.matchmaking-page .showdown-header{grid-column:2 / 3;display:flex;justify-content:flex-end;align-self:start;margin-bottom:0}.matchmaking-page .showdown-quit{position:absolute;top:-44px;right:0;display:flex;justify-content:flex-end;z-index:3}.matchmaking-page .showdown-quit .ghost{width:auto;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto}.matchmaking-page .showdown-quit .ghost:hover{border-color:#9ca3af;box-shadow:0 8px 20px #0000000d}.matchmaking-page .showdown-quit,.matchmaking-page .showdown-quit *{cursor:pointer}.matchmaking-page .showdown-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.matchmaking-page .showdown-mobile-player-panel,.matchmaking-page .showdown-quit--mobile{display:none}.matchmaking-page .content.showdown-content{grid-template-columns:minmax(0,var(--sudoku-board-max, 632px)) minmax(0,var(--sudoku-sidebar-max, 340px))}.matchmaking-page.showdown-flash{position:relative}.matchmaking-page.showdown-flash:before{background:radial-gradient(circle at top left,rgba(255,255,255,.14),transparent 55%);content:"";inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:1}.matchmaking-page.showdown-flash--error:before,.matchmaking-page.showdown-flash--lose:before{background:radial-gradient(circle at top left,rgba(239,68,68,.32),transparent 62%),radial-gradient(circle at top right,rgba(239,68,68,.24),transparent 58%);opacity:1}.matchmaking-page.showdown-flash--turn:before{background:radial-gradient(circle at top right,rgba(59,130,246,.32),transparent 62%),radial-gradient(circle at bottom left,rgba(59,130,246,.22),transparent 58%);opacity:1}.matchmaking-page.showdown-flash--win:before{background:radial-gradient(circle at top left,rgba(34,197,94,.28),transparent 62%),radial-gradient(circle at top right,rgba(34,197,94,.2),transparent 58%);opacity:1}.matchmaking-page .content,.matchmaking-page header,.matchmaking-page main,.matchmaking-page aside{position:relative;z-index:2}.showdown-flash-debug{position:fixed;top:10px;left:12px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;z-index:9999;pointer-events:none;background:#0f172ad9}.showdown-flash-debug--lose,.showdown-flash-debug--error{background:#ef4444e6}.showdown-flash-debug--win{background:#22c55ed9}.showdown-board-shell{position:relative;width:min(100%,var(--sudoku-board-max, 620px));margin:0 auto;display:flex;justify-content:center}.showdown-end-overlay{position:absolute;z-index:14;pointer-events:auto;animation:showdown-overlay-fade .16s ease-out}.showdown-end-overlay__canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}@keyframes showdown-overlay-fade{0%{opacity:0}to{opacity:1}}.quit-banner{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#0f172ad9;color:#f8fafc;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;z-index:13}.daily-reset-banner{animation:dailyResetFade .22s ease-out}.daily-reset-banner--hub{position:static;transform:none;margin:0 auto 12px;width:fit-content}@keyframes dailyResetFade{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.turn-banner{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#2563ebeb;color:#f8fafc;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;z-index:13}.result-banner{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;z-index:20;border:1px solid transparent;animation:result-pop .26s ease}.result-banner--win{background:#ecfdf3;color:#166534;border-color:#bbf7d0}.result-banner--lose{background:#fef2f2;color:#991b1b;border-color:#fecaca}.result-banner--draw{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.matchmaking-page .quit-banner,.matchmaking-page .turn-banner,.matchmaking-page .result-banner{z-index:30}@keyframes result-pop{0%{transform:translate(-50%) scale(.95);opacity:.6}to{transform:translate(-50%) scale(1);opacity:1}}.practice-title{margin:0;font-weight:700;font-size:14px;color:var(--text-muted);text-align:center}.practice-banner{font-size:12px;font-weight:700;color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;padding:6px 12px}.practice-subtitle{margin:0 0 4px;font-size:12px;color:var(--text-muted);text-align:center}.practice-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.practice-panel .icon-btn{padding:6px;border-radius:12px}.practice-panel .icon-btn .icon{font-size:16px}.practice-panel .icon-badge{top:4px;right:4px;padding:1px 4px;font-size:8px}.practice-palette{width:100%}.practice-panel .palette{padding:8px;gap:6px;max-width:260px}.practice-panel .palette-header{display:none}.practice-panel .palette-grid{gap:6px}.practice-panel .swatch{border-radius:8px}.practice-panel .swatch-label{font-size:9px;bottom:4px;right:6px}.practice-panel .swatch-value{font-size:clamp(14px,2vw,18px)}.practice-panel .swatch-drag-image{width:40px;height:40px}.matchmaking-page .status{display:flex;align-items:center;justify-content:space-between;gap:12px}.matchmaking-page .status--success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.matchmaking-page .status--error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.matchmaking-page .status--info{border-color:#e5e7eb;background:var(--card-bg);color:var(--text-primary)}@keyframes board-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.matchmaking-page .link-button{background:none;border:none;color:inherit;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.matchmaking-page select{padding-right:28px;background-position:right 12px center;-webkit-appearance:none;appearance:none;background-image:none}.matchmaking-page select.select-left{padding-left:12px;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:14px 14px;-webkit-appearance:none;appearance:none}.matchmaking-page .player-count{font-weight:600;color:var(--text-muted)}.turn-order{align-items:stretch;gap:8px}.turn-title{margin:0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.turn-list{display:grid;gap:8px}.turn-chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid var(--border-muted);background:var(--card-muted);font-weight:600}.turn-chip--me{border-color:#1d4ed8;background:#2563eb1f;color:#1d4ed8}.turn-index{width:24px;height:24px;border-radius:999px;background:#0f172a1a;display:grid;place-items:center;font-size:12px;font-weight:700}.countdown-overlay{position:absolute;inset:0;border-radius:var(--card-radius);background:#0f172ad1;display:grid;place-items:center;gap:6px;color:#f8fafc;font-weight:700;z-index:12}.countdown-number{font-size:56px}.countdown-label{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#f8fafcb3}.hint-card{position:relative;margin-bottom:12px;padding:12px;border:1px solid var(--border-muted);border-radius:var(--card-radius);background:var(--card-bg);box-shadow:0 8px 20px #00000014;display:grid;gap:8px;transition:opacity .15s ease,transform .15s ease}.hint-card--dismiss{opacity:0;transform:translateY(-4px);pointer-events:none}.hint-header{display:flex;gap:8px;align-items:center}.hint-icon{font-size:18px}.hint-technique{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700}.hint-title{margin:0;font-size:15px;font-weight:700;color:var(--text-primary)}.hint-body{margin:0;color:var(--text-muted);font-size:14px}.hint-actions{display:flex;align-items:center;justify-content:space-between}.hint-btn{border:1px solid #e5e7eb;border-radius:var(--card-radius);padding:6px 10px;background:#f9fafb;cursor:pointer}.hint-dots{display:flex;gap:4px;justify-content:center;margin:0 auto}.hint-dots .dot{width:8px;height:8px;border-radius:999px;background:#e5e7eb}.hint-dots .dot.active{background:#2563eb}.hint-apply{justify-self:start}.lesson-card{padding:12px;border-radius:var(--card-radius);background:var(--card-muted);border:1px solid var(--border-muted);margin-bottom:10px}.lesson-card h3{margin:6px 0 4px}.action-icons{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:10px}.daily-page .action-icons,.casual-page .action-icons,.training-page .action-icons,.mini-page .action-icons,.matchmaking-page .showdown-controls .action-icons{grid-template-columns:repeat(auto-fit,minmax(clamp(56px,9vw,72px),1fr));gap:clamp(6px,1vw,10px)}.matchmaking-page .showdown-controls .action-icons{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:column}.action-card{padding:16px;background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--card-radius);box-shadow:0 10px 24px #0000000f}.action-card--archive{padding:0;display:flex;align-items:stretch}.daily-page .action-card,.casual-page .action-card,.training-page .action-card,.mini-page .action-card,.matchmaking-page .showdown-controls{max-width:var(--sudoku-sidebar-max, 320px);width:100%}.daily-page .palette,.casual-page .palette,.training-page .palette,.mini-page .palette,.matchmaking-page .showdown-palette .palette{max-width:var(--sudoku-sidebar-max, 320px);padding:clamp(10px,1.2vw,16px);gap:clamp(8px,1vw,12px)}.daily-page .palette-grid,.casual-page .palette-grid,.training-page .palette-grid,.mini-page .palette-grid,.matchmaking-page .showdown-palette .palette-grid{gap:clamp(6px,.9vw,10px)}.daily-page .palette-title,.casual-page .palette-title,.training-page .palette-title,.mini-page .palette-title,.matchmaking-page .showdown-palette .palette-title{font-size:clamp(14px,1.6vw,16px)}.daily-page .palette-sub,.casual-page .palette-sub,.training-page .palette-sub,.mini-page .palette-sub,.matchmaking-page .showdown-palette .palette-sub{font-size:clamp(11px,1.2vw,12px)}.daily-anon-control{max-width:var(--sudoku-sidebar-max, 320px);width:100%;margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border-muted);background:var(--card-bg);display:grid;gap:6px}.mathdoku-page .daily-anon-control{margin-top:0}.daily-anon-control--enabled{border-color:#3b82f673;background:linear-gradient(135deg,rgba(59,130,246,.08),var(--card-bg))}.daily-anon-control.is-disabled{opacity:.75}.daily-anon-control__toggle{border:none;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;cursor:pointer}.daily-anon-control__toggle:disabled{cursor:not-allowed}.daily-anon-control__label{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--text-primary)}.daily-anon-control__state{font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;border:1px solid var(--border-muted);background:var(--card-muted)}.daily-anon-control__toggle.is-on .daily-anon-control__state{border-color:#3b82f68c;background:#3b82f624;color:var(--accent-strong)}.daily-anon-control__note{margin:0;font-size:11px;color:var(--text-muted)}.daily-anon-control__error{margin:0;font-size:11px;color:#ef4444}.daily-anon-control__checkbox{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-muted)}.daily-page .swatch-label,.casual-page .swatch-label,.training-page .swatch-label,.mini-page .swatch-label,.matchmaking-page .showdown-palette .swatch-label{font-size:clamp(9px,1vw,12px)}.action-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.action-title{margin:0;font-weight:700;font-size:14px;color:var(--text-strong)}.action-toggle{display:flex;gap:8px}.action-card--compact .action-icons{grid-template-columns:repeat(4,minmax(0,1fr))}.action-card--compact .icon-label{display:none}.action-card--compact .icon-btn{border-radius:var(--card-radius)}.icon-btn{position:relative;display:grid;place-items:center;gap:4px;padding:10px;border:none;border-radius:var(--card-radius);background:var(--card-muted);color:var(--accent-strong);font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.icon-btn .icon{font-size:20px;width:20px;height:20px;display:block}.icon-btn .icon--youtube{width:26px;height:26px;display:block;color:#26398e}.theme-dark .icon-btn .icon--youtube{color:var(--accent-strong)}.icon-btn .icon-label{font-size:12px;color:var(--text-primary)}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #1f3a931f}.icon-btn.active{background:var(--accent-soft);box-shadow:0 0 0 2px #60a5fa59}.icon-btn--hint-exhausted{color:var(--accent-strong)}.icon-badge{position:absolute;top:6px;right:6px;padding:2px 6px;border-radius:999px;background:var(--accent-strong);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em}.daily-page .icon-btn,.casual-page .icon-btn,.training-page .icon-btn,.mini-page .icon-btn,.matchmaking-page .showdown-controls .icon-btn{padding:clamp(6px,.9vw,10px)}.daily-page .icon-btn .icon,.casual-page .icon-btn .icon,.training-page .icon-btn .icon,.mini-page .icon-btn .icon,.matchmaking-page .showdown-controls .icon-btn .icon{font-size:clamp(20px,2.4vw,26px);width:clamp(20px,2.4vw,26px);height:clamp(20px,2.4vw,26px)}.daily-page .icon-btn .icon--youtube,.casual-page .icon-btn .icon--youtube,.training-page .icon-btn .icon--youtube,.mini-page .icon-btn .icon--youtube,.matchmaking-page .showdown-controls .icon-btn .icon--youtube{width:clamp(22px,2.3vw,26px);height:clamp(22px,2.3vw,26px)}.daily-page .icon-btn .icon-label,.casual-page .icon-btn .icon-label,.training-page .icon-btn .icon-label,.mini-page .icon-btn .icon-label,.matchmaking-page .showdown-controls .icon-btn .icon-label{font-size:clamp(10px,1.2vw,12px)}.board-toolbar{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--card-radius);background:var(--card-muted);border:1px solid var(--border-muted)}.daily-page .board-toolbar,.casual-page .board-toolbar,.training-page .board-toolbar,.mini-page .board-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:clamp(8px,1vw,12px);padding:clamp(8px,1vw,12px)}.killer-page .board-toolbar,.mathdoku-page .board-toolbar,.jigsaw-page .board-toolbar,.colour-page .board-toolbar{width:100%;padding:16px}.colour-page .board--dimmed{opacity:1}.toolbar-actions{display:flex;align-items:center;gap:8px}.stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;flex:1;min-width:0}.daily-page .stat-strip,.casual-page .stat-strip,.training-page .stat-strip,.mini-page .stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,.8vw,8px)}.stats-panel{margin-top:20px;padding:16px;border-radius:var(--card-radius);border:1px solid var(--border-muted);background:var(--card-bg);display:grid;gap:12px;max-width:980px;width:100%;margin-left:auto;margin-right:auto}.new-puzzle-panel{padding:12px;border-radius:var(--card-radius);border:1px solid var(--border-muted);background:var(--card-muted);display:grid;gap:8px}.difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.stats-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.stats-header-copy{display:grid;gap:4px;flex:1;min-width:220px}.stats-header h2{margin:0 0 4px}.stats-header-copy .muted{margin:0}.theme-dark .stats-header .muted{color:var(--text-muted)}.stats-period-picker{position:relative;z-index:8}.stats-period-picker__trigger{min-width:134px;border:1px solid var(--border-muted);background:var(--card-muted);color:var(--text-primary);border-radius:999px;padding:6px 10px;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;cursor:pointer}.stats-period-picker__trigger.is-open{border-color:var(--accent-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-strong) 18%,transparent)}.stats-period-picker__value{font-size:12px;line-height:1}.stats-period-picker__chevron{font-size:11px;opacity:.75}.stats-period-picker__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;border:1px solid var(--border-muted);border-radius:12px;background:var(--card-bg);box-shadow:0 12px 24px #02061724;padding:6px;display:grid;gap:4px}.stats-period-picker__option{border:1px solid transparent;background:transparent;color:var(--text-primary);border-radius:8px;padding:7px 9px;text-align:left;cursor:pointer;font-size:12px;font-weight:600}.stats-period-picker__option:hover{background:var(--card-muted)}.stats-period-picker__option.is-active{border-color:var(--accent-strong);background:var(--accent-soft)}.stats-tabs{display:flex;gap:8px;flex-wrap:wrap}.stats-tab{border:1px solid var(--border-muted);background:var(--card-muted);padding:6px 12px;border-radius:999px;font-weight:700;cursor:pointer;font-size:12px}.stats-tab.active{background:var(--accent-soft);border-color:var(--accent-strong);color:var(--text-primary)}.theme-dark .stats-tab{background:#0f172a99;border-color:#47556999;color:#e2e8f0}.theme-dark .stats-tab.active{background:#2563eb40;border-color:#60a5fab3;color:#f8fafc}.stats-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stats-card{padding:10px 12px;border-radius:var(--card-radius);border:1px solid var(--border-muted);background:var(--card-muted);color:var(--text-primary)}.stats-card--wide{grid-column:span 2}.difficulty-strip{margin:8px 0 14px;grid-column:1 / -1}.casual-page .content{grid-template-columns:minmax(0,var(--sudoku-board-max, 632px)) minmax(0,var(--sudoku-sidebar-max, 320px));justify-items:stretch;justify-content:center}.casual-page .board-wrap{max-width:632px;margin:0 auto}.stat-pill{display:grid;gap:2px;padding:8px 10px;border-radius:var(--card-radius);background:var(--card-bg);border:1px solid var(--border-muted);min-width:0}.stat-pill--score-glow{position:relative;border-color:#f59e0b99;box-shadow:0 0 0 1px #f59e0b59,0 10px 22px #f59e0b47;animation:scoreOuterGlow 1.1s ease-out}.daily-page .stat-pill,.casual-page .stat-pill,.training-page .stat-pill,.mini-page .stat-pill{padding:clamp(6px,.8vw,10px)}.stat-pill .stat-label{margin:0;font-size:11px;color:var(--text-muted);font-weight:600}.daily-page .stat-pill .stat-label,.casual-page .stat-pill .stat-label,.training-page .stat-pill .stat-label,.mini-page .stat-pill .stat-label{font-size:clamp(10px,1.1vw,11px);white-space:nowrap}.stat-pill .stat-value{margin:0;font-size:16px;font-weight:800;color:var(--text-primary)}.daily-page .stat-pill .stat-value,.casual-page .stat-pill .stat-value,.training-page .stat-pill .stat-value,.mini-page .stat-pill .stat-value{font-size:clamp(14px,1.6vw,16px)}.stat-pill--alert{border-color:#ef4444;background:#ef44441f}.board-pause-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;pointer-events:none}.board-pause-overlay__hotspot{width:33.3333%;height:33.3333%;border:none;background:transparent;padding:0;margin:0;display:grid;place-items:center;cursor:pointer;pointer-events:auto}.board-pause-overlay__button{width:clamp(46px,50%,108px);aspect-ratio:1 / 1;border-radius:999px;background:#0f172ac7;color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px #0f172a40;border:2px solid rgba(255,255,255,.75)}.board-pause-overlay__icon{width:48%;height:48%}.board-pause-overlay__hotspot:hover .board-pause-overlay__button{transform:scale(1.02);box-shadow:0 16px 32px #0f172a47}.theme-dark .board-pause-overlay__button{background:#020617cc;border-color:#e2e8f099}.control-btn{border:none;border-radius:clamp(12px,1.4vw,16px);background:var(--nav-active);color:var(--text-strong);width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.daily-page .control-btn,.casual-page .control-btn,.training-page .control-btn,.mini-page .control-btn{width:clamp(38px,4vw,48px);height:clamp(38px,4vw,48px)}.control-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a33}.control-btn.active{background:var(--accent-strong)}.control-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.daily-page .control-btn.active,.casual-page .control-btn.active,.mini-page .control-btn.active{background:var(--accent-strong)}.daily-page .control-btn:disabled,.casual-page .control-btn:disabled,.mini-page .control-btn:disabled{opacity:1;background:var(--nav-active);box-shadow:none;transform:none}.daily-page .control-btn.active:disabled,.casual-page .control-btn.active:disabled,.mini-page .control-btn.active:disabled{background:var(--accent-strong)}.control-icon{width:28px;height:28px;display:block}.share-btn{border:1px solid var(--border-muted);background:var(--card-bg);color:var(--text-primary);width:48px;height:48px;border-radius:var(--card-radius);font-size:20px;display:grid;place-items:center;cursor:pointer}.share-btn__icon{width:22px;height:22px;display:block}.postgame-leaderboard-overlay .postgame-leaderboard-card{width:min(100%,560px);gap:12px;cursor:pointer;position:relative}.postgame-leaderboard-card--static{cursor:default}.postgame-leaderboard-card__close{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:999px;border:1px solid var(--border-muted);background:var(--card-muted);color:var(--text-primary);font-size:1.1rem;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0}.postgame-leaderboard-card__close:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.postgame-leaderboard-card:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.postgame-leaderboard-card__header{display:grid;gap:4px;text-align:center}.postgame-leaderboard-card__header strong{font-size:1.06rem;color:var(--text-primary)}.postgame-leaderboard-card__header span{font-size:.9rem;color:var(--text-muted)}.postgame-leaderboard-card__state{margin:0;font-size:.95rem;color:var(--text-muted);text-align:center}.postgame-leaderboard-card__rows{display:grid;gap:10px}.postgame-leaderboard-card__row{display:grid;grid-template-columns:64px minmax(160px,1fr) 92px 92px;gap:0;align-items:center;padding:0;border-radius:12px;border:1px solid var(--border-muted);background:var(--surface-muted);overflow:hidden}.postgame-leaderboard-card__row>span{min-height:42px;display:flex;align-items:center;padding:8px 10px}.postgame-leaderboard-card__row--user{border-color:color-mix(in srgb,var(--accent-strong) 50%,var(--border-muted) 50%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-strong) 30%,transparent)}.postgame-leaderboard-card__rank,.postgame-leaderboard-card__name,.postgame-leaderboard-card__metric{font-size:.95rem;line-height:1.25;color:var(--text-primary)}.postgame-leaderboard-card__rank{font-weight:700}.postgame-leaderboard-card__name{font-weight:600;word-break:break-word;text-align:left;justify-self:stretch}.postgame-leaderboard-card__name-main{font-size:.95rem;font-weight:700}.postgame-leaderboard-card__name-secondary{font-size:.8rem;color:var(--text-muted);font-weight:500}.postgame-leaderboard-card__metric{text-align:right;justify-content:flex-end;white-space:nowrap;font-weight:600}.postgame-leaderboard-card__share{display:flex;gap:10px;justify-content:space-between;align-items:center}.postgame-leaderboard-card__share-note{margin:0;font-size:.84rem;color:var(--text-muted);display:flex;align-items:center}.postgame-leaderboard-card__share .ghost{padding:10px 14px;border-radius:10px;font-size:.9rem}.postgame-leaderboard-card__share-icons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-right:48px}.postgame-leaderboard-card__share-icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border-muted);background:var(--card-muted);display:block;text-decoration:none;padding:0;cursor:pointer;overflow:hidden}.postgame-leaderboard-card__share-icon-btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.postgame-leaderboard-card__share-icon-btn .share-icon{width:100%;height:100%;border-radius:0;display:block}.postgame-leaderboard-card__share-icon-btn--copy{border-color:color-mix(in srgb,var(--text-primary) 18%,var(--border-muted) 82%)}.postgame-leaderboard-card__notice{margin:0;font-size:.85rem;color:var(--accent-strong);text-align:center}.postgame-leaderboard-card__share-grid{margin-top:4px}.postgame-leaderboard-card__corner-arrow{position:absolute;right:12px;bottom:12px;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent-strong) 28%,var(--border-muted) 72%);background:color-mix(in srgb,var(--accent-soft) 45%,var(--card-bg) 55%);color:var(--accent-strong);font-size:1rem;font-weight:700;line-height:1;cursor:pointer;padding:0}.postgame-leaderboard-card__corner-arrow:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}@media(max-width:640px){.postgame-leaderboard-overlay .postgame-leaderboard-card{width:min(100%,420px)}.postgame-leaderboard-card__row{grid-template-columns:56px minmax(120px,1fr) 76px 84px;gap:0;padding:0}.postgame-leaderboard-card__row>span{min-height:38px;padding:6px 8px}.postgame-leaderboard-card__share{flex-direction:column;align-items:center;gap:8px}.postgame-leaderboard-card__share-note{text-align:center}.postgame-leaderboard-card__share-icons{justify-content:center;padding-right:0}.postgame-leaderboard-card__rank,.postgame-leaderboard-card__name,.postgame-leaderboard-card__metric{font-size:.84rem}.postgame-leaderboard-card__close{width:24px;height:24px;font-size:1rem;top:8px;right:8px}.postgame-leaderboard-card__corner-arrow{width:24px;height:24px;font-size:.9rem;right:10px;bottom:10px}}.share-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center}.share-backdrop{position:absolute;inset:0;background:#0f172a80}.share-card{position:relative;z-index:2;width:min(420px,92vw);background:var(--card-bg);border-radius:var(--card-radius);border:1px solid var(--border-muted);box-shadow:var(--shadow-elevated);padding:18px;display:grid;gap:14px}.confirm-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center}.confirm-backdrop{position:absolute;inset:0;background:#0f172a80}.confirm-card{position:relative;z-index:2;width:min(440px,92vw);background:var(--card-bg);border-radius:var(--card-radius);border:1px solid var(--border-muted);box-shadow:var(--shadow-elevated);padding:22px 20px;display:grid;gap:10px;text-align:center}.confirm-title{margin:0;font-size:clamp(20px,3vw,28px);color:var(--text-primary)}.confirm-message{margin:0;color:var(--text-muted);font-size:16px}.confirm-actions{margin-top:8px;display:flex;gap:12px}.confirm-btn{flex:1;padding:12px 16px;border-radius:12px}.theme-dark .confirm-btn.ghost{color:var(--text-primary)}.share-header{display:flex;align-items:center;justify-content:space-between}.share-header h3{margin:0}.share-body{margin:0;color:var(--text-muted)}.share-body-wrap{padding:12px;border-radius:12px;background:var(--card-muted);border:1px solid var(--border-muted)}.share-body-block{display:grid;gap:10px}.share-body--headline{font-weight:700;color:var(--text-primary)}.share-body--grid{white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:15px;line-height:1.5;color:var(--text-primary);letter-spacing:.5px}.share-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.share-actions .primary.share-actions__share{width:100%}.share-actions .share-actions__copy{flex:0 0 auto}.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.share-link{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;border:1px solid var(--border-muted);background:var(--card-muted);color:var(--text-primary);text-decoration:none;font-weight:600}.share-icon{width:26px;height:26px;border-radius:8px;display:inline-block}.share-icon.whatsapp{background-color:#25d366;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M54 31.8C54 19.8 44.2 10 32.2 10S10.4 19.8 10.4 31.8c0 3.9 1 7.6 3 10.9L10 54l11.6-3.2c3.2 1.7 6.8 2.6 10.5 2.6h.1c12 0 21.8-9.8 21.8-21.6Z' fill='none' stroke='%23fff' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M25.7 23.9c-.4-1-1-1-1.5-1h-1.2c-.4 0-1 .1-1.5.6-.5.6-1.9 1.9-1.9 4.7s2 5.4 2.3 5.8c.3.4 3.9 6.3 9.6 8.5 5.8 2.3 5.8 1.5 6.8 1.4 1-.1 3.1-1.3 3.5-2.5.4-1.2.4-2.2.3-2.4-.1-.2-.4-.3-.9-.6-.5-.3-3.1-1.5-3.6-1.7-.5-.2-.9-.3-1.2.3-.4.6-1.4 1.7-1.7 2-.3.3-.7.4-1.2.1-.5-.3-2.3-.8-4.4-2.6-1.6-1.4-2.7-3.1-3.1-3.6-.3-.6 0-.9.3-1.2.3-.3.5-.6.8-1 .3-.4.4-.7.5-1 .2-.4.1-.8 0-1.1-.1-.3-1.2-3.1-1.7-4.2Z' fill='%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:84%}.share-icon.messages{background-color:#34c759;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cellipse cx='32' cy='28' rx='21' ry='15' fill='%23fff'/%3E%3Cpath d='M18 39l-4 10 11-7z' fill='%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:86%}.share-icon.instagram{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='11' y='11' width='42' height='42' rx='13' fill='none' stroke='%23fff' stroke-width='5'/%3E%3Ccircle cx='32' cy='32' r='11' fill='none' stroke='%23fff' stroke-width='5'/%3E%3Ccircle cx='45' cy='20' r='3.5' fill='%23fff'/%3E%3C/svg%3E"),linear-gradient(135deg,#f9ce34,#ee2a7b 52%,#6228d7);background-repeat:no-repeat;background-position:center;background-size:88%,100%}.share-icon.x{background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1227'%3E%3Cpath fill='%23fff' d='M714.2 519.3 1160.9 0H1055L667.1 450.9 357.3 0H0l468.5 681.8L0 1226.4h105.9l409.7-476.1 327.1 476.1H1200L714.2 519.3ZM569.3 687.9l-47.5-67.9L145.4 80.5h162.7l303.8 434.8 47.5 67.9 394.7 565.1H891.4L569.3 687.9Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:80%}.share-icon.copy{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='12' y='8' width='25' height='29' rx='5' fill='%23fff' stroke='%23000' stroke-width='4.2'/%3E%3Crect x='24' y='20' width='25' height='29' rx='5' fill='%23fff' stroke='%23000' stroke-width='4.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center 61%;background-size:82%}.share-icon.snapchat{background-color:#fffc00;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 9c-7.8 0-14.1 6.3-14.1 14.1v8.2c-2.2-1.1-4.3-1.5-6.3-1.3-1.8.2-3.2 1.6-3.4 3.4-.2 1.7.6 3.3 2 4.4l4.8 3.2c-2 4.3-5.3 7.8-9.3 10.2-1.1.7-1.7 2.1-1.4 3.4.3 1.5 1.6 2.6 3.1 2.6 3.3 0 6.3-.9 9-2.7 3.4 2.5 7.7 3.9 12.1 3.9 1.1 0 2.2-.1 3.3-.2 1.1.2 2.2.2 3.3.2 4.4 0 8.7-1.4 12.1-3.9 2.7 1.8 5.7 2.7 9 2.7 1.5 0 2.8-1.1 3.1-2.6.3-1.3-.3-2.7-1.4-3.4-4-2.3-7.3-5.9-9.3-10.2l4.8-3.2c1.4-1 2.2-2.7 2-4.4-.2-1.8-1.6-3.2-3.4-3.4-2-.2-4.1.2-6.3 1.3v-8.2C46.1 15.3 39.8 9 32 9Z' fill='%23fff' stroke='%23000' stroke-width='3.8' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:90%}.training-page .lesson-card,.training-page .hint-card{padding:8px;margin-bottom:6px}.training-page .lesson-steps{display:grid;gap:6px;margin-top:8px}.training-page .lesson-step{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:start;font-size:13px;color:var(--text-muted)}.training-page .lesson-step-count{font-weight:700;color:var(--text-strong)}.training-page{padding:18px 18px 28px;gap:18px}.training-page .hero h1{font-size:22px}.training-page .subhead{font-size:14px}.training-page .action-icons{grid-template-columns:repeat(4,minmax(0,1fr))}.training-page .icon-label{display:none}.training-page .icon-btn{border-radius:18px}.training-page .icon-btn .icon{font-size:18px}.training-page .action-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.training-page .icon-btn--nav{background:#eef2ff}.training-page .icon-btn--nav-ready{background:#dbeafe;box-shadow:0 0 0 2px #2563eb59}.theme-dark .training-page .icon-btn--nav{background:#1e3a8a59}.theme-dark .training-page .icon-btn--nav-ready{background:#3b82f659;box-shadow:0 0 0 2px #60a5fab3;color:var(--text-strong)}.auth-form{display:grid;gap:14px;width:min(100%,var(--auth-stack-width));margin:0 auto}.auth-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;width:min(100%,var(--auth-stack-width));margin-left:auto;margin-right:auto}.toggle{border:1px solid var(--border-muted);border-radius:var(--card-radius);padding:10px 12px;background:var(--card-muted);font-weight:700;cursor:pointer;transition:all .12s ease}.toggle.active{background:#eef2ff;color:#1e293b;border-color:#c7d2fe;box-shadow:none}.auth-socials{display:grid;gap:8px;margin-bottom:12px;width:min(100%,var(--auth-stack-width));margin-left:auto;margin-right:auto}.google-signin{width:100%;max-width:320px;margin:0 auto;display:flex;justify-content:center}.google-signin>div{width:100%}.board-wrap .banner{margin-top:6px}.social-btn{display:flex;align-items:center;gap:10px;border:1px solid #d1d5db;border-radius:var(--card-radius);padding:12px;background:var(--card-bg);font-weight:600;cursor:pointer;color:var(--text-primary);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.social-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0f172a1f;border-color:var(--accent-strong)}.google-dot{width:14px;height:14px;border-radius:999px;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335)}.auth-separator{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:var(--text-muted);font-weight:600;width:min(100%,var(--auth-stack-width));margin:12px auto}.auth-separator span{height:1px;background:var(--border-muted);display:block}.auth-footer{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--text-primary)}.auth-magic{display:grid;gap:6px;margin-top:12px;padding:10px 12px;border-radius:var(--card-radius);border:1px dashed var(--border-muted);background:var(--card-muted);font-size:13px;color:var(--text-muted)}.theme-dark .auth-card--modern{background:linear-gradient(180deg,#0f172af5,#020617e6);border-color:#47556999}.theme-dark .toggle{background:#0f172ab3;border-color:#475569b3;color:#e2e8f0}.theme-dark .toggle.active{background:#1e293be6;color:#f8fafc;border-color:#60a5fa99}.theme-dark .field input{border-color:#475569cc;background:#0f172ab3;color:#f8fafc}.theme-dark .field select{border-color:#475569cc;background-color:#0f172ab3;color:#f8fafc}.theme-dark .social-btn{border-color:#475569cc;background:#0f172ab3;color:#f8fafc}.theme-dark .auth-magic{border-color:#64748bb3;background:#0f172a99}.link-button{border:none;background:none;color:#2563eb;font-weight:700;cursor:pointer;padding:0}.field{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--text-primary)}.field input{padding:12px 10px;border-radius:var(--card-radius);border:1px solid #d1d5db;font-size:16px;background:var(--card-bg);color:var(--text-primary);width:100%}.field select{padding:10px;border-radius:var(--card-radius);border:1px solid #d1d5db;font-size:14px;background:var(--card-bg);color:var(--text-primary)}.primary{border:none;border-radius:var(--card-radius);padding:12px 14px;background:linear-gradient(120deg,#2563eb,#4dc1b5);color:#fff;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;width:100%}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #2563eb47}@media(max-width:960px){.content{grid-template-columns:1fr;width:min(100%,720px);justify-items:center}.icon-btn{padding:8px}.icon-btn .icon{font-size:18px}.action-card--compact .action-icons{grid-template-columns:repeat(4,minmax(0,1fr))}.showdown-controls .action-icons{max-width:520px}.matchmaking-page .content:not(.showdown-content){grid-template-columns:minmax(0,var(--matchmaking-lobby-left)) minmax(0,var(--matchmaking-lobby-right));width:min(100%,calc(var(--matchmaking-lobby-left) + var(--matchmaking-lobby-right) + var(--matchmaking-lobby-gap)))}.matchmaking-page .practice-panel[data-empty=true]{min-height:auto}.sidebar{max-width:560px;justify-self:center;width:min(100%,560px)}.board-wrap{max-width:560px}}.leaderboard-page{max-width:1023px;position:relative}.leaderboard-page .hero,.leaderboard-page .content{position:relative;z-index:2}.leaderboard-fireworks{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.leaderboard-fireworks canvas{width:100%;height:100%;display:block}.leaderboard-page .content{grid-template-columns:minmax(0,1fr);width:min(100%,1023px);max-width:1023px;justify-items:stretch}.leaderboard-page .board-wrap{max-width:100%;width:100%}.leaderboard-shell{width:100%;position:relative}.leaderboard-jump{display:flex;justify-content:flex-end;margin-bottom:8px}.leaderboard-jump__button{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--border-muted);background:var(--card-muted);color:var(--text-muted);font-size:12px;font-weight:700;line-height:1;padding:6px 12px;cursor:pointer}.leaderboard-jump__button strong{color:var(--text-primary)}.leaderboard-jump__button:hover{color:var(--text-primary);background:var(--card-bg)}.leaderboard-jump__button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:1px}.leaderboard-scroll{width:100%;max-width:100%;max-height:min(60vh,520px);overflow-y:auto;overflow-x:hidden;border-radius:14px;border:1px solid var(--border-muted);background:var(--card-bg);align-self:center}.leaderboard-scroll--empty{position:relative;overflow:hidden}.leaderboard-scroll--sticky{padding-bottom:52px}.leaderboard-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.leaderboard-table--empty thead,.leaderboard-table--empty tbody{visibility:hidden}.leaderboard-table th,.leaderboard-table td{border-bottom:1px solid var(--border-muted);padding:10px 8px;text-align:left;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-table th{font-weight:700;color:var(--text-primary);background:var(--card-muted);position:sticky;top:0;z-index:1}.leaderboard-table:not(.leaderboard-table--with-trophies) th:nth-child(1),.leaderboard-table:not(.leaderboard-table--with-trophies) td:nth-child(1){width:6%}.leaderboard-table:not(.leaderboard-table--with-trophies) th:nth-child(2),.leaderboard-table:not(.leaderboard-table--with-trophies) td:nth-child(2){width:22%}.leaderboard-table:not(.leaderboard-table--with-trophies) th:nth-child(3),.leaderboard-table:not(.leaderboard-table--with-trophies) td:nth-child(3){width:16%}.leaderboard-table:not(.leaderboard-table--with-trophies) th:nth-child(4),.leaderboard-table:not(.leaderboard-table--with-trophies) td:nth-child(4){width:10%}.leaderboard-table:not(.leaderboard-table--with-trophies) th:nth-child(5),.leaderboard-table:not(.leaderboard-table--with-trophies) td:nth-child(5){width:8%}.leaderboard-table:not(.leaderboard-table--with-trophies) th:nth-child(6),.leaderboard-table:not(.leaderboard-table--with-trophies) td:nth-child(6){width:12%}.leaderboard-table:not(.leaderboard-table--with-trophies) th:nth-child(7),.leaderboard-table:not(.leaderboard-table--with-trophies) td:nth-child(7){width:16%}.leaderboard-table:not(.leaderboard-table--with-trophies) th:nth-child(8),.leaderboard-table:not(.leaderboard-table--with-trophies) td:nth-child(8){width:10%}.leaderboard-table--with-trophies th:nth-child(1),.leaderboard-table--with-trophies td:nth-child(1){width:6%}.leaderboard-table--with-trophies th:nth-child(2),.leaderboard-table--with-trophies td:nth-child(2){width:26%}.leaderboard-table--with-trophies th:nth-child(3),.leaderboard-table--with-trophies td:nth-child(3){width:10%}.leaderboard-table--with-trophies th:nth-child(4),.leaderboard-table--with-trophies td:nth-child(4){width:13%}.leaderboard-table--with-trophies th:nth-child(5),.leaderboard-table--with-trophies td:nth-child(5){width:9%}.leaderboard-table--with-trophies th:nth-child(6),.leaderboard-table--with-trophies td:nth-child(6){width:8%}.leaderboard-table--with-trophies th:nth-child(7),.leaderboard-table--with-trophies td:nth-child(7){width:10%}.leaderboard-table--with-trophies th:nth-child(8),.leaderboard-table--with-trophies td:nth-child(8){width:10%}.leaderboard-table--with-trophies th:nth-child(9),.leaderboard-table--with-trophies td:nth-child(9){width:8%}.leaderboard-table--with-trophies th:nth-child(3),.leaderboard-table--with-trophies td:nth-child(3){text-align:center}.leaderboard-row--user{background-color:var(--leaderboard-user-bg);box-shadow:inset 0 0 0 1px var(--leaderboard-user-outline)}.leaderboard-row--user td{font-weight:600}.leaderboard-row--top1{background-color:var(--leaderboard-top1-bg)}.leaderboard-row--top2{background-color:var(--leaderboard-top2-bg)}.leaderboard-row--top3{background-color:var(--leaderboard-top3-bg)}.leaderboard-row--user.leaderboard-row--top1,.leaderboard-row--user.leaderboard-row--top2,.leaderboard-row--user.leaderboard-row--top3{background-image:none;box-shadow:none}.leaderboard-rank{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.leaderboard-rank__medal{font-size:14px;line-height:1}.leaderboard-name{display:inline-flex;align-items:baseline;gap:6px}.leaderboard-name__secondary{font-size:12px;color:var(--text-muted);font-weight:500}.leaderboard-trophy{display:inline-flex;align-items:center;gap:4px;color:#5e4300;font-size:12px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.leaderboard-trophy--header{color:inherit}.leaderboard-trophy--empty{color:var(--text-muted)}.theme-dark .leaderboard-trophy:not(.leaderboard-trophy--header):not(.leaderboard-trophy--empty){color:#ffe8a5}.leaderboard-row--hidden{visibility:hidden}.leaderboard-empty{width:100%;border-radius:16px;border:1px dashed var(--border-muted);background:var(--card-muted);padding:24px 18px;text-align:center;color:var(--text-muted);font-weight:600}.leaderboard-empty-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px 18px;text-align:center;color:var(--text-muted);font-weight:600;pointer-events:none}.leaderboard-sticky{position:absolute;bottom:0;left:0;right:0;z-index:2;background:var(--card-bg);box-shadow:0 -6px 16px #0f172a1f;border-top:1px solid var(--border-muted);border-bottom-left-radius:14px;border-bottom-right-radius:14px}.leaderboard-table--sticky{margin:0}.log{max-height:200px;overflow-y:auto;border:1px solid var(--border-muted);border-radius:8px;padding:8px;background:var(--card-muted)}.log-line{display:grid;gap:4px;font-size:12px;margin-bottom:6px}.log-name{font-weight:700}.log-settings{color:var(--text-muted)}.match-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}.matchmaking-page .match-actions .primary{width:100%;min-width:0;font-size:14px;line-height:1.1;padding:10px 12px;white-space:nowrap}.matchmaking-page .match-actions .primary .loading-dots{display:inline-block;width:3ch;text-align:left;margin-left:.1em}.matchmaking-page .match-actions .primary:nth-child(3){grid-column:1 / -1}@media(max-width:520px){.matchmaking-page .match-actions .primary{font-size:13px;white-space:normal}}.match-settings{padding:10px 12px;border-radius:var(--card-radius);border:1px solid var(--border-muted);background:var(--card-muted);font-weight:600;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:8px}.rules-tip{position:relative;display:inline-flex;align-items:center;z-index:50;margin-top:12px}.rules-trigger{font-size:12px;padding:6px 10px}.rules-popover{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;max-width:320px;padding:10px 12px;border-radius:var(--card-radius);border:1px solid var(--border-muted);background:var(--card-bg);box-shadow:var(--shadow-elevated);font-size:12px;color:var(--text-primary);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease;z-index:999}.matchmaking-page .hero{position:relative;z-index:40}.rules-tip:hover .rules-popover,.rules-tip:focus-within .rules-popover{opacity:1;transform:translateY(0);pointer-events:auto}.player-feed{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:12px}.matchmaking-page .player-feed{max-width:320px;width:100%;margin:0 auto 12px;max-height:160px;overflow-y:auto;padding-right:4px}.matchmaking-page .showdown-player-panel{flex:1 1 auto;min-height:0}.matchmaking-page .showdown-player-panel .player-feed{max-height:none;height:100%;margin:0}.matchmaking-page .showdown-sidebar{align-self:stretch;height:var(--showdown-board-height, auto);min-height:0;display:flex;flex-direction:column;gap:var(--sudoku-gap);position:relative;padding-top:0}.matchmaking-page .showdown-sidebar .showdown-player-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.matchmaking-page .showdown-player-panel .player-feed{flex:1 1 auto;min-height:0;height:auto;max-height:none;margin:0;overflow-y:auto}.matchmaking-page .showdown-sidebar .showdown-palette,.matchmaking-page .showdown-sidebar .showdown-controls{margin-top:0;flex:0 0 auto}.chip{padding:10px 12px;border-radius:12px;border:1px solid var(--border-muted);background:var(--card-muted);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;font-size:13px}.chip-active{border-color:#2563eb;background:#eff6ff}.chip-out{color:red}.theme-dark .chip-out,.theme-dark .matchmaking-page .chip.chip-out{color:#f87171}.chip-mistake{border-color:#ef4444e6;box-shadow:none}.theme-dark .chip-mistake{border-color:#f87171f2;box-shadow:none;background:inherit;color:inherit}.chip-active.chip-mistake{border-color:#ef4444f2}.theme-dark .matchmaking-page .chip-active.chip-mistake{border-color:#f87171f2;background:#2563eb33;color:#e2e8f0}.chip-name{font-weight:700}.chip-time{font-family:Menlo,Monaco,Consolas,monospace}.theme-dark .matchmaking-page input,.theme-dark .matchmaking-page select{background-color:#0f172a;color:#e2e8f0;border-color:#334155}.theme-dark .matchmaking-page select.select-left{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23e2e8f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:14px 14px}.theme-dark .matchmaking-page.showdown-flash--error:before,.theme-dark .matchmaking-page.showdown-flash--lose:before{background:radial-gradient(circle at top left,rgba(248,113,113,.36),transparent 62%),radial-gradient(circle at top right,rgba(248,113,113,.28),transparent 58%)}.theme-dark .matchmaking-page .field span,.theme-dark .matchmaking-page .rules-popover{color:#e2e8f0}.theme-dark .matchmaking-page .chip{background:#0f172a99;border-color:#334155;color:#e2e8f0}.theme-dark .matchmaking-page .chip-active{background:#2563eb33;border-color:#2563eb99}.theme-dark .matchmaking-page .log-line,.theme-dark .matchmaking-page .status,.theme-dark .matchmaking-page .match-settings,.theme-dark .matchmaking-page .player-count,.theme-dark .matchmaking-page .practice-title,.theme-dark .matchmaking-page .practice-subtitle,.theme-dark .matchmaking-page .log-settings,.theme-dark .matchmaking-page .turn-title,.theme-dark .matchmaking-page .turn-chip,.theme-dark .matchmaking-page .countdown-label{color:#e2e8f0}.theme-dark .matchmaking-page .status--success{background:#16653433;border-color:#22c55e99;color:#bbf7d0}.theme-dark .matchmaking-page .status--error{background:#991b1b33;border-color:#f87171b3;color:#fecaca}.theme-dark .matchmaking-page .ghost{color:#e2e8f0;border-color:#334155;background:#0f172ab3}.theme-dark .matchmaking-page .ghost:hover{border-color:#94a3b899;box-shadow:0 8px 20px #0f172a59}.theme-dark .matchmaking-page .rules-trigger,.theme-dark .matchmaking-page .match-id-actions .ghost{color:#f8fafc;background:#0f172ad1;border:1px solid rgba(148,163,184,.5)}.theme-dark .matchmaking-page .rules-trigger:hover,.theme-dark .matchmaking-page .match-id-actions .ghost:hover{border-color:#94a3b8bf;box-shadow:0 8px 20px #0f172a59}.theme-dark .board--dimmed{opacity:.84;filter:saturate(.85) brightness(.88)}@media(max-width:1024px){.content{grid-template-columns:1fr;justify-items:center;width:min(100%,760px)}.sidebar,.board-wrap{max-width:560px;width:min(100%,560px)}.hero{flex-direction:column;align-items:flex-start}.daily-page .hero,.casual-page .hero{flex-direction:row;align-items:flex-start}}@media(max-width:900px){.page{padding:6px 8px 28px}.matchmaking-page .hero{padding:12px 0 8px;margin-bottom:4px}.content{width:100%;justify-items:stretch}.daily-page .content,.casual-page .content,.training-page .content,.mini-page .content,.matchmaking-page .content.showdown-content{grid-template-columns:1fr;--sudoku-board-max: min(calc(var(--game-mobile-span, var(--app-vw)) - 16px), 720px);--sudoku-sidebar-max: 100%;width:100%}.matchmaking-page .showdown-mobile-player-panel{display:block;width:100%;max-width:var(--sudoku-board-max, 720px);margin:0 auto 6px}.matchmaking-page .showdown-mobile-player-panel .player-feed{display:flex;flex-direction:row;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 4px 8px;margin:0;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.matchmaking-page .showdown-mobile-player-panel .chip{grid-template-columns:minmax(0,1fr) auto;min-width:180px;flex:0 0 auto;scroll-snap-align:start}.matchmaking-page .showdown-mobile-player-panel .chip-mistakes,.matchmaking-page .showdown-sidebar .showdown-player-panel{display:none}.matchmaking-page .showdown-sidebar .showdown-controls{order:1}.matchmaking-page .showdown-sidebar .showdown-palette{order:2}.matchmaking-page .showdown-controls{background:transparent;border:none;box-shadow:none;width:var(--game-mobile-span, var(--app-vw));max-width:var(--game-mobile-span, var(--app-vw));margin-left:calc(50% - (var(--game-mobile-span, var(--app-vw)) / 2));margin-right:calc(50% - (var(--game-mobile-span, var(--app-vw)) / 2));padding:0 8px;box-sizing:border-box;display:block}.matchmaking-page .showdown-palette{padding:0;background:transparent;border:none;box-shadow:none;width:calc(var(--game-mobile-span, var(--app-vw)) - 12px);max-width:calc(var(--game-mobile-span, var(--app-vw)) - 12px);margin-left:calc(50% - (var(--game-mobile-span, var(--app-vw)) / 2) + 6px);margin-right:calc(50% - (var(--game-mobile-span, var(--app-vw)) / 2) + 6px)}.matchmaking-page .showdown-controls .action-icons{width:100%;max-width:100%;padding:0;box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid;margin:0}.matchmaking-page .showdown-controls .icon-btn{width:100%;justify-self:stretch;border-radius:var(--card-radius)}.matchmaking-page .content:not(.showdown-content){grid-template-columns:1fr;width:100%;justify-items:center}.matchmaking-page .content:not(.showdown-content) .board-wrap.auth-card{width:calc(var(--app-vw) - 16px);max-width:560px;margin-left:auto;margin-right:auto;padding:16px;border-radius:var(--card-radius);background:var(--card-bg);border:1px solid var(--border-muted);box-shadow:var(--shadow-elevated)}.matchmaking-page .content:not(.showdown-content) .auth-form,.matchmaking-page .content:not(.showdown-content) .field,.matchmaking-page .content:not(.showdown-content) .match-settings,.matchmaking-page .content:not(.showdown-content) .player-count,.matchmaking-page .content:not(.showdown-content) .log{margin-left:auto;margin-right:auto;text-align:center}.matchmaking-page .showdown-quit{display:none}.matchmaking-page .showdown-header-actions{width:100%;max-width:none;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 2px;padding:0;box-sizing:border-box}.matchmaking-page .showdown-quit--mobile{display:flex;position:static;flex:0 0 auto;z-index:2}.matchmaking-page .showdown-header-actions .rules-tip{flex:0 0 auto;margin-top:0}.matchmaking-page .showdown-header-actions .ghost{min-height:34px;height:34px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.matchmaking-page .showdown-header-actions .showdown-quit .ghost{padding:0 18px}.board-wrap{max-width:100%;padding:6px}.sidebar{max-width:100%;width:100%}.daily-page .action-card,.casual-page .action-card,.training-page .action-card,.mini-page .action-card,.matchmaking-page .showdown-controls,.daily-page .palette,.casual-page .palette,.training-page .palette,.mini-page .palette,.matchmaking-page .showdown-palette .palette{max-width:100%}.daily-page .board-wrap,.casual-page .board-wrap,.training-page .board-wrap,.mini-page .board-wrap,.killer-page .board-wrap,.matchmaking-page.showdown-mode-killer .board-wrap,.mathdoku-page .board-wrap,.jigsaw-page .board-wrap{background:transparent;border:none;box-shadow:none}.action-card{padding:14px}.action-card--compact .action-icons{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.icon-btn{padding:12px;min-height:48px}.icon-btn .icon{font-size:20px}.daily-page,.casual-page,.training-page,.mini-page,.killer-page,.matchmaking-page.showdown-mode-killer,.mathdoku-page,.jigsaw-page{--killer-board-padding: 6px}}@media(hover:none)and (pointer:coarse){.daily-page,.casual-page,.training-page,.mini-page,.killer-page,.mathdoku-page,.jigsaw-page,.matchmaking-page.showdown-mode-classic,.matchmaking-page.showdown-mode-colour,.matchmaking-page.showdown-mode-killer{--game-mobile-span: var(--app-short-side)}.home-card-grid:not(.is-dragging) .home-card:hover,.home-card-grid:not(.is-dragging) .home-card:focus-visible{transform:none;border-color:var(--border-muted);box-shadow:none}.home-card-grid:not(.is-dragging) .home-card:hover:before,.home-card-grid:not(.is-dragging) .home-card:focus-visible:before{opacity:0}}@media(hover:none)and (pointer:coarse)and (orientation:portrait){.reviews-section{--review-card-gap: 6px;--review-row-width: min(100%, calc(100vw - 72px) );--review-card-width: calc( (var(--review-row-width) - (var(--review-card-gap) * 1)) / 2 )}.reviews-carousel__viewport-shell{width:var(--review-row-width);--review-card-width: calc( (var(--review-row-width) - (var(--review-card-gap) * 1)) / 2 )}.reviews-carousel__card{padding:10px}.reviews-page{overflow-x:hidden;max-width:100vw}}@media(hover:none)and (pointer:coarse)and (orientation:portrait)and (min-width:768px){.home-reviews{--review-visible-cards: 2;--review-card-gap: 6px;--review-row-width: min(100%, calc(100vw - 72px) )}.home-reviews__viewport-shell{width:var(--review-row-width)}.home-reviews__card{padding:10px}}@media(hover:none)and (pointer:coarse)and (max-width:900px){.home-page{gap:18px;padding-top:12px;padding-bottom:24px}.home-section{gap:10px}.home-section__header{display:grid;gap:6px}.home-section__header h2{margin:0;font-size:clamp(20px,5.2vw,26px)}.home-section .subhead{margin:0;font-size:13px;line-height:1.35}.home-hero{gap:12px;align-items:start}.home-hero__copy h1{margin:4px 0 8px;font-size:clamp(24px,7.6vw,34px)}.home-hero__subhead{font-size:13px;line-height:1.4}.home-hero__actions{margin-top:0;padding-top:10px}.home-cta{width:100%;min-width:0}.home-hero__panel{margin-top:0;justify-content:stretch}.home-panel-flip,.home-panel{width:100%;max-width:none}.home-panel-flip__face--front.home-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px}.home-panel-flip__face--front .home-panel__title{grid-column:1 / -1;margin-bottom:2px}.home-panel-flip__face--front .home-panel__stat{border-radius:0;padding:0;background:transparent;border:none}.home-panel-flip__face--front .home-panel__value{font-size:clamp(20px,6.2vw,26px);line-height:1}.home-panel-flip__face--front .home-panel__label{font-size:11px;line-height:1.25}.home-panel--review,.home-panel--news{min-height:188px;max-height:188px}.home-headtohead{padding:16px 0}.home-headtohead__inner{padding:0 12px}.home-headtohead__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:10px;align-items:center}.home-headtohead__title{font-size:clamp(18px,4.8vw,24px)}.home-headtohead__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.home-headtohead__actions .primary.home-headtohead__button{width:100%;font-size:12px;padding:8px 6px}.home-value-list{gap:4px;padding-left:16px;font-size:12px}.home-value-list li:nth-child(n+3){display:none}.home-headtohead__split{width:min(100%,150px)}.home-explain__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-explain__item{padding:12px;gap:8px}.home-explain__item:nth-child(3){grid-column:1 / -1}.home-explain__item h3{font-size:17px}.home-explain__item p{font-size:13px;line-height:1.35}.home-training__grid{gap:10px}.home-training__panel,.home-training__lesson{padding:12px}.home-training__board-wrap .lesson-card,.home-training__board-wrap .hint-card{padding:8px}.home-rush__grid{gap:10px}.home-rush__copy,.home-rush__demo-card{padding:12px}.home-rush__title{font-size:clamp(18px,4.8vw,22px)}.home-rush__strap{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-rush__intel{grid-template-columns:repeat(3,minmax(0,1fr))}.home-rush__launchpad{gap:6px;padding:8px 10px}.home-rush__launch-text{display:none}.home-rush__playfield{width:min(100%,288px)}.home-rush__sticker{width:72px;height:72px}.home-proof__grid{gap:10px}.home-proof__card{padding:12px}.home-finishers__viewport{min-height:132px}.home-finishers__rows{--finishers-row-height: 28px;--finishers-row-gap: 5px}.home-finishers__row{font-size:12px}.home-proof__list{margin-top:8px;gap:6px;font-size:12px}.home-reviews{--review-visible-cards: 2;--review-card-gap: 8px;--review-row-width: min(100%, calc(100vw - 28px) )}.home-reviews__card{padding:12px}.home-reviews__quote{-webkit-line-clamp:2;font-size:13px}.home-feedback{padding:10px 12px;font-size:12px}}@media(hover:none)and (pointer:coarse)and (max-width:640px){.home-headtohead__grid{grid-template-columns:1fr}.home-headtohead__visual{justify-content:flex-start}.home-headtohead__split{width:min(100%,170px)}.home-explain__grid{grid-template-columns:1fr}.home-explain__item:nth-child(3){grid-column:auto}.home-rush__intel{grid-template-columns:repeat(2,minmax(0,1fr))}.home-rush__intel-item:last-child{grid-column:1 / -1}}@media(hover:none)and (pointer:coarse)and (min-width:680px)and (max-width:900px){.home-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch}.home-proof__grid,.home-rush__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.matchmaking-page .content.showdown-content .board-wrap{max-width:560px}.matchmaking-page .showdown-palette,.matchmaking-page .showdown-controls,.matchmaking-page .player-feed{max-width:var(--sudoku-sidebar-max, 300px)}}@media(max-width:900px){.daily-hub-carousel-track{min-height:360px}.casual-hub-modes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.daily-hub-help__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.daily-hub-help__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.page{padding:0 0 16px}.hero h1{font-size:22px}.daily-page .hero,.casual-page .hero,.mini-page .hero,.training-page .hero{flex-wrap:wrap;padding-right:0}.content{width:100%}.board-wrap.auth-card--modern{width:min(100%,calc(var(--app-vw, 100vw) - 8px));max-width:min(100%,560px);margin-inline:auto;padding:24px 18px;border-radius:16px;box-sizing:border-box;--auth-stack-width: 100%}.auth-toggle,.auth-form,.auth-socials,.auth-separator{width:100%;max-width:100%}.daily-page .content,.casual-page .content,.training-page .content,.mini-page .content,.matchmaking-page .content.showdown-content{--sudoku-board-max: min(calc(var(--game-mobile-span, var(--app-vw)) - 0px), 720px)}.board-wrap{padding:0;gap:8px}.daily-page,.casual-page,.training-page,.mini-page,.killer-page,.matchmaking-page.showdown-mode-killer,.mathdoku-page,.jigsaw-page{--killer-board-padding: 6px}.daily-page,.casual-page,.training-page,.mini-page,.killer-page,.matchmaking-page.showdown-mode-killer,.mathdoku-page,.jigsaw-page{gap:10px}.daily-page .content,.casual-page .content,.training-page .content,.mini-page .content,.killer-page .content,.mathdoku-page .content,.jigsaw-page .content,.matchmaking-page.showdown-mode-classic .content.showdown-content,.matchmaking-page.showdown-mode-colour .content.showdown-content,.matchmaking-page.showdown-mode-killer .content.showdown-content{margin-top:-8px}.daily-page .board-wrap,.casual-page .board-wrap,.training-page .board-wrap,.mini-page .board-wrap,.killer-page .board-wrap,.mathdoku-page .board-wrap,.jigsaw-page .board-wrap,.matchmaking-page.showdown-mode-classic .board-wrap,.matchmaking-page.showdown-mode-colour .board-wrap,.matchmaking-page.showdown-mode-killer .board-wrap{width:var(--game-mobile-span, var(--app-vw));max-width:var(--game-mobile-span, var(--app-vw));margin-left:calc(50% - (var(--game-mobile-span, var(--app-vw)) / 2));margin-right:calc(50% - (var(--game-mobile-span, var(--app-vw)) / 2));border-radius:0;background:transparent;border:none;box-shadow:none;padding:0}.board-toolbar{padding:10px;border-radius:16px}.board-scale-shell,.jigsaw-board-scale-shell,.colour-page .board-scale-shell{border-radius:4px}.training-page .board-scale-shell{border-radius:var(--card-radius, 18px)}.daily-page .classic-board,.casual-page .classic-board,.daily-page .killer-board,.casual-page .killer-board,.daily-page .mathdoku-board,.casual-page .mathdoku-board,.matchmaking-page.showdown-mode-classic .killer-board,.matchmaking-page.showdown-mode-killer .killer-board,.mini-page .mini-board-shell,.daily-page .jigsaw-board-scale-shell,.casual-page .jigsaw-board-scale-shell{border-radius:4px}.daily-page .classic-board,.casual-page .classic-board,.daily-page .killer-board,.casual-page .killer-board,.matchmaking-page.showdown-mode-classic .killer-board,.matchmaking-page.showdown-mode-killer .killer-board,.daily-page .mathdoku-board,.casual-page .mathdoku-board{--overlay-radius: 4px}.daily-page.killer-page .killer-board .killer-cell:nth-of-type(-n+9),.casual-page.killer-page .killer-board .killer-cell:nth-of-type(-n+9),.matchmaking-page.showdown-mode-killer .killer-board .killer-cell:nth-of-type(-n+9){--cell-top-width: 0px !important;--cell-top-color: transparent !important}.daily-page.killer-page .killer-board .killer-cell:nth-last-of-type(-n+9),.casual-page.killer-page .killer-board .killer-cell:nth-last-of-type(-n+9),.matchmaking-page.showdown-mode-killer .killer-board .killer-cell:nth-last-of-type(-n+9){--cell-bottom-width: 0px !important;--cell-bottom-color: transparent !important}.daily-page.killer-page .killer-board .killer-cell:nth-of-type(9n+1),.casual-page.killer-page .killer-board .killer-cell:nth-of-type(9n+1),.matchmaking-page.showdown-mode-killer .killer-board .killer-cell:nth-of-type(9n+1){--cell-left-width: 0px !important;--cell-left-color: transparent !important}.daily-page.killer-page .killer-board .killer-cell:nth-of-type(9n),.casual-page.killer-page .killer-board .killer-cell:nth-of-type(9n),.matchmaking-page.showdown-mode-killer .killer-board .killer-cell:nth-of-type(9n){--cell-right-width: 0px !important;--cell-right-color: transparent !important}.matchmaking-page.showdown-mode-classic .countdown-overlay,.matchmaking-page.showdown-mode-colour .countdown-overlay,.matchmaking-page.showdown-mode-killer .countdown-overlay{border-radius:4px}.matchmaking-page.showdown-mode-classic .showdown-end-overlay,.matchmaking-page.showdown-mode-colour .showdown-end-overlay,.matchmaking-page.showdown-mode-killer .showdown-end-overlay{border-radius:4px;overflow:hidden}.matchmaking-page.showdown-mode-classic .showdown-end-overlay__canvas,.matchmaking-page.showdown-mode-colour .showdown-end-overlay__canvas,.matchmaking-page.showdown-mode-killer .showdown-end-overlay__canvas{border-radius:inherit}.stat-pill{padding:10px 12px}.stat-pill .stat-label{font-size:12px}.stat-pill .stat-value{font-size:18px}.control-btn{width:50px;height:50px}.action-card--compact{padding:0;border:none;background:transparent;box-shadow:none}.action-card--compact .action-icons,.matchmaking-page .showdown-controls .action-icons{gap:8px}.icon-btn{min-height:52px}.daily-page .palette,.casual-page .palette,.training-page .palette,.mini-page .palette,.matchmaking-page .showdown-palette .palette{width:calc(var(--game-mobile-span, var(--app-vw)) - 12px);max-width:calc(var(--game-mobile-span, var(--app-vw)) - 12px);margin-left:calc(50% - (var(--game-mobile-span, var(--app-vw)) / 2) - 4px);margin-right:calc(50% - (var(--game-mobile-span, var(--app-vw)) / 2) + 12px)}.daily-page .palette-grid,.casual-page .palette-grid,.training-page .palette-grid,.mini-page .palette-grid,.matchmaking-page .showdown-palette .palette-grid{width:min(calc(var(--game-mobile-span, var(--app-vw)) - 12px),var(--sudoku-board-max, var(--game-mobile-span, var(--app-vw))));max-width:min(calc(var(--game-mobile-span, var(--app-vw)) - 12px),var(--sudoku-board-max, var(--game-mobile-span, var(--app-vw))));min-width:min(calc(var(--game-mobile-span, var(--app-vw)) - 12px),var(--sudoku-board-max, var(--game-mobile-span, var(--app-vw))));margin-left:auto;margin-right:auto}.matchmaking-page .practice-panel{display:none}.matchmaking-page .content:not(.showdown-content) .board-wrap.auth-card{width:calc(var(--app-vw) - 16px);max-width:calc(var(--app-vw) - 16px);margin-left:auto;margin-right:auto;text-align:center}.matchmaking-page .content:not(.showdown-content) .match-id-actions,.matchmaking-page .content:not(.showdown-content) .match-actions,.matchmaking-page .content:not(.showdown-content) .match-settings,.matchmaking-page .content:not(.showdown-content) .player-count,.matchmaking-page .content:not(.showdown-content) .log{justify-content:center;text-align:center}.matchmaking-page .showdown-header,.matchmaking-page .showdown-top{justify-content:flex-start;text-align:left}.matchmaking-page .showdown-player-panel,.matchmaking-page .showdown-player-panel .player-feed{text-align:left;align-items:flex-start}.home-reviews{--review-visible-cards: 2;--review-row-width: min(100%, calc(100vw - 36px) );--review-card-gap: 6px}.home-reviews__card{padding:10px}.home-page{overflow-x:hidden;overscroll-behavior-x:none;max-width:100vw}.home-reviews__viewport-shell{width:100%}.home-card{touch-action:pan-y}.home-card-grid.is-dragging{touch-action:none}.home-card-grid:not(.is-dragging) .home-card:hover,.home-card-grid:not(.is-dragging) .home-card:focus-visible{transform:none;border-color:var(--border-muted);box-shadow:none}.home-card-grid:not(.is-dragging) .home-card:hover:before,.home-card-grid:not(.is-dragging) .home-card:focus-visible:before{opacity:0}}@media(max-width:720px){.daily-hub-carousel-track{min-height:320px}.daily-hub-carousel-card__header{flex-direction:column;align-items:flex-start}.casual-hub-modes__grid{grid-template-columns:minmax(0,1fr)}.top-nav{flex-wrap:nowrap;gap:10px}.links{flex-wrap:nowrap;justify-content:flex-end}.board-toolbar{grid-template-columns:1fr}.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.control-btn{width:42px;height:42px}.icon-btn{padding:12px}.icon-btn .icon{font-size:20px}.action-card--compact .action-icons{grid-template-columns:repeat(4,minmax(0,1fr))}.difficulty-row{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:720px){.matchmaking-page .sidebar{max-width:220px}.matchmaking-page .content.showdown-content .board-wrap{max-width:520px}.matchmaking-page .board-wrap.auth-card{max-width:420px}.matchmaking-page .showdown-palette,.matchmaking-page .showdown-controls,.matchmaking-page .player-feed{max-width:100%}}@media(max-width:820px){.daily-page .hero,.casual-page .hero{flex-wrap:wrap}.meta{width:100%;justify-content:flex-start}}.emoji-icon{display:inline-flex;align-items:center;justify-content:center;width:1.05em;height:1.05em;vertical-align:-.15em}.emoji-icon--lg{width:1.35em;height:1.35em;vertical-align:-.2em}.board--loading-hidden{visibility:hidden}.board--loading-hidden,.board--loading-hidden *{animation:none!important;transition:none!important}.layout-shell{min-height:100vh;max-width:100%;background:var(--page-bg);display:flex;flex-direction:column;overflow-x:hidden;overflow-x:clip}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;position:sticky;top:0;z-index:1000;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-muted);transition:transform .22s ease}.top-nav--minimal{justify-content:flex-end}.top-nav--hidden{transform:translateY(-110%)}.top-nav--minimal .links{width:100%;justify-content:flex-end}.brand{display:inline-flex;align-items:center;gap:0;font-weight:800;font-size:18px;color:var(--text-primary);position:relative}.brand-button{border:none;background:none;padding:0;display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:inherit;font:inherit}.brand-logo{width:auto;height:40px;border-radius:10px;object-fit:cover;box-shadow:0 8px 16px #0f172a33}.brand-logo--compact{width:40px;height:40px;padding:6px;box-sizing:border-box;border-radius:12px;object-fit:contain}.links{display:flex;gap:14px;align-items:center;margin-left:auto}.mobile-nav-toggle{display:none;min-width:40px;height:40px;border-radius:14px;border:1px solid var(--border-muted);background:var(--card-bg);color:var(--text-primary);align-items:center;justify-content:center;gap:8px;padding:0 10px;cursor:pointer}.mobile-nav-toggle__icon{display:grid;gap:4px}.mobile-nav-toggle__icon span{display:block;width:18px;height:2px;background:currentColor;border-radius:999px}.mobile-nav-toggle__text{display:flex;align-items:baseline;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary)}.mobile-nav-toggle__context{font-size:11px;color:var(--text-muted);font-weight:500}.links-group{display:flex;gap:14px;align-items:center;flex-wrap:nowrap}.nav-link{padding:8px 12px;border-radius:var(--card-radius, 18px);font-weight:600;color:var(--text-primary);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background .12s ease,color .12s ease}.nav-link--wrap{white-space:normal;text-align:center}.nav-link__icon{font-size:14px}.nav-link:hover{background:var(--nav-hover)}.nav-link.active{background:var(--nav-active);color:var(--text-strong)}.nav-link--ghost{border:1px solid var(--border-muted);background:var(--card-bg);cursor:pointer}.nav-user-link{gap:7px}.nav-user-link__name{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-link__trophy{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px solid rgba(212,166,42,.36);background:#f7e7ba57;color:#5e4300;font-size:11px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.nav-user-link--hide-trophies .nav-user-link__trophy{display:none}.theme-dark .nav-user-link__trophy{border-color:#f0c75f75;background:#f0c75f33;color:#ffe8a5}.nav-link--pending{opacity:.75;cursor:default;pointer-events:none}.mobile-nav{position:fixed;inset:0;background:#0f172a59;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1100}.mobile-nav__panel{position:absolute;top:0;right:0;height:100%;width:min(86vw,320px);background:var(--card-bg);border-left:1px solid var(--border-muted);padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overscroll-behavior:contain;transform:translate(100%);transition:transform .22s ease}.mobile-nav.is-open{opacity:1;pointer-events:auto}.mobile-nav.is-open .mobile-nav__panel{transform:translate(0)}.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;font-weight:700}.mobile-nav__title{display:flex;align-items:baseline;gap:8px}.mobile-nav__title-context{font-size:12px;font-weight:500;color:var(--text-muted)}.mobile-nav__close{border:none;background:none;font-size:22px;cursor:pointer;color:var(--text-primary)}.mobile-nav__links{display:flex;flex-direction:column;gap:6px}.mobile-nav__links .nav-link{width:100%;justify-content:flex-start}.mobile-nav__panel>.nav-user-link{width:100%;justify-content:flex-start}.mobile-nav__panel>.nav-link:not(.nav-user-link){width:100%;justify-content:flex-start;margin-top:0}.mobile-nav__panel>.nav-user-link .nav-user-link__name{max-width:none}.mobile-nav__helper-note{margin:auto 0 0;padding-top:10px;border-top:1px solid var(--border-muted);color:var(--text-muted);font-size:12px;line-height:1.4}@media(max-width:1100px){.links{align-items:center}.links-group{flex-wrap:wrap;justify-content:flex-end;gap:14px;align-items:center}.links-group .nav-link{justify-content:center;text-align:center;white-space:normal}.links-group .nav-link--wrap{width:min-content}}@media(max-width:900px){.top-nav{flex-wrap:nowrap;padding:12px 14px}.links{flex-wrap:nowrap;gap:10px}.links-group{display:none}.links>.nav-link,.links>.nav-link--ghost{display:none}.mobile-nav-toggle{display:inline-flex;order:2}.nav-settings{order:1}.content-area{padding:8px 10px 28px;max-width:100%}.mobile-nav__panel>a.nav-link[href="/login"]{margin-top:-12px}}@media(max-width:600px){.content-area{padding:0 0 16px}}.content-area{padding:16px 18px 36px;max-width:980px;margin:0 auto;width:100%;flex:1 0 auto;overflow-x:hidden;overflow-x:clip}.content-area--allow-horizontal-bleed{overflow-x:visible}.content-area--natural-flow{flex:1 0 auto;min-height:0}.layout-shell--ranked-hub .content-area{flex:0 0 auto;padding-bottom:8px}.layout-shell--ranked-hub .seo-section{padding-top:2px}.layout-shell--ranked-hub .site-footer{margin-top:0}.phone-landscape-blocked .layout-shell{min-height:var(--app-vh, 100vh);width:100%;max-width:none}.phone-landscape-blocked .top-nav{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.phone-landscape-blocked .content-area{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.phone-landscape-blocked .feedback-widget{right:max(12px,calc(env(safe-area-inset-right) + 12px));bottom:max(12px,calc(env(safe-area-inset-bottom) + 12px))}.seo-section{padding:24px 24px 0}.seo-section__details{background:var(--panel-bg, #f7f7fb);border-radius:18px;padding:18px 22px;border:1px solid rgba(120,120,140,.12);box-shadow:0 16px 30px #0a0c190f}.seo-section__summary{list-style:none;display:flex;flex-direction:column;gap:6px;font-weight:700;color:var(--text-primary, #101221)}.seo-section__summary-hint{font-size:.85rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted, #6b7280);text-transform:uppercase}.seo-section__body{margin-top:14px;display:grid;gap:12px}.seo-section__paragraph{margin:0;color:var(--text-secondary, #2f3445);line-height:1.6}.seo-section__list{margin:0;padding-left:18px;color:var(--text-secondary, #2f3445);line-height:1.6}.theme-dark .seo-section__details{background:#0a0e1ab3;border-color:#94a3b82e;box-shadow:0 18px 34px #04060c73}.theme-dark .seo-section__summary{color:var(--text-primary)}.theme-dark .seo-section__summary-hint{color:var(--text-muted)}.theme-dark .seo-section__paragraph,.theme-dark .seo-section__list{color:var(--text-secondary)}@media(max-width:640px){.seo-section{padding:18px 16px 0}.seo-section__details{padding:16px}}.feedback-widget{position:fixed;right:18px;bottom:18px;z-index:1200;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:12px}.feedback-button{width:44px;height:44px;border-radius:16px;border:1px solid var(--border-muted);background:var(--card-bg);color:var(--text-primary);display:grid;place-items:center;box-shadow:0 10px 24px #0f172a29;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.feedback-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0f172a33}.feedback-button svg{width:22px;height:22px}.feedback-panel{width:min(360px,calc(100vw - 28px));max-height:min(75vh,520px);overflow-y:auto;overscroll-behavior:contain;background:var(--card-bg);border:1px solid var(--border-muted);border-radius:16px;box-shadow:var(--shadow-elevated);padding:16px}.feedback-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.feedback-panel__header h3{margin:0 0 4px;font-size:16px}.feedback-panel__header p{margin:0;color:var(--text-muted);font-size:12px}.feedback-close{border:none;background:none;color:var(--text-muted);font-size:20px;cursor:pointer}.feedback-form{margin-top:12px;display:flex;flex-direction:column;gap:10px}.feedback-label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-muted);font-weight:600}.feedback-label input,.feedback-label select,.feedback-label textarea{border:1px solid var(--border-muted);border-radius:12px;padding:8px 10px;font-size:13px;font-family:inherit;background:var(--card-muted);color:var(--text-primary)}.feedback-label textarea{resize:vertical;min-height:90px}.feedback-checkbox{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);font-weight:600}.feedback-identity{display:grid;gap:10px}.feedback-identity__note{margin:0;font-size:12px;color:var(--text-muted)}.feedback-error{background:#f8717129;color:#b91c1c;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:600}.feedback-success{background:#22c55e29;color:#15803d;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:600}.theme-dark .feedback-error{color:#fecaca}.theme-dark .feedback-success{color:#bbf7d0}.feedback-submit{border:none;border-radius:12px;padding:10px 12px;font-weight:700;font-size:13px;color:var(--text-strong);background:var(--accent-strong);cursor:pointer}.feedback-submit:disabled{opacity:.6;cursor:not-allowed}.feedback-note{margin:4px 0 0;font-size:11px;color:var(--text-muted)}.feedback-log{border-top:1px solid var(--border-muted);padding-top:10px;display:grid;gap:8px}.feedback-log__title{margin:0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.feedback-log__list{display:grid;gap:8px}.feedback-log__item{padding:8px 10px;border-radius:10px;border:1px solid var(--border-muted);background:var(--card-muted);display:grid;gap:6px}.feedback-log__meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.feedback-log__type{font-weight:700}.feedback-log__message{margin:0;font-size:12px;color:var(--text-primary);word-break:break-word}@media(max-width:600px){.feedback-widget{right:12px;bottom:12px}}@media(max-width:600px){.brand-menu-item{touch-action:manipulation}.brand-menu-item.is-dragging{touch-action:none}}.site-footer{margin-top:auto;background:var(--card-bg);border-top:1px solid var(--border-muted)}.cookie-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:2200;max-width:960px;margin:0 auto;padding:16px 18px;display:flex;gap:16px;align-items:center;justify-content:space-between;background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.12);border-radius:16px;box-shadow:0 18px 40px #0f172a2e}.cookie-consent__content{flex:1;min-width:0}.cookie-consent__title{font-weight:700;margin:0 0 6px}.cookie-consent__text{margin:0;font-size:.95rem;color:inherit}.cookie-consent__link{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}.cookie-consent__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.cookie-consent__btn{border:1px solid rgba(15,23,42,.18);background:transparent;color:inherit;border-radius:999px;padding:8px 14px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.cookie-consent__btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a1f}.cookie-consent__btn--primary{background:#0f172a;color:#f8fafc;border-color:transparent}.theme-dark .cookie-consent{background:#0f172af2;color:#e2e8f0;border-color:#94a3b859;box-shadow:0 18px 40px #020617a6}.theme-dark .cookie-consent__btn{border-color:#94a3b866}.theme-dark .cookie-consent__btn--primary{background:#e2e8f0;color:#0f172a}@media(max-width:720px){.cookie-consent{flex-direction:column;align-items:flex-start}.cookie-consent__actions{width:100%;justify-content:flex-start}}.footer-inner{display:grid;grid-template-columns:minmax(320px,360px) repeat(4,max-content);gap:45px;padding:28px 28px 24px;width:min(100%,1200px);margin:0 auto;align-items:start}.footer-col{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.footer-col--note .footer-note{max-width:230px}.footer-brand{gap:12px;justify-content:stretch;min-width:280px}.footer-logo-link{display:block;width:100%;height:auto;cursor:pointer}.footer-logo-card{display:flex;align-items:center;justify-content:center;width:100%;background:#fff;border:1px solid var(--border-muted);border-radius:24px;padding:18px;box-shadow:0 16px 28px #0f172a2e}.footer-logo-link img{width:100%;height:auto;max-width:360px;max-height:260px;object-fit:contain;border-radius:18px}.footer-title{margin:0;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);font-size:12px}.footer-link{color:var(--text-muted);text-decoration:none;font-weight:600;font-size:14px;display:inline-flex;align-self:flex-start}.footer-link--button{background:none;border:none;padding:0;font:inherit;cursor:pointer}.footer-note{margin:0;color:var(--text-muted);font-size:14px;line-height:1.5;font-weight:500;align-self:stretch}.footer-link:hover{color:var(--text-primary)}.footer-social{display:inline-flex;gap:12px;margin-top:8px}.footer-social__link{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-muted);display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);background:var(--card-muted);transition:transform .12s ease,box-shadow .12s ease}.footer-social__link:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a1f}.footer-social__link svg{width:18px;height:18px}.footer-bar{width:100%;padding:5px 18px;text-align:center;font-weight:600;font-size:12px;line-height:1.2;font-family:inherit;background:#fe9801;color:var(--text-strong)}@media(max-width:1100px){.footer-inner{grid-template-columns:minmax(240px,1.2fr) repeat(2,minmax(0,1fr));gap:24px}}@media(max-width:900px){.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer-logo-card{padding:16px}.footer-logo-link img{max-width:320px;max-height:220px}}@media(max-width:640px){.footer-inner{grid-template-columns:1fr;gap:18px}.footer-logo-link{justify-content:center}.footer-logo-link img{max-width:260px;max-height:200px}.footer-bar{font-size:12px}}@media(max-width:600px){.site-footer--home .footer-inner,.site-footer--compact .footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 16px 18px;grid-auto-rows:min-content}.site-footer--home .footer-col,.site-footer--compact .footer-col{gap:8px}.site-footer--home .footer-brand,.site-footer--compact .footer-brand{grid-column:1 / -1}.site-footer--home .footer-col--note,.site-footer--compact .footer-col--note{grid-column:1 / -1;margin-top:8px}.site-footer--compact .footer-col:nth-of-type(4),.site-footer--compact .footer-col:nth-of-type(5){display:none}.site-footer--compact .footer-col--note .footer-note{max-width:100%}.site-footer--compact .footer-logo-link img{max-width:220px;max-height:170px}}.brand-menu{position:absolute;top:calc(100% + 8px);left:0;display:grid;gap:6px;padding:10px;border-radius:var(--card-radius);background:var(--card-bg);border:1px solid var(--border-muted);box-shadow:var(--shadow-elevated);min-width:220px;z-index:1001}.brand-menu:before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}.brand-menu-title{padding:4px 10px 2px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.brand-menu-group{display:grid;gap:6px;position:relative}.brand-menu-insert-line{position:absolute;left:10px;right:10px;height:2px;border-radius:999px;background:var(--accent-strong);transform:translateY(var(--line-y, 0px));transition:transform .14s ease-out;opacity:0;pointer-events:none;will-change:transform}.brand-menu-insert-line.is-visible{opacity:1}.brand-menu-divider{height:1px;background:var(--border-muted);border-radius:999px;margin:4px 2px}.brand-menu-item{position:relative;padding:6px 10px;border-radius:12px;border:1px solid transparent;font-weight:600;font-size:12px;text-align:left;background:var(--card-muted);color:var(--text-primary);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,margin .16s ease;will-change:transform}.brand-menu-item--favorite{background:var(--card-muted)}.brand-menu-item:hover{background:var(--card-bg);border-color:var(--border-muted)}.brand-menu-item.is-dragging{transform:scale(1.02);box-shadow:0 10px 20px #0f172a1f;background:var(--card-bg);border-color:var(--border-muted);opacity:.92}.brand-menu-item.is-drop-target{border-color:var(--accent-strong)}.brand-menu-item[data-favorite-id]{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.brand-menu-item[data-favorite-id].is-dragging{cursor:grabbing}.brand-menu-item.active{border-color:var(--accent-strong);background:var(--accent-soft)}.brand-menu-item.disabled{opacity:.55;cursor:not-allowed}.menu-small{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.nav-settings{position:relative}.nav-icon{border:1px solid var(--border-muted);background:var(--card-bg);width:38px;height:38px;border-radius:var(--card-radius);display:grid;place-items:center;cursor:pointer;color:var(--text-primary)}.nav-icon svg{width:18px;height:18px}.nav-icon__glyph{transform-origin:50% 50%;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.settings-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;padding:12px;border-radius:var(--card-radius);background:var(--card-bg);border:1px solid var(--border-muted);box-shadow:var(--shadow-elevated);display:grid;gap:10px;z-index:20}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-primary);min-height:32px}.settings-row--link{border:none;background:transparent;padding:0;border-radius:10px;cursor:pointer;text-align:left;transition:background .15s ease;width:100%;color:inherit;font:inherit;font-size:13px;font-weight:400;line-height:1.2}.settings-row--link:hover{background:var(--card-muted)}.settings-row__meta{font-size:12px;color:var(--text-muted)}.settings-inline{display:flex;gap:8px;flex-wrap:wrap}.settings-row .toggle{border:1px solid var(--border-muted);background:var(--card-muted);padding:4px 10px;border-radius:999px;font-weight:600;cursor:pointer;color:var(--text-primary)}.theme-dark .settings-row .toggle{color:#f8fafc}.settings-note{margin:-4px 0 2px;max-width:220px;font-size:11px;line-height:1.35;color:var(--text-muted)}.tutorial-overlay{position:fixed;inset:0;z-index:1200;pointer-events:none;font-family:Sora,Montserrat,Trebuchet MS,sans-serif}.tutorial-backdrop{position:absolute;inset:0;background:#060c188c;animation:tutorial-fade .2s ease-in-out;z-index:1200}.tutorial-backdrop--dim{background:#060c1833}.tutorial-highlight{position:fixed;z-index:1201;border-radius:18px;border:2px solid rgba(96,146,255,.7);box-shadow:0 10px 30px #050e2259;transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out;pointer-events:none}.tutorial-highlight--primary{box-shadow:0 0 0 9999px #060c188c,0 0 0 3px #6092ff4d,0 10px 30px #050e2259}.tutorial-highlight--pulse{border-color:#6092fff2;background:#6092ff14;box-shadow:0 0 0 9999px #060c188c,0 0 0 5px #6092ff99,0 0 22px #6092ff99,0 10px 30px #050e2259;animation:tutorial-highlight-pulse 1.2s ease-in-out infinite}.tutorial-highlight--secondary{border-color:#96b9ff66;box-shadow:0 0 0 2px #96b9ff1f,0 8px 18px #050e2233}.tutorial-tooltip{position:fixed;max-width:320px;background:#fff;color:#0c1b2b;border-radius:18px;padding:18px 20px 16px;box-shadow:0 18px 40px #07122b47;pointer-events:auto;opacity:0;animation:tutorial-tooltip-in .22s ease-in-out forwards;z-index:1202}.tutorial-header{position:relative;padding-right:72px;margin-bottom:8px}.tutorial-header h3{margin:0}.tutorial-actions{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.tutorial-back{border:1px solid rgba(45,108,246,.25);background:#2d6cf614;color:#2d6cf6;padding:7px 14px;border-radius:999px;font-size:12px;cursor:pointer;font-weight:600}.tutorial-tooltip h3{margin:0;font-size:16px;font-weight:700}.tutorial-tooltip p{margin:0 0 12px;font-size:13px;color:#30405a}.tutorial-hint{margin:0 0 14px;font-size:12px;color:#4c5a72;font-weight:600}.tutorial-tooltip--top{transform:translate(-50%,-100%)}.tutorial-tooltip--bottom{transform:translate(-50%)}.tutorial-tooltip--left{transform:translate(-100%,-50%)}.tutorial-tooltip--right{transform:translateY(-50%)}.tutorial-tooltip--center,.tutorial-tooltip--welcome,.tutorial-tooltip--finish{transform:translate(-50%,-50%);text-align:center}.tutorial-tooltip--wide{width:min(360px,calc(100vw - 64px));max-width:360px;padding:16px 26px}.tutorial-tooltip--wide p{max-width:36ch}.tutorial-tooltip--center{padding-top:30px}.tutorial-tooltip--welcome{padding-top:32px}@media(max-width:640px){.tutorial-tooltip{max-width:92vw;padding:18px 18px 16px;border-radius:16px}.tutorial-tooltip--mobile{width:min(340px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto;transform:translate(0)}.tutorial-tooltip--mobile.tutorial-tooltip--center,.tutorial-tooltip--mobile.tutorial-tooltip--welcome,.tutorial-tooltip--mobile.tutorial-tooltip--finish{transform:translate(-50%,-50%)}.tutorial-tooltip--mobile .tutorial-header{padding-right:64px}.tutorial-tooltip--welcome,.tutorial-tooltip--center,.tutorial-tooltip--finish{padding-top:28px}.tutorial-tooltip h3{font-size:15px}.tutorial-tooltip p{font-size:13px}.tutorial-skip{top:10px;right:12px}.tutorial-actions{margin-top:10px}.tutorial-tooltip--wide{max-width:92vw;padding:18px 18px 16px}}.tutorial-primary{border:none;background:linear-gradient(135deg,#2d6cf6,#4cb7ff);color:#fff;padding:8px 18px;border-radius:999px;font-weight:600;cursor:pointer;font-size:13px;box-shadow:0 10px 20px #245ac847}.tutorial-skip{position:absolute;top:0;right:0;border:none;background:none;color:#60708c;font-size:11px;cursor:pointer;text-decoration:underline}.tutorial-tooltip--welcome .tutorial-skip{position:absolute;top:0;right:0}.tutorial-tooltip--tight .tutorial-skip{position:absolute;top:10px;right:16px}.tutorial-confirm{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#0c1b2b;border-radius:18px;padding:22px 24px;box-shadow:0 18px 40px #07122b4d;max-width:340px;text-align:center;pointer-events:auto;z-index:1203}.tutorial-fireworks{position:fixed;inset:0;height:45vh;pointer-events:none;z-index:1195}.tutorial-fireworks canvas{width:100%;height:100%;display:block}.tutorial-scroll-hint{position:fixed;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#0c182cb3;color:#f5f7fb;font-size:12px;letter-spacing:.02em;pointer-events:none;z-index:1210;opacity:.85;box-shadow:0 10px 24px #050e224d;animation:tutorial-scroll-pulse 1.6s ease-in-out infinite}.tutorial-scroll-hint--up{top:16px}.tutorial-scroll-hint--down{bottom:16px}.tutorial-scroll-hint__arrow{width:10px;height:10px;border-right:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);transform:rotate(45deg)}.tutorial-scroll-hint--up .tutorial-scroll-hint__arrow{transform:rotate(-135deg)}@keyframes tutorial-scroll-pulse{0%,to{opacity:.75;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(-4px)}}.tutorial-confirm p{margin:8px 0 16px;font-size:13px;color:#3a4860}.tutorial-confirm__actions{display:flex;justify-content:center;gap:10px}.tutorial-confirm__ghost{border:1px solid rgba(34,62,118,.2);background:#f4f7fb;color:#2c3a52;padding:8px 14px;border-radius:999px;font-size:12px;cursor:pointer}.theme-dark .tutorial-tooltip{background:#0d182cf5;color:#f5f7fb;box-shadow:0 18px 40px #02081273}.theme-dark .tutorial-tooltip p{color:#f5f7fbc7}.theme-dark .tutorial-skip{color:#f5f7fbb3}.theme-dark .tutorial-back{background:#ffffff14;color:#cfe1ff;border-color:#5a8cff59}.theme-dark .tutorial-confirm{background:#0d182cf5;color:#f5f7fb}.theme-dark .tutorial-confirm p{color:#f5f7fbc7}.theme-dark .tutorial-confirm__ghost{background:#ffffff14;color:#e6edf8;border-color:#ffffff29}@keyframes tutorial-fade{0%{opacity:0}to{opacity:1}}@keyframes tutorial-tooltip-in{0%{opacity:0}to{opacity:1}}@keyframes tutorial-highlight-pulse{0%{box-shadow:0 0 0 9999px #060c188c,0 0 0 5px #6092ff99,0 0 12px #6092ff73,0 10px 30px #050e2259}50%{box-shadow:0 0 0 9999px #060c188c,0 0 0 7px #6092ffcc,0 0 24px #6092ffb3,0 10px 30px #050e2259}to{box-shadow:0 0 0 9999px #060c188c,0 0 0 5px #6092ff99,0 0 12px #6092ff73,0 10px 30px #050e2259}}@media(prefers-reduced-motion:reduce){.tutorial-backdrop,.tutorial-tooltip,.tutorial-highlight{animation:none;transition:none}}.palette{border:1px solid var(--border-muted);border-radius:var(--card-radius, 18px);padding:16px;background:#fff;display:grid;gap:12px;width:100%;max-width:320px;margin:0 auto}.palette-header{display:flex;flex-direction:column;gap:4px}.palette-title{margin:0;font-weight:700;font-size:16px}.palette-sub{margin:0;font-size:12px;color:var(--text-muted)}.palette-sub--emphasis{font-weight:700;color:#1d4ed8}.palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.swatch{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:10px;border:1px solid var(--border-muted);cursor:grab;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;outline:none!important;box-shadow:none!important;appearance:none;-webkit-tap-highlight-color:transparent}.swatch:active{cursor:grabbing}.swatch--editable,.swatch--editable:active{cursor:pointer}.swatch:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.swatch:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.swatch.swatch--depleted:disabled{opacity:.38}.palette--no-dim .swatch:disabled{opacity:1;cursor:default}.palette--no-dim .swatch.swatch--depleted:disabled{opacity:.38;cursor:not-allowed}.swatch:disabled:hover{transform:none;box-shadow:none}.swatch--blank{border-color:#94a3b8;box-shadow:inset 0 0 0 1px #94a3b899}.swatch--filled{border-color:transparent;box-shadow:none}.swatch--active{border-color:var(--text-primary);box-shadow:0 0 0 2px #0f172a33}.swatch:focus,.swatch:focus-visible{outline:none!important;box-shadow:none!important;border-color:var(--border-muted)}.theme-dark .palette{background:var(--card-muted)}.theme-dark .swatch-edit{background:#d0deffe6;color:#0f172a}.swatch-label{position:absolute;bottom:6px;right:8px;font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase}.swatch--editable .swatch-label{right:28px}.swatch-edit{position:absolute;bottom:6px;right:6px;width:18px;height:18px;border-radius:6px;background:#0f172abf;color:#fff;font-size:14px;font-weight:700;display:grid;place-items:center;line-height:1;text-align:center;pointer-events:none;box-shadow:0 4px 10px #0003}.swatch-value{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(18px,2.2vw,24px);font-weight:700;color:var(--text-strong);pointer-events:none}.swatch-drag-image{position:fixed;top:-999px;left:-999px;width:52px;height:52px;border-radius:10px;display:grid;place-items:center;font-weight:700;color:transparent;box-shadow:0 8px 24px #00000029;transform:scale(.92);pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:1024px){.palette{padding:12px;gap:8px;max-width:min(320px,92vw)}.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.swatch{border-radius:8px}.swatch-label{font-size:10px;bottom:4px;right:6px}.swatch-edit{width:16px;height:16px;font-size:12px}}@media(max-width:720px){.palette{padding:10px;max-width:min(260px,90vw)}.palette-grid{gap:6px}.swatch-label{font-size:9px}}@media(max-width:900px){.palette{max-width:100%;padding:0;gap:8px;border:none;background:transparent;box-shadow:none}.palette-header{display:none}.palette-grid{grid-template-columns:repeat(var(--palette-columns, 9),minmax(0,1fr));gap:clamp(4px,1.2vw,8px)}.palette-title{font-size:14px}.palette-sub{font-size:11px}.swatch-value{font-size:clamp(16px,4.4vw,20px)}}.palette-editor{position:fixed;inset:0;z-index:80;display:grid;place-items:center}.palette-editor__backdrop{position:absolute;inset:0;background:#0f172a8c}.palette-editor__card{position:relative;z-index:2;width:min(360px,92vw);background:var(--card-bg);border-radius:18px;border:1px solid var(--border-muted);box-shadow:var(--shadow-elevated);padding:18px;display:grid;gap:12px}.palette-editor__header{display:flex;align-items:center;justify-content:space-between}.palette-editor__header h3{margin:0;font-size:18px}.palette-editor__close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted)}.palette-editor__preview{height:70px;border-radius:12px;border:1px solid var(--border-muted);box-shadow:inset 0 0 0 1px #ffffff59}.palette-editor__row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-muted)}.palette-editor__row label{flex:0 0 52px}.palette-editor__input{flex:1;padding:8px 10px;border-radius:10px;border:1px solid var(--border-muted);background:var(--card-bg);color:var(--text-primary)}.palette-editor__picker{width:48px;height:36px;border:none;background:transparent;padding:0}.palette-editor__sliders{display:grid;gap:8px}.palette-editor__sliders label{display:grid;grid-template-columns:18px 1fr 36px;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.palette-editor__sliders input[type='"range"']{width:100%}.palette-editor__value{text-align:right;color:var(--text-primary);font-weight:600}.palette-editor__actions{display:flex;gap:10px}.palette-editor__ghost,.palette-editor__primary{flex:1;padding:10px 12px;border-radius:12px;border:1px solid var(--border-muted);background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-weight:600}.palette-editor__primary{background:#2d6cf6;color:#fff;border-color:transparent}.theme-dark .palette-editor__card{background:#0f172af2}.theme-dark .palette-editor__input{background:#0f172a99}@media(max-width:600px){.palette-grid{width:100%;max-width:100%;min-width:100%;gap:clamp(1px,.6vw,4px)}.swatch-label{display:none}.swatch{border-radius:12px}.swatch-label{font-size:10px}.swatch-value{font-size:clamp(16px,4.8vw,22px)}.swatch-edit{width:14px;height:14px;font-size:11px;bottom:4px;right:4px;border-radius:5px}}@media not all{.board{--small-gap: 1px;--large-gap: 2px;--board-padding: var(--killer-board-padding, 12px);--grid-line: rgba(15, 23, 42, .35);display:grid;grid-template-columns:1fr var(--small-gap) 1fr var(--small-gap) 1fr var(--large-gap) 1fr var(--small-gap) 1fr var(--small-gap) 1fr var(--large-gap) 1fr var(--small-gap) 1fr var(--small-gap) 1fr;grid-template-rows:1fr var(--small-gap) 1fr var(--small-gap) 1fr var(--large-gap) 1fr var(--small-gap) 1fr var(--small-gap) 1fr var(--large-gap) 1fr var(--small-gap) 1fr var(--small-gap) 1fr;background-color:var(--grid-line);padding:var(--board-padding);border:none;--board-radius: 15px;border-radius:var(--board-radius);box-shadow:0 10px 26px #0f172a1f,0 0 0 2px #0f172a29;position:relative;box-sizing:border-box;width:100%;max-width:min(100%,var(--sudoku-board-max, 620px));margin:0 auto;aspect-ratio:1 / 1}@media(max-width:720px){.board{max-width:min(100vw,var(--sudoku-board-max, 620px));--large-gap: 2px;--small-gap: 1px;padding:6px}.cell{border-radius:4px}}.board:before{content:none}.board--disabled{pointer-events:none}.board--disabled:not(.board--example){opacity:.7}.board--disabled.board--complete{opacity:1}.board--dimmed{opacity:.88;filter:saturate(.92) brightness(.98)}.cell{position:relative;aspect-ratio:1 / 1;border:none;border-radius:4px;background:#fff;cursor:pointer;--shadow-hover: none;--shadow-selected: none;--shadow-given: none;box-shadow:var(--shadow-selected),var(--shadow-given),var(--shadow-hover);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color var(--cell-bg-duration, .12s) ease;outline:2px solid transparent;outline-offset:-2px;box-sizing:border-box;z-index:1;width:100%;height:100%}.cell:nth-child(9n+1){grid-column:1}.cell:nth-child(9n+2){grid-column:3}.cell:nth-child(9n+3){grid-column:5}.cell:nth-child(9n+4){grid-column:7}.cell:nth-child(9n+5){grid-column:9}.cell:nth-child(9n+6){grid-column:11}.cell:nth-child(9n+7){grid-column:13}.cell:nth-child(9n+8){grid-column:15}.cell:nth-child(9n+9){grid-column:17}.cell:nth-child(n+1):nth-child(-n+9){grid-row:1}.cell:nth-child(n+10):nth-child(-n+18){grid-row:3}.cell:nth-child(n+19):nth-child(-n+27){grid-row:5}.cell:nth-child(n+28):nth-child(-n+36){grid-row:7}.cell:nth-child(n+37):nth-child(-n+45){grid-row:9}.cell:nth-child(n+46):nth-child(-n+54){grid-row:11}.cell:nth-child(n+55):nth-child(-n+63){grid-row:13}.cell:nth-child(n+64):nth-child(-n+72){grid-row:15}.cell:nth-child(n+73):nth-child(-n+81){grid-row:17}.cell:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001f}.cell--given,.cell--locked{box-shadow:inset 0 0 0 2px #111827a6;position:relative}.cell--filled{box-shadow:inset 0 0 0 2px #111827a6}.cell--given,.cell--locked,.cell--filled{border-color:transparent}.cell--selected{outline:3px solid #38bdf8;outline-offset:-1px;z-index:10}.cell--highlighted{position:relative}.cell--highlighted:after{content:"";position:absolute;inset:3px;border:2px solid rgba(17,24,39,.65);border-radius:7px;pointer-events:none}.cell--hint-target{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px rgba(34,197,94,var(--hint-target-alpha, .9));z-index:30}.board--colour-hints .cell--hint-target{background-image:linear-gradient(180deg,rgba(34,197,94,var(--hint-target-bg-alpha, .18)),rgba(34,197,94,var(--hint-target-bg-alpha, .18)));transition:--hint-target-bg-alpha .32s ease}.cell--hint-focus{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #3b82f6cc;z-index:20}.cell--hint-target.cell--hint-focus{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px rgba(34,197,94,var(--hint-target-alpha, .9));z-index:30}.cell--hint-row,.cell--hint-col,.cell--hint-box{background-image:linear-gradient(180deg,rgba(59,130,246,var(--hint-scan-alpha, .18)),rgba(59,130,246,var(--hint-scan-alpha, .18)));transition:--hint-scan-alpha .32s ease}.cell--hint-eliminate{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #dc2626d9;z-index:11}.board--colour-hints .cell--hint-source{z-index:12}.hint-arrows{position:absolute;inset:0;pointer-events:none;z-index:6;width:100%;height:100%;opacity:1;transition:opacity .32s ease}.hint-arrow-line{stroke:#0f172a;stroke-width:3px;stroke-linecap:butt}@property --hint-scan-alpha{syntax: "<number>"; inherits: true; initial-value: .18;}@property --hint-target-alpha{syntax: "<number>"; inherits: true; initial-value: .9;}@property --hint-target-bg-alpha{syntax: "<number>"; inherits: true; initial-value: .18;}.board{--hint-scan-alpha: .18;--hint-target-alpha: .9;--hint-target-bg-alpha: .18;--cell-bg-duration: .12s}.board--hint-apply-fade{--hint-scan-alpha: 0;--hint-target-bg-alpha: 0;--cell-bg-duration: .32s}.board--hint-apply-fade .hint-arrows{opacity:0}.board--hint-apply-target-fade{--hint-target-alpha: 0;--hint-target-bg-alpha: 0}.hint-arrow-line--animate{stroke-dasharray:1000;stroke-dashoffset:1000;animation:hint-arrow-draw .36s ease-out forwards}.board--colour-hints .hint-arrow--animate{opacity:0;animation:hint-arrow-fade .36s ease-out forwards}.board--colour-hints .hint-arrow-line--animate{stroke-dasharray:none;stroke-dashoffset:0;animation:none}@keyframes hint-arrow-draw{to{stroke-dashoffset:0}}@keyframes hint-arrow-fade{to{opacity:1}}@media(prefers-reduced-motion:reduce){.hint-arrow-line--animate{animation:none;stroke-dashoffset:0}}.cell-label{position:absolute;bottom:6px;right:8px;font-size:12px;font-weight:700;color:#111827cc}.cell-notes{position:absolute;inset:6px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;opacity:1;pointer-events:none}.cell-note{border-radius:4px;background:transparent;border:none}.cell-note--active{background:var(--note-colour, rgba(17, 24, 39, .08))}.cell-note--match{box-shadow:inset 0 0 0 1.5px #2563ebf2}.cell-dot{position:absolute;top:6px;left:6px;width:8px;height:8px;border-radius:999px;background:#1118278c}.cell-dot--given{opacity:1}}.board-scale-shell{width:100%;max-width:min(100%,var(--sudoku-board-max, 620px));margin:0 auto;aspect-ratio:1 / 1;position:relative;background:#fff;border-radius:var(--card-radius, 18px);box-shadow:0 10px 26px #0f172a1f}.board{--board-padding: var(--killer-board-padding, 12px);--grid-line: rgba(100, 116, 139, .4);--grid-strong: #0f172a;--grid-glow: rgba(15, 23, 42, .16);--board-radius: 6.5px;--cell-gap: 1px;--region-gap: 6px;--outer-gap: var(--region-gap);--region-line-width: 3px;--region-halo-width: 6px;--halo-spread: 1.5px;--outer-border: var(--region-line-width);--outer-border-inset: 1.5px;--outer-line-extend: 3px;--outer-halo-stop: 1.5px;--small-gap: var(--cell-gap);--large-gap: var(--region-gap);display:grid;grid-template-columns:1fr var(--small-gap) 1fr var(--small-gap) 1fr var(--large-gap) 1fr var(--small-gap) 1fr var(--small-gap) 1fr var(--large-gap) 1fr var(--small-gap) 1fr var(--small-gap) 1fr;grid-template-rows:1fr var(--small-gap) 1fr var(--small-gap) 1fr var(--large-gap) 1fr var(--small-gap) 1fr var(--small-gap) 1fr var(--large-gap) 1fr var(--small-gap) 1fr var(--small-gap) 1fr;background-color:var(--grid-line);background-clip:content-box;padding:var(--outer-gap);border:none;border-radius:var(--board-radius);box-shadow:none;position:absolute;box-sizing:border-box;inset:0;width:100%;height:100%;transform:scale(var(--board-scale, 1));transform-origin:center}.board-scale-shell--notes-mode{box-shadow:0 10px 26px #0f172a1f,0 0 0 3px #2563eb52}.board-notes-pill{position:absolute;top:0;left:50%;transform:translate(-50%,-112%);opacity:0;pointer-events:none;z-index:40;padding:6px 12px;border-radius:999px;border:1px solid rgba(37,99,235,.34);background:#dbeafefa;color:#1e3a8a;font-size:11px;font-weight:700;letter-spacing:.03em;white-space:nowrap;box-shadow:0 8px 18px #0f172a29;transition:transform .18s ease,opacity .14s ease}.board-notes-pill.is-visible{opacity:1;transform:translate(-50%,-74%)}@media(max-width:720px){.board-scale-shell{max-width:min(100vw,var(--sudoku-board-max, 620px))}.board{--cell-gap: 1px;--region-gap: 6px;--outer-gap: var(--region-gap);--region-line-width: 3px;--region-halo-width: 6px;--halo-spread: 1.5px;--outer-border: var(--region-line-width);--outer-border-inset: 1.5px;--outer-line-extend: 3px;--outer-halo-stop: 1.5px;padding:var(--outer-gap)}}@media(max-width:600px){.board-scale-shell{max-width:100vw}.board{--region-gap: 4px;--outer-gap: var(--region-gap);--region-line-width: 3px;--region-halo-width: 6px;--halo-spread: 1.5px;--outer-border-inset: .5px;--outer-line-extend: 3px;--outer-halo-stop: 1.5px;padding:var(--outer-gap)}}.board:before{content:none}.board:after{content:"";position:absolute;inset:var(--outer-border-inset);border:var(--outer-border) solid var(--grid-strong);border-radius:calc(var(--board-radius) - var(--outer-border-inset));box-shadow:0 0 0 var(--halo-spread) var(--grid-glow),inset 0 0 0 var(--halo-spread) var(--grid-glow);pointer-events:none;z-index:4}.sudoku-region-gap-overlay{position:absolute;inset:var(--outer-gap);display:grid;grid-template-columns:1fr var(--small-gap) 1fr var(--small-gap) 1fr var(--large-gap) 1fr var(--small-gap) 1fr var(--small-gap) 1fr var(--large-gap) 1fr var(--small-gap) 1fr var(--small-gap) 1fr;grid-template-rows:1fr var(--small-gap) 1fr var(--small-gap) 1fr var(--large-gap) 1fr var(--small-gap) 1fr var(--small-gap) 1fr var(--large-gap) 1fr var(--small-gap) 1fr var(--small-gap) 1fr;pointer-events:none;z-index:3;isolation:isolate}.sudoku-gap-fill{position:relative;background:#fff;z-index:1}.sudoku-gap-fill--v1{grid-column:6 / 7;grid-row:1 / 18}.sudoku-gap-fill--v2{grid-column:12 / 13;grid-row:1 / 18}.sudoku-gap-fill--h1{grid-column:1 / 18;grid-row:6 / 7}.sudoku-gap-fill--h2{grid-column:1 / 18;grid-row:12 / 13}.sudoku-region-line{position:relative;z-index:2}.sudoku-region-line:before{content:"";position:absolute;background:var(--grid-strong);border-radius:999px;z-index:2}.sudoku-region-line:after{content:"";position:absolute;background:var(--grid-glow);border-radius:999px;z-index:1}.sudoku-region-line--v1{grid-column:6 / 7;grid-row:1 / 18}.sudoku-region-line--v2{grid-column:12 / 13;grid-row:1 / 18}.sudoku-region-line--h1{grid-column:1 / 18;grid-row:6 / 7}.sudoku-region-line--h2{grid-column:1 / 18;grid-row:12 / 13}.sudoku-region-line--v:before{top:calc(-1 * var(--outer-line-extend));bottom:calc(-1 * var(--outer-line-extend));left:50%;width:var(--region-line-width);transform:translate(-50%)}.sudoku-region-line--v:after{top:calc(-1 * var(--outer-halo-stop));bottom:calc(-1 * var(--outer-halo-stop));left:50%;width:var(--region-halo-width);transform:translate(-50%)}.sudoku-region-line--h:before{left:calc(-1 * var(--outer-line-extend));right:calc(-1 * var(--outer-line-extend));top:50%;height:var(--region-line-width);transform:translateY(-50%)}.sudoku-region-line--h:after{left:calc(-1 * var(--outer-halo-stop));right:calc(-1 * var(--outer-halo-stop));top:50%;height:var(--region-halo-width);transform:translateY(-50%)}.board--disabled{pointer-events:none}.board--disabled:not(.board--example){opacity:.7}.board--disabled.board--complete{opacity:1}.board--dimmed{opacity:.7}.colour-page .board--disabled,.colour-page .board--dimmed{--grid-line: #64748b}.cell{position:relative;aspect-ratio:1 / 1;border:none;border-radius:4px;background:#fff;cursor:pointer;--shadow-hover: none;--shadow-selected: none;--shadow-given: none;box-shadow:var(--shadow-selected),var(--shadow-given),var(--shadow-hover);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .12s ease;outline:2px solid transparent;outline-offset:-2px;box-sizing:border-box;z-index:1;width:100%;height:100%}.cell--block-right,.cell--block-bottom{box-shadow:var(--shadow-selected),var(--shadow-given),var(--shadow-hover)}.cell:nth-child(9n+1){grid-column:1}.cell:nth-child(9n+2){grid-column:3}.cell:nth-child(9n+3){grid-column:5}.cell:nth-child(9n+4){grid-column:7}.cell:nth-child(9n+5){grid-column:9}.cell:nth-child(9n+6){grid-column:11}.cell:nth-child(9n+7){grid-column:13}.cell:nth-child(9n+8){grid-column:15}.cell:nth-child(9n+9){grid-column:17}.cell:nth-child(n+1):nth-child(-n+9){grid-row:1}.cell:nth-child(n+10):nth-child(-n+18){grid-row:3}.cell:nth-child(n+19):nth-child(-n+27){grid-row:5}.cell:nth-child(n+28):nth-child(-n+36){grid-row:7}.cell:nth-child(n+37):nth-child(-n+45){grid-row:9}.cell:nth-child(n+46):nth-child(-n+54){grid-row:11}.cell:nth-child(n+55):nth-child(-n+63){grid-row:13}.cell:nth-child(n+64):nth-child(-n+72){grid-row:15}.cell:nth-child(n+73):nth-child(-n+81){grid-row:17}.cell:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1f}.cell--filled:hover,.cell--given:hover,.cell--locked:hover{box-shadow:inset 0 0 0 2px #111827a6,0 6px 16px #0f172a1f}.cell--given,.cell--locked{box-shadow:inset 0 0 0 2px #111827a6;position:relative}.cell--filled{box-shadow:inset 0 0 0 2px #111827a6}.cell--selected{outline:3px solid #38bdf8;outline-offset:-1px;z-index:10}.cell--incorrect{box-shadow:inset 0 0 0 2px #dc2626b3,0 0 0 3px #dc26263d;outline:3px solid rgba(220,38,38,.92);outline-offset:-1px;z-index:14}.cell--highlighted{position:relative}.cell--highlighted:after{content:"";position:absolute;inset:3px;border:2px solid rgba(17,24,39,.65);border-radius:6px;pointer-events:none}.colour-page .board--disabled .cell--highlighted:after,.colour-page .board--dimmed .cell--highlighted:after{border-color:#0f172a80}.cell--hint-target{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px rgba(34,197,94,var(--hint-target-alpha, .9));z-index:12}.cell--hint-focus{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #3b82f6cc;z-index:13}.cell--hint-row,.cell--hint-col,.cell--hint-box{background-image:linear-gradient(180deg,rgba(59,130,246,var(--hint-scan-alpha, .18)),rgba(59,130,246,var(--hint-scan-alpha, .18)));transition:--hint-scan-alpha .32s ease}.cell--hint-eliminate{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #dc2626d9;z-index:11}.cell-label{position:absolute;bottom:6px;right:8px;font-size:12px;font-weight:700;color:#111827cc}.board .cell-label.cell-label--incorrect{color:#dc2626}.cell-notes{position:absolute;inset:6px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;opacity:1;pointer-events:none}.cell-note{border-radius:4px;background:transparent;border:none}.cell-note--active{background:var(--note-colour, rgba(17, 24, 39, .08))}.cell-note--match{box-shadow:inset 0 0 0 1.5px #2563ebf2}.board--showdown-warmup .cell-notes{inset:7px;gap:2px;overflow:hidden}.board--showdown-warmup .cell-note{border-radius:3px}.cell-dot{position:absolute;top:6px;left:6px;width:8px;height:8px;border-radius:999px;background:#1118278c}.cell-dot--given{opacity:1}.theme-dark .colour-page .board--disabled,.theme-dark .colour-page .board--dimmed{opacity:1;filter:none;--grid-line: rgba(100, 116, 139, .7);--grid-strong: rgba(15, 23, 42, .7);--grid-glow: rgba(15, 23, 42, .11)}.banner{padding:10px 14px;border-radius:var(--card-radius, 18px);font-weight:600;border:1px solid transparent}.banner--info{background:#e0f2fe;border-color:#93c5fd;color:#1d4ed8}.banner--error{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.banner--success{background:#dcfce7;border-color:#86efac;color:#15803d}.select-level-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(8px,2.8vw,16px);background:#0f172a94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:6;border-radius:inherit}.select-level-overlay__panel{width:min(100%,420px);max-height:100%;background:var(--card-bg);border:1px solid var(--border-muted);border-radius:18px;padding:20px 18px;box-shadow:0 18px 40px #0f172a40;display:grid;gap:12px;text-align:center;overflow:auto}.select-level-overlay__title{font-weight:700;font-size:1.1rem;margin:0}.select-level-overlay__subtitle{margin:0;font-size:.9rem;color:var(--text-muted)}.select-level-overlay__grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.select-level-overlay__option{appearance:none;border:1px solid var(--border-muted);border-radius:14px;background:var(--card-bg);padding:12px 10px;display:grid;gap:6px;align-items:center;justify-items:center;font:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background-color .15s ease}.select-level-overlay__option:focus-visible{outline:2px solid rgba(59,130,246,.7);outline-offset:2px}.select-level-overlay__option:hover:not(:disabled){border-color:#3b82f699;box-shadow:0 10px 24px #3b82f626;background:#3b82f614;outline:2px solid rgba(59,130,246,.65);outline-offset:2px;transform:translateY(-1px)}.select-level-overlay__option:disabled{opacity:.6;cursor:wait}.select-level-overlay__badge{width:42px;height:42px;border-radius:12px;background:#3b82f629;display:grid;place-items:center;font-weight:700;font-size:1.2rem;color:#1d4ed8}.select-level-overlay__label{font-size:.95rem;font-weight:600;color:var(--text-primary, #0f172a)}.select-level-overlay__status{margin:0;font-size:.85rem;color:var(--text-muted)}.theme-dark .select-level-overlay__panel{box-shadow:0 20px 48px #0006}.theme-dark .select-level-overlay__option:hover:not(:disabled){background:#3b82f629}.theme-dark .select-level-overlay__badge{background:#3b82f633;color:#bfdbfe}@media(max-width:640px){.select-level-overlay{padding:8px}.select-level-overlay__panel{width:min(100%,340px);border-radius:14px;padding:14px 12px;gap:8px}.select-level-overlay__title{font-size:1rem;line-height:1.25}.select-level-overlay__subtitle{font-size:.78rem;line-height:1.25}.select-level-overlay__grid{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.select-level-overlay__option{border-radius:10px;padding:8px 6px;gap:4px}.select-level-overlay__badge{width:32px;height:32px;border-radius:9px;font-size:.95rem}.select-level-overlay__label{font-size:.78rem;line-height:1.1}}@media(max-width:380px){.select-level-overlay__panel{width:min(100%,320px);padding:12px 10px}.select-level-overlay__grid{gap:6px}.select-level-overlay__option{padding:7px 5px}}.classic-board-shell{width:100%;max-width:min(100%,var(--sudoku-board-max, 620px));margin:0 auto;aspect-ratio:1 / 1;position:relative;border-radius:var(--card-radius, 18px)}.classic-board-shell .classic-board{width:100%;height:100%;max-width:100%;margin:0}.classic-board-shell>.select-level-overlay,.classic-board .board-pause-overlay{inset:-4px;border-radius:calc(var(--card-radius, 18px) + 4px)}.classic-board{--board-padding: var(--killer-board-padding, 8px);--grid-line: #64748b;--grid-strong: #0f172a;--region-line: var(--grid-strong);--cell-radius: 4px;--cage-line: #334155;--cage-stroke: 2px;--cage-dash: 3px;--hint-scan-alpha: .18;--hint-target-alpha: .9;--hint-target-bg-alpha: .18;--cell-bg-duration: .12s;display:grid;grid-template-columns:repeat(9,1fr);gap:0;background-color:#fff;padding:var(--board-padding);border-radius:var(--card-radius, 18px);border:none;box-shadow:0 10px 26px #0f172a1f;position:relative;box-sizing:border-box;width:100%;max-width:min(100%,var(--sudoku-board-max, 620px));margin:0 auto;aspect-ratio:1 / 1;--overlay-radius: var(--card-radius, 18px)}.classic-board--notes-mode{box-shadow:0 10px 26px #0f172a1f,0 0 0 3px #2563eb52}.classic-notes-pill{position:absolute;top:0;left:50%;transform:translate(-50%,-112%);opacity:0;pointer-events:none;z-index:40;padding:6px 12px;border-radius:999px;border:1px solid rgba(37,99,235,.34);background:#dbeafefa;color:#1e3a8a;font-size:11px;font-weight:700;letter-spacing:.03em;white-space:nowrap;box-shadow:0 8px 18px #0f172a29;transition:transform .18s ease,opacity .14s ease}.classic-notes-pill.is-visible{opacity:1;transform:translate(-50%,-74%)}.classic-region-overlay{position:absolute;inset:var(--overlay-inset-top, var(--board-padding)) var(--overlay-inset-right, var(--board-padding)) var(--overlay-inset-bottom, var(--board-padding)) var(--overlay-inset-left, var(--board-padding));pointer-events:none;z-index:5;border-radius:var(--overlay-radius);overflow:visible;shape-rendering:crispEdges}.classic-region-overlay--pixel{inset:0;border-radius:0}.classic-region-lines line,.classic-region-lines rect{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;fill:none}.classic-cage-overlay{position:absolute;inset:var(--overlay-inset-top, var(--board-padding)) var(--overlay-inset-right, var(--board-padding)) var(--overlay-inset-bottom, var(--board-padding)) var(--overlay-inset-left, var(--board-padding));pointer-events:none;z-index:4;background:transparent;fill:none}.classic-cage-overlay line,.classic-cage-overlay path{stroke:var(--cage-line);stroke-width:var(--cage-stroke);stroke-dasharray:var(--cage-dash) var(--cage-dash);stroke-dashoffset:0;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.classic-region-lines--halo line{stroke:#0f172a29;stroke-width:6px}.classic-region-lines--halo rect{stroke:#0f172a29;stroke-width:6px}.classic-region-lines--primary line{stroke:var(--region-line);stroke-width:3px}.classic-region-lines--primary rect{stroke:var(--region-line);stroke-width:3px}@media(max-width:720px){.classic-board{max-width:min(100vw,var(--sudoku-board-max, 620px));--board-padding: 6px;padding:var(--board-padding)}}@media(max-width:600px){.classic-board{max-width:100vw;--board-padding: 4px;padding:var(--board-padding)}}@media(hover:none)and (pointer:coarse){.classic-region-overlay{inset:calc(var(--board-padding) - 2px)}.classic-region-overlay--pixel{inset:0}}.classic-board--disabled{pointer-events:none}.classic-board--disabled:not(.classic-board--example){opacity:.7}.classic-board--disabled.classic-board--complete{opacity:1}.classic-board--dimmed{opacity:.7}.classic-board--turn-dimmed{opacity:.82;filter:saturate(.9) brightness(.96)}.classic-board--spectator{pointer-events:none}.classic-board--warmup{--cage-stroke: 1.5px}.classic-cell{position:relative;aspect-ratio:1 / 1;background:#fff;appearance:none;-webkit-appearance:none;border:none;border-radius:var(--cell-radius, 4px);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background-color var(--cell-bg-duration, .12s) ease;box-sizing:border-box;z-index:1;border-top:var(--cell-top-width, 1px) solid var(--cell-top-color, var(--grid-line));border-left:var(--cell-left-width, 1px) solid var(--cell-left-color, var(--grid-line));border-right:var(--cell-right-width, 1px) solid var(--cell-right-color, var(--grid-line));border-bottom:var(--cell-bottom-width, 1px) solid var(--cell-bottom-color, var(--grid-line));outline:0 solid transparent;width:100%;height:100%;overflow:visible}.classic-cell:before,.classic-cell:after{content:"";position:absolute;inset:-2px;pointer-events:none;z-index:0;border-radius:inherit;background-repeat:no-repeat}.classic-cell:before{background-image:linear-gradient(to bottom,var(--cell-top-color) 0px,var(--cell-top-color) var(--cell-top-width, 0px),transparent var(--cell-top-width, 0px),transparent calc(100% - var(--cell-bottom-width, 0px)),var(--cell-bottom-color) calc(100% - var(--cell-bottom-width, 0px)),var(--cell-bottom-color) 100%)}.classic-cell:after{background-image:linear-gradient(to right,var(--cell-left-color) 0px,var(--cell-left-color) var(--cell-left-width, 0px),transparent var(--cell-left-width, 0px),transparent calc(100% - var(--cell-right-width, 0px)),var(--cell-right-color) calc(100% - var(--cell-right-width, 0px)),var(--cell-right-color) 100%)}.classic-cell:disabled{background:#fff;opacity:1;color:inherit;cursor:default}.classic-board--disabled .classic-cell:after,.classic-board--dimmed .classic-cell:after,.classic-board--disabled .classic-cage-label,.classic-board--dimmed .classic-cage-label,.classic-board--disabled .classic-cell-value,.classic-board--dimmed .classic-cell-value,.classic-board--disabled .classic-cell-notes,.classic-board--dimmed .classic-cell-notes{opacity:0}.classic-board--complete .classic-cell-value,.classic-board--complete .classic-cage-label{opacity:1}.classic-cell:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1f}.classic-board--outline-selected .classic-cell--selected{outline:2px solid #38bdf8;outline-offset:-1px;background-color:transparent;z-index:3}.classic-cell--hint-target{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px rgba(34,197,94,var(--hint-target-alpha, .9));z-index:30}.classic-board--hints .classic-cell--hint-target{background-image:linear-gradient(180deg,rgba(34,197,94,var(--hint-target-bg-alpha, .18)),rgba(34,197,94,var(--hint-target-bg-alpha, .18)));transition:--hint-target-bg-alpha .32s ease}.classic-cell--hint-focus{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #3b82f6cc;z-index:20}.classic-cell--hint-target.classic-cell--hint-focus{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px rgba(34,197,94,var(--hint-target-alpha, .9));z-index:30}.classic-cell--hint-row,.classic-cell--hint-col,.classic-cell--hint-box{background-image:linear-gradient(180deg,rgba(59,130,246,var(--hint-scan-alpha, .18)),rgba(59,130,246,var(--hint-scan-alpha, .18)));transition:--hint-scan-alpha .32s ease;z-index:10}.classic-cell--hint-eliminate{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #dc2626d9;z-index:11}.hint-arrows{position:absolute;inset:0;pointer-events:none;z-index:40;width:100%;height:100%;opacity:1;transition:opacity .32s ease}.hint-arrow-line{stroke:#0f172a;stroke-width:3px;stroke-linecap:butt}@property --hint-scan-alpha{syntax: "<number>"; inherits: true; initial-value: .18;}.classic-board--hint-apply-fade{--hint-scan-alpha: 0;--hint-target-bg-alpha: 0;--cell-bg-duration: .32s}.classic-board--hint-apply-fade .hint-arrows{opacity:0}.classic-board--hint-apply-target-fade{--hint-target-alpha: 0;--hint-target-bg-alpha: 0}.hint-arrow-line--animate{stroke-dasharray:1000;stroke-dashoffset:1000;animation:hint-arrow-draw .36s ease-out forwards}.classic-board .hint-arrow--animate{opacity:0;animation:hint-arrow-fade .36s ease-out forwards}.classic-board .hint-arrow-line--animate{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.classic-cage-label{position:absolute;top:3px;left:3px;font-size:10px;font-weight:700;color:#0f172a;background:#fffc;padding:1px 4px;border-radius:6px;pointer-events:none;z-index:6}.classic-cell-value{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;font-weight:700;color:#0f172a;z-index:6}.classic-board--warmup .classic-cell-value{font-size:18px}.classic-cell-value--marked.classic-cell-value--player{color:#3b59a9}.classic-cell-value--marked.classic-cell-value--given{color:#000}.classic-cell-value--incorrect{color:#dc2626}.classic-cell-notes{position:absolute;inset:5px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;pointer-events:none;z-index:6}.classic-cell-note{display:grid;place-items:center;font-size:9px;line-height:1;font-weight:600;color:#0f172aa6}.classic-cell-note--active{color:#0f172ae6}.classic-cell-note--match{color:#1e3a8a;font-weight:900;text-shadow:0 0 .55px rgba(30,58,138,.75)}.theme-dark .classic-board--dimmed,.theme-dark .classic-board--disabled{opacity:1;--grid-line: rgba(100, 116, 139, .5);--grid-strong: rgba(15, 23, 42, .5);--region-line: rgba(15, 23, 42, .5);--cage-line: rgba(51, 65, 85, .5)}.theme-dark .classic-board--dimmed .classic-region-lines--halo line,.theme-dark .classic-board--disabled .classic-region-lines--halo line,.theme-dark .classic-board--dimmed .classic-region-lines--halo rect,.theme-dark .classic-board--disabled .classic-region-lines--halo rect{stroke:#0f172a14}@media(hover:none)and (pointer:coarse)and (orientation:portrait)and (max-width:900px){.home-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "panel" "actions";gap:12px;align-items:start}.home-hero__copy{min-width:0}.home-hero__copy h1{margin:4px 0 10px;font-size:clamp(22px,5.8vw,30px);line-height:1.05}.home-hero__headline{white-space:nowrap}.home-hero__subhead{margin:0;font-size:13px;line-height:1.4}.home-hero__actions{margin-top:10px;padding-top:0}.home-hero__actions--desktop{display:none}.home-hero__actions--mobile{display:flex}.home-cta{width:100%;min-width:0;min-height:34px;padding:9px 12px}.home-hero__panel{margin-top:0;align-self:stretch;justify-content:stretch}.home-panel-flip{width:min(100%,272px);max-width:272px;margin-inline:auto}.home-panel{width:100%;padding:2px 8px;gap:2px;border-radius:12px}.home-panel-flip__face--front.home-panel{grid-template-columns:1fr;row-gap:1px;padding:2px 8px 3px;align-content:start}.home-panel-flip__face--front .home-panel__title{justify-self:center;text-align:center;margin-top:4px;margin-bottom:5px}.home-panel-flip__face--front .home-panel__stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;border-radius:0;border:none;background:transparent;padding:0}.home-panel-flip__face--front .home-panel__stat+.home-panel__stat{margin-top:7px}.home-panel-flip__face--front .home-panel__value{font-size:24px;line-height:1;white-space:nowrap}.home-panel-flip__face--front .home-panel__value--link{font-size:18px;text-align:center}.home-panel-flip__face--front .home-panel__label{font-size:12.2px;line-height:1.12;font-weight:600;white-space:normal}.home-panel__title{font-size:14px;white-space:nowrap}.home-panel__value{font-size:19px;line-height:1.05}.home-panel__label{font-size:11px;line-height:1.3}.home-headtohead__grid{position:relative;grid-template-columns:minmax(0,1fr);gap:10px;min-height:228px;padding:12px;border-radius:14px;overflow:hidden;isolation:isolate;align-items:stretch}.home-headtohead__copy{position:relative;z-index:2;gap:8px}.home-headtohead__title{font-size:clamp(19px,5.1vw,24px)}.home-headtohead .subhead{font-size:13px;line-height:1.38}.home-value-list{font-size:12px;gap:5px;padding-left:14px}.home-headtohead__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-headtohead__actions .primary.home-headtohead__button{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:12px;padding:8px 6px}.home-headtohead__visual{position:absolute;inset:0;z-index:0;pointer-events:none;align-items:stretch;justify-content:center}.home-headtohead__split{--split-gap: 2.5px;width:min(100%,280px);min-height:0;height:auto;aspect-ratio:1 / 1;border-radius:10px;overflow:visible;opacity:.34;filter:drop-shadow(0 7px 14px rgba(15,23,42,.12))}.home-headtohead.is-split .home-headtohead__layer--left{transform:translate(calc(-1 * var(--split-gap))) rotate(-1.6deg)}.home-headtohead.is-split .home-headtohead__layer--right{transform:translate(var(--split-gap)) rotate(1.6deg)}.home-headtohead__layer:after{opacity:.16}.home-headtohead__layer--left{box-shadow:2px 0 #0f172a33}.home-headtohead__layer--right{box-shadow:-2px 0 #f8fafcdb}.theme-dark .home-headtohead__split{opacity:.32}.theme-dark .home-headtohead__layer--left{box-shadow:2px 0 #f8fafc4d}.theme-dark .home-headtohead__layer--right{box-shadow:-2px 0 #0f172a9e}.home-explain .home-section__header h2{white-space:nowrap;font-size:clamp(18px,4.7vw,23px)}.home-explain .home-section__header .subhead{font-size:13px}.home-explain__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-explain__item{min-height:138px;padding:12px;border-radius:14px}.home-explain__item:nth-child(1){background:linear-gradient(145deg,rgba(37,99,235,.12),var(--card-muted))}.home-explain__item:nth-child(2){background:linear-gradient(145deg,rgba(16,185,129,.12),var(--card-muted))}.home-explain__item:nth-child(3){grid-column:1 / -1;min-height:116px;background:linear-gradient(145deg,rgba(245,158,11,.14),var(--card-muted))}.home-explain__item h3{margin:0 0 6px;font-size:15px}.home-explain__item p{margin:0;font-size:12px;line-height:1.4}.home-training__grid{grid-template-columns:1fr;gap:10px}.home-training__lesson{width:100%}.home-training__lesson-scale{--sudoku-board-max: 100%;margin-top:0;width:100%;max-width:none}.home-training__board-wrap{--sudoku-board-max: 100%;padding:10px;gap:6px;width:100%;max-width:none}.home-training__board-wrap .board-scale-shell{width:100%;max-width:none}.home-training__board-wrap .lesson-card,.home-training__board-wrap .hint-card{padding:10px}.home-training__panel--carousel{margin-top:0;padding:12px;gap:8px}.home-training__carousel-track{min-height:0}.home-training__carousel-card{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto;padding:12px;gap:8px}.home-training__carousel-card:not(.is-active){display:none}.home-training__carousel-title{font-size:13px}.home-training__carousel-text,.home-training__ladder-step .difficulty-pill{font-size:12px}.home-rush__grid{grid-template-columns:1fr;gap:10px}.home-rush .home-section__header{gap:4px}.home-rush__headline{margin-bottom:0;align-items:center;position:relative;padding-right:0;min-height:0;gap:8px;flex-wrap:nowrap}.home-rush__headline h2{margin:0;line-height:1.08}.home-rush .home-section__header .subhead{margin-top:5px}.home-rush__demo{order:2}.home-rush__copy{order:1;padding:12px}.home-rush__demo-card{padding:12px}.home-rush__title{font-size:clamp(18px,4.4vw,22px)}.home-rush__strap{font-size:14px;line-height:1.45}.home-rush__intel{grid-template-columns:1fr;gap:7px}.home-rush__intel-item{display:grid;grid-template-columns:minmax(74px,auto) minmax(0,1fr);align-items:start;column-gap:9px;row-gap:2px;padding:9px 10px;border-radius:12px;box-shadow:inset 3px 0 #3b82f647}.home-rush__intel-label{font-size:11px;letter-spacing:.08em;margin-top:1px}.home-rush__intel-value{font-size:14.5px;line-height:1.32}.home-rush__intel-item:first-child .home-rush__intel-label{grid-column:1 / -1;text-align:center;margin-top:0}.home-rush__intel-item:first-child .home-rush__intel-value{grid-column:1 / -1;font-size:26px;line-height:1;text-align:center}.home-rush__intel-item:first-child{text-align:center;box-shadow:none;background:color-mix(in srgb,var(--card-bg) 78%,rgba(96,165,250,.22) 22%)}.home-rush__launchpad{display:none!important}.home-rush__score-mode{font-size:15px}.home-rush__score-value{font-size:12px}.home-rush__launchpad{grid-template-columns:1fr;gap:8px}.home-rush__launch-link{width:100%}.home-rush__sticker{position:relative;top:-1px;right:auto;margin-left:2px;width:64px;height:64px}.home-rush__playfield{width:min(100%,284px)}}@media(hover:none)and (pointer:coarse)and (orientation:portrait)and (max-width:680px){.home-hero__subhead{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-hero__subhead-desktop{display:none}.home-hero__subhead-mobile{display:inline}.home-explain__copy-desktop{display:none}.home-explain__copy-mobile{display:inline}.home-explain__item p{font-size:11.5px;line-height:1.32}.home-rush .home-section__header{gap:4px}.home-rush__headline{margin-bottom:0;align-items:center}.home-rush .home-section__header .subhead{margin-top:0}}@media(hover:none)and (pointer:coarse)and (orientation:portrait)and (max-width:700px){.home-panel-flip{width:min(100%,258px);max-width:258px}.home-panel-flip__face--front.home-panel{min-height:150px;max-height:150px;padding:3px 8px 5px}.home-panel-flip__face--front .home-panel__title{margin-top:6px;margin-bottom:9px}.home-panel-flip__face--front .home-panel__stat{gap:4px}.home-panel-flip__face--front .home-panel__stat+.home-panel__stat{margin-top:11px}.home-panel--review,.home-panel--news{min-height:164px;max-height:164px}}.mini-board-shell{--mini-cells: 6;--small-gap: 1px;--large-gap: 6px;--grid-line: rgba(100, 116, 139, .4);--grid-strong: #0f172a;--grid-glow: rgba(15, 23, 42, .16);--board-radius: 6.5px;--region-line-width: 3px;--region-halo-width: 6px;--halo-spread: 1.5px;--separator-clearance: calc( var(--region-line-width) + var(--halo-spread) );--outer-border: var(--region-line-width);--outer-line-extend: calc( var(--separator-clearance) - var(--halo-spread) );--outer-halo-stop: calc( var(--separator-clearance) - var(--region-line-width) );--outer-gap: var(--separator-clearance);--outer-border-inset: calc( -1 * ( var(--outer-line-extend) + (var(--region-line-width) / 2) ) );--outer-border-extra-extend: 1px;--dim-outline-extra-extend: 4px;--mini-board-scale: .92;--hint-scan-alpha: .2;--hint-target-alpha: .9;--hint-target-bg-alpha: .18;width:100%;max-width:min(100%,var(--sudoku-board-max, 620px));margin:0 auto;aspect-ratio:1 / 1;position:relative;background:#fff;border-radius:var(--card-radius, 18px);box-shadow:0 10px 26px #0f172a1f;padding:var(--outer-gap);box-sizing:border-box;overflow:visible}.mini-board{--cell-size: calc( ( 100% - (5 * var(--small-gap)) - (1 * var(--large-gap)) ) / var(--mini-cells) );display:grid;grid-template-columns:var(--cell-size) var(--small-gap) var(--cell-size) var(--small-gap) var(--cell-size) var(--large-gap) var(--cell-size) var(--small-gap) var(--cell-size) var(--small-gap) var(--cell-size);grid-template-rows:var(--cell-size) var(--small-gap) var(--cell-size) var(--large-gap) var(--cell-size) var(--small-gap) var(--cell-size) var(--large-gap) var(--cell-size) var(--small-gap) var(--cell-size);background-color:var(--grid-line);background-clip:content-box;padding:0;border:none;border-radius:var(--board-radius);box-shadow:none;position:absolute;box-sizing:border-box;inset:0;width:100%;height:100%;transform:scale(var(--mini-board-scale));transform-origin:center center}.mini-board-shell--notes-mode{box-shadow:0 10px 26px #0f172a1f,0 0 0 3px #2563eb52}.mini-notes-pill{position:absolute;top:0;left:50%;transform:translate(-50%,-112%);opacity:0;pointer-events:none;z-index:40;padding:6px 12px;border-radius:999px;border:1px solid rgba(37,99,235,.34);background:#dbeafefa;color:#1e3a8a;font-size:11px;font-weight:700;letter-spacing:.03em;white-space:nowrap;box-shadow:0 8px 18px #0f172a29;transition:transform .18s ease,opacity .14s ease}.mini-notes-pill.is-visible{opacity:1;transform:translate(-50%,-74%)}@media(max-width:720px){.mini-board-shell{max-width:min(100vw,var(--sudoku-board-max, 620px));--small-gap: 1px;--large-gap: 6px;--region-line-width: 3px;--region-halo-width: 6px;--halo-spread: 1.5px;--separator-clearance: calc( var(--region-line-width) + var(--halo-spread) );--outer-border: var(--region-line-width);--outer-line-extend: calc( var(--separator-clearance) - var(--halo-spread) );--outer-halo-stop: calc( var(--separator-clearance) - var(--region-line-width) );--outer-gap: var(--separator-clearance);--outer-border-inset: calc( -1 * ( var(--outer-line-extend) + (var(--region-line-width) / 2) ) )}}@media(max-width:600px){.mini-board-shell{max-width:100vw;--large-gap: 4px;--halo-spread: 1px;--mini-board-scale: .97}}.mini-board:before{content:none}.mini-board--dimmed:before,.mini-board--disabled:before{content:"";position:absolute;top:calc(-1 * var(--small-gap));left:calc(-1 * var(--small-gap));right:calc(-1 * var(--small-gap));bottom:calc(-1 * (var(--small-gap) + var(--dim-outline-extra-extend)));border:1px solid var(--grid-line);border-radius:calc(var(--board-radius) + var(--small-gap) + var(--dim-outline-extra-extend));box-sizing:border-box;pointer-events:none;z-index:3}.mini-board--dimmed .mini-region-line,.mini-board--disabled .mini-region-line{z-index:4}.mini-board-shell:has(.mini-board--dimmed):after,.mini-board-shell:has(.mini-board--disabled):after{opacity:.7}.mini-board-shell:after{content:"";position:absolute;top:var(--outer-border-inset);left:var(--outer-border-inset);right:var(--outer-border-inset);bottom:calc(var(--outer-border-inset) - var(--region-line-width) - var(--outer-border-extra-extend));border:var(--outer-border) solid var(--grid-strong);border-radius:calc(var(--board-radius) - var(--outer-border-inset));box-shadow:0 0 0 var(--halo-spread) var(--grid-glow),inset 0 0 0 var(--halo-spread) var(--grid-glow);transform:scale(var(--mini-board-scale));transform-origin:center center;pointer-events:none;z-index:4}.mini-region-gap-overlay{display:contents}.mini-gap-fill{position:relative;background:#fff;z-index:1;pointer-events:none}.mini-gap-fill--v1{grid-column:6 / 7;grid-row:1 / 12}.mini-gap-fill--h1{grid-column:1 / 12;grid-row:4 / 5}.mini-gap-fill--h2{grid-column:1 / 12;grid-row:8 / 9}.mini-region-line{position:relative;z-index:2;pointer-events:none}.mini-region-line:before{content:"";position:absolute;background:var(--grid-strong);border-radius:999px;z-index:2}.mini-region-line:after{content:"";position:absolute;background:var(--grid-glow);border-radius:999px;z-index:1}.mini-region-line--v1{grid-column:6 / 7;grid-row:1 / 12}.mini-region-line--h1{grid-column:1 / 12;grid-row:4 / 5}.mini-region-line--h2{grid-column:1 / 12;grid-row:8 / 9}.mini-region-line--v:before{top:calc(-1 * var(--outer-line-extend));bottom:calc(-1 * var(--outer-line-extend));left:50%;width:var(--region-line-width);transform:translate(-50%)}.mini-region-line--v:after{top:calc(-1 * var(--outer-halo-stop));bottom:calc(-1 * var(--outer-halo-stop));left:50%;width:var(--region-halo-width);transform:translate(-50%)}.mini-region-line--h:before{left:calc(-1 * var(--outer-line-extend));right:calc(-1 * var(--outer-line-extend));top:50%;height:var(--region-line-width);transform:translateY(-50%)}.mini-region-line--h:after{left:calc(-1 * var(--outer-halo-stop));right:calc(-1 * var(--outer-halo-stop));top:50%;height:var(--region-halo-width);transform:translateY(-50%)}.mini-board--disabled{opacity:.7;pointer-events:none}.mini-board--disabled.mini-board--complete{opacity:1}.mini-board--dimmed{opacity:.7}.mini-page .mini-board--disabled,.mini-page .mini-board--dimmed{--grid-line: #64748b}.mini-board--dimmed:after,.mini-board--disabled:after{content:"";position:absolute;left:0;right:0;bottom:calc(-1 * var(--dim-outline-extra-extend));height:var(--dim-outline-extra-extend);background:var(--grid-line);border-radius:0 0 calc(var(--board-radius) + var(--small-gap)) calc(var(--board-radius) + var(--small-gap));pointer-events:none;z-index:1}.mini-board--debug{outline:1px dashed rgba(239,68,68,.75);outline-offset:2px}.mini-board--debug:before{content:"L " var(--mini-debug-left, "0px") " R " var(--mini-debug-right, "0px") " T " var(--mini-debug-top, "0px") " B " var(--mini-debug-bottom, "0px");position:absolute;top:6px;left:6px;padding:4px 6px;border-radius:6px;background:#0f172ad9;color:#f8fafc;font-size:12px;font-weight:600;letter-spacing:.02em;z-index:12;pointer-events:none}.mini-board--debug .mini-cell{outline:1px dashed rgba(239,68,68,.5);outline-offset:-1px}.mini-cell{position:relative;aspect-ratio:1 / 1;border:none;border-radius:4px;background:#fff;cursor:pointer;--shadow-hover: none;--shadow-selected: none;--shadow-given: none;box-shadow:var(--shadow-selected),var(--shadow-given),var(--shadow-hover);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .12s ease;outline:2px solid transparent;outline-offset:-2px;box-sizing:border-box;z-index:2;width:100%;height:100%}.mini-cell:nth-child(1){border-top-left-radius:var(--board-radius)}.mini-cell:nth-child(6){border-top-right-radius:var(--board-radius)}.mini-cell:nth-child(31){border-bottom-left-radius:var(--board-radius)}.mini-cell:nth-child(36){border-bottom-right-radius:var(--board-radius)}.mini-cell:nth-child(6n+1){grid-column:1}.mini-cell:nth-child(6n+2){grid-column:3}.mini-cell:nth-child(6n+3){grid-column:5}.mini-cell:nth-child(6n+4){grid-column:7}.mini-cell:nth-child(6n+5){grid-column:9}.mini-cell:nth-child(6n+6){grid-column:11}.mini-cell:nth-child(n+1):nth-child(-n+6){grid-row:1}.mini-cell:nth-child(n+7):nth-child(-n+12){grid-row:3}.mini-cell:nth-child(n+13):nth-child(-n+18){grid-row:5}.mini-cell:nth-child(n+19):nth-child(-n+24){grid-row:7}.mini-cell:nth-child(n+25):nth-child(-n+30){grid-row:9}.mini-cell:nth-child(n+31):nth-child(-n+36){grid-row:11}.mini-cell:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1f}.mini-cell--given,.mini-cell--locked,.mini-cell--filled{box-shadow:inset 0 0 0 2px #111827a6}.mini-cell--filled:hover,.mini-cell--given:hover,.mini-cell--locked:hover{box-shadow:inset 0 0 0 2px #111827a6,0 6px 16px #0f172a1f}.mini-board--numbers .mini-cell--given,.mini-board--numbers .mini-cell--locked,.mini-board--numbers .mini-cell--filled{box-shadow:none}.mini-board--numbers .mini-cell--filled:hover,.mini-board--numbers .mini-cell--given:hover,.mini-board--numbers .mini-cell--locked:hover{box-shadow:0 6px 16px #0f172a1f}.mini-cell--selected{outline:3px solid #38bdf8;outline-offset:-1px;z-index:10}.mini-board--numbers .mini-cell--selected{outline:none;background-color:#c1ddf8;box-shadow:none}.mini-board--outline-selected .mini-cell--selected{outline:2px solid #38bdf8;outline-offset:-1px;background-color:transparent;z-index:10}.mini-cell--incorrect{box-shadow:inset 0 0 0 2px #dc2626b3,0 0 0 3px #dc26263d;outline:3px solid rgba(220,38,38,.92);outline-offset:-1px;z-index:14}.mini-cell--highlighted:after{content:"";position:absolute;inset:3px;border:2px solid rgba(17,24,39,.65);border-radius:6px;pointer-events:none}.mini-board--colours .mini-cell--highlighted:after{inset:5px}.mini-board--numbers .mini-cell--highlighted{background-color:#e4ebf2}.mini-board--numbers .mini-cell--highlighted:after{content:none}.mini-board--numbers .mini-cell--match{background-color:#c7d6e8}.mini-cell--hint-target{box-shadow:inset 0 0 0 3px #11182773,0 0 0 4px rgba(34,197,94,var(--hint-target-alpha, .9))}.mini-board--hints .mini-cell--hint-target{background-image:linear-gradient(180deg,rgba(34,197,94,var(--hint-target-bg-alpha, .18)),rgba(34,197,94,var(--hint-target-bg-alpha, .18)));transition:--hint-target-bg-alpha .32s ease}.mini-cell--hint-focus{box-shadow:inset 0 0 0 3px #11182773,0 0 0 4px #3b82f6cc}.mini-board--numbers .mini-cell--hint-focus{box-shadow:inset 0 0 0 3px #11182773,0 0 0 5px #3b82f6cc;z-index:15}.mini-cell--hint-row,.mini-cell--hint-col,.mini-cell--hint-box{background-image:linear-gradient(180deg,rgba(59,130,246,var(--hint-scan-alpha, .2)),rgba(59,130,246,var(--hint-scan-alpha, .2)));transition:--hint-scan-alpha .32s ease}.mini-cell--hint-eliminate{box-shadow:inset 0 0 0 3px #11182773,0 0 0 4px #dc2626d9}.mini-cell--hint-source{z-index:12}.hint-arrows{position:absolute;inset:0;pointer-events:none;z-index:6;width:100%;height:100%;opacity:1;transition:opacity .32s ease}.hint-arrow-line{stroke:#0f172a;stroke-width:4px;stroke-linecap:butt}.hint-arrow-line--animate{stroke-dasharray:600;stroke-dashoffset:600;animation:hint-arrow-draw .36s ease-out forwards}.mini-board .hint-arrow--animate{opacity:0;animation:hint-arrow-fade .36s ease-out forwards}.mini-board .hint-arrow-line--animate{stroke-dasharray:none;stroke-dashoffset:0;animation:none}@keyframes hint-arrow-draw{to{stroke-dashoffset:0}}@keyframes hint-arrow-fade{to{opacity:1}}@media(prefers-reduced-motion:reduce){.hint-arrow-line--animate{animation:none;stroke-dashoffset:0}}@property --hint-scan-alpha{syntax: "<number>"; inherits: true; initial-value: .16;}@property --hint-target-alpha{syntax: "<number>"; inherits: true; initial-value: .9;}@property --hint-target-bg-alpha{syntax: "<number>"; inherits: true; initial-value: .18;}.mini-board--hint-apply-fade{--hint-scan-alpha: 0;--hint-target-bg-alpha: 0}.mini-board--hint-apply-fade .hint-arrows{opacity:0}.mini-board--hint-apply-target-fade{--hint-target-alpha: 0;--hint-target-bg-alpha: 0}.mini-cell-value{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(18px,3vw,26px);font-weight:700;color:#111827d9}.mini-board--numbers .mini-cell-value{color:#000}.mini-board--numbers .mini-cell-value--marked.mini-cell-value--player{color:#3b59a9}.mini-board--numbers .mini-cell-value--marked.mini-cell-value--given{color:#000}.mini-board .mini-cell-value.mini-cell-value--incorrect{color:#dc2626}.mini-cell-value--label{inset:auto 8px 6px auto;font-size:clamp(10px,1.8vw,13px);font-weight:700;line-height:1;place-items:initial;display:block}.mini-board--colours .mini-cell-value--label{bottom:8px;right:10px}.mini-cell-notes{position:absolute;inset:6px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4px;pointer-events:none}.mini-cell-note{border-radius:4px;background:transparent;border:none;display:grid;place-items:center;font-size:10px;font-weight:600;color:#111827b3}.mini-cell-note--active{background:var(--note-colour, rgba(17, 24, 39, .08))}.mini-cell-note--match{box-shadow:inset 0 0 0 1.5px #2563ebf2}.mini-cell-note--number.mini-cell-note--active{background:transparent}.mini-cell-note--number.mini-cell-note--match{color:#1e3a8a;font-weight:900;text-shadow:0 0 .55px rgba(30,58,138,.75)}.mini-cell-dot{position:absolute;top:6px;left:6px;width:8px;height:8px;border-radius:999px;background:#1118278c;z-index:6}.mini-cell-dot--given{opacity:1}.season-performance-card{--perf-surface: var(--card-bg, #ffffff);--perf-border: var(--border-muted, rgba(15, 23, 42, .16));--perf-muted: var(--text-muted, #64748b);--perf-ink: var(--text-primary, #0f172a);--perf-up: #0f9f79;--perf-down: #c13d46;--perf-accent: #1d4ed8;border:1px solid var(--perf-border);border-radius:18px;background:var(--perf-surface);padding:15px;display:grid;grid-template-rows:auto 1fr auto;gap:12px;height:100%;min-height:0}.season-performance-card__header{display:grid;gap:3px}.season-performance-card__eyebrow{margin:0;color:var(--perf-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.season-performance-card__header h3{margin:0;color:var(--perf-ink);font-size:21px;line-height:1.08}.season-performance-card__subhead{margin:0;color:var(--perf-muted);font-size:13px}.season-performance-card__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px;min-height:0;align-content:start}.season-performance-card__stat{border:1px solid color-mix(in srgb,var(--perf-border) 72%,transparent);border-radius:12px;padding:10px 11px;background:color-mix(in srgb,var(--perf-surface) 90%,#1e293b 10%);display:grid;gap:5px;min-height:70px;align-content:start}.season-performance-card__stat p{margin:0;color:var(--perf-muted);font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.06em}.season-performance-card__stat strong{margin:0;color:var(--perf-ink);font-size:16px;line-height:1.18;font-weight:800;min-width:0;word-break:break-word}.season-performance-card__stat.is-up strong{color:var(--perf-up)}.season-performance-card__stat.is-down strong{color:var(--perf-down)}.season-performance-card__cta-stack{--season-cta-step: 4px;--season-cta-depth: 2;--season-cta-offset-max: calc(var(--season-cta-step) * var(--season-cta-depth));position:relative;isolation:isolate;border:0;padding:0;background:transparent;cursor:pointer;transition:transform .12s ease,opacity .12s ease;min-width:0;min-height:66px;width:100%;height:100%;overflow:visible;display:block}.season-performance-card__cta-stack:hover:not(:disabled){transform:translateY(-1px)}.season-performance-card__cta-stack:disabled{opacity:.56;cursor:not-allowed}.season-performance-card__cta-layers{position:absolute;inset:0;pointer-events:none;z-index:0}.season-performance-card__cta-layer,.season-performance-card__cta-face{display:block;border-radius:12px;width:100%;height:100%;box-sizing:border-box}.season-performance-card__cta-layer{position:absolute;top:0;left:0;border:1px solid color-mix(in srgb,var(--perf-border) 72%,transparent);background:color-mix(in srgb,var(--perf-surface) 94%,#e2e8f0 6%);box-shadow:0 8px 18px #0f172a14;pointer-events:none}.season-performance-card__cta-layer--1{transform:translate(0)}.season-performance-card__cta-layer--2{transform:translate(var(--season-cta-step),var(--season-cta-step))}.season-performance-card__cta-face{position:absolute;top:0;left:0;z-index:2;min-height:66px;min-width:0;padding:10px 12px;border:1px solid rgba(29,78,216,.16);background:linear-gradient(135deg,color-mix(in srgb,var(--perf-accent) 20%,#ffffff 80%),#fffffff5);color:var(--perf-ink);font-size:12px;font-weight:800;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;transform:translate(var(--season-cta-offset-max),var(--season-cta-offset-max));text-align:center}.theme-dark .season-performance-card__cta-layer{border-color:#9fb0cb29;background:#08182c70;box-shadow:0 8px 18px #02061747}.theme-dark .season-performance-card__cta-face{border-color:#8ab6ff29;background:linear-gradient(135deg,#1d4ed83d,#0f9f792e);color:#f8fbff}.season-performance-card.is-empty{min-height:170px}.season-performance-card__empty{margin:0;color:var(--perf-muted);font-size:14px}.theme-dark .season-performance-card{--perf-up: #34d399;--perf-down: #fb7185;--perf-accent: #60a5fa}@media(max-width:700px){.season-performance-card{padding:14px}.season-performance-card__header h3{font-size:19px}.season-performance-card__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.season-performance-card__cta-stack{min-height:62px}.season-performance-card__cta-face{min-height:62px;font-size:11px}}@media(max-width:520px){.season-performance-card__grid{grid-template-columns:minmax(0,1fr)}}.season-road-timeline{--road-surface: var(--card-bg, #ffffff);--road-border: var(--border-muted, rgba(15, 23, 42, .16));--road-ink: var(--text-primary, #0f172a);--road-muted: var(--text-muted, #64748b);--road-track: #0f4c81;--road-accent: #d4a62a;--road-highlight: #2563eb;border:1px solid var(--road-border);border-radius:18px;background:var(--road-surface);padding:10px;display:grid;gap:8px;overflow:hidden}.season-road-timeline__header{display:grid;gap:3px}.season-road-timeline__header h3{margin:0;color:var(--road-ink);font-size:18px;line-height:1.1}.season-road-timeline__header p{margin:0;color:var(--road-muted);font-size:13px;line-height:1.35}.season-road-timeline__canvas{position:relative}.season-road-timeline__viewport{position:relative;overflow:hidden;box-sizing:border-box;padding:0 6px 0 4px}.season-road-timeline__viewport.is-scrollable{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:auto;padding-right:8px;scrollbar-width:none;scrollbar-color:transparent transparent}.season-road-timeline__viewport.is-scrollable:hover,.season-road-timeline__viewport.is-scrollable.is-scrollbar-visible{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--road-track) 36%,transparent) transparent}.season-road-timeline__viewport.is-scrollable::-webkit-scrollbar{width:0}.season-road-timeline__viewport.is-scrollable:hover::-webkit-scrollbar,.season-road-timeline__viewport.is-scrollable.is-scrollbar-visible::-webkit-scrollbar{width:8px}.season-road-timeline__viewport.is-scrollable::-webkit-scrollbar-thumb{border-radius:999px;background:transparent}.season-road-timeline__viewport.is-scrollable:hover::-webkit-scrollbar-thumb,.season-road-timeline__viewport.is-scrollable.is-scrollbar-visible::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--road-track) 36%,transparent)}.season-road-timeline__viewport.is-scrollable::-webkit-scrollbar-track{background:transparent}.season-road-timeline__road{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.season-road-timeline__road-shadow{fill:none;stroke:color-mix(in srgb,var(--road-track) 30%,transparent);stroke-width:14;stroke-linecap:round;filter:blur(1.2px)}.season-road-timeline__road-main{fill:none;stroke:color-mix(in srgb,var(--road-track) 94%,#1d4ed8 6%);stroke-width:10;stroke-linecap:round}.season-road-timeline__road-dash{fill:none;stroke:color-mix(in srgb,#f8fafc 82%,var(--road-accent) 18%);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:10 13;animation:seasonRoadDash 16s linear infinite}.season-road-timeline__stops{list-style:none;margin:0;padding:0;position:relative;height:100%}.season-road-timeline__stop{position:absolute;transform:translate(-50%,-50%);z-index:2}.season-road-timeline__stop.is-left{transform:translate(-42%,-50%)}.season-road-timeline__stop.is-right{transform:translate(-58%,-50%)}.season-road-timeline__stop-inner{display:inline-flex;align-items:center;gap:6px;position:relative}.season-road-timeline__stop.is-left .season-road-timeline__label{text-align:right;justify-items:end;transform:translate(-4px)}.season-road-timeline__stop.is-right .season-road-timeline__label{text-align:left;justify-items:start;transform:translate(4px)}.season-road-timeline__node{width:48px;height:48px;border:0;border-radius:999px;cursor:pointer;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#1e3a8a,#0f9f79);color:#f8fafc;box-shadow:0 10px 20px #0f172a33;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;z-index:3}.season-road-timeline__node:hover{transform:translateY(-1px)}.season-road-timeline__node:focus-visible{outline:3px solid color-mix(in srgb,var(--road-highlight) 60%,transparent);outline-offset:2px}.season-road-timeline__node-ring{position:absolute;inset:-6px;border-radius:inherit;border:1px solid transparent;transition:border-color .14s ease,box-shadow .14s ease}.season-road-timeline__stop.is-active .season-road-timeline__node{background:linear-gradient(135deg,#d4a62a,#eabf57);color:#2f2100;box-shadow:0 14px 26px #d4a62a57}.season-road-timeline__stop.is-active .season-road-timeline__node-ring{border-color:color-mix(in srgb,var(--road-accent) 70%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--road-accent) 25%,transparent)}.season-road-timeline__stop.is-current .season-road-timeline__node{filter:saturate(1.06)}.season-road-timeline__node-badge{font-size:9px;font-weight:800;letter-spacing:.02em;line-height:1.1;white-space:nowrap}.season-road-timeline__label{position:relative;width:clamp(142px,23vw,176px);max-width:176px;display:grid;gap:2px;padding:6px 8px;border-radius:10px;background:linear-gradient(color-mix(in srgb,var(--road-surface) 94%,transparent),color-mix(in srgb,var(--road-surface) 94%,transparent)) padding-box,linear-gradient(color-mix(in srgb,var(--road-border) 82%,var(--road-track) 18%),color-mix(in srgb,var(--road-border) 82%,var(--road-track) 18%)) border-box;border:1px solid transparent;z-index:2}.season-road-timeline__stop.is-left .season-road-timeline__label:before,.season-road-timeline__stop.is-right .season-road-timeline__label:before{content:"";position:absolute;top:50%;width:11px;height:2px;border-radius:999px;background:color-mix(in srgb,var(--road-border) 84%,var(--road-track) 16%);transform:translateY(-50%);z-index:1}.season-road-timeline__stop.is-left .season-road-timeline__label:after,.season-road-timeline__stop.is-right .season-road-timeline__label:after{content:"";position:absolute;top:50%;width:6px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--road-track) 72%,var(--road-surface) 28%);transform:translateY(-50%);z-index:1}.season-road-timeline__stop.is-left .season-road-timeline__label:before{right:-11px}.season-road-timeline__stop.is-left .season-road-timeline__label:after{right:-16px}.season-road-timeline__stop.is-right .season-road-timeline__label:before{left:-11px}.season-road-timeline__stop.is-right .season-road-timeline__label:after{left:-16px}.season-road-timeline__label p{margin:0;color:var(--road-ink);font-size:13px;font-weight:700;line-height:1.2;letter-spacing:-.005em}.season-road-timeline__label span{color:var(--road-muted);font-size:11px;line-height:1.2}.season-road-timeline__label em{margin-top:1px;color:color-mix(in srgb,var(--road-highlight) 70%,var(--road-muted) 30%);font-style:normal;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.season-road-timeline.is-empty{min-height:180px}.season-road-timeline__empty{margin:2px 0 0;color:var(--road-muted);font-size:13px}@keyframes seasonRoadDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-190}}.theme-dark .season-road-timeline{--road-track: #4f89c8;--road-accent: #f0c75f;--road-highlight: #93c5fd}@media(max-width:860px){.season-road-timeline__label{width:min(45vw,170px);max-width:170px}.season-road-timeline__label p{font-size:12px}.season-road-timeline__label span{font-size:11px}}@media(max-width:640px){.season-road-timeline{padding:10px}.season-road-timeline__stop.is-left .season-road-timeline__stop-inner,.season-road-timeline__stop.is-right .season-road-timeline__stop-inner{flex-direction:row}.season-road-timeline__stop.is-left .season-road-timeline__label,.season-road-timeline__stop.is-right .season-road-timeline__label{text-align:left;justify-items:start}.season-road-timeline__stop.is-left .season-road-timeline__label:before,.season-road-timeline__stop.is-right .season-road-timeline__label:before{left:-11px;right:auto}.season-road-timeline__stop.is-left .season-road-timeline__label:after,.season-road-timeline__stop.is-right .season-road-timeline__label:after{left:-16px;right:auto}.season-road-timeline__label{width:min(50vw,162px);max-width:162px}.season-road-timeline__node{width:44px;height:44px}.season-road-timeline__node-badge{font-size:8px}}.ranked-hub-page.page{--ranked-widget-picker-collapsed-offset: 102px;--ranked-widget-picker-expanded-offset: min(50vh, 430px);--ranked-ink: #091225;--ranked-ink-soft: #3d4f67;--ranked-card: #ffffff;--ranked-card-muted: #f7fbff;--ranked-panel: #f5f9ff;--ranked-border: rgba(16, 33, 63, .13);--ranked-border-strong: rgba(16, 33, 63, .2);--ranked-gold: #d4a62a;--ranked-gold-soft: #f7e7ba;--ranked-emerald: #0f9f79;--ranked-crimson: #c13d46;--ranked-draw: #35558b;--ranked-shadow: 0 16px 30px rgba(15, 23, 42, .12);width:min(100%,1140px);max-width:1140px;gap:20px;padding-bottom:clamp(8px,1.6vw,14px)}.ranked-hub-page.is-widget-library-open{padding-bottom:calc(var(--ranked-widget-picker-collapsed-offset) + env(safe-area-inset-bottom,0px) + clamp(20px,3vw,34px))}.ranked-hub-page.is-widget-library-open.is-widget-library-expanded{padding-bottom:calc(var(--ranked-widget-picker-expanded-offset) + env(safe-area-inset-bottom,0px) + clamp(20px,3vw,34px))}.theme-dark .ranked-hub-page{--ranked-ink: #e6edf9;--ranked-ink-soft: #9fb0cb;--ranked-card: #101a2d;--ranked-card-muted: #15243c;--ranked-panel: #111e34;--ranked-border: rgba(122, 152, 192, .28);--ranked-border-strong: rgba(173, 195, 227, .42);--ranked-gold: #f0c75f;--ranked-gold-soft: rgba(240, 199, 95, .22);--ranked-emerald: #33d0a5;--ranked-crimson: #f1747d;--ranked-draw: #8ab6ff;--ranked-shadow: 0 20px 34px rgba(2, 6, 23, .52)}.ranked-hub-page .hero,.ranked-hub-page .content{width:100%;max-width:100%}.ranked-hub-hero{background:radial-gradient(120% 160% at 10% 0%,#d4a62a33,#d4a62a00),radial-gradient(120% 180% at 100% 0%,#164e631f,#164e6300),linear-gradient(145deg,#f8fbff,#edf5ff 54%,#f7f4ea);color:var(--ranked-ink);border:1px solid rgba(122,152,192,.3);border-radius:22px;box-shadow:0 20px 34px #0f172a1f;padding:24px;position:relative}.theme-dark .ranked-hub-hero{background:radial-gradient(130% 170% at 0% 0%,#f0c75f33,#f0c75f00),radial-gradient(120% 180% at 100% 0%,#22d3ee29,#22d3ee00),linear-gradient(145deg,#0c1a32,#0f2241 54%,#132b4e);border-color:#f0c75f57}.ranked-hub-hero .eyebrow{color:#9a7111}.ranked-hub-hero h1{margin:8px 0 10px;font-size:clamp(28px,3.4vw,36px);letter-spacing:-.02em;color:var(--ranked-ink)}.ranked-hub-hero .subhead{max-width:64ch;color:#3d4f67e6;font-size:clamp(15px,1.8vw,18px)}.theme-dark .ranked-hub-hero .eyebrow{color:#f4d98e}.theme-dark .ranked-hub-hero h1{color:#f8fbff}.theme-dark .ranked-hub-hero .subhead{color:#f8fbffdb}.ranked-hub-mock-pill{margin-top:14px;display:inline-flex;max-width:min(100%,760px);padding:9px 14px;border-radius:999px;background:#3682ff24;border:1px solid rgba(54,130,255,.28);color:#1d4fa3;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.45}.ranked-hub-mock-pill--banner{margin-top:0;margin-bottom:8px;width:100%;max-width:100%;justify-content:center;text-align:center}.theme-dark .ranked-hub-mock-pill{background:#5c9cff29;border-color:#7cb2ff5c;color:#cfe1ff}.ranked-hub-content.content{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;justify-content:stretch;justify-items:stretch;align-items:start}.ranked-dashboard-grid{--ranked-dashboard-gap: 16px;--ranked-dashboard-columns: 3;--ranked-dashboard-tile-width: calc( (100% - (var(--ranked-dashboard-gap) * 2)) / var(--ranked-dashboard-columns) );--ranked-dashboard-row-height: clamp(132px, calc(var(--ranked-dashboard-tile-width) * .34), 154px);display:grid;gap:var(--ranked-dashboard-gap);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:var(--ranked-dashboard-row-height);grid-auto-flow:row dense;align-items:stretch;align-content:start}.ranked-widget-shell{position:relative;min-width:0;min-height:0;align-self:stretch}.ranked-widget-shell>:not(.ranked-widget-drag-handle):not(.ranked-widget-controls){width:100%;min-width:0;min-height:0;height:100%}.ranked-widget-shell--placeholder{border-radius:18px;min-height:0;border:0;background:transparent;box-shadow:none}.ranked-widget-placeholder-card{width:100%;height:100%;min-height:100%;border-radius:18px;border:2px dashed rgba(37,99,235,.34);background:linear-gradient(145deg,#f0f7ffdb,#f8fbfff0),linear-gradient(135deg,#f0c75f14,#f0c75f00);box-shadow:inset 0 0 0 1px #ffffff85,0 10px 22px #2563eb14;display:grid;place-items:center}.ranked-widget-placeholder-card span{color:#2563ebcc;font-size:14px;font-weight:800;letter-spacing:.01em;text-align:center}.theme-dark .ranked-widget-placeholder-card{border-color:#8ab6ff57;background:linear-gradient(145deg,#101d30d1,#14233ae6),linear-gradient(135deg,#f0c75f14,#f0c75f00);box-shadow:inset 0 0 0 1px #ffffff0a,0 12px 24px #02061733}.theme-dark .ranked-widget-placeholder-card span{color:#bfd8ffe0}.ranked-widget-drag-handle{position:absolute;top:10px;right:10px;z-index:6;width:34px;height:34px;border:1px solid rgba(16,33,63,.12);border-radius:10px;background:#ffffffc2;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:0;cursor:grab;box-shadow:0 10px 18px #0f172a14;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.ranked-widget-drag-handle:hover,.ranked-widget-drag-handle:focus-visible{border-color:#2563eb38;background:#ffffffeb;transform:translateY(-1px)}.ranked-widget-drag-handle span{width:3px;height:14px;border-radius:999px;background:#3d4f67c7}.ranked-widget-drag-handle.is-tier-card{top:auto;bottom:12px;right:12px}.theme-dark .ranked-widget-drag-handle{border-color:#adc3e329;background:#0a182cc7;box-shadow:0 12px 22px #02061742}.theme-dark .ranked-widget-drag-handle:hover,.theme-dark .ranked-widget-drag-handle:focus-visible{border-color:#8ab6ff3d;background:#10213feb}.theme-dark .ranked-widget-drag-handle span{background:#e6edf9d1}body.is-ranked-card-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}body.is-ranked-card-dragging .ranked-widget-drag-handle{cursor:grabbing}.ranked-tier-hero,.ranked-summary-card--queue,.ranked-summary-card--season,.ranked-season-clock-card,.ranked-analog-clock-card,.ranked-summary-trend--season.trophy-trend-chart,.ranked-season-results,.ranked-season-road.season-road-timeline,.ranked-season-performance.season-performance-card,.ranked-milestone-card,.ranked-form-strip,.ranked-surface-card--ladder{height:100%;min-height:0}.ranked-summary-trend--season.trophy-trend-chart,.ranked-season-road.season-road-timeline,.ranked-season-performance.season-performance-card,.ranked-surface-card--ladder{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.ranked-summary-trend--season.trophy-trend-chart .trophy-trend-chart__canvas,.ranked-summary-trend--season.trophy-trend-chart .trophy-trend-chart__canvas svg,.ranked-season-road.season-road-timeline .season-road-timeline__viewport,.ranked-surface-card--ladder .ranked-ladder-shell{min-height:0}.ranked-surface-card--ladder .ranked-ladder-shell{display:flex;flex-direction:column;height:auto}.ranked-surface-card--ladder .ranked-ladder-scroll{flex:1 1 auto;height:auto;max-height:none;min-height:0;overflow:auto}.ranked-season-performance.season-performance-card{display:grid;grid-template-rows:auto 1fr auto;min-height:0}.ranked-season-performance.season-performance-card .season-performance-card__grid{align-content:start}.ranked-widget-ghost{position:fixed;z-index:40;pointer-events:none;transform:rotate(-1.2deg)}.ranked-widget-ghost__card{display:grid;place-items:center;min-height:100%;padding:18px;border-radius:18px;border:1px solid rgba(37,99,235,.18);background:radial-gradient(120% 140% at 20% 10%,#d4a62a1f,#d4a62a00),linear-gradient(145deg,#fffffff5,#f0f7fff5);box-shadow:0 22px 34px #0f172a2e;text-align:center}.ranked-widget-ghost__card span{color:var(--ranked-ink);font-size:15px;font-weight:800;letter-spacing:.01em}.theme-dark .ranked-widget-ghost__card{border-color:#8ab6ff2e;background:radial-gradient(120% 140% at 20% 10%,#f0c75f1f,#f0c75f00),linear-gradient(145deg,#0a182cf5,#101e34f5);box-shadow:0 22px 34px #02061761}.ranked-hero-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(320px,1.02fr);align-items:start}.ranked-summary-card{background:var(--ranked-panel);border:1px solid var(--ranked-border);border-radius:20px;padding:20px;box-shadow:var(--ranked-shadow);min-width:0;display:grid;gap:10px;align-content:start}.ranked-tier-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(90% 100% at 90% 10%,#d4a62a29,#d4a62a00),radial-gradient(100% 130% at 0% 90%,#164e631f,#164e6300),var(--ranked-card-muted)}.ranked-tier-hero>*{position:relative;z-index:1}.ranked-tier-orbit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.ranked-tier-orbit path{fill:none;vector-effect:non-scaling-stroke;opacity:0}.ranked-tier-orbit__trail,.ranked-tier-orbit__spark{stroke-dasharray:12 88;stroke-dashoffset:0}.ranked-tier-orbit__trail{stroke:#f6ce5652;stroke-width:4.2;stroke-linecap:round;filter:blur(3px)}.ranked-tier-orbit__spark{stroke:#ffecacfa;stroke-width:2.1;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(240,199,95,.62))}.ranked-tier-orbit__finish{stroke:#ffe484fa;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(240,199,95,.48))}.theme-dark .ranked-tier-hero{background:radial-gradient(90% 100% at 90% 10%,#f0c75f2b,#f0c75f00),radial-gradient(100% 130% at 0% 90%,#2dd4bf1f,#2dd4bf00),var(--ranked-card-muted)}.ranked-tier-hero.is-animating .ranked-tier-orbit__trail,.ranked-tier-hero.is-animating .ranked-tier-orbit__spark{animation:rankedTierOrbitDash 2.55s linear forwards}.ranked-tier-hero.is-animating .ranked-tier-orbit__finish{animation:rankedTierOrbitFinishStroke 3.05s ease-out forwards}.ranked-tier-rank-badge{position:absolute;top:16px;right:16px;width:72px;aspect-ratio:1;border-radius:999px;display:grid;align-content:center;justify-items:center;gap:2px;background:radial-gradient(120% 120% at 30% 20%,#ffffffeb,#fff0),linear-gradient(145deg,#f7e7baf2,#e8cb6eeb);border:1px solid rgba(212,166,42,.45);box-shadow:0 12px 22px #0f172a1f}.ranked-tier-rank-badge span{color:#5c4306d1;font-size:10px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.06em}.ranked-tier-rank-badge strong{color:#2d2300;font-size:19px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.theme-dark .ranked-tier-rank-badge{background:radial-gradient(120% 120% at 30% 20%,#ffffff1a,#fff0),linear-gradient(145deg,#f0c75ff2,#c19221eb);border-color:#f0c75f66;box-shadow:0 14px 26px #02061757}.theme-dark .ranked-tier-rank-badge span{color:#382400d1}.theme-dark .ranked-tier-rank-badge strong{color:#201300}.ranked-summary-card--queue{background:radial-gradient(140% 180% at 100% 0%,#d4a62a2e,#d4a62a00),radial-gradient(130% 150% at 0% 100%,#0f9f7924,#0f9f7900),linear-gradient(160deg,#f8fbfffa,#f0f7fff5);border-color:var(--ranked-border-strong);justify-items:stretch;grid-template-rows:auto auto auto auto auto;align-content:start;gap:8px;padding-top:16px;position:relative;overflow:hidden;box-shadow:0 18px 28px #0f172a1f}.ranked-summary-card--queue>:not(.ranked-queue-podium){position:relative;z-index:1}.theme-dark .ranked-summary-card--queue{background:radial-gradient(140% 180% at 100% 0%,#f1747d3d,#f1747d00),radial-gradient(130% 150% at 0% 100%,#33d0a538,#33d0a500),linear-gradient(160deg,#0a182cfa,#101e34f2)}.ranked-summary-card--queue .ranked-summary-card__label,.ranked-summary-card--queue .ranked-summary-card__subhead{color:var(--ranked-ink-soft);text-align:left;justify-self:start}.ranked-summary-card--queue .ranked-summary-card__subhead{font-size:14px;margin-top:-1px;font-weight:700;line-height:1.3;color:var(--ranked-ink-soft)}.ranked-summary-card--queue .ranked-queue-title{margin:0;color:var(--ranked-ink);font-size:clamp(24px,2.05vw,29px);line-height:1.06;letter-spacing:-.02em;text-align:center;text-wrap:balance}.ranked-summary-card--queue .ranked-queue-button{align-self:stretch}.theme-dark .ranked-summary-card--queue .ranked-summary-card__label,.theme-dark .ranked-summary-card--queue .ranked-summary-card__subhead{color:#eaf5ffe6}.theme-dark .ranked-summary-card--queue .ranked-summary-card__subhead{color:#f7fbfff0}.theme-dark .ranked-summary-card--queue .ranked-queue-title{color:#f7fbff}.ranked-summary-card--season{background:var(--ranked-card);gap:5px;padding:16px}.ranked-hero-side{min-width:0;display:grid;gap:12px;align-content:start}.ranked-summary-card__label{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:var(--ranked-ink-soft)}.ranked-summary-card h2{margin:6px 0 4px;color:var(--ranked-ink);font-size:clamp(28px,2.6vw,34px);line-height:1.08}.ranked-summary-card h3{margin:8px 0 4px;color:var(--ranked-ink);font-size:clamp(19px,1.8vw,24px);line-height:1.12}.ranked-summary-card__subhead{margin:0;color:var(--ranked-ink-soft);font-size:15px}.ranked-summary-card__note{margin:10px 0 0;color:var(--ranked-ink-soft);font-size:13px}.ranked-summary-card__error{margin:8px 0 0;color:var(--ranked-crimson);font-size:13px;font-weight:700}.ranked-summary-stats{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ranked-summary-stats span{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;width:100%;padding:8px 10px;border-radius:999px;background:#10213f14;color:var(--ranked-ink);font-weight:800;font-size:12px;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap}.ranked-summary-stats span:first-child{grid-column:1 / -1}.theme-dark .ranked-summary-stats span{background:#9fb0cb29}.ranked-season-progress{margin-top:14px}.ranked-season-progress__bar{width:100%;height:12px;border-radius:999px;background:#10213f1a;overflow:hidden}.theme-dark .ranked-season-progress__bar{background:#9fb0cb33}.ranked-season-progress__bar>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#d4a62ad6,#f0c75ff2);transition:width .2s ease}.theme-dark .ranked-season-progress__bar>div{background:linear-gradient(90deg,#f0c75fe6,#ffdf85f7)}.ranked-season-progress__bar>div.is-animating{position:relative;overflow:hidden;transform-origin:left center;will-change:transform,background-position}.ranked-season-progress__bar>div.is-animating:after{content:"";position:absolute;inset:-35% -18%;pointer-events:none;opacity:0;background:linear-gradient(110deg,#fff0,#fff7e2ad,#fff0)}.ranked-tier-hero.is-animating .ranked-season-progress__bar>div.is-animating{animation:rankedTierProgressFill 1.15s cubic-bezier(.2,.86,.24,1) forwards,rankedTierProgressFlow 2.25s linear .18s 1 both;background-size:200% 100%}.ranked-tier-hero.is-animating .ranked-season-progress__bar>div.is-animating:after{animation:rankedTierProgressSheen 1.18s ease-out .22s forwards}.ranked-season-progress p{margin:8px 0 0;color:var(--ranked-ink-soft);font-size:13px;font-weight:700}.ranked-tier-target-row{margin-top:auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--ranked-border);background:#ffffff75}.theme-dark .ranked-tier-target-row{background:#111e34b3}.ranked-tier-target-row span{color:var(--ranked-ink-soft);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ranked-tier-target-row strong{color:var(--ranked-ink);font-size:12px;font-weight:800;text-align:right;white-space:nowrap;line-height:1.15}.ranked-summary-trend.trophy-trend-chart{border-radius:14px;box-shadow:none}.ranked-summary-trend--season.trophy-trend-chart{padding:10px}.ranked-summary-trend--season.trophy-trend-chart .trophy-trend-chart__header h3{font-size:14px}.ranked-summary-trend--season.trophy-trend-chart .trophy-trend-chart__header p{font-size:11px}.ranked-queue-button{width:100%;margin-top:2px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;min-height:52px;padding:13px 18px;font-weight:800;letter-spacing:.02em;font-size:17px;line-height:1.15;cursor:pointer;text-align:center;box-shadow:0 14px 20px #08182c3d;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,opacity .14s ease}.ranked-queue-button:disabled{cursor:not-allowed;opacity:.62;filter:grayscale(.1)}.ranked-queue-button--idle{background:radial-gradient(140% 180% at 0% 0%,#ffffff24,#fff0),linear-gradient(135deg,#12a673,#16cb9b 54%,#34d8af);color:#f6fffc}.ranked-queue-button--searching{background:radial-gradient(140% 180% at 0% 0%,#ffffff29,#fff0),linear-gradient(135deg,#d8a221,#efc552 52%,#f7db86);color:#261700}.ranked-queue-button--matched{background:radial-gradient(140% 180% at 0% 0%,#ffffff24,#fff0),linear-gradient(135deg,#1e58cc,#2975e3 48%,#39a8e8);color:#f7fbff}.ranked-queue-button:hover:not(:disabled){transform:translateY(-1px) scale(1.01);box-shadow:0 18px 24px #08182c47}.ranked-queue-metrics{margin-top:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.ranked-queue-metrics article{border-radius:13px;border:1px solid rgba(16,33,63,.12);background:#ffffffb8;padding:8px 12px;display:flex;gap:8px;min-height:48px;align-items:center;justify-content:center;text-align:center}.ranked-queue-metrics p{margin:0;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ranked-ink-soft);white-space:nowrap}.ranked-queue-metrics strong{color:var(--ranked-ink);font-size:15px;font-weight:800;line-height:1.2;white-space:nowrap;overflow-wrap:normal}.theme-dark .ranked-queue-metrics article{border:1px solid rgba(225,238,252,.2);background:#08182c70}.theme-dark .ranked-queue-metrics p{color:#dce9f8c7}.theme-dark .ranked-queue-metrics strong{color:#f7fbff}.ranked-summary-card--season .ranked-season-title{margin:2px 0 0;color:var(--ranked-ink);font-size:17px;line-height:1.06;font-weight:800;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ranked-summary-card--season .ranked-season-name{margin:1px 0 0;color:var(--ranked-ink-soft);font-size:12px;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranked-summary-card--season .ranked-season-meta-row{margin-top:1px;display:grid;gap:3px}.ranked-summary-card--season .ranked-summary-card__subhead--season-dates{margin:0;font-size:14px}.ranked-summary-card--season .ranked-summary-card__note--season{margin-top:0;font-size:12px;font-weight:700}.ranked-fortune-card,.ranked-season-pace-card{background:var(--ranked-card);gap:10px;position:relative;overflow:hidden}.ranked-fortune-card{grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch;padding-bottom:20px;background:radial-gradient(170% 180% at 6% 0%,#f5cb603d,#f5cb6000 62%),radial-gradient(140% 170% at 98% 100%,#fbbf2424,#fbbf2400 64%),linear-gradient(150deg,#fffdf7,#fff8e8 56%,#f5f9ff)}.ranked-season-pace-card{grid-template-rows:auto auto minmax(0,1fr);align-content:stretch;gap:8px}.theme-dark .ranked-fortune-card{background:radial-gradient(170% 180% at 6% 0%,#f0c75f33,#f0c75f00 62%),radial-gradient(140% 170% at 98% 100%,#f59e0b1f,#f59e0b00 64%),linear-gradient(150deg,#16273f,#162b45 58%,#15263f)}.ranked-fortune-card>:not(.ranked-fortune-card__bulb),.ranked-season-pace-card>*{position:relative;z-index:1}.ranked-fortune-card h3,.ranked-season-pace-card h3{margin:0;font-size:18px;line-height:1.14;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ranked-fortune-card__message{margin:0;color:var(--ranked-ink-soft);font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ranked-fortune-card__footer{margin-top:0;display:flex;align-items:center;justify-content:center;gap:8px;justify-self:center;align-self:end}.ranked-fortune-card__pips{display:inline-flex;align-items:center;gap:6px}.ranked-season-pace-card__value{display:grid;gap:3px;margin-top:4px;align-self:start}.ranked-season-pace-card__value strong{color:var(--ranked-ink);font-size:26px;line-height:1;font-weight:900}.ranked-season-pace-card__value span{color:var(--ranked-ink-soft);font-size:13px;font-weight:800;line-height:1.2}.ranked-target-player-card,.ranked-beat-average-card,.ranked-streak-card{background:var(--ranked-card);gap:8px;align-content:stretch;overflow:hidden;grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto;position:relative}.ranked-streak-card{grid-template-rows:auto auto auto minmax(0,1fr) auto;padding-right:clamp(92px,11vw,122px);padding-bottom:20px;background:radial-gradient(200% 220% at 100% 48%,#f9731647,#f9731600 82%),radial-gradient(150% 190% at 90% 52%,#ffd6613d,#ffd66100 84%),linear-gradient(145deg,#fffaf3,#fdfcf8 54%,#fff4e6)}.ranked-beat-average-card{grid-template-rows:auto auto minmax(0,1fr) auto;padding-top:24px}.theme-dark .ranked-streak-card{background:radial-gradient(200% 220% at 100% 48%,#f973163d,#f9731600 84%),radial-gradient(150% 190% at 90% 52%,#ffd66133,#ffd66100 86%),linear-gradient(145deg,#182a43,#16263f 56%,#121f35)}.ranked-streak-card>:not(.ranked-streak-card__flame){position:relative;z-index:1}.ranked-target-player-card{--ranked-target-bullseye-size: 430px;--ranked-target-bullseye-right: -144px;--ranked-target-bullseye-top: -6px;--ranked-target-bullseye-center-right: calc( var(--ranked-target-bullseye-right) + (var(--ranked-target-bullseye-size) / 2) );--ranked-target-bullseye-center-top: calc( var(--ranked-target-bullseye-top) + (var(--ranked-target-bullseye-size) / 2) );gap:10px;grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto;align-content:start;position:relative;isolation:isolate;overflow:hidden}.ranked-target-player-card:before{content:"";position:absolute;top:var(--ranked-target-bullseye-top);right:var(--ranked-target-bullseye-right);width:var(--ranked-target-bullseye-size);height:var(--ranked-target-bullseye-size);border-radius:50%;z-index:0;opacity:.72;background:radial-gradient(circle at center,rgba(184,134,11,.2) 0 16px,transparent 16px 36px),radial-gradient(circle at center,rgba(193,61,70,.11) 36px 78px,transparent 78px 110px),radial-gradient(circle at center,rgba(37,99,235,.07) 110px 154px,transparent 154px 190px),radial-gradient(circle at center,rgba(16,33,63,.08) 190px 232px,transparent 232px 100%)}.ranked-target-player-card:after{content:none}.ranked-target-player-card>*{position:relative;z-index:1}.ranked-target-player-card h3,.ranked-beat-average-card h3{margin:1px 0 0;font-size:18px;line-height:1.12;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ranked-streak-card h3{margin:0;font-size:18px;line-height:1.12;display:block}.ranked-target-player-card__eyebrow,.ranked-beat-average-card__eyebrow,.ranked-streak-card__eyebrow{margin:-1px 0 0;color:var(--ranked-ink-soft);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ranked-target-player-card__eyebrow{font-size:11px;line-height:1.2}.ranked-beat-average-card__eyebrow{margin-top:2px}.ranked-target-player-card__meta,.ranked-beat-average-card__delta,.ranked-beat-average-card__note,.ranked-streak-card__note{margin:0;color:var(--ranked-ink-soft);font-size:11px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ranked-target-player-card h3{margin:0;font-size:18px;line-height:1.12}.ranked-target-player-card__meta{font-size:13px;line-height:1.4;-webkit-line-clamp:3}.ranked-target-player-card__status{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:24px;padding:5px 10px;border-radius:999px;background:#e11d481a;color:#be123c;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.ranked-target-player-card__status.is-cleared{background:#16a34a1f;color:#15803d}.theme-dark .ranked-target-player-card__status{background:#fb71852e;color:#fecdd3}.theme-dark .ranked-target-player-card__status.is-cleared{background:#22c55e2e;color:#bbf7d0}.ranked-target-player-card__comparison{display:grid;gap:5px;align-self:stretch;min-height:0}.ranked-target-player-card__comparison-head,.ranked-target-player-card__comparison-row{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.08fr) minmax(0,1.08fr);gap:6px;align-items:center}.ranked-target-player-card__comparison-head span{color:var(--ranked-ink-soft);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.ranked-target-player-card__comparison-head span:nth-child(2),.ranked-target-player-card__comparison-head span:nth-child(3){display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 4px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranked-target-player-card__comparison-label{color:var(--ranked-ink-soft);font-size:10px;font-weight:700;line-height:1.2}.ranked-target-player-card__comparison-value{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 7px;border-radius:12px;background:#10213f14;color:var(--ranked-ink);font-size:11px;font-weight:800;line-height:1.15;text-align:center}.theme-dark .ranked-target-player-card__comparison-value{background:#9fb0cb29}.ranked-target-player-card__projection{margin:1px 0 0;padding:4px 10px;min-height:30px;border-radius:12px;border:1px solid rgba(37,99,235,.12);background:linear-gradient(135deg,#dbeafeb3,#ffffffe6);color:var(--ranked-ink);font-size:11px;font-weight:800;line-height:1.2;display:flex;align-items:center;justify-content:center;text-align:center}.theme-dark .ranked-target-player-card__projection{border-color:#8ab6ff29;background:linear-gradient(135deg,#1d4ed824,#9fb0cb14);color:#f7fbff}.theme-dark .ranked-target-player-card:before{opacity:.66;background:radial-gradient(circle at center,rgba(240,199,95,.22) 0 16px,transparent 16px 36px),radial-gradient(circle at center,rgba(251,113,133,.11) 36px 78px,transparent 78px 110px),radial-gradient(circle at center,rgba(138,182,255,.085) 110px 154px,transparent 154px 190px),radial-gradient(circle at center,rgba(159,176,203,.08) 190px 232px,transparent 232px 100%)}.ranked-target-player-card__actions{margin-top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ranked-target-player-card__button,.ranked-beat-average-card__button,.ranked-streak-card__button{border:1px solid rgba(16,33,63,.1);border-radius:999px;background:#ffffffb8;color:var(--ranked-ink);min-height:30px;padding:6px 10px;width:100%;font-size:11px;font-weight:700;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.ranked-target-player-card__button--rival{grid-column:1 / -1;border-color:#e11d4838;background:linear-gradient(135deg,#ffe4e6e6,#fff1f2fa);color:#9f1239}.ranked-target-player-card__button--secondary{background:#ffffffd1}.ranked-target-player-card__button:hover,.ranked-target-player-card__button:focus-visible,.ranked-beat-average-card__button:hover,.ranked-beat-average-card__button:focus-visible,.ranked-streak-card__button:hover,.ranked-streak-card__button:focus-visible{transform:translateY(-1px);border-color:#2563eb33;background:#ffffffeb}.ranked-target-player-card__button--rival:hover,.ranked-target-player-card__button--rival:focus-visible{border-color:#e11d485c;background:linear-gradient(135deg,#ffe4e6fa,#fff1f2)}.theme-dark .ranked-target-player-card__button,.theme-dark .ranked-beat-average-card__button,.theme-dark .ranked-streak-card__button{border-color:#9fb0cb2e;background:#08182c70;color:#f7fbff}.theme-dark .ranked-target-player-card__button--rival{border-color:#fb718547;background:linear-gradient(135deg,#4c0519b3,#450a0a80);color:#ffe4e6}.ranked-target-player-card__actions .ranked-target-player-card__button:only-child{grid-column:1 / -1}.ranked-beat-average-card__value{display:grid;gap:2px;align-content:center}.ranked-beat-average-card__value strong{color:var(--ranked-ink);font-size:24px;line-height:1;font-weight:900}.ranked-beat-average-card__value span{color:var(--ranked-ink-soft);font-size:11px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ranked-beat-average-card__footer{margin-top:0;display:flex;align-items:center;justify-content:center;gap:10px;align-self:end}.ranked-beat-average-card__pips{display:inline-flex;align-items:center;gap:6px}.ranked-streak-card__value{color:var(--ranked-ink);font-size:24px;line-height:1;font-weight:900}.ranked-streak-card__note{display:block;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;-webkit-line-clamp:unset}.ranked-streak-card__footer{margin-top:0;display:flex;align-items:center;justify-content:center;gap:10px;justify-self:center;align-self:end;transform:translate(clamp(30px,4vw,44px))}.ranked-streak-card__pips{display:inline-flex;align-items:center;gap:6px}.ranked-mini-challenge-card{grid-template-rows:auto auto minmax(0,1fr);align-content:stretch;overflow:hidden;background:radial-gradient(140% 160% at 100% 0%,#0f9f7924,#0f9f7900),linear-gradient(150deg,#fbfdff,#f6fbff 54%,#eff8f4);gap:10px}.theme-dark .ranked-mini-challenge-card{background:radial-gradient(140% 160% at 100% 0%,#33d0a524,#33d0a500),linear-gradient(150deg,#11243b,#132a45 54%,#133128)}.ranked-mini-challenge-card h3{margin:2px 0 0;font-size:20px;line-height:1.08}.ranked-mini-challenge-card__subhead,.ranked-mini-challenge-card__footer,.ranked-mini-challenge-card__error{margin:0;color:var(--ranked-ink-soft);font-size:12px;line-height:1.4}.ranked-mini-challenge-card__error{color:#b42318;font-weight:700}.theme-dark .ranked-mini-challenge-card__error{color:#ffb4a8}.ranked-mini-challenge-card__list{margin:0;padding:0;list-style:none;display:grid;gap:10px;grid-template-rows:repeat(3,minmax(0,1fr));min-height:0;overflow:hidden}.ranked-mini-challenge-card__list li{display:grid;gap:6px;min-height:0;padding:10px 11px;border-radius:18px;border:1px solid rgba(16,33,63,.08);background:#ffffffbd}.theme-dark .ranked-mini-challenge-card__list li{border-color:#9fb0cb29;background:#08182c5c}.ranked-mini-challenge-card__list li.is-complete{border-color:#22c55e73;background:linear-gradient(135deg,#22c55e24,#22c55e05)}.ranked-mini-challenge-card__list li.is-claimed{border-color:#2563eb2e;background:#2563eb14}.theme-dark .ranked-mini-challenge-card__list li.is-complete{border-color:#4ade8057;background:linear-gradient(135deg,#22c55e33,#16a34a14)}.theme-dark .ranked-mini-challenge-card__list li.is-claimed{border-color:#8ab6ff33;background:#2563eb29}.ranked-mini-challenge-card__row,.ranked-mini-challenge-card__meta{display:flex;align-items:center;gap:10px}.ranked-mini-challenge-card__row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;column-gap:10px}.ranked-mini-challenge-card__meta{justify-content:space-between;color:var(--ranked-ink-soft);font-size:12px;font-weight:700;margin-left:38px}.ranked-mini-challenge-card__status{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#10213f14;color:var(--ranked-ink);font-size:14px;font-weight:900}.ranked-mini-challenge-card__status.is-complete{background:#16a34a;box-shadow:inset 0 0 0 2px #86efacbf;color:#fff}.theme-dark .ranked-mini-challenge-card__status{background:#9fb0cb24;color:#f7fbff}.theme-dark .ranked-mini-challenge-card__status.is-complete{background:#22c55e;box-shadow:inset 0 0 0 2px #bbf7d09e;color:#06240f}.ranked-mini-challenge-card__copy{min-width:0;display:grid;gap:3px;flex:1 1 auto}.ranked-mini-challenge-card__copy strong{color:var(--ranked-ink);font-size:13px;line-height:1.25;font-weight:800}.ranked-mini-challenge-card__copy span{color:var(--ranked-ink-soft);font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ranked-mini-challenge-card__reward{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:4px 9px;border-radius:999px;background:#d4a62a1f;color:#8a6512;font-size:11px;font-weight:900}.theme-dark .ranked-mini-challenge-card__reward{background:#d4a62a2e;color:#f4d98e}.ranked-mini-challenge-card__claim{border:1px solid rgba(15,159,121,.2);border-radius:999px;background:#0f9f791a;color:#0d7a5e;min-height:28px;padding:4px 10px;font-size:11px;font-weight:800;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.ranked-mini-challenge-card__claim:hover,.ranked-mini-challenge-card__claim:focus-visible{transform:translateY(-1px);border-color:#0f9f7952;background:#0f9f7924}.ranked-mini-challenge-card__claim:disabled{cursor:wait;opacity:.72;transform:none}.theme-dark .ranked-mini-challenge-card__claim{border-color:#33d0a538;background:#16a3742e;color:#d8fff0}.ranked-mini-challenge-card__empty{color:var(--ranked-ink-soft);font-size:12px;line-height:1.45}.ranked-mini-challenge-card__footer{margin-top:auto}.ranked-season-clock-card{display:flex;align-items:center;justify-content:center;gap:0;min-height:0;height:100%;overflow:hidden}.ranked-season-clock-card__display{display:flex;align-items:center;justify-content:center;min-height:0;width:100%;padding:0;border:0;background:transparent;color:var(--ranked-ink);font-size:clamp(34px,2.7vw,46px);font-weight:900;line-height:1;letter-spacing:.03em;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,monospace;text-align:center}.theme-dark .ranked-season-clock-card__display{background:transparent}.ranked-season-visual-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(250px,.78fr);gap:16px;align-items:stretch}.ranked-season-visual-grid>*{min-width:0}.ranked-season-results{border:1px solid var(--ranked-border);border-radius:14px;background:var(--ranked-card-muted);padding:12px;display:grid;grid-template-rows:auto 1fr;gap:10px;height:100%;min-height:0;align-content:stretch}.ranked-season-results__header{display:grid;gap:4px}.ranked-season-results__eyebrow{margin:0;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ranked-ink-soft)}.ranked-season-results__header h3{margin:0;color:var(--ranked-ink);font-size:19px;line-height:1.06;letter-spacing:-.01em}.ranked-season-results__subhead{margin:0;color:var(--ranked-ink-soft);font-size:12px;line-height:1.3}.ranked-season-results__chart{display:grid;place-items:start center;min-height:0;height:100%;padding:0}.ranked-season-results__chart-svg{width:min(100%,340px);height:auto;overflow:visible}.ranked-season-results__track,.ranked-season-results__arc{fill:none;stroke-width:24}.ranked-season-results__track{stroke:#10213f1f}.theme-dark .ranked-season-results__track{stroke:#9fb0cb2e}.ranked-season-results__arc{stroke-linecap:butt;cursor:pointer;opacity:.9;transition:transform .18s ease,stroke-width .18s ease,opacity .18s ease,filter .18s ease;transform:translate(0);transform-origin:center}.ranked-season-results__arc.is-active{transform:translate(var(--ranked-season-results-pop-x, 0px),var(--ranked-season-results-pop-y, 0px));stroke-width:26;opacity:1;filter:drop-shadow(0 4px 8px rgba(15,23,42,.2))}.ranked-season-results__hole{fill:var(--ranked-card-muted)}.ranked-season-results__arc.is-win,.ranked-season-results__connector-line.is-win{stroke:var(--ranked-emerald)}.ranked-season-results__arc.is-draw,.ranked-season-results__connector-line.is-draw{stroke:var(--ranked-draw)}.ranked-season-results__arc.is-loss,.ranked-season-results__connector-line.is-loss{stroke:var(--ranked-crimson)}.ranked-season-results__connector-line{fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.ranked-season-results__callout-label,.ranked-season-results__callout-value,.ranked-season-results__center-total,.ranked-season-results__center-label{dominant-baseline:middle}.ranked-season-results__callout-label{fill:var(--ranked-ink);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.ranked-season-results__callout-value{fill:var(--ranked-ink-soft);font-size:11px;font-weight:700}.ranked-season-results__center-total{fill:var(--ranked-ink);font-size:30px;font-weight:900;text-anchor:middle}.ranked-season-results__center-label{fill:var(--ranked-ink-soft);font-size:11px;font-weight:700;letter-spacing:.1em;text-anchor:middle}.ranked-season-journey{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:stretch}.ranked-season-road{min-height:0;height:100%}.ranked-season-side{display:grid;gap:12px;align-content:start}.ranked-season-performance{min-height:0}.ranked-milestone-card{background:var(--ranked-card);border:1px solid var(--ranked-border);border-radius:18px;padding:14px;box-shadow:var(--ranked-shadow);display:grid;gap:8px;position:relative;overflow:hidden;isolation:isolate}.ranked-milestone-card:before,.ranked-milestone-card:after{content:"";position:absolute;pointer-events:none;z-index:0}.ranked-milestone-card:before{right:30px;top:34px;width:4px;height:76px;border-radius:999px;opacity:.35;background:linear-gradient(180deg,#10213f61,#10213f1f)}.ranked-milestone-card:after{right:32px;top:39px;width:44px;height:26px;border-radius:14px 8px 8px 14px;transform-origin:right center;opacity:.5;background:linear-gradient(125deg,#f4ca56b8,#edbf2f80 48%,#dea5186b);clip-path:polygon(100% 8%,16% 10%,8% 50%,16% 90%,100% 92%,92% 50%);filter:saturate(1.08) contrast(1.04);will-change:transform,clip-path;animation:ranked-milestone-flag-wave 2.6s ease-in-out infinite}.ranked-milestone-card>*{position:relative;z-index:1}.ranked-milestone-card__label{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:var(--ranked-ink-soft)}.ranked-milestone-card h4{margin:0;font-size:21px;color:var(--ranked-ink);line-height:1.1}.ranked-milestone-card__note{margin:0;font-size:13px;color:var(--ranked-ink-soft);line-height:1.35}.ranked-milestone-card__bar{width:100%;height:10px;border-radius:999px;background:#10213f1a;overflow:hidden}.theme-dark .ranked-milestone-card__bar{background:#9fb0cb33}.theme-dark .ranked-milestone-card:before{opacity:.34;background:linear-gradient(180deg,#9fb0cb70,#9fb0cb1f)}.theme-dark .ranked-milestone-card:after{opacity:.56;background:linear-gradient(125deg,#ffdb709e,#ffcd496b 48%,#eead2357)}.ranked-milestone-card__bar>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6bf,#6366f1e0);transition:width .2s ease}.ranked-milestone-card__bar>div.is-animating{position:relative;overflow:hidden;transform-origin:left center;will-change:transform,background-position}.ranked-milestone-card__bar>div.is-animating:after{content:"";position:absolute;inset:-35% -18%;pointer-events:none;opacity:0;background:linear-gradient(110deg,#fff0,#e0f0ff9e,#fff0)}.ranked-milestone-card.is-animating .ranked-milestone-card__bar>div.is-animating{animation:rankedTierProgressFill 1.15s cubic-bezier(.2,.86,.24,1) forwards,rankedTierProgressFlow 2.25s linear .18s 1 both;background-size:200% 100%}.ranked-milestone-card.is-animating .ranked-milestone-card__bar>div.is-animating:after{animation:rankedTierProgressSheen 1.18s ease-out .22s forwards}.ranked-milestone-card__meta{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--ranked-ink-soft);font-size:12px;font-weight:700}.ranked-form-strip{background:var(--ranked-card);border:1px solid var(--ranked-border);border-radius:18px;padding:16px;box-shadow:var(--ranked-shadow)}.ranked-form-strip__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ranked-form-strip__header h3{margin:0;font-size:18px;color:var(--ranked-ink)}.ranked-form-strip__header span{color:var(--ranked-ink-soft);font-size:13px;font-weight:700}.ranked-form-strip__actions{display:inline-flex;align-items:center;gap:10px}.ranked-form-strip__rows{margin-top:12px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.ranked-form-chip{display:grid;gap:2px;padding:10px;border-radius:12px;border:1px solid transparent;background:var(--ranked-card-muted)}.ranked-form-chip--button{width:100%;appearance:none;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.ranked-form-chip--button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0f172a14}.ranked-form-chip--button:focus-visible{outline:2px solid rgba(37,99,235,.28);outline-offset:2px}.ranked-form-chip b{color:var(--ranked-ink);font-size:15px;line-height:1}.ranked-form-chip span,.ranked-form-chip small{color:var(--ranked-ink-soft);font-size:12px;line-height:1.2;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranked-form-chip.is-win{border-color:#0f9f7959}.ranked-form-chip.is-loss{border-color:#c13d4659}.ranked-form-chip.is-draw{border-color:#35558b59}.ranked-form-chip small.is-pos{color:var(--ranked-emerald);font-weight:800}.ranked-form-chip small.is-neg{color:var(--ranked-crimson);font-weight:800}.ranked-hub-main-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);align-items:stretch}.ranked-surface-card{background:var(--ranked-card);border:1px solid var(--ranked-border);border-radius:18px;padding:18px;box-shadow:var(--ranked-shadow);min-width:0}.ranked-surface-card--history{min-height:236px}.ranked-surface-card--ladder{grid-column:1 / -1}.ranked-surface-card__header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.ranked-surface-card__header h3{margin:0;color:var(--ranked-ink);font-size:clamp(22px,2vw,28px);line-height:1.08}.ranked-surface-card__meta{color:var(--ranked-ink-soft);font-size:14px;font-weight:700}.ranked-surface-card__actions{display:inline-flex;align-items:center;gap:10px}.ranked-inline-link{border:0;background:transparent;color:var(--ranked-draw);font-size:13px;font-weight:700;padding:0;cursor:pointer}.ranked-inline-link:hover{text-decoration:underline}.ranked-opponent-card{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-radius:14px;background:linear-gradient(155deg,#eef5ff,#f8fbff);border:1px solid var(--ranked-border-strong)}.theme-dark .ranked-opponent-card{background:linear-gradient(155deg,#162945,#14263f)}.ranked-opponent-card__identity{display:flex;flex-direction:column;gap:3px;min-width:0}.ranked-opponent-card__identity strong{color:var(--ranked-ink);font-size:20px;line-height:1.06;letter-spacing:-.02em;overflow-wrap:anywhere}.ranked-opponent-card__identity span{color:var(--ranked-ink-soft);font-size:13px;line-height:1.1}.ranked-opponent-card__stats{display:grid;gap:4px;text-align:right;color:var(--ranked-ink);font-weight:700;font-size:15px;line-height:1.08}.ranked-history-table{margin-top:12px;display:grid;gap:8px;max-height:min(56vh,430px);overflow:auto;overscroll-behavior:auto;padding-bottom:2px}.ranked-history-table::-webkit-scrollbar{height:6px}.ranked-history-table::-webkit-scrollbar-thumb{border-radius:999px;background:#10213f42}.theme-dark .ranked-history-table::-webkit-scrollbar-thumb{background:#9fb0cb47}.ranked-history-row{display:grid;grid-template-columns:72px minmax(170px,1fr) minmax(92px,.65fr) minmax(96px,.6fr) minmax(82px,.55fr);gap:10px;align-items:center;font-size:14px;min-width:650px}.ranked-history-row>span{min-width:0}button.ranked-history-row{width:100%;border:0;padding:0;margin:0;background:transparent;color:inherit;text-align:left;font:inherit}.ranked-history-row--head{color:var(--ranked-ink-soft);font-size:12px;font-weight:700}.ranked-history-row--interactive{cursor:pointer;border-radius:14px;padding:10px 12px;margin:0 -12px;transition:background-color .16s ease,transform .16s ease}.ranked-history-row--interactive:hover{background:#2563eb14}.ranked-history-row--interactive:focus-visible{outline:2px solid rgba(37,99,235,.28);outline-offset:2px;background:#2563eb1a}.ranked-history-row__opponent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranked-history-row__diff,.ranked-history-row__delta,.ranked-history-row__when{justify-self:end;font-variant-numeric:tabular-nums}.ranked-pill{display:inline-flex;justify-content:center;width:100%;padding:4px 8px;border-radius:999px;font-weight:800}.ranked-pill.is-win{color:#083c2f;background:#0f9f792e}.ranked-pill.is-loss{color:#5a1a20;background:#c13d462e}.ranked-pill.is-draw{color:#0e3064;background:#35558b29}.theme-dark .ranked-pill.is-win{color:#7ef3cf;background:#33d0a533}.theme-dark .ranked-pill.is-loss{color:#ffb5bc;background:#f1747d33}.theme-dark .ranked-pill.is-draw{color:#bfd8ff;background:#8ab6ff33}.ranked-history-row .is-pos{color:var(--ranked-emerald);font-weight:800}.ranked-history-row .is-neg{color:var(--ranked-crimson);font-weight:800}.ranked-ladder-shell{margin-top:12px;position:relative;width:100%}.ranked-ladder-jump{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-bottom:8px}.ranked-ladder-jump__button{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--ranked-border);background:var(--ranked-card-muted);color:var(--ranked-ink-soft);font-size:12px;font-weight:700;line-height:1;padding:6px 12px;cursor:pointer}.ranked-ladder-jump__button strong{color:var(--ranked-ink)}.ranked-ladder-jump__button--rival{border-color:#e11d482e;background:#fff1f2eb;color:#9f1239}.ranked-ladder-jump__button:hover{color:var(--ranked-ink);border-color:var(--ranked-border-strong)}.ranked-ladder-jump__button--rival:hover{color:#881337;border-color:#e11d484d}.ranked-ladder-jump__button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:1px}.ranked-ladder-scroll{max-height:min(56vh,460px);overflow:visible;padding-right:0;padding-bottom:0}.ranked-ladder-scroll.is-scrollable{overflow-y:auto;overscroll-behavior-y:auto;padding-right:4px}.ranked-ladder-scroll.has-sticky-top{padding-top:0}.ranked-ladder-scroll.has-sticky-bottom{padding-bottom:82px}.ranked-ladder-scroll::-webkit-scrollbar{width:6px}.ranked-ladder-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#10213f42}.theme-dark .ranked-ladder-scroll::-webkit-scrollbar-thumb{background:#9fb0cb47}.ranked-ladder-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.ranked-ladder-list--sticky{margin:0}.ranked-ladder-sticky{position:absolute;left:0;right:4px;z-index:2;pointer-events:none;opacity:0;transform:translateY(var(--ranked-ladder-sticky-offset, 8px)) scale(.985);transition:opacity .19s ease,transform .23s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}.ranked-ladder-sticky.is-visible{opacity:1;transform:translateY(0) scale(1)}.ranked-ladder-sticky--bottom{--ranked-ladder-sticky-offset: 8px;bottom:0;padding-top:14px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(248,250,252,.94) 42%,var(--ranked-card) 74%)}.ranked-ladder-sticky--top{--ranked-ladder-sticky-offset: -8px;top:0;padding-bottom:14px;background:linear-gradient(180deg,var(--ranked-card) 0%,rgba(248,250,252,.97) 58%,rgba(255,255,255,.84) 84%,rgba(255,255,255,0) 100%)}.ranked-ladder-shell--has-jump .ranked-ladder-sticky--top{top:42px}.theme-dark .ranked-ladder-sticky--bottom{background:linear-gradient(180deg,rgba(13,27,46,0),rgba(14,25,42,.94) 42%,var(--ranked-card) 74%)}.theme-dark .ranked-ladder-sticky--top{background:linear-gradient(180deg,var(--ranked-card) 0%,rgba(14,25,42,.97) 58%,rgba(13,27,46,.84) 84%,rgba(13,27,46,0) 100%)}.ranked-ladder-list li{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,150px) max-content;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--ranked-card-muted);border:1px solid transparent;color:var(--ranked-ink);min-width:0}.ranked-ladder-row--hidden{visibility:hidden}.ranked-ladder-list li.is-self{border-color:#d4a62a85;background:linear-gradient(120deg,rgba(247,231,186,.45),var(--ranked-card-muted))}.ranked-ladder-list li.is-rival{border-color:#e11d4857;background:linear-gradient(120deg,rgba(255,228,230,.82),var(--ranked-card-muted))}.theme-dark .ranked-ladder-list li.is-self{background:linear-gradient(120deg,rgba(240,199,95,.26),var(--ranked-card-muted))}.theme-dark .ranked-ladder-jump__button--rival{border-color:#fb71853d;background:#4c05196b;color:#ffe4e6}.theme-dark .ranked-ladder-jump__button--rival:hover{color:#fff1f2;border-color:#fb71855c}.theme-dark .ranked-ladder-list li.is-rival{border-color:#fb71854d;background:linear-gradient(120deg,rgba(76,5,25,.42),var(--ranked-card-muted))}.ranked-ladder-list li.is-rival-pickable{cursor:pointer}.ranked-ladder-list li.is-rival-pickable:hover,.ranked-ladder-list li.is-rival-pickable:focus-visible{border-color:#2563eb3d;background:linear-gradient(120deg,rgba(219,234,254,.78),var(--ranked-card-muted));outline:none}.theme-dark .ranked-ladder-list li.is-rival-pickable:hover,.theme-dark .ranked-ladder-list li.is-rival-pickable:focus-visible{border-color:#8ab6ff47;background:linear-gradient(120deg,rgba(23,54,97,.62),var(--ranked-card-muted))}.ranked-ladder-list__rank,.ranked-ladder-list__tier,.ranked-ladder-list__trophies{white-space:nowrap;font-variant-numeric:tabular-nums}.ranked-ladder-list__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.ranked-ladder-list__tier{color:var(--ranked-ink-soft);justify-self:end;overflow:hidden;text-overflow:ellipsis}.ranked-ladder-list__trophies{justify-self:end}.ranked-empty{margin-top:12px;color:var(--ranked-ink-soft)}.ranked-empty--compact{margin-top:6px;font-size:13px}.ranked-hub-loading{margin:0;color:var(--ranked-ink-soft);font-weight:600}.ranked-hub-hero__inner{position:relative;min-height:42px;width:100%}.ranked-hub-hero__copy{min-width:0;padding-right:72px}.ranked-hub-layout-toggle{position:absolute;top:-6px;right:-6px;z-index:1;width:42px;height:42px;border:1px solid rgba(16,33,63,.12);border-radius:14px;background:#ffffffd1;color:var(--ranked-ink);display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:0;line-height:0;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease;box-shadow:0 10px 18px #0f172a14}.ranked-hub-layout-toggle:before,.ranked-hub-layout-toggle:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;border-radius:999px;background:currentColor;transform:translate(-50%,-50%);transition:transform .14s ease}.ranked-hub-layout-toggle:hover,.ranked-hub-layout-toggle:focus-visible{transform:translateY(-1px);border-color:#2563eb38;background:#fffffff0}.ranked-hub-layout-toggle.is-active{border-color:#2563eb3d;background:#dbeafee6;color:#1d4ed8}.ranked-hub-layout-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}.ranked-hub-layout-toggle.is-active:before{transform:translate(-50%,-50%) rotate(45deg)}.ranked-hub-layout-toggle.is-active:after{transform:translate(-50%,-50%) rotate(-45deg)}.theme-dark .ranked-hub-layout-toggle{border-color:#adc3e32e;background:#0a182cd1;color:#f7fbff;box-shadow:0 12px 22px #02061742}.theme-dark .ranked-hub-layout-toggle:hover,.theme-dark .ranked-hub-layout-toggle:focus-visible{border-color:#8ab6ff42;background:#10213feb}.theme-dark .ranked-hub-layout-toggle.is-active{border-color:#8ab6ff57;background:#1e3a8a57;color:#bfd8ff}.ranked-dashboard-empty-state{grid-column:1 / -1;min-height:156px;border:1px dashed rgba(37,99,235,.26);border-radius:18px;background:linear-gradient(145deg,#f8fbfff0,#f0f7ffe0),linear-gradient(135deg,#f0c75f14,#f0c75f00);display:grid;place-items:center;gap:6px;text-align:center;padding:20px}.ranked-dashboard-empty-state strong{color:var(--ranked-ink);font-size:16px;line-height:1.2}.ranked-dashboard-empty-state span{color:var(--ranked-ink-soft);font-size:13px;line-height:1.4;max-width:32ch}.theme-dark .ranked-dashboard-empty-state{border-color:#8ab6ff42;background:linear-gradient(145deg,#101d30e6,#14233adb),linear-gradient(135deg,#f0c75f14,#f0c75f00)}.ranked-widget-shell.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.ranked-widget-shell.is-editable .ranked-summary-card,.ranked-widget-shell.is-editable .ranked-milestone-card,.ranked-widget-shell.is-editable .ranked-form-strip,.ranked-widget-shell.is-editable .ranked-surface-card{box-shadow:inset 0 0 0 1px #2563eb14,var(--ranked-shadow)}.ranked-widget-controls{position:absolute;top:10px;right:10px;left:auto;z-index:6;display:inline-flex;align-items:center;gap:6px;width:auto;height:auto;min-width:0;min-height:0}.ranked-widget-pin-button,.ranked-widget-remove-button{width:34px;height:34px;border:1px solid rgba(16,33,63,.12);border-radius:10px;background:#ffffffd1;color:var(--ranked-ink);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 10px 18px #0f172a14;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.ranked-widget-pin-button:hover,.ranked-widget-pin-button:focus-visible,.ranked-widget-remove-button:hover,.ranked-widget-remove-button:focus-visible{transform:translateY(-1px);border-color:#2563eb38;background:#fffffff0}.ranked-widget-pin-button.is-active{border-color:#d4a62a57;background:#f7e7badb}.ranked-widget-pin-button span,.ranked-widget-remove-button span{line-height:1;font-size:16px}.ranked-widget-remove-button span{font-size:22px;transform:translateY(-1px)}.theme-dark .ranked-widget-pin-button,.theme-dark .ranked-widget-remove-button{border-color:#adc3e329;background:#0a182cc7;color:#f7fbff;box-shadow:0 12px 22px #0206173d}.theme-dark .ranked-widget-pin-button:hover,.theme-dark .ranked-widget-pin-button:focus-visible,.theme-dark .ranked-widget-remove-button:hover,.theme-dark .ranked-widget-remove-button:focus-visible{border-color:#8ab6ff3d;background:#10213feb}.theme-dark .ranked-widget-pin-button.is-active{border-color:#f0c75f42;background:#f0c75f24}.ranked-widget-picker{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(calc(100vw - 24px),1140px);z-index:30;border:1px solid var(--ranked-border);border-bottom:0;border-radius:18px 18px 0 0;background:radial-gradient(120% 180% at 100% 0%,#d4a62a1a,#d4a62a00),linear-gradient(145deg,#f8fbfff5,#f0f7fff0);box-shadow:0 -18px 36px #0f172a2e,0 0 0 1px #ffffff4d inset;padding:14px 16px calc(12px + env(safe-area-inset-bottom,0px));display:grid;gap:10px;overflow:hidden;max-height:calc(100vh - 88px);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.theme-dark .ranked-widget-picker{background:radial-gradient(120% 180% at 100% 0%,#f0c75f1a,#f0c75f00),linear-gradient(145deg,#101d30f0,#0e192af5)}.ranked-widget-picker__header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px}.ranked-widget-picker__header-copy{min-width:0}.ranked-widget-picker__header-copy .eyebrow{margin:0;color:var(--ranked-ink-soft)}.ranked-widget-picker__header-copy h2{margin:4px 0 0;color:var(--ranked-ink);font-size:22px;line-height:1.08}.ranked-widget-picker__header-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.ranked-widget-picker__header-actions span{color:var(--ranked-ink-soft);font-size:12px;font-weight:700}.ranked-widget-picker__toggle{border:1px solid rgba(16,33,63,.12);border-radius:999px;background:#ffffffd1;color:var(--ranked-ink);min-height:34px;padding:7px 12px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.ranked-widget-picker__toggle:hover,.ranked-widget-picker__toggle:focus-visible{transform:translateY(-1px);border-color:#2563eb38;background:#fffffff0}.theme-dark .ranked-widget-picker__toggle{border-color:#adc3e329;background:#0a182cb8;color:#f7fbff}.ranked-widget-picker__body{display:grid;min-height:0;overflow:hidden;transition:max-height .22s ease,opacity .18s ease,margin-top .18s ease,transform .22s ease}.ranked-widget-picker.is-collapsed .ranked-widget-picker__body{max-height:0;opacity:0;margin-top:-10px;transform:translateY(4px);pointer-events:none}.ranked-widget-picker.is-expanded .ranked-widget-picker__body{max-height:min(44vh,390px);opacity:1;transform:translateY(0)}.ranked-widget-picker__scroll{min-height:0;max-height:min(44vh,390px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.ranked-widget-picker__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.ranked-widget-picker__item{min-width:0}.ranked-widget-picker__row{width:100%;border:1px solid rgba(16,33,63,.08);border-radius:16px;background:#ffffffc2;color:inherit;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;text-align:left;font:inherit;cursor:grab;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.ranked-widget-picker__row:hover,.ranked-widget-picker__row:focus-visible{transform:translateY(-1px);border-color:#2563eb2e;background:#ffffffeb;box-shadow:0 12px 20px #0f172a14}.theme-dark .ranked-widget-picker__row{border-color:#9fb0cb1f;background:#08182c80}.theme-dark .ranked-widget-picker__row:hover,.theme-dark .ranked-widget-picker__row:focus-visible{border-color:#8ab6ff38;background:#0d1f36b8;box-shadow:0 14px 22px #02061738}.ranked-widget-picker__preview{border-radius:14px;border:1px solid rgba(37,99,235,.12);background:radial-gradient(120% 160% at 0% 0%,#d4a62a24,#d4a62a00),linear-gradient(145deg,#f7fbfff0,#edf5fff5);display:grid;place-items:center;gap:3px;box-shadow:inset 0 1px #ffffff8f}.theme-dark .ranked-widget-picker__preview{border-color:#8ab6ff29;background:radial-gradient(120% 160% at 0% 0%,#f0c75f24,#f0c75f00),linear-gradient(145deg,#101d30eb,#0d182af5)}.ranked-widget-picker__preview-icon{display:inline-flex;align-items:center;justify-content:center;font-size:21px;line-height:1}.ranked-widget-picker__preview small{color:var(--ranked-ink-soft);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ranked-widget-picker__item-copy{min-width:0;display:grid;gap:4px}.ranked-widget-picker__item-copy strong{color:var(--ranked-ink);font-size:14px;line-height:1.2}.ranked-widget-picker__item-copy span{color:var(--ranked-ink-soft);font-size:12px;line-height:1.4}.ranked-widget-picker__empty{margin:0;padding:16px;border-radius:16px;border:1px dashed rgba(16,33,63,.14);color:var(--ranked-ink-soft);font-size:13px;line-height:1.45;text-align:center}.theme-dark .ranked-widget-picker__empty{border-color:#9fb0cb24}.ranked-summary-card--primary{border-color:var(--ranked-border-strong)}.ranked-queue-podium{position:absolute;left:50%;bottom:0;width:min(100%,308px);justify-self:unset;align-self:unset;display:block;margin:0;transform:translate(-50%);opacity:.32;pointer-events:none;z-index:0;filter:saturate(.86)}.theme-dark .ranked-queue-podium{opacity:.3;filter:saturate(.78)}.ranked-queue-podium svg{display:block;width:100%;height:auto;overflow:visible}.ranked-queue-podium__shadow{fill:#10213f12}.theme-dark .ranked-queue-podium__shadow{fill:#02061733}.ranked-queue-podium__base{fill:#10213f70}.theme-dark .ranked-queue-podium__base{fill:#9fb0cb4d}.ranked-queue-podium__block rect:not(.ranked-queue-podium__cap){fill:#dbeafe94;stroke:#10213f0d;stroke-width:1}.ranked-queue-podium__block.is-first rect:not(.ranked-queue-podium__cap){fill:#f7e7ba9e}.ranked-queue-podium__block.is-second rect:not(.ranked-queue-podium__cap){fill:#e2e8f09e}.ranked-queue-podium__block.is-third rect:not(.ranked-queue-podium__cap){fill:#fde6c89e}.ranked-queue-podium__cap{fill:#10213f14}.ranked-queue-podium__block.is-first .ranked-queue-podium__cap{fill:#d4a62a42}.ranked-queue-podium__block.is-second .ranked-queue-podium__cap{fill:#94a3b852}.ranked-queue-podium__block.is-third .ranked-queue-podium__cap{fill:#b4530933}.ranked-queue-podium__block text{fill:#09122570;font-size:24px;font-weight:900;font-family:inherit}.theme-dark .ranked-queue-podium__block text{fill:#0b13257a}.ranked-queue-podium__handle{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.ranked-queue-podium__rim,.ranked-queue-podium__cup,.ranked-queue-podium__stem,.ranked-queue-podium__foot,.ranked-queue-podium__plate{stroke:#10213f1f;stroke-width:1}.ranked-queue-podium__trophy.is-gold .ranked-queue-podium__handle{stroke:#d4a62a}.ranked-queue-podium__trophy.is-gold .ranked-queue-podium__rim,.ranked-queue-podium__trophy.is-gold .ranked-queue-podium__cup,.ranked-queue-podium__trophy.is-gold .ranked-queue-podium__stem,.ranked-queue-podium__trophy.is-gold .ranked-queue-podium__foot,.ranked-queue-podium__trophy.is-gold .ranked-queue-podium__plate{fill:#d4a62a}.ranked-queue-podium__trophy.is-silver .ranked-queue-podium__handle{stroke:#94a3b8}.ranked-queue-podium__trophy.is-silver .ranked-queue-podium__rim,.ranked-queue-podium__trophy.is-silver .ranked-queue-podium__cup,.ranked-queue-podium__trophy.is-silver .ranked-queue-podium__stem,.ranked-queue-podium__trophy.is-silver .ranked-queue-podium__foot,.ranked-queue-podium__trophy.is-silver .ranked-queue-podium__plate{fill:#cbd5e1}.ranked-queue-podium__trophy.is-bronze .ranked-queue-podium__handle{stroke:#c56a2d}.ranked-queue-podium__trophy.is-bronze .ranked-queue-podium__rim,.ranked-queue-podium__trophy.is-bronze .ranked-queue-podium__cup,.ranked-queue-podium__trophy.is-bronze .ranked-queue-podium__stem,.ranked-queue-podium__trophy.is-bronze .ranked-queue-podium__foot,.ranked-queue-podium__trophy.is-bronze .ranked-queue-podium__plate{fill:#d08a4c}.ranked-analog-clock-card{display:grid;grid-template-rows:1fr;min-height:0;height:100%;align-content:stretch;align-items:center;justify-items:center;gap:0;padding:12px;overflow:hidden}.ranked-analog-clock-card__face{justify-self:center;align-self:center;width:100%;max-width:124px;aspect-ratio:1;max-height:100%;border-radius:50%;border:0;background:radial-gradient(circle at 32% 26%,#fffffffc,#f5f9fff5 64%,#e7effaf0);display:grid;place-items:center;padding:2px;box-shadow:0 8px 16px #0f172a1a;overflow:hidden}.theme-dark .ranked-analog-clock-card__face{background:radial-gradient(circle at 32% 26%,#3a5882e0,#1a2c46f7 58%,#0e1b2efc);box-shadow:0 10px 18px #0206174d}.ranked-analog-clock-card__face svg{display:block;width:100%;height:100%;overflow:visible}.ranked-analog-clock-card__dial{fill:#ffffffd6}.theme-dark .ranked-analog-clock-card__dial{fill:#ffffff0a}.ranked-analog-clock-card__tick{stroke:#3d4f6785;stroke-width:1.8;stroke-linecap:round}.ranked-analog-clock-card__tick.is-major{stroke:#10213fc2;stroke-width:2.6}.theme-dark .ranked-analog-clock-card__tick{stroke:#adc3e375}.theme-dark .ranked-analog-clock-card__tick.is-major{stroke:#e6edf9c7}.ranked-analog-clock-card__hand{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.ranked-analog-clock-card__hand--hour{stroke:var(--ranked-ink);stroke-width:4.8}.ranked-analog-clock-card__hand--minute{stroke:#2563ebdb;stroke-width:3.6}.ranked-analog-clock-card__hand--second{stroke:#c13d46e6;stroke-width:1.8}.theme-dark .ranked-analog-clock-card__hand--hour{stroke:#f7fbff}.theme-dark .ranked-analog-clock-card__hand--minute{stroke:#8ab6ffeb}.theme-dark .ranked-analog-clock-card__hand--second{stroke:#f1747deb}.ranked-analog-clock-card__hub{fill:var(--ranked-ink)}.theme-dark .ranked-analog-clock-card__hub{fill:#f7fbff}.ranked-trophy-trend-card{background:var(--ranked-card);gap:6px;grid-template-rows:auto auto auto minmax(0,1fr) auto;align-content:stretch;overflow:hidden}.ranked-trophy-trend-card__subhead{margin:-3px 0 0;color:var(--ranked-ink-soft);font-size:11px;line-height:1.35}.ranked-trophy-trend-card__viewport{position:relative;min-height:178px;border-radius:0;border:0;background:transparent;padding:0;overflow:hidden}.theme-dark .ranked-trophy-trend-card__viewport{border:0;background:transparent}.ranked-trophy-trend-card__hover{position:absolute;top:6px;left:50%;z-index:2;transform:translate(-50%);min-width:128px;max-width:calc(100% - 10px);border-radius:14px;border:1px solid rgba(16,33,63,.08);background:#ffffffeb;box-shadow:0 12px 20px #0f172a1f;padding:8px 10px;display:grid;gap:4px;pointer-events:none}.theme-dark .ranked-trophy-trend-card__hover{border-color:#9fb0cb24;background:#0a182ceb;box-shadow:0 14px 22px #02061747}.ranked-trophy-trend-card__hover-day{color:var(--ranked-ink-soft);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.ranked-trophy-trend-card__hover-metrics{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ranked-trophy-trend-card__hover-metrics strong{color:var(--ranked-ink);font-size:13px;line-height:1}.ranked-trophy-trend-card__hover-delta{font-size:11px;font-weight:800;line-height:1}.ranked-trophy-trend-card__hover-delta.is-up{color:var(--ranked-emerald)}.ranked-trophy-trend-card__hover-delta.is-down{color:var(--ranked-crimson)}.ranked-trophy-trend-card__hover-delta.is-flat{color:var(--ranked-ink-soft)}.ranked-trophy-trend-card__panels{display:grid;grid-template-columns:repeat(2,minmax(0,100%));width:200%;height:100%;transform:translate(0);transition:transform .18s ease}.ranked-trophy-trend-card__panels.is-histogram{transform:translate(-50%)}.ranked-trophy-trend-card__panel{min-width:0;min-height:0}.ranked-trophy-trend-card__panel svg{display:block;width:100%;height:100%;overflow:visible}.ranked-trophy-trend-card__axis-line,.ranked-trophy-trend-card__zero-line{fill:none;stroke-linecap:round}.ranked-trophy-trend-card__axis-line{stroke:#3d4f6738;stroke-width:2}.ranked-trophy-trend-card__zero-line{stroke:#3d4f6747;stroke-width:2;stroke-dasharray:4 5}.theme-dark .ranked-trophy-trend-card__axis-line,.theme-dark .ranked-trophy-trend-card__zero-line{stroke:#9fb0cb38}.ranked-trophy-trend-card__axis-title,.ranked-trophy-trend-card__axis-label{fill:var(--ranked-ink-soft);font-size:11px;font-weight:700}.ranked-trophy-trend-card__axis-title{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ranked-trophy-trend-card__area{fill:#2563eb1a}.theme-dark .ranked-trophy-trend-card__area{fill:#60a5fa24}.ranked-trophy-trend-card__segment{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ranked-trophy-trend-card__segment.is-up{stroke:#0f9f79db}.ranked-trophy-trend-card__segment.is-down{stroke:#c13d46db}.ranked-trophy-trend-card__segment.is-flat{stroke:#2563ebb8}.ranked-trophy-trend-card__point-hit{fill:transparent}.ranked-trophy-trend-card__point{stroke:#ffffffeb;stroke-width:2;transition:r .14s ease}.ranked-trophy-trend-card__point.is-up{fill:var(--ranked-emerald)}.ranked-trophy-trend-card__point.is-down{fill:var(--ranked-crimson)}.ranked-trophy-trend-card__point.is-flat{fill:#2563ebd1}.ranked-trophy-trend-card__point.is-active{stroke-width:3}.ranked-trophy-trend-card__bar{stroke:#fffc;stroke-width:1.2}.ranked-trophy-trend-card__bar.is-up{fill:#0f9f79d1}.ranked-trophy-trend-card__bar.is-down{fill:#c13d46d6}.ranked-trophy-trend-card__bar.is-flat{fill:#2563ebc7}.ranked-trophy-trend-card__bar.is-active{filter:brightness(1.08)}.ranked-trophy-trend-card__footer{margin-top:auto;display:flex;justify-content:flex-end}.ranked-trophy-trend-card__pips{display:inline-flex;align-items:center;gap:6px}.ranked-trophy-trend-card__pips button,.ranked-fortune-card__pips button,.ranked-beat-average-card__pips button,.ranked-streak-card__pips button{width:8px;height:8px;border:0;border-radius:999px;padding:0;appearance:none;background:#10213f24;cursor:pointer;transition:transform .14s ease,background-color .14s ease,opacity .14s ease}.ranked-trophy-trend-card__pips button:hover,.ranked-trophy-trend-card__pips button:focus-visible,.ranked-fortune-card__pips button:hover,.ranked-fortune-card__pips button:focus-visible,.ranked-beat-average-card__pips button:hover,.ranked-beat-average-card__pips button:focus-visible,.ranked-streak-card__pips button:hover,.ranked-streak-card__pips button:focus-visible{transform:scale(1.12)}.ranked-trophy-trend-card__pips button.is-active{background:#2563ebd1}.ranked-fortune-card__pips button{width:7px;height:7px;border-radius:999px;background:#10213f24}.ranked-fortune-card__pips button.is-active{background:var(--ranked-gold)}.theme-dark .ranked-fortune-card__pips button{background:#9fb0cb38}.theme-dark .ranked-fortune-card__pips button.is-active{background:var(--ranked-gold)}.ranked-beat-average-card__pips button{width:7px;height:7px;border-radius:999px;background:#10213f24}.ranked-beat-average-card__pips button.is-active{background:#2563ebd1}.theme-dark .ranked-beat-average-card__pips button{background:#9fb0cb38}.theme-dark .ranked-beat-average-card__pips button.is-active{background:#8ab6ffeb}.ranked-streak-card__pips button{width:7px;height:7px;border-radius:999px;background:#2563eb38}.ranked-streak-card__pips button.is-active{background:#2563ebd1}.theme-dark .ranked-streak-card__pips button{background:#8ab6ff47}.theme-dark .ranked-streak-card__pips button.is-active{background:#8ab6fff5}.theme-dark .ranked-trophy-trend-card__pips button{background:#9fb0cb38}.theme-dark .ranked-trophy-trend-card__pips button.is-active{background:#8ab6ffeb}.ranked-season-results__chart-surface{position:relative;display:grid;place-items:center;width:min(100%,340px)}.ranked-season-results__hover{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:grid;gap:2px;align-items:start;justify-items:start;min-width:132px;border-radius:14px;border:1px solid rgba(16,33,63,.08);background:#fffffff5;box-shadow:0 10px 18px #0f172a1a;padding:8px 10px;font-size:11px;font-weight:800;white-space:normal;pointer-events:none}.theme-dark .ranked-season-results__hover{border-color:#9fb0cb24;background:#0a182cf5;box-shadow:0 12px 22px #02061747}.ranked-season-results__hover-title{color:var(--ranked-ink-soft)}.ranked-season-results__hover-title.is-win{color:var(--ranked-emerald)}.ranked-season-results__hover-title.is-draw{color:var(--ranked-draw)}.ranked-season-results__hover-title.is-loss{color:var(--ranked-crimson)}.ranked-season-results__callout-group{cursor:default}.ranked-season-results__callout-group:hover .ranked-season-results__connector-line,.ranked-season-results__callout-group:focus-within .ranked-season-results__connector-line{opacity:1;stroke-width:2.25}.ranked-fortune-card__bulb{position:absolute;right:-8px;bottom:-2px;width:min(100%,132px);display:block;opacity:.58;pointer-events:none;z-index:0;transform:rotate(-18deg);transform-origin:62% 74%;filter:drop-shadow(0 6px 11px rgba(16,33,63,.13)) drop-shadow(0 0 14px rgba(240,199,95,.28))}.theme-dark .ranked-fortune-card__bulb{opacity:.62;filter:drop-shadow(0 7px 14px rgba(2,6,23,.42)) drop-shadow(0 0 16px rgba(240,199,95,.24))}.ranked-fortune-card__bulb svg{display:block;width:100%;height:auto;overflow:visible}.ranked-fortune-card__bulb-glow{fill:#ffd56047}.theme-dark .ranked-fortune-card__bulb-glow{fill:#ffd56038}.ranked-fortune-card__bulb-glass{fill:#fffffff2;stroke:#d4a62a66;stroke-width:2}.theme-dark .ranked-fortune-card__bulb-glass{fill:#e6edf929;stroke:#f0c75f57}.ranked-fortune-card__bulb-highlight{fill:#ffffffdb}.theme-dark .ranked-fortune-card__bulb-highlight{fill:#fff3}.ranked-fortune-card__bulb-filament{fill:#f4c64d}.ranked-fortune-card__bulb-stem{fill:#d4a62ad1}.ranked-fortune-card__bulb-cap{fill:#10213f2e}.theme-dark .ranked-fortune-card__bulb-cap{fill:#9fb0cb47}.ranked-fortune-card__bulb-ridge{fill:none;stroke:#10213f57;stroke-width:2.5;stroke-linecap:round}.theme-dark .ranked-fortune-card__bulb-ridge{stroke:#9fb0cb80}.ranked-season-pace-card__trend{position:absolute;left:2px;right:2px;bottom:8px;width:calc(100% - 4px);height:auto;min-height:90px;overflow:visible;margin:0;opacity:.84;pointer-events:none;z-index:0;transform:translate(-1px,8px)}.ranked-season-pace-card__trend-guide,.ranked-season-pace-card__trend-glow,.ranked-season-pace-card__trend-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.ranked-season-pace-card__trend-guide{stroke:#3d4f6733;stroke-width:2}.ranked-season-pace-card__trend-guide.is-vertical{stroke-width:1.85}.theme-dark .ranked-season-pace-card__trend-guide{stroke:#9fb0cb38}.ranked-season-pace-card__trend-glow{stroke-width:7;stroke:#2563eb1f;filter:blur(5px)}.ranked-season-pace-card__trend-line{stroke-width:3.5;stroke:#2563eb5c}.theme-dark .ranked-season-pace-card__trend-glow{stroke:#60a5fa24}.theme-dark .ranked-season-pace-card__trend-line{stroke:#93c5fd6b}.ranked-season-pace-card__trend-arrow{fill:#2563eb52;filter:drop-shadow(0 2px 5px rgba(30,64,175,.1))}.ranked-nearby-ladder-card{background:var(--ranked-card);gap:8px;grid-template-rows:auto auto minmax(0,1fr);align-content:stretch;overflow:hidden}.ranked-nearby-ladder-card h3{margin:-4px 0 0;font-size:17px;line-height:1.1;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ranked-nearby-ladder-card__topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.ranked-nearby-ladder-card__back{border:1px solid rgba(16,33,63,.1);border-radius:999px;background:#ffffffc7;color:var(--ranked-ink);min-height:28px;padding:5px 10px;font-size:11px;font-weight:800;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.ranked-nearby-ladder-card__back:hover,.ranked-nearby-ladder-card__back:focus-visible{transform:translateY(-1px);border-color:#2563eb33}.theme-dark .ranked-nearby-ladder-card__back{border-color:#9fb0cb29;background:#08182c70;color:#f7fbff}.ranked-nearby-ladder-card__viewport{min-height:168px;height:100%;border-radius:16px;border:0;background:#ffffffb8;overflow:hidden}.theme-dark .ranked-nearby-ladder-card__viewport{border:0;background:#0a182c8f}.ranked-nearby-ladder-card__panels{display:grid;grid-template-columns:repeat(2,minmax(0,100%));width:200%;height:100%;transform:translate(0);transition:transform .18s ease}.ranked-nearby-ladder-card__panels.is-compare{transform:translate(-50%)}.ranked-nearby-ladder-card__panel{min-width:0;min-height:0;padding:10px;display:grid;align-content:start}.ranked-nearby-ladder-card__panel--list{grid-template-rows:minmax(0,1fr);padding:6px 0;align-content:stretch}.ranked-nearby-ladder-card__panel--compare{align-content:stretch}.ranked-nearby-ladder-card__rows{height:100%;min-height:0;display:grid;gap:5px;overflow-y:auto;overflow-x:hidden;padding:2px 4px 6px;align-content:start}.ranked-nearby-ladder-card__row{width:100%;margin-inline:0;border:1px solid rgba(37,99,235,.2);border-radius:14px;background:#ffffffd6;display:grid;grid-template-columns:42px minmax(0,1fr) max-content;align-items:center;gap:8px;min-height:36px;padding:5px 8px;color:var(--ranked-ink);text-align:left;font:inherit;min-width:0}.ranked-nearby-ladder-card__row.is-clickable{cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.ranked-nearby-ladder-card__row.is-clickable:hover,.ranked-nearby-ladder-card__row.is-clickable:focus-visible{transform:none;border-color:#2563eb57;background:linear-gradient(120deg,#dbeafeb8,#fffffffa);box-shadow:0 0 0 1px #2563eb38;outline:none}.ranked-nearby-ladder-card__row.is-self{border-color:#d4a62a47;background:linear-gradient(135deg,#f7e7ba6b,#ffffffeb)}.ranked-nearby-ladder-card__row.is-rival{border-color:#e11d4838}.theme-dark .ranked-nearby-ladder-card__row{border-color:#8ab6ff33;background:#08182c75}.theme-dark .ranked-nearby-ladder-card__row.is-clickable:hover,.theme-dark .ranked-nearby-ladder-card__row.is-clickable:focus-visible{border-color:#8ab6ff57;background:linear-gradient(120deg,#1736619e,#0d1f36b8);box-shadow:0 0 0 1px #8ab6ff33}.theme-dark .ranked-nearby-ladder-card__row.is-self{background:linear-gradient(135deg,#f0c75f29,#08182c8f)}.theme-dark .ranked-nearby-ladder-card__row.is-rival{border-color:#fb71853d}.ranked-nearby-ladder-card__row-rank,.ranked-nearby-ladder-card__row-trophies{font-variant-numeric:tabular-nums;white-space:nowrap}.ranked-nearby-ladder-card__row-rank{color:var(--ranked-ink-soft);font-size:10px;font-weight:800;text-align:center}.ranked-nearby-ladder-card__row-copy{min-width:0;display:flex;align-items:center;min-height:22px}.ranked-nearby-ladder-card__row-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25}.ranked-nearby-ladder-card__row-trophies{justify-self:end;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.1}.ranked-nearby-ladder-card__comparison{display:grid;gap:8px;min-height:100%;height:100%;grid-template-rows:auto repeat(4,auto) minmax(18px,1fr) auto}.ranked-nearby-ladder-card__comparison-head,.ranked-nearby-ladder-card__comparison-row{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.08fr) minmax(0,1.08fr);gap:6px;align-items:center}.ranked-nearby-ladder-card__comparison-head span{color:var(--ranked-ink-soft);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-align:center}.ranked-nearby-ladder-card__comparison-head span:first-child{text-align:left}.ranked-nearby-ladder-card__comparison-head span:nth-child(2),.ranked-nearby-ladder-card__comparison-head span:nth-child(3){min-height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranked-nearby-ladder-card__comparison-head-user{position:relative}.ranked-nearby-ladder-card__comparison-head-user:hover:after,.ranked-nearby-ladder-card__comparison-head-user:focus-visible:after{content:attr(data-full-name);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);max-width:min(200px,74vw);padding:4px 7px;border-radius:8px;background:#10213fe6;color:#f8fbff;font-size:10px;font-weight:700;line-height:1.2;text-transform:none;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;text-align:center;box-shadow:0 8px 18px #0f172a3d;z-index:4;pointer-events:none}.theme-dark .ranked-nearby-ladder-card__comparison-head-user:hover:after,.theme-dark .ranked-nearby-ladder-card__comparison-head-user:focus-visible:after{background:#08182cf2}.ranked-nearby-ladder-card__comparison-label{color:var(--ranked-ink-soft);font-size:12px;font-weight:700;line-height:1.2}.ranked-nearby-ladder-card__comparison-value{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 8px;border-radius:12px;background:#10213f14;color:var(--ranked-ink);font-size:12px;font-weight:800;line-height:1.15;text-align:center}.theme-dark .ranked-nearby-ladder-card__comparison-value{background:#9fb0cb29}.ranked-nearby-ladder-card__comparison-summary{margin:auto 0 2px;padding:8px 10px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;line-height:1.3;white-space:normal;overflow-wrap:anywhere;text-align:center}.ranked-nearby-ladder-card__comparison-summary.is-ahead{background:#0f9f791a;color:#0d7a5e}.ranked-nearby-ladder-card__comparison-summary.is-chasing{background:#e11d481a;color:#9f1239}.theme-dark .ranked-nearby-ladder-card__comparison-summary.is-ahead{background:#33d0a524;color:#d8fff0}.theme-dark .ranked-nearby-ladder-card__comparison-summary.is-chasing{background:#fb718529;color:#ffe4e6}.ranked-target-player-card__actions--triple .ranked-target-player-card__button--rival{grid-column:1 / -1}.ranked-streak-card__flame{position:absolute;top:auto;right:clamp(6px,2vw,14px);left:auto;bottom:-2px;width:clamp(70px,8vw,90px);display:block;margin:0;opacity:.62;pointer-events:none;z-index:0;transform:translateY(0);transform-origin:52% 90%;filter:drop-shadow(0 0 12px rgba(249,115,22,.34));animation:ranked-streak-flame-sway 5.4s ease-in-out infinite}.ranked-streak-card__flame svg{display:block;width:100%;height:auto;overflow:visible}.ranked-streak-card__flame-spark{fill:#ea580cdb;animation:ranked-streak-flame-spark-flicker 3.7s ease-in-out infinite}.ranked-streak-card__flame-outer{fill:#ea580cdb;animation:ranked-streak-flame-outer-flicker 3.4s ease-in-out infinite}.ranked-streak-card__flame-inner{fill:#ffd661f5;animation:ranked-streak-flame-inner-flicker 3s ease-in-out infinite}.theme-dark .ranked-streak-card__flame-spark,.theme-dark .ranked-streak-card__flame-outer{fill:#f1747dd6}.theme-dark .ranked-streak-card__flame-inner{fill:#ffd661e6}@keyframes ranked-streak-flame-sway{0%,to{transform:translateZ(0) rotate(-.7deg) scale(.995)}46%{transform:translate3d(.6px,-1.5px,0) rotate(.95deg) scale(1.008)}80%{transform:translate3d(-.3px,-.4px,0) rotate(-.45deg) scale(1.001)}}@keyframes ranked-streak-flame-outer-flicker{0%,to{opacity:.88}36%{opacity:.79}70%{opacity:.92}}@keyframes ranked-streak-flame-inner-flicker{0%,to{opacity:.95}34%{opacity:.88}74%{opacity:.96}}@keyframes ranked-streak-flame-spark-flicker{0%,to{opacity:.82}54%{opacity:.92}}@keyframes ranked-milestone-flag-wave{0%,to{transform:rotate(0) skewY(0) scaleX(1);clip-path:polygon(100% 8%,16% 10%,8% 50%,16% 90%,100% 92%,92% 50%)}22%{transform:rotate(-.6deg) skewY(-2.3deg) scaleX(1.05);clip-path:polygon(100% 7%,18% 12%,10% 50%,18% 88%,100% 91%,93% 50%)}46%{transform:rotate(.6deg) skewY(2.5deg) scaleX(.95);clip-path:polygon(100% 9%,13% 10%,6% 50%,13% 90%,100% 91%,90% 50%)}70%{transform:rotate(-.45deg) skewY(-1.7deg) scaleX(1.03)}88%{transform:rotate(.35deg) skewY(1.2deg) scaleX(.985)}}@media(prefers-reduced-motion:reduce){.ranked-ladder-sticky{transition:none;transform:none}.ranked-milestone-card:after,.ranked-streak-card__flame,.ranked-streak-card__flame-spark,.ranked-streak-card__flame-outer,.ranked-streak-card__flame-inner{animation:none}}@keyframes rankedTierOrbitDash{0%{opacity:0;stroke-dashoffset:0}5%{opacity:1}82%{opacity:1}to{opacity:0;stroke-dashoffset:-100}}@keyframes rankedTierOrbitFinishStroke{0%,82%{opacity:0;stroke-dasharray:0 100;stroke-width:2.4}89%{opacity:1;stroke-dasharray:100 0;stroke-width:3}to{opacity:0;stroke-dasharray:100 0;stroke-width:2.4}}@keyframes rankedTierProgressFill{0%{transform:scaleX(0)}72%{transform:scaleX(1.03)}to{transform:scaleX(1)}}@keyframes rankedTierProgressFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes rankedTierProgressSheen{0%{opacity:0;transform:translate(-140%)}20%{opacity:.18}55%{opacity:.5}to{opacity:0;transform:translate(140%)}}@media(prefers-reduced-motion:reduce){.ranked-tier-orbit path,.ranked-season-progress__bar>div:after,.ranked-milestone-card__bar>div:after{animation:none!important}.ranked-tier-hero.is-animating .ranked-tier-orbit path{opacity:0}.ranked-tier-hero.is-animating .ranked-season-progress__bar>div.is-animating{animation:none!important;transform:none;background-position:22% 50%}.ranked-tier-hero.is-animating .ranked-season-progress__bar>div.is-animating:after{opacity:0}.ranked-milestone-card.is-animating .ranked-milestone-card__bar>div.is-animating{animation:none!important;transform:none;background-position:22% 50%}.ranked-milestone-card.is-animating .ranked-milestone-card__bar>div.is-animating:after{opacity:0}}@media(max-width:1100px){.ranked-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ranked-hero-side{grid-column:1 / -1}.ranked-season-journey{grid-template-columns:minmax(0,1fr);align-items:start}.ranked-season-visual-grid{grid-template-columns:minmax(0,1.28fr) minmax(230px,.82fr)}.ranked-form-strip__rows{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.ranked-hub-main-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:820px){.ranked-dashboard-grid{--ranked-dashboard-gap: 14px;--ranked-dashboard-columns: 2;--ranked-dashboard-tile-width: calc( (100% - (var(--ranked-dashboard-gap) * 1)) / var(--ranked-dashboard-columns) );--ranked-dashboard-row-height: clamp(136px, calc(var(--ranked-dashboard-tile-width) * .32), 160px);grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ranked-dashboard-gap)}}@media(max-width:900px){.ranked-hub-page.page{width:100%;max-width:100%}.ranked-hub-hero{border-radius:16px;padding:18px 16px}.ranked-summary-card,.ranked-surface-card,.ranked-form-strip,.ranked-milestone-card{border-radius:16px;padding:16px}.ranked-summary-card h2{font-size:clamp(26px,6vw,32px)}.ranked-surface-card__header h3{font-size:clamp(21px,5vw,26px)}.ranked-milestone-card h4{font-size:19px}.ranked-queue-title{font-size:clamp(23px,4.3vw,27px)}.ranked-queue-metrics{grid-template-columns:minmax(0,1fr)}.ranked-surface-card__meta{font-size:13px}.ranked-opponent-card__identity strong{font-size:20px}.ranked-opponent-card__identity span{font-size:12px}.ranked-opponent-card__stats{font-size:14px}.ranked-history-row{min-width:560px;font-size:13px}.ranked-history-row--head{font-size:11px}}@media(max-width:680px){.ranked-hub-page.page{--ranked-widget-picker-collapsed-offset: 98px;--ranked-widget-picker-expanded-offset: min(58vh, 460px)}.ranked-dashboard-grid{--ranked-dashboard-gap: 12px;grid-template-columns:1fr;grid-auto-rows:auto;gap:var(--ranked-dashboard-gap)}.ranked-widget-shell{align-self:auto}.ranked-streak-card{padding-right:clamp(84px,24vw,104px)}.ranked-streak-card__flame{width:clamp(62px,22vw,78px);right:4px;bottom:-1px}.ranked-widget-drag-handle{width:32px;height:32px}.ranked-hero-grid{grid-template-columns:minmax(0,1fr)}.ranked-hub-hero h1{font-size:clamp(24px,7vw,30px)}.ranked-hub-hero .subhead{font-size:15px}.ranked-hub-hero__inner{min-height:42px}.ranked-hub-layout-toggle{width:42px;height:42px;top:-4px;right:-4px}.ranked-widget-picker{width:100vw;left:0;transform:none;border-radius:16px 16px 0 0;padding:12px 12px calc(10px + env(safe-area-inset-bottom,0px))}.ranked-widget-picker__header{align-items:flex-start;flex-direction:column}.ranked-widget-picker__header-actions{width:100%;justify-content:space-between}.ranked-widget-picker__list{grid-template-columns:1fr}.ranked-widget-picker.is-expanded .ranked-widget-picker__body,.ranked-widget-picker__scroll{max-height:min(56vh,430px)}.ranked-summary-stats span{font-size:12px;padding:7px 10px}.ranked-season-title{font-size:clamp(20px,5.4vw,25px)}.ranked-season-clock-card__display{font-size:clamp(28px,7vw,36px);min-height:58px;letter-spacing:.03em}.ranked-queue-button{font-size:16px;padding:13px 14px;min-height:52px}.ranked-queue-metrics{grid-template-columns:minmax(0,1fr)}.ranked-queue-metrics article{min-height:68px;padding:9px 10px}.ranked-queue-metrics strong{font-size:14px}.ranked-season-visual-grid{grid-template-columns:minmax(0,1fr)}.ranked-season-results{min-height:0}.ranked-season-results__callout-label{font-size:11px}.ranked-season-results__callout-value{font-size:10px}.ranked-season-results__center-total{font-size:27px}.ranked-form-strip__rows{grid-template-columns:repeat(2,minmax(0,1fr))}.ranked-form-strip__actions,.ranked-surface-card__actions{gap:8px}.ranked-inline-link{font-size:12px}.ranked-opponent-card{align-items:flex-start;flex-direction:column}.ranked-opponent-card__stats{width:100%;text-align:left;font-size:14px}.ranked-history-row{min-width:520px;font-size:12px;grid-template-columns:62px minmax(150px,1fr) minmax(82px,.62fr) minmax(84px,.58fr) minmax(74px,.52fr)}.ranked-history-row--head{font-size:12px}.ranked-ladder-list li{grid-template-columns:46px minmax(0,1fr) max-content;grid-template-areas:"rank name trophies" "rank tier trophies";gap:4px 10px;padding:10px}.ranked-ladder-list__rank{grid-area:rank}.ranked-ladder-list__name{grid-area:name}.ranked-ladder-list__tier{grid-area:tier;justify-self:start}.ranked-ladder-list__trophies{grid-area:trophies;align-self:center}}@media(hover:none)and (pointer:coarse)and (max-height:500px){.ranked-dashboard-grid{--ranked-dashboard-gap: 12px;--ranked-dashboard-columns: 1;--ranked-dashboard-tile-width: 100%;--ranked-dashboard-row-height: auto;grid-template-columns:1fr;grid-auto-rows:auto;gap:var(--ranked-dashboard-gap)}}.season-rail-timeline{--rail-surface: var(--card-bg, #ffffff);--rail-border: var(--border-muted, rgba(15, 23, 42, .14));--rail-ink: var(--text-primary, #0f172a);--rail-muted: var(--text-muted, #64748b);--rail-line: color-mix(in srgb, #1d4ed8 58%, transparent);--rail-dot: #1d4ed8;--rail-active: #d4a62a;border:1px solid var(--rail-border);border-radius:18px;background:var(--rail-surface);padding:14px;display:grid;gap:12px}.season-rail-timeline__header{display:grid;gap:3px}.season-rail-timeline__header h3{margin:0;color:var(--rail-ink);font-size:20px;line-height:1.08}.season-rail-timeline__header p{margin:0;color:var(--rail-muted);font-size:13px}.season-rail-timeline__scroll{overflow-x:auto;overscroll-behavior-x:contain;cursor:grab;padding:4px 2px 2px}.season-rail-timeline__scroll:active{cursor:grabbing}.season-rail-timeline__track{margin:0;padding:10px 4px 6px;list-style:none;display:grid;gap:14px;align-items:start;position:relative;min-width:100%}.season-rail-timeline__track:before{content:"";position:absolute;left:8px;right:8px;top:24px;height:3px;border-radius:999px;background:color-mix(in srgb,var(--rail-line) 48%,transparent)}.season-rail-timeline__point{position:relative;min-width:0}.season-rail-timeline__button{width:100%;border:1px solid color-mix(in srgb,var(--rail-border) 65%,transparent);border-radius:14px;background:color-mix(in srgb,var(--rail-surface) 94%,#e2e8f0 6%);color:var(--rail-ink);text-align:left;padding:22px 10px 10px;display:grid;gap:2px;cursor:pointer;transition:transform .13s ease,border-color .13s ease,box-shadow .13s ease}.season-rail-timeline__button:hover{transform:translateY(-1px)}.season-rail-timeline__button:focus-visible{outline:3px solid color-mix(in srgb,var(--rail-dot) 50%,transparent);outline-offset:2px}.season-rail-timeline__dot{position:absolute;top:-1px;left:12px;width:16px;height:16px;border-radius:999px;border:3px solid var(--rail-surface);background:var(--rail-dot);box-shadow:0 0 0 1px color-mix(in srgb,var(--rail-dot) 45%,transparent)}.season-rail-timeline__name{margin:0;font-size:13px;font-weight:700;line-height:1.25}.season-rail-timeline__meta{color:var(--rail-muted);font-size:11px;line-height:1.25}.season-rail-timeline__meta--trophies{font-weight:700}.season-rail-timeline__point.is-active .season-rail-timeline__button{border-color:color-mix(in srgb,var(--rail-active) 70%,transparent);box-shadow:0 10px 18px #0f172a1f;background:linear-gradient(140deg,color-mix(in srgb,var(--rail-active) 23%,#ffffff),var(--rail-surface))}.season-rail-timeline__point.is-active .season-rail-timeline__dot{background:var(--rail-active);box-shadow:0 0 0 1px color-mix(in srgb,var(--rail-active) 62%,transparent)}.season-rail-timeline__point.is-current .season-rail-timeline__name:after{content:" • current";color:color-mix(in srgb,var(--rail-dot) 72%,var(--rail-muted) 28%);font-size:11px;font-weight:700}.season-rail-timeline.is-empty{min-height:180px}.season-rail-timeline__empty{margin:0;color:var(--rail-muted);font-size:13px}.theme-dark .season-rail-timeline{--rail-line: color-mix(in srgb, #60a5fa 60%, transparent);--rail-dot: #60a5fa;--rail-active: #f0c75f}@media(max-width:720px){.season-rail-timeline{border-radius:16px;padding:12px}}.trophy-trend-chart{--trend-surface: var(--card-bg, #ffffff);--trend-border: var(--border-muted, rgba(15, 23, 42, .14));--trend-ink: var(--text-primary, #0f172a);--trend-muted: var(--text-muted, #64748b);--trend-up: #0f9f79;--trend-down: #c13d46;--trend-focus: #2563eb;border:1px solid var(--trend-border);border-radius:16px;background:var(--trend-surface);padding:14px;display:grid;gap:10px}.trophy-trend-chart__header{display:grid;gap:3px}.trophy-trend-chart__header h3{margin:0;color:var(--trend-ink);font-size:18px;line-height:1.1}.trophy-trend-chart__header p{margin:0;color:var(--trend-muted);font-size:13px;line-height:1.35}.trophy-trend-chart__canvas{position:relative}.trophy-trend-chart__canvas svg{width:100%;height:auto;display:block}.trophy-trend-chart__baseline{stroke:color-mix(in srgb,var(--trend-muted) 46%,transparent);stroke-width:1}.trophy-trend-chart__area{fill:url(#trophyTrendArea)}.trophy-trend-chart__segment{stroke-width:3.5;stroke-linecap:round}.trophy-trend-chart__segment.is-up{stroke:var(--trend-up)}.trophy-trend-chart__segment.is-down{stroke:var(--trend-down)}.trophy-trend-chart__segment.is-flat{stroke:color-mix(in srgb,var(--trend-muted) 72%,transparent);stroke-dasharray:5 4}.trophy-trend-chart__point{fill:#fff;stroke:var(--trend-focus);stroke-width:1.5;opacity:.75}.trophy-trend-chart__point.is-active{opacity:1}.trophy-trend-chart__hover-line{stroke:color-mix(in srgb,var(--trend-focus) 45%,transparent);stroke-width:1;stroke-dasharray:4 4}.trophy-trend-chart__axis-label{fill:var(--trend-muted);font-size:11px;font-weight:600}.trophy-trend-chart__tooltip{position:absolute;transform:translate(-50%,-112%);pointer-events:none;min-width:146px;border-radius:12px;border:1px solid color-mix(in srgb,var(--trend-border) 65%,transparent);background:color-mix(in srgb,var(--trend-surface) 92%,#0b1220 8%);box-shadow:0 12px 22px #0f172a29;padding:8px 10px;display:grid;gap:2px;z-index:2}.trophy-trend-chart__tooltip p{margin:0;color:var(--trend-ink);font-size:12px;line-height:1.3}.trophy-trend-chart__tooltip-date{color:var(--trend-muted)!important;font-weight:700;font-size:11px!important}.trophy-trend-chart__tooltip p.is-up{color:var(--trend-up)}.trophy-trend-chart__tooltip p.is-down{color:var(--trend-down)}.trophy-trend-chart__empty{margin:2px 0 0;color:var(--trend-muted);font-size:13px}.trophy-trend-chart--compact{gap:8px;padding:12px}.trophy-trend-chart--compact .trophy-trend-chart__header h3{font-size:15px}.trophy-trend-chart--compact .trophy-trend-chart__header p{font-size:12px}.theme-dark .trophy-trend-chart{--trend-up: #34d399;--trend-down: #fb7185;--trend-focus: #93c5fd}@media(max-width:760px){.trophy-trend-chart{padding:12px}.trophy-trend-chart__tooltip{transform:translate(-50%,-116%);min-width:130px}}.ranked-history-page.page{width:min(100%,1160px);max-width:1160px;gap:16px}.ranked-history-back-link{text-decoration:none;color:var(--accent-strong);font-weight:600;width:fit-content}.ranked-history-content.content{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;max-width:100%;margin:0;justify-content:stretch;justify-items:stretch}.ranked-history-season-rail{width:100%}.ranked-history-surface{min-width:0;width:100%}.ranked-history-surface .ranked-surface-card__header{align-items:flex-start;flex-wrap:wrap}.ranked-history-surface .ranked-surface-card__actions{margin-left:auto}.ranked-history-surface--trend{overflow:hidden}.ranked-history-trend{margin-top:12px}.ranked-history-table--season{max-height:min(64vh,620px)}.ranked-history-ladder-list{margin-top:0}.ranked-history-surface--leaderboard .ranked-ladder-scroll{max-height:min(64vh,620px)}.ranked-history-ladder-list li{grid-template-columns:56px minmax(0,1fr) minmax(120px,.8fr) minmax(180px,1fr) max-content}.ranked-history-ladder-list__record{justify-self:end;color:var(--ranked-ink-soft);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.ranked-history-load-more{margin-top:12px;display:flex;justify-content:center}.ranked-history-load-more__button{border:1px solid var(--border-muted);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;color:var(--text-primary);background:var(--card-bg);cursor:pointer}.ranked-history-load-more__button:hover:not(:disabled){background:var(--card-muted)}.ranked-history-load-more__button:disabled{opacity:.65;cursor:not-allowed}@media(max-width:980px){.ranked-history-page.page{width:100%;max-width:100%}}@media(max-width:900px){.ranked-history-surface .ranked-surface-card__actions{margin-left:0}.ranked-history-table--season,.ranked-history-surface--leaderboard .ranked-ladder-scroll{max-height:min(58vh,520px)}.ranked-history-ladder-list li{grid-template-columns:46px minmax(0,1fr) max-content;grid-template-areas:"rank name trophies" "rank tier trophies" "rank record trophies"}.ranked-history-ladder-list__record{grid-area:record;justify-self:start;font-size:11px}}.ranked-history-drilldown-page.page{width:min(100%,1160px);max-width:1160px}.ranked-day-summary-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.ranked-day-summary-grid article{border:1px solid var(--border-muted);border-radius:18px;padding:14px 16px;background:#ffffffa8;display:grid;gap:4px}.ranked-day-summary-grid span{color:var(--ranked-ink-soft);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ranked-day-summary-grid strong{color:var(--text-primary);font-size:18px;font-weight:800}.ranked-replay-shell{margin-top:12px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;align-items:start}.ranked-replay-board-card{border:1px solid var(--border-muted);border-radius:20px;padding:18px;background:#ffffffb8;display:grid;gap:14px}.ranked-replay-board.board--disabled{opacity:1}.ranked-replay-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.ranked-replay-controls__label{font-size:13px;font-weight:700;color:var(--ranked-ink);font-variant-numeric:tabular-nums}.ranked-replay-sidebar{display:grid;gap:12px}.ranked-replay-panel{border:1px solid var(--border-muted);border-radius:18px;padding:14px 16px;background:#ffffffb8;display:grid;gap:8px}.ranked-replay-panel h4{margin:0;font-size:15px;font-weight:800;color:var(--text-primary)}.ranked-replay-panel p{margin:0;color:var(--ranked-ink);line-height:1.45}.ranked-replay-event-meta{display:grid;gap:4px;color:var(--ranked-ink-soft);font-size:12px;font-weight:600}.ranked-replay-player-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ranked-replay-player-list li{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--border-muted);border-radius:14px;padding:10px 12px;background:#f8fafce6}.ranked-replay-player-list li>div{display:grid;gap:3px;min-width:0}.ranked-replay-player-list strong{color:var(--text-primary);font-size:14px}.ranked-replay-player-list span,.ranked-replay-player-list small{color:var(--ranked-ink-soft);font-size:12px;font-weight:600}.ranked-replay-player-list .is-pos,.ranked-replay-player-list .is-neg{font-size:14px;font-weight:800}.ranked-replay-unavailable{border:1px dashed var(--border-muted);border-radius:16px;padding:24px 18px;text-align:center;color:var(--ranked-ink);background:#f8fafce6}@media(max-width:980px){.ranked-replay-shell{grid-template-columns:minmax(0,1fr)}}.killer-board-shell{width:100%;max-width:min(100%,var(--sudoku-board-max, 620px));margin:0 auto;aspect-ratio:1 / 1;position:relative;border-radius:var(--card-radius, 18px)}.killer-board-shell .killer-board{width:100%;height:100%;max-width:100%;margin:0}.killer-board-shell>.select-level-overlay,.killer-board .board-pause-overlay{inset:-4px;border-radius:calc(var(--card-radius, 18px) + 4px)}.killer-board{--board-padding: var(--killer-board-padding, 8px);--grid-line: #64748b;--grid-strong: #0f172a;--region-line: var(--grid-strong);--cell-radius: 4px;--cage-line: #334155;--cage-stroke: 2px;--cage-dash: 3px;display:grid;grid-template-columns:repeat(9,1fr);gap:0;background-color:#fff;padding:var(--board-padding);border-radius:var(--card-radius, 18px);border:none;box-shadow:0 10px 26px #0f172a1f;position:relative;box-sizing:border-box;width:100%;max-width:min(100%,var(--sudoku-board-max, 620px));margin:0 auto;aspect-ratio:1 / 1;--overlay-radius: var(--card-radius, 18px)}.killer-board--notes-mode{box-shadow:0 10px 26px #0f172a1f,0 0 0 3px #2563eb52}.killer-notes-pill{position:absolute;top:0;left:50%;transform:translate(-50%,-112%);opacity:0;pointer-events:none;z-index:40;padding:6px 12px;border-radius:999px;border:1px solid rgba(37,99,235,.34);background:#dbeafefa;color:#1e3a8a;font-size:11px;font-weight:700;letter-spacing:.03em;white-space:nowrap;box-shadow:0 8px 18px #0f172a29;transition:transform .18s ease,opacity .14s ease}.killer-notes-pill.is-visible{opacity:1;transform:translate(-50%,-74%)}.killer-region-overlay{position:absolute;inset:var(--board-padding);pointer-events:none;z-index:5;border-radius:var(--overlay-radius);overflow:visible;shape-rendering:crispEdges}.killer-region-overlay--pixel{inset:0;border-radius:0}.killer-region-lines line,.killer-region-lines rect{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;fill:none}.killer-cage-overlay{position:absolute;inset:var(--board-padding);width:calc(100% - (var(--board-padding) * 2));height:calc(100% - (var(--board-padding) * 2));pointer-events:none;z-index:4;background:transparent;fill:none}.killer-cage-overlay--pixel{inset:auto}.killer-cage-overlay line,.killer-cage-overlay path{stroke:var(--cage-line);stroke-width:var(--cage-stroke);stroke-dasharray:var(--cage-dash) var(--cage-dash);stroke-dashoffset:0;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.killer-cage-picker-overlay{position:absolute;inset:var(--board-padding);width:calc(100% - (var(--board-padding) * 2));height:calc(100% - (var(--board-padding) * 2));pointer-events:auto;z-index:6;background:transparent}.killer-cage-picker-overlay--pixel{inset:auto}.killer-cage-picker-path{fill:#3b82f600;stroke:transparent;stroke-width:.08;cursor:pointer;transition:fill .12s ease}.killer-cage-picker-path--hover{fill:#93c5fd33}.killer-cage-picker-path--selected{fill:#3b82f63d}.killer-cage-path--hint{stroke:#2563eb;stroke-width:calc(var(--cage-stroke) + 1px)}.killer-region-lines--halo line{stroke:#0f172a29;stroke-width:6px}.killer-region-lines--halo rect{stroke:#0f172a29;stroke-width:6px}.killer-region-lines--primary line{stroke:var(--region-line);stroke-width:3px}.killer-region-lines--primary rect{stroke:var(--region-line);stroke-width:3px}@media(max-width:720px){.killer-board{max-width:min(100vw,var(--sudoku-board-max, 620px));padding:6px}}@media(max-width:600px){.killer-board{max-width:100vw;padding:4px}}.killer-board--disabled{pointer-events:none}.killer-board--disabled:not(.killer-board--example){opacity:.7}.killer-board--disabled.killer-board--complete{opacity:1}.killer-board--dimmed{opacity:.7}.killer-board--turn-dimmed{opacity:.82;filter:saturate(.9) brightness(.96)}.killer-board--spectator{pointer-events:none}.killer-board--warmup{--cage-stroke: 1.5px}.killer-board--cage-picker .killer-cell{pointer-events:none;transform:none}.killer-board--cage-picker .killer-cell:hover{transform:none;box-shadow:none}.killer-board--cage-picker .killer-cell.killer-cell--cage-selected:hover{box-shadow:inset 0 0 0 2px #2563eba6}.killer-cell{position:relative;aspect-ratio:1 / 1;background:#fff;appearance:none;-webkit-appearance:none;border:none;border-radius:var(--cell-radius, 4px);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background-color .16s ease;box-sizing:border-box;border-top:var(--cell-top-width, 1px) solid var(--cell-top-color, var(--grid-line));border-left:var(--cell-left-width, 1px) solid var(--cell-left-color, var(--grid-line));border-right:var(--cell-right-width, 1px) solid var(--cell-right-color, var(--grid-line));border-bottom:var(--cell-bottom-width, 1px) solid var(--cell-bottom-color, var(--grid-line));outline:0 solid transparent;width:100%;height:100%;overflow:visible}.killer-cell:before,.killer-cell:after{content:"";position:absolute;inset:-2px;pointer-events:none;z-index:0;border-radius:inherit;background-repeat:no-repeat}.killer-cell:before{background-image:linear-gradient(to bottom,var(--cell-top-color) 0px,var(--cell-top-color) var(--cell-top-width, 0px),transparent var(--cell-top-width, 0px),transparent calc(100% - var(--cell-bottom-width, 0px)),var(--cell-bottom-color) calc(100% - var(--cell-bottom-width, 0px)),var(--cell-bottom-color) 100%)}.killer-cell:after{background-image:linear-gradient(to right,var(--cell-left-color) 0px,var(--cell-left-color) var(--cell-left-width, 0px),transparent var(--cell-left-width, 0px),transparent calc(100% - var(--cell-right-width, 0px)),var(--cell-right-color) calc(100% - var(--cell-right-width, 0px)),var(--cell-right-color) 100%)}.killer-cell:disabled{background:#fff;opacity:1;color:inherit;cursor:default}.killer-board--disabled:not(.killer-board--example) .killer-cell:after,.killer-board--dimmed .killer-cell:after,.killer-board--disabled:not(.killer-board--example) .killer-cage-label,.killer-board--dimmed .killer-cage-label,.killer-board--disabled:not(.killer-board--example) .killer-cell-value,.killer-board--dimmed .killer-cell-value,.killer-board--disabled:not(.killer-board--example) .killer-cell-notes,.killer-board--dimmed .killer-cell-notes{opacity:0}.killer-board--complete .killer-cell-value,.killer-board--complete .killer-cage-label{opacity:1}.killer-cell:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1f}.killer-cell.killer-cell--cage-selected:hover{box-shadow:inset 0 0 0 2px #2563eba6}.killer-board--outline-selected .killer-cell--selected{outline:2px solid #38bdf8;outline-offset:-1px;background-color:transparent;z-index:3}.killer-cell--hint-target{background-color:#22c55e2e}.killer-cell--hint-focus{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #3b82f6cc}.killer-cell--hint-row,.killer-cell--hint-col,.killer-cell--hint-box{background-image:linear-gradient(180deg,#3b82f62e,#3b82f62e)}.killer-cell--hint-eliminate{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #dc2626d9}.killer-cell--cage-hover{box-shadow:inset 0 0 0 1px #3b82f68c}.killer-cell--cage-selected{box-shadow:inset 0 0 0 2px #2563eba6}.killer-hint-overlay{position:absolute;inset:var(--board-padding);display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);pointer-events:none;z-index:7}.killer-hint-cell{width:100%;height:100%;border-radius:var(--cell-radius, 4px)}.killer-hint-cell--target{box-shadow:inset 0 0 0 2px #11182759,0 0 0 3px #22c55ee6}.killer-cage-label{position:absolute;top:3px;left:3px;font-size:10px;font-weight:700;color:#0f172a;background:#fffc;padding:1px 4px;border-radius:6px;pointer-events:none;z-index:6}.killer-cell-value{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;font-weight:700;color:#0f172a;z-index:6;animation:killer-value-fade .18s ease;transition:color .16s ease,transform .16s ease,opacity .16s ease}.killer-board--warmup .killer-cell-value{font-size:18px}.killer-cell-value--marked.killer-cell-value--player{color:#3b59a9}.killer-cell-value--marked.killer-cell-value--given{color:#000}.killer-cell-value--incorrect{color:#dc2626}.killer-cell-notes{position:absolute;inset:6px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;pointer-events:none;z-index:6;animation:killer-notes-fade .16s ease}.killer-cell-note{display:grid;place-items:center;font-size:9px;font-weight:600;color:#0f172aa6;opacity:0;transform:scale(.92);transition:opacity .16s ease,transform .16s ease,color .16s ease}.killer-cell-note--active{color:#0f172ae6;opacity:1;transform:scale(1)}.killer-cell-note--match:not(.killer-cell-note--eliminate){color:#1e3a8a;font-weight:900;text-shadow:0 0 .55px rgba(30,58,138,.75);transform:scale(1.06)}.killer-cell-note--eliminate{color:#dc2626;opacity:1;transform:scale(1)}.killer-board--warmup .killer-cell-notes{inset:7px;gap:1px;overflow:hidden}.killer-board--warmup .killer-cell-note{font-size:8px;line-height:1;transform:scale(1)}.killer-board--warmup .killer-cell-note--active,.killer-board--warmup .killer-cell-note--match:not(.killer-cell-note--eliminate),.killer-board--warmup .killer-cell-note--eliminate{transform:scale(1)}@keyframes killer-value-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes killer-notes-fade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.theme-dark .killer-board--dimmed,.theme-dark .killer-board--disabled{opacity:1;--grid-line: rgba(100, 116, 139, .5);--grid-strong: rgba(15, 23, 42, .5);--region-line: rgba(15, 23, 42, .5);--cage-line: rgba(51, 65, 85, .5)}.theme-dark .killer-board--dimmed .killer-region-lines--halo line,.theme-dark .killer-board--disabled .killer-region-lines--halo line,.theme-dark .killer-board--dimmed .killer-region-lines--halo rect,.theme-dark .killer-board--disabled .killer-region-lines--halo rect{stroke:#0f172a14}.mathdoku-tools__launcher-panel{background:#fff;border:1px solid rgba(58,88,168,.18);border-radius:14px;box-shadow:0 8px 20px #14265414;padding:10px;margin-top:0}.mathdoku-tools__launcher-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mathdoku-tools__launcher{min-height:44px;font-weight:700}.mathdoku-tools__launcher-label{font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mathdoku-tool-window{position:fixed;width:var(--tool-default-width, 390px);height:var(--tool-default-height, 520px);border-radius:16px;border:1px solid rgba(67,96,175,.38);background:linear-gradient(180deg,#fcfefffc,#f3f7fffc);box-shadow:0 18px 44px #15255233;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);resize:both}.mathdoku-tool-window__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#3856a4f2,#283c7ef2);color:#f8fbff;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-bottom:1px solid rgba(239,244,255,.3)}.mathdoku-tool-window__header h3{margin:0;font-size:.95rem;letter-spacing:.02em}.mathdoku-tool-window__close{width:28px;height:28px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:#ffffff1f;color:#fff;font-weight:700;cursor:pointer}.mathdoku-tool-window__close:hover{background:#ffffff3d}.mathdoku-tool-window__content{display:flex;flex-direction:column;gap:10px;padding:12px;overflow:auto;height:calc(100% - 52px)}.mathdoku-tools__calc-screen{display:grid;gap:8px}.mathdoku-tools__calc-input{width:100%;min-height:38px;border:1px solid rgba(59,89,169,.35);border-radius:10px;padding:8px 10px;font-size:1rem;font-weight:600;color:#1c2d63;background:#fffffff0}.mathdoku-tools__calc-output{min-height:34px;border:1px solid rgba(59,89,169,.24);border-radius:10px;padding:8px 10px;background:#e4ecff9e;color:#21346f;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.mathdoku-tools__calc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mathdoku-tools__calc-key{border:1px solid rgba(59,89,169,.25);border-radius:10px;min-height:38px;background:#ffffffeb;color:#1f2f67;font-weight:700;cursor:pointer}.mathdoku-tools__calc-key:hover{border-color:#3b59a973;background:#ebf2fff2}.mathdoku-tools__calc-key--accent{background:linear-gradient(135deg,#3b59a9,#2f498f);color:#fff;border-color:#1b2f69b3}.mathdoku-tools__workspace-label{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#3b59a9}.mathdoku-tools__workspace{width:100%;min-height:128px;border:1px solid rgba(59,89,169,.35);border-radius:10px;padding:10px;resize:vertical;font-size:.92rem;line-height:1.45;color:#1b2b61;background:#fffffff5}.mathdoku-tools__factor-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.mathdoku-tools__factor-input{width:100%;min-height:38px;border:1px solid rgba(59,89,169,.35);border-radius:10px;padding:8px 10px;font-size:.96rem;font-weight:600;color:#1c2d63;background:#fffffff0}.mathdoku-tools__factor-generate{border:1px solid rgba(35,55,118,.82);border-radius:10px;padding:0 12px;min-height:38px;background:linear-gradient(135deg,#3b59a9,#304a91);color:#fff;font-weight:700;cursor:pointer}.mathdoku-tools__factor-generate:hover{filter:brightness(1.05)}.mathdoku-tools__factor-error{margin:0;color:#a72f45;font-size:.84rem;font-weight:600}.mathdoku-tools__factor-canvas{border:1px solid rgba(59,89,169,.25);border-radius:12px;background:radial-gradient(circle at 12% 10%,#f0f6fffa,#ebf2ffc7);padding:10px;overflow:auto;min-height:280px}.mathdoku-tools__tree-line{stroke:#2e468cb8;stroke-width:1.7}.mathdoku-tools__tree-node{fill:#fffffff7;stroke:#3b59a9cc;stroke-width:2}.mathdoku-tools__tree-label{fill:#1f2f67;font-size:12.5px;font-weight:700}.mathdoku-tools__factor-placeholder{margin:0;font-size:.86rem;color:#3c4f86}.mathdoku-tools__history{border-top:1px solid rgba(59,89,169,.2);padding-top:8px;display:grid;gap:8px}.mathdoku-tools__history-header{display:flex;align-items:center;justify-content:space-between}.mathdoku-tools__history-header h4{margin:0;font-size:.84rem;text-transform:uppercase;letter-spacing:.07em;color:#334f96}.mathdoku-tools__history-clear{border:none;background:transparent;color:#3b59a9;font-size:.78rem;font-weight:700;cursor:pointer}.mathdoku-tools__history-clear:disabled{opacity:.45;cursor:default}.mathdoku-tools__history ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:165px;overflow:auto}.mathdoku-tools__history-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;border:1px solid rgba(59,89,169,.2);border-radius:10px;padding:7px 10px;background:#ffffffe6;color:#263d7e;font-size:.82rem;text-align:left;cursor:pointer}.mathdoku-tools__history-item span:first-child{font-weight:800}.mathdoku-tools__history-item span:last-child{opacity:.88;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mathdoku-tools__history-item:hover{border-color:#3b59a973;background:#ecf3fff2}.mathdoku-tools__history-empty{margin:0;font-size:.82rem;color:#52679f}.killer-tools__placeholder{margin:0;font-size:.9rem;color:#3f5288}.killer-tools__picker-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.killer-tools__picker-btn{border:1px solid rgba(35,55,118,.82);border-radius:10px;min-height:34px;padding:0 10px;background:linear-gradient(135deg,#3b59a9,#304a91);color:#fff;font-size:.78rem;font-weight:700;cursor:pointer}.killer-tools__picker-btn:hover{filter:brightness(1.05)}.killer-tools__picker-btn.active{box-shadow:0 0 0 2px #3b82f647}.killer-tools__picker-btn:disabled{opacity:.5;cursor:default}.killer-tools__picker-status{color:#415b95;font-size:.8rem;font-weight:600}.killer-tools__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.killer-tools__tab{border:1px solid rgba(59,89,169,.25);border-radius:10px;min-height:34px;background:#ffffffeb;color:#1f2f67;font-weight:700;cursor:pointer}.killer-tools__tab.active{background:linear-gradient(135deg,#3b59a9,#2f498f);border-color:#1b2f69b3;color:#fff}.killer-tools__combos{display:grid;gap:10px}.killer-tools__summary{display:grid;gap:8px}.killer-tools__badges{display:flex;flex-wrap:wrap;gap:6px}.killer-tools__badge{border:1px solid rgba(59,89,169,.28);border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:700;color:#2b4487;background:#eff5ffe0}.killer-tools__line{margin:0;font-size:.86rem;color:#2f447f}.killer-tools__spoiler{border:1px solid rgba(59,89,169,.22);border-radius:10px;padding:10px;background:#eef5ffb8;display:grid;gap:8px}.killer-tools__spoiler p{margin:0;font-size:.82rem;color:#2f447f}.killer-tools__error{margin:0;color:#a72f45;font-size:.86rem;font-weight:700}.killer-tools__muted{margin:0;color:#5570ab;font-size:.8rem}.killer-tools__helper{margin:0;font-size:.78rem;line-height:1.35;color:#4b66a1}.killer-tools__combo-list{list-style:none;margin:0;padding:8px;border:1px solid rgba(59,89,169,.24);border-radius:10px;background:#ffffffe6;max-height:180px;overflow:auto;display:grid;gap:6px}.killer-tools__combo-list li{font-size:.84rem;color:#263d7e;font-weight:600}.killer-tools__combo-row{display:flex;flex-wrap:wrap;align-items:center}.killer-tools__combo-term{color:#263d7e}.killer-tools__combo-term--locked{color:#b45309;font-weight:800}.killer-tools__notes-panel{border-top:1px solid rgba(59,89,169,.2);padding-top:8px;display:grid;gap:8px}.killer-tools__notes-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.killer-tools__notes-header h4{margin:0;font-size:.84rem;text-transform:uppercase;letter-spacing:.07em;color:#334f96}.killer-tools__fill-button{border:1px solid rgba(35,55,118,.82);border-radius:10px;min-height:34px;padding:0 10px;background:linear-gradient(135deg,#3b59a9,#304a91);color:#fff;font-size:.78rem;font-weight:700;cursor:pointer}.killer-tools__fill-button:hover{filter:brightness(1.05)}.killer-tools__fill-button:disabled{opacity:.5;cursor:default}.killer-tools__candidates{list-style:none;margin:0;padding:0;display:grid;gap:6px}.killer-tools__candidates li{border:1px solid rgba(59,89,169,.2);border-radius:10px;background:#ffffffeb;padding:7px 10px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;color:#253e80;font-size:.82rem}.killer-tools__candidates li span:first-child{font-weight:700}.killer-tools__candidates li span:last-child{text-align:right}.mathdoku-board-shell{width:100%;max-width:min(100%,calc(var(--sudoku-board-max, 620px) * var(--mathdoku-board-scale, 1)));margin:0 auto;aspect-ratio:1 / 1;position:relative;border-radius:var(--card-radius, 18px)}.mathdoku-board-shell .mathdoku-board{width:100%;height:100%;max-width:100%;margin:0}.mathdoku-board-shell>.select-level-overlay,.mathdoku-board .board-pause-overlay{inset:-4px;border-radius:calc(var(--card-radius, 18px) + 4px)}.mathdoku-board{--board-padding: var(--killer-board-padding, 8px);--grid-line: rgba(15, 23, 42, .35);--grid-strong: #0f172a;--cage-line: #0f172a;--region-line: var(--cage-line);--cell-radius: 4px;--outer-radius: var(--cell-radius, 4px);display:grid;grid-template-columns:repeat(var(--grid-size, 9),1fr);gap:0;background-color:#fff;padding:var(--board-padding);border-radius:var(--card-radius, 18px);border:none;box-shadow:0 10px 26px #0f172a1f;position:relative;box-sizing:border-box;width:100%;max-width:min(100%,calc(var(--sudoku-board-max, 620px) * var(--mathdoku-board-scale, 1)));margin:0 auto;aspect-ratio:1 / 1;--overlay-radius: var(--card-radius, 18px)}.mathdoku-board--notes-mode{box-shadow:0 10px 26px #0f172a1f,0 0 0 3px #2563eb52}.mathdoku-notes-pill{position:absolute;top:0;left:50%;transform:translate(-50%,-112%);opacity:0;pointer-events:none;z-index:40;padding:6px 12px;border-radius:999px;border:1px solid rgba(37,99,235,.34);background:#dbeafefa;color:#1e3a8a;font-size:11px;font-weight:700;letter-spacing:.03em;white-space:nowrap;box-shadow:0 8px 18px #0f172a29;transition:transform .18s ease,opacity .14s ease}.mathdoku-notes-pill.is-visible{opacity:1;transform:translate(-50%,-74%)}.mathdoku-region-overlay{position:absolute;inset:var(--board-padding);pointer-events:none;z-index:2;border-radius:var(--overlay-radius);overflow:visible;shape-rendering:crispEdges}.mathdoku-region-overlay--pixel{inset:0;border-radius:0}.mathdoku-region-lines line,.mathdoku-region-lines rect{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;fill:none}@media(max-width:720px){.mathdoku-board{max-width:min(100vw,calc(var(--sudoku-board-max, 620px) * var(--mathdoku-board-scale, 1)));padding:6px}}@media(max-width:600px){.mathdoku-board{max-width:100vw;padding:4px}}@media(hover:none)and (pointer:coarse)and (min-width:700px){.mathdoku-board{grid-template-columns:repeat(var(--grid-size, 9),var(--mathdoku-cell-size, 1fr));grid-template-rows:repeat(var(--grid-size, 9),var(--mathdoku-cell-size, 1fr))}}.mathdoku-region-lines--halo line{stroke:#0f172a29;stroke-width:6px}.mathdoku-region-lines--halo rect{stroke:#0f172a29;stroke-width:6px}.mathdoku-region-lines--primary line{stroke:var(--region-line);stroke-width:3px}.mathdoku-region-lines--primary rect{stroke:var(--region-line);stroke-width:3px}.mathdoku-board--disabled{opacity:.7;pointer-events:none}.mathdoku-board--disabled.mathdoku-board--complete{opacity:1}.mathdoku-board--dimmed{opacity:.7}.mathdoku-cell{position:relative;aspect-ratio:1 / 1;background:#fff;appearance:none;-webkit-appearance:none;border:none;border-radius:var(--cell-radius, 4px);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background-color .12s ease;box-sizing:border-box;border-top:var(--cell-top-width, 1px) solid var(--cell-top-color, var(--grid-line));border-left:var(--cell-left-width, 1px) solid var(--cell-left-color, var(--grid-line));border-right:var(--cell-right-width, 1px) solid var(--cell-right-color, var(--grid-line));border-bottom:var(--cell-bottom-width, 1px) solid var(--cell-bottom-color, var(--grid-line));outline:0 solid transparent;width:100%;height:100%}.mathdoku-cell:disabled{background:#fff;opacity:1;color:inherit;cursor:default}.mathdoku-board--disabled .mathdoku-cage-label,.mathdoku-board--disabled .mathdoku-cell-value,.mathdoku-board--disabled .mathdoku-cell-notes,.mathdoku-board--disabled .mathdoku-cell-dot{opacity:0}.mathdoku-board--complete .mathdoku-cell-value,.mathdoku-board--complete .mathdoku-cage-label{opacity:1}.mathdoku-cell:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1f}.mathdoku-cell--selected{outline:none;background-color:#c1ddf8;box-shadow:none;z-index:3}.mathdoku-board--outline-selected .mathdoku-cell--selected{background-color:transparent;outline:2px solid #38bdf8;outline-offset:-1px;z-index:10}.mathdoku-cell--selected:hover{transform:none;box-shadow:none}.mathdoku-cell--highlighted{background-color:#e4ebf2}.mathdoku-cell--match{background-color:#c7d6e8}.mathdoku-cell--hint-target{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #22c55ee6;z-index:12}.mathdoku-cell--hint-focus{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #3b82f6cc;z-index:13}.mathdoku-cell--hint-row,.mathdoku-cell--hint-col,.mathdoku-cell--hint-box{background-image:linear-gradient(180deg,#3b82f62e,#3b82f62e)}.mathdoku-cell--hint-eliminate{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #dc2626d9;z-index:11}.mathdoku-cell--reveal{box-shadow:0 0 0 3px #22c55ee6;outline:3px solid rgba(34,197,94,.9);outline-offset:-1px;z-index:20;animation:mathdoku-reveal-pulse 2.2s ease-out forwards}.mathdoku-cell--conflict{box-shadow:inset 0 0 0 2px #dc262699}@keyframes mathdoku-reveal-pulse{0%,70%{box-shadow:0 0 0 3px #22c55ee6;outline-color:#22c55ee6}to{box-shadow:0 0 0 3px #22c55e00;outline-color:#22c55e00}}.mathdoku-cage-label{position:absolute;top:3px;left:3px;font-size:10px;font-weight:700;color:#0f172a;background:#fffc;padding:1px 4px;border-radius:6px;pointer-events:none;z-index:6}.mathdoku-cell-value{position:absolute;inset:0;display:grid;place-items:center;font-size:26px;font-weight:700;color:#0f172a;z-index:6}.mathdoku-board--numbers .mathdoku-cell-value{color:#000}.mathdoku-board--numbers .mathdoku-cell-value--marked.mathdoku-cell-value--player{color:#3b59a9}.mathdoku-board--numbers .mathdoku-cell-value--marked.mathdoku-cell-value--given{color:#000}.mathdoku-cell-value--incorrect{color:#dc2626}.mathdoku-cell-notes{position:absolute;inset:5px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;pointer-events:none;z-index:6}.mathdoku-cell-note{display:grid;place-items:center;font-size:9px;line-height:1;font-weight:600;color:#0f172aa6}.mathdoku-cell-note--active{color:#0f172ae6}.mathdoku-cell-note--match{color:#1e3a8a;font-weight:900;text-shadow:0 0 .55px rgba(30,58,138,.75)}.mathdoku-cell-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:999px;background:#1118278c;z-index:6}.mathdoku-cell-dot--given{opacity:1}.theme-dark .mathdoku-board--dimmed,.theme-dark .mathdoku-board--disabled{opacity:1;--grid-line: rgba(100, 116, 139, .5);--grid-strong: rgba(15, 23, 42, .5);--cage-line: rgba(15, 23, 42, .5);--region-line: rgba(15, 23, 42, .5)}.theme-dark .mathdoku-board--dimmed .mathdoku-region-lines--halo line,.theme-dark .mathdoku-board--disabled .mathdoku-region-lines--halo line,.theme-dark .mathdoku-board--dimmed .mathdoku-region-lines--halo rect,.theme-dark .mathdoku-board--disabled .mathdoku-region-lines--halo rect{stroke:#0f172a14}.jigsaw-board-scale-shell{width:100%;max-width:min(100%,var(--sudoku-board-max, 620px));margin:0 auto;aspect-ratio:1 / 1;position:relative;background:#fff;border-radius:var(--card-radius, 18px);box-shadow:0 10px 26px #0f172a1f}.jigsaw-board{--cell-gap: 1px;--region-gap: 6px;--region-line-width: 3px;--outer-gap: var(--region-gap);--board-padding: var(--outer-gap);--region-line: #0f172a;--grid-line: rgba(100, 116, 139, .4);--grid-strong: #0f172a;--grid-glow: rgba(15, 23, 42, .16);--halo-spread: 1.5px;--cell-radius: 4px;--board-radius: 6.5px;--outer-radius: var(--board-radius, 6.5px);--outer-border: 3px;--outer-border-inset: 1.5px;--gap-fill: var(--card-bg, #ffffff);--gap-line: var(--grid-line);--gap-line-strong: var(--grid-line);display:grid;grid-template-columns:repeat(9,1fr);gap:var(--region-gap);background-color:var(--gap-fill);background-clip:content-box;padding:var(--board-padding);border-radius:var(--board-radius, 6.5px);border:none;box-shadow:none;position:absolute;box-sizing:border-box;inset:0;width:100%;height:100%;transform:scale(var(--board-scale, 1));transform-origin:center;--overlay-radius: var(--board-radius, 6.5px)}.jigsaw-board-scale-shell--notes-mode{box-shadow:0 10px 26px #0f172a1f,0 0 0 3px #2563eb52}.jigsaw-notes-pill{position:absolute;top:0;left:50%;transform:translate(-50%,-112%);opacity:0;pointer-events:none;z-index:40;padding:6px 12px;border-radius:999px;border:1px solid rgba(37,99,235,.34);background:#dbeafefa;color:#1e3a8a;font-size:11px;font-weight:700;letter-spacing:.03em;white-space:nowrap;box-shadow:0 8px 18px #0f172a29;transition:transform .18s ease,opacity .14s ease}.jigsaw-notes-pill.is-visible{opacity:1;transform:translate(-50%,-74%)}.jigsaw-board--colours{--grid-line: rgba(100, 116, 139, .4);--dot-offset: 8px}@media(max-width:720px){.jigsaw-board-scale-shell{max-width:min(100vw,var(--sudoku-board-max, 620px))}.jigsaw-board--colours{--cell-gap: 1px;--region-gap: 6px;--outer-gap: var(--region-gap);--board-padding: var(--outer-gap);padding:var(--board-padding)}}@media(max-width:600px){.jigsaw-board-scale-shell{max-width:100vw}.jigsaw-board{--region-gap: 4px;--outer-gap: var(--region-gap);--board-padding: var(--outer-gap);padding:var(--board-padding)}}.jigsaw-board--disabled{opacity:.7;pointer-events:none}.jigsaw-board--disabled.jigsaw-board--complete{opacity:1}.jigsaw-board--dimmed:before{content:"";position:absolute;inset:0;background:#0f172a14;border-radius:var(--board-radius, 6.5px);z-index:5;pointer-events:none}.jigsaw-board--disabled .jigsaw-cell:after,.jigsaw-board--disabled .jigsaw-cell-value,.jigsaw-board--disabled .jigsaw-cell-notes,.jigsaw-board--disabled .jigsaw-cell-dot{opacity:0}.jigsaw-board:after{content:"";position:absolute;inset:var(--outer-border-inset);border:var(--outer-border) solid var(--grid-strong);border-radius:calc(var(--board-radius) - var(--outer-border-inset));box-shadow:0 0 0 var(--halo-spread) var(--grid-glow),inset 0 0 0 var(--halo-spread) var(--grid-glow);pointer-events:none;z-index:6}.jigsaw-board--complete .jigsaw-cell-value{opacity:1}.jigsaw-cell{--cell-inset: 0px;--cell-top-width: 0px;--cell-left-width: 0px;--cell-right-width: 0px;--cell-bottom-width: 0px;position:relative;aspect-ratio:1 / 1;background:#fff;appearance:none;-webkit-appearance:none;border:none;border-radius:var(--cell-radius, 4px);padding:var(--cell-inset);background-clip:border-box;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background-color .12s ease;box-sizing:border-box;border-top:var(--cell-top-width, 0px) solid var(--cell-top-color, var(--grid-line));border-left:var(--cell-left-width, 0px) solid var(--cell-left-color, var(--grid-line));border-right:var(--cell-right-width, 0px) solid var(--cell-right-color, var(--grid-line));border-bottom:var(--cell-bottom-width, 0px) solid var(--cell-bottom-color, var(--grid-line));outline:2px solid transparent;outline-offset:-2px;width:100%;height:100%;overflow:visible;z-index:2}.jigsaw-board--colours .jigsaw-cell{--cell-inset: 0px;background-clip:border-box;--cell-top-width: 0px;--cell-left-width: 0px;--cell-right-width: 0px;--cell-bottom-width: 0px}.jigsaw-board--colours .jigsaw-cell:before,.jigsaw-board--colours .jigsaw-cell:after{background-image:none}.jigsaw-region-gap-overlay{position:absolute;inset:var(--board-padding);display:grid;grid-template-columns:1fr var(--region-gap) 1fr var(--region-gap) 1fr var(--region-gap) 1fr var(--region-gap) 1fr var(--region-gap) 1fr var(--region-gap) 1fr var(--region-gap) 1fr var(--region-gap) 1fr;grid-template-rows:1fr var(--region-gap) 1fr var(--region-gap) 1fr var(--region-gap) 1fr var(--region-gap) 1fr var(--region-gap) 1fr var(--region-gap) 1fr var(--region-gap) 1fr var(--region-gap) 1fr;pointer-events:none;z-index:1;isolation:isolate}.jigsaw-region-underlay{position:absolute;inset:var(--board-padding);display:grid;gap:var(--region-gap);pointer-events:none;z-index:0}.jigsaw-region-underlay-cell{width:100%;height:100%;border-radius:0}.jigsaw-region-lines{position:absolute;inset:0;display:grid;grid-template-columns:inherit;grid-template-rows:inherit;pointer-events:none;z-index:2;filter:drop-shadow(0 0 calc(var(--halo-spread) * 4.5) var(--grid-glow))}.jigsaw-gap-fill{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%;z-index:1}.jigsaw-gap-intersection{background-color:var(--gap-fill);background-image:linear-gradient(var(--gap-line-strong),var(--gap-line-strong)),linear-gradient(90deg,var(--gap-line-strong),var(--gap-line-strong));background-size:100% var(--cell-gap),var(--cell-gap) 100%;background-position:center;background-repeat:no-repeat}.jigsaw-region-line,.jigsaw-region-join{position:relative;z-index:2;background:var(--grid-strong);border-radius:0}.jigsaw-region-line,.jigsaw-region-join{box-shadow:none}.jigsaw-region-line--v{justify-self:center;width:var(--region-line-width);height:calc(100% + var(--edge-extend-start, 0px) + var(--edge-extend-end, 0px) - var(--trim-start, 0px) - var(--trim-end, 0px));transform:translateY(calc(-1 * var(--edge-extend-start, 0px) + var(--trim-start, 0px)))}.jigsaw-region-line--h{align-self:center;height:var(--region-line-width);width:calc(100% + var(--edge-extend-start, 0px) + var(--edge-extend-end, 0px) - var(--trim-start, 0px) - var(--trim-end, 0px));transform:translate(calc(-1 * var(--edge-extend-start, 0px) + var(--trim-start, 0px)))}.jigsaw-region-join{justify-self:center;align-self:center;width:var(--region-line-width);height:var(--region-line-width);z-index:3;border-radius:0}.jigsaw-cell:before,.jigsaw-cell:after{content:"";position:absolute;inset:-2px;pointer-events:none;z-index:0;border-radius:inherit;background-repeat:no-repeat;background-image:none}.jigsaw-cell:before{background-image:linear-gradient(to bottom,var(--cell-top-color) 0px,var(--cell-top-color) var(--cell-top-width, 0px),transparent var(--cell-top-width, 0px),transparent calc(100% - var(--cell-bottom-width, 0px)),var(--cell-bottom-color) calc(100% - var(--cell-bottom-width, 0px)),var(--cell-bottom-color) 100%)}.jigsaw-cell:after{background-image:linear-gradient(to right,var(--cell-left-color) 0px,var(--cell-left-color) var(--cell-left-width, 0px),transparent var(--cell-left-width, 0px),transparent calc(100% - var(--cell-right-width, 0px)),var(--cell-right-color) calc(100% - var(--cell-right-width, 0px)),var(--cell-right-color) 100%)}.jigsaw-cell:disabled{opacity:1;color:inherit;cursor:default}.jigsaw-cell:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1f}.jigsaw-board--colours .jigsaw-cell--filled,.jigsaw-board--colours .jigsaw-cell--given,.jigsaw-board--colours .jigsaw-cell--locked{box-shadow:inset 0 0 0 2px #111827a6}.jigsaw-cell--selected{outline:3px solid #38bdf8;outline-offset:-1px;z-index:10}.jigsaw-board--numbers .jigsaw-cell--selected{outline:none;background-color:#c1ddf8;box-shadow:none}.jigsaw-board--numbers .jigsaw-cell{--cell-inset: 0px;--cell-top-width: 0px;--cell-left-width: 0px;--cell-right-width: 0px;--cell-bottom-width: 0px;background-clip:border-box}.jigsaw-board--numbers .jigsaw-cell:before,.jigsaw-board--numbers .jigsaw-cell:after{background-image:none}.jigsaw-board--numbers.jigsaw-board--section-highlights .jigsaw-cell--selected{outline:3px solid #38bdf8;outline-offset:-1px;background-color:transparent}.jigsaw-board--outline-selected .jigsaw-cell--selected{outline:2px solid #38bdf8;outline-offset:-1px;background-color:transparent;z-index:10}.jigsaw-cell--incorrect{box-shadow:inset 0 0 0 2px #dc2626b3,0 0 0 3px #dc26263d;outline:3px solid rgba(220,38,38,.92);outline-offset:-1px;z-index:14}.jigsaw-cell--highlighted:after{content:"";position:absolute;inset:3px;border:2px solid rgba(17,24,39,.65);border-radius:6px;pointer-events:none}.jigsaw-board--colours .jigsaw-cell--highlighted:after{inset:5px}.jigsaw-board--colours.jigsaw-board--section-highlights .jigsaw-cell--highlighted:after{inset:5px}.jigsaw-board--numbers:not(.jigsaw-board--section-highlights) .jigsaw-cell--highlighted{background-color:#e4ebf2}.jigsaw-board--numbers:not(.jigsaw-board--section-highlights) .jigsaw-cell--highlighted:after{content:none}.jigsaw-board--numbers:not(.jigsaw-board--section-highlights) .jigsaw-cell--match{background-color:#c7d6e8}.jigsaw-cell--hint-target{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #22c55ee6;z-index:12}.jigsaw-cell--hint-focus{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #3b82f6cc;z-index:13}.jigsaw-cell--hint-row,.jigsaw-cell--hint-col,.jigsaw-cell--hint-box{background-image:linear-gradient(180deg,#3b82f629,#3b82f629)}.jigsaw-cell--hint-eliminate{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #dc2626d9;z-index:11}.jigsaw-cell--reveal{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #22c55ee6;outline:3px solid rgba(34,197,94,.9);outline-offset:-1px;z-index:20;animation:jigsaw-reveal-pulse 2.2s ease-out forwards}.jigsaw-cell--conflict{box-shadow:inset 0 0 0 2px #dc262699}@keyframes jigsaw-reveal-pulse{0%,70%{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #22c55ee6;outline-color:#22c55ee6}to{box-shadow:inset 0 0 0 2px #11182766,0 0 0 3px #22c55e00;outline-color:#22c55e00}}.jigsaw-cell-value{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(18px,3vw,26px);font-weight:700;color:#111827d9;z-index:6}.jigsaw-board--numbers .jigsaw-cell-value{color:#000}.jigsaw-board--numbers .jigsaw-cell-value--marked.jigsaw-cell-value--player{color:#3b59a9}.jigsaw-board--numbers .jigsaw-cell-value--marked.jigsaw-cell-value--given{color:#000}.jigsaw-board .jigsaw-cell-value.jigsaw-cell-value--incorrect{color:#dc2626}.jigsaw-cell-value--label{inset:auto 8px 6px auto;font-size:clamp(10px,1.8vw,13px);font-weight:700;line-height:1;display:block}.jigsaw-board--colours .jigsaw-cell-value--label{bottom:8px;right:10px}.jigsaw-cell-notes{position:absolute;inset:5px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;pointer-events:none;z-index:6}.jigsaw-cell-note{border-radius:4px;background:transparent;border:none;display:grid;place-items:center;font-size:10px;line-height:1;font-weight:600;color:#0f172aa6}.jigsaw-cell-note--active{color:#0f172ae6;background:var(--note-colour, rgba(17, 24, 39, .08))}.jigsaw-cell-note--match{box-shadow:inset 0 0 0 1.5px #2563ebf2}.jigsaw-cell-note--number.jigsaw-cell-note--active{background:transparent}.jigsaw-cell-note--number.jigsaw-cell-note--match{color:#1e3a8a;font-weight:900;text-shadow:0 0 .55px rgba(30,58,138,.75)}.jigsaw-cell-dot{position:absolute;top:var(--dot-offset, 6px);left:var(--dot-offset, 6px);right:auto;width:8px;height:8px;border-radius:999px;background:#1118278c;z-index:6}.jigsaw-cell-dot--given{opacity:1}.theme-dark .jigsaw-board{--grid-line: rgba(100, 116, 139, .4);--grid-strong: #0f172a;--region-line: #0f172a;--grid-glow: rgba(15, 23, 42, .11);--halo-spread: 1px;--gap-fill: #ffffff}.news-page{gap:28px}.news-hero{position:relative;overflow:hidden;padding:26px 26px 24px;border-radius:var(--card-radius);background:var(--card-bg);box-shadow:var(--shadow-elevated)}.news-hero__grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(148,163,184,.25) 1px,transparent 1px),linear-gradient(to bottom,rgba(148,163,184,.25) 1px,transparent 1px);background-size:36px 36px;opacity:.18;pointer-events:none}.news-hero__grid:after{content:"";position:absolute;width:32px;height:32px;border-radius:8px;background:#3b82f62e;top:22%;left:68%;animation:news-grid-pulse 4.5s ease-out infinite}.news-hero__content{position:relative;z-index:1}.news-section{display:flex;flex-direction:column;gap:16px}.news-section__header h2{margin:0}.news-section__header .subhead{margin:6px 0 0}.news-section--spotlight .news-section__header{padding-bottom:4px;border-bottom:1px solid rgba(148,163,184,.2)}.news-card--spotlight{background:linear-gradient(135deg,rgba(59,130,246,.08),transparent 60%)}.news-latest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.news-card{background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--card-radius);padding:16px 18px;display:flex;flex-direction:column;gap:10px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.news-card p,.news-card__summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card__summary{margin:0}.news-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated);border-color:#3b82f64d}.news-card:focus-within{transform:translateY(-2px);box-shadow:var(--shadow-elevated);border-color:#3b82f64d}.news-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted)}.news-card__title-row{display:flex;align-items:center;gap:10px}.news-card__title-row h3{margin:0;font-size:1.05rem}.news-card__icon{width:28px;height:28px;border-radius:8px;background:var(--accent-soft);flex-shrink:0}.news-card--latest .news-card__icon{width:10px;height:34px;border-radius:999px;background:#94a3b859}.news-card__cta{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:600;color:var(--accent-strong)}.news-card__cta-row,.news-card__footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.news-card__footer .news-actions,.news-letter-card__footer .news-actions{margin-top:0}.news-card__source{font-size:.75rem;color:var(--text-muted)}.news-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.75rem;font-weight:600}.news-tag--muted{background:#94a3b833;color:var(--text-muted)}.news-tag--feature{background:#2563eb24;color:#1d4ed8}.news-tag--fix{background:#10b98124;color:#047857}.news-tag--improvement{background:#f59e0b29;color:#b45309}.news-tag--tech{background:#0e749024;color:#0e7490}.news-tag--editorial{background:#f43f5e24;color:#be123c}.news-tag--default{background:var(--accent-soft);color:var(--accent-strong)}.news-readtime{font-size:.75rem}.news-card--latest{padding:14px 16px;gap:8px;cursor:pointer}.news-card--latest .news-card__summary{-webkit-line-clamp:1}.news-card--latest .news-card__footer{margin-top:auto}.news-card--latest .news-actions{margin-left:auto}.news-card--latest .news-actions__buttons{gap:4px}.news-tabs{display:none;gap:8px}.news-tabs__button{flex:1;padding:10px 12px;border-radius:999px;border:1px solid var(--border-muted);background:var(--card-bg);color:var(--text-muted);font-weight:600}.news-tabs__button.is-active{background:var(--accent-soft);color:var(--accent-strong);border-color:#3b82f659}.news-lanes{display:flex;flex-direction:column;gap:24px;align-items:stretch}.news-lane{display:flex;flex-direction:column;gap:16px}.news-lane--letters{background:var(--card-muted);border:1px solid var(--border-muted);border-radius:var(--card-radius);padding:18px}.news-letter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.news-lane__header h2{margin:0}.news-timeline{position:relative;display:flex;flex-direction:column;gap:12px;padding-left:24px}.news-updates__footer{display:flex;align-items:center;gap:12px;padding-left:24px}.news-updates__progress{position:relative;flex:1;height:6px;border-radius:999px;background:#94a3b833;overflow:hidden}.news-updates__progress span{position:absolute;inset:0;background:linear-gradient(90deg,#3b82f6b3,#0ea5e999)}.news-updates__ratio{font-size:.75rem;color:var(--text-muted);min-width:48px;text-align:right}.news-updates__toggle{border-radius:999px;border:1px solid var(--border-muted);background:var(--card-bg);padding:6px 12px;font-size:.78rem;font-weight:600;color:var(--text-muted)}.news-updates__toggle:hover{border-color:#3b82f659;color:var(--accent-strong)}.news-updates__count{font-size:.75rem;color:var(--text-muted)}.news-timeline:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;background:#94a3b84d}.news-timeline__item{position:relative;border:1px solid var(--border-muted);border-radius:14px;background:var(--card-bg);padding:12px 14px}.news-timeline__item:before{content:"";position:absolute;left:-19px;top:18px;width:12px;height:12px;border-radius:50%;background:var(--accent-soft);border:2px solid var(--accent-strong)}.news-timeline__item summary{list-style:none;cursor:pointer}.news-timeline__item summary::-webkit-details-marker{display:none}.news-timeline__summary{display:flex;justify-content:space-between;gap:12px;align-items:center}.news-timeline__summary h3{margin:6px 0 0;font-size:1rem}.news-timeline__date{font-size:.8rem;color:var(--text-muted)}.news-timeline__body{margin-top:8px;color:var(--text-muted);max-height:0;overflow:hidden;transition:max-height .2s ease}.news-timeline__item[open] .news-timeline__body{max-height:160px}.news-timeline__item[open]{border-color:#3b82f659;box-shadow:0 10px 20px #0f172a14}.news-letter-block{border-radius:16px;padding:14px 16px;border:1px solid var(--border-muted);background:var(--card-bg);display:flex;flex-direction:column;gap:10px}.news-letter-block--tech{background:linear-gradient(135deg,rgba(59,130,246,.08),transparent 60%)}.news-letter-block--editorial{background:linear-gradient(135deg,rgba(251,191,36,.12),transparent 60%)}.news-letter-block__header{display:flex;flex-direction:column;gap:6px}.news-letter-block__meta{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-muted);font-weight:600;margin-top:4px;flex-wrap:wrap}.news-letter-block__tag{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;border:1px solid rgba(59,130,246,.2);color:var(--accent-strong);background:#3b82f614;white-space:nowrap}.news-letter-block--editorial .news-letter-block__tag{border-color:#fb923c59;color:#c2410c;background:#fb923c26}.news-letter-block__badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;border:1px solid rgba(148,163,184,.35);color:var(--text-muted);background:#94a3b824;white-space:nowrap}.news-letter-block__desc{margin:0;color:var(--text-muted)}.news-letter-list{display:flex;flex-direction:column;gap:12px}.news-letter-card{background:var(--card-bg);border:1px solid var(--border-muted);border-radius:12px;padding:14px 16px 14px 18px;display:flex;flex-direction:column;gap:12px;position:relative;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.news-letter-card:before{content:"";position:absolute;left:8px;top:12px;bottom:12px;width:2px;border-radius:999px;background:#3b82f680}.news-letter-card[data-series=editorial]:before{background:#fb923c8c}.news-letter-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated);border-color:#3b82f647}.news-letter-card__header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.news-letter-card__title{display:flex;flex-direction:column;gap:4px;min-width:0}.news-letter-card__title h4{margin:0;font-size:.98rem}.news-letter-card__summary{margin:0;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem}.news-letter-card__meta-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:.75rem;color:var(--text-muted);white-space:nowrap}.news-letter-card__date{font-size:.78rem;color:var(--text-muted);white-space:nowrap}.news-letter-card__hint{margin:0;font-size:.78rem;color:var(--accent-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.news-letter-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.news-section--history .news-history{display:flex;flex-direction:column;gap:10px}.news-history__item{border:1px solid var(--border-muted);border-radius:14px;background:var(--card-bg);padding:10px 14px}.news-history__item summary{list-style:none;cursor:pointer;font-weight:600}.news-history__item summary::-webkit-details-marker{display:none}.news-history__item ul{margin:10px 0 0;padding-left:18px;color:var(--text-muted);display:flex;flex-direction:column;gap:6px}@keyframes news-grid-pulse{0%{opacity:.1;transform:scale(.92)}40%{opacity:.28;transform:scale(1.02)}to{opacity:.1;transform:scale(.92)}}@media(max-width:900px){.news-tabs{display:flex}.news-tab-panel{display:none}.news-page[data-active-tab=updates] .news-tab-panel--updates,.news-page[data-active-tab=newsletters] .news-tab-panel--newsletters,.news-page[data-active-tab=saved] .news-tab-panel--saved,.news-page[data-active-tab=history] .news-tab-panel--history{display:block}.news-lane--letters{padding:14px}.news-letter-grid{grid-template-columns:1fr}}@media(max-width:600px){.news-hero{padding:20px}.news-card__meta{flex-direction:column;align-items:flex-start;gap:6px}.news-timeline__summary,.news-letter-card__header,.news-letter-card__meta-side{flex-direction:column;align-items:flex-start}.news-letter-card__hint{white-space:normal}.news-letter-card__footer{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.news-card,.news-timeline__body{transition:none}.news-hero__grid:after{animation:none}}.news-actions{display:flex;flex-direction:column;gap:8px;margin-top:6px}.news-actions__buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.news-actions__button{border:1px solid var(--border-muted);background:var(--card-bg);color:var(--text-muted);border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:transform .2s ease,border-color .2s ease,color .2s ease}.news-actions--compact .news-actions__buttons{gap:6px}.news-actions__icon{display:inline-flex;align-items:center;gap:6px;padding:6px 10px}.news-actions__icon svg{width:14px;height:14px}.news-actions__icon span{font-size:.75rem}.news-actions--compact .news-actions__button{padding:4px 8px;background:transparent;border-color:#94a3b847}.news-actions--compact .news-actions__icon span{font-size:.7rem}.news-actions__button--share{padding:6px 12px;justify-content:center}.news-actions__button--share svg{width:18px;height:18px}.news-actions__button.is-active{border-color:#3b82f666;color:var(--accent-strong);background:var(--accent-soft);transform:translateY(-1px)}.news-actions__button:disabled{opacity:.5;cursor:not-allowed}.news-actions__button:hover:not(:disabled){border-color:#3b82f64d;color:var(--accent-strong)}.news-actions__count{margin-left:4px}.news-actions__note{margin:0;font-size:.78rem;color:var(--text-muted)}.news-actions__share{position:relative;display:inline-flex;align-items:center;gap:6px}.news-actions__share-menu{position:absolute;top:110%;right:0;background:var(--card-bg);border:1px solid var(--border-muted);border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:8px;min-width:160px;z-index:5;box-shadow:var(--shadow-elevated)}.news-actions__share-menu button{border:none;background:transparent;text-align:left;font-size:.8rem;padding:4px 6px;color:var(--text-primary)}.news-actions__copy-status{font-size:.72rem;color:var(--text-muted)}.news-comments{border-top:1px solid var(--border-muted);padding-top:10px;display:flex;flex-direction:column;gap:12px}.news-comments__empty{margin:0;font-size:.8rem;color:var(--text-muted)}.news-comment{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--border-muted);border-radius:12px;background:var(--card-muted)}.news-comment--reply{margin-left:18px;background:var(--card-bg)}.news-comment__header{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;color:var(--text-muted)}.news-comment__author{font-weight:600;color:var(--text-primary)}.news-comment__body{margin:0;font-size:.85rem}.news-comment__actions{display:flex;gap:8px}.news-comment__reply{border:none;background:transparent;color:var(--accent-strong);font-size:.78rem;font-weight:600}.news-comment__note{margin:0;font-size:.75rem;color:var(--text-muted)}.news-comment__reply-box,.news-comment__new{display:flex;flex-direction:column;gap:8px}.news-comment__reply-box textarea,.news-comment__new textarea{border-radius:10px;border:1px solid var(--border-muted);padding:8px;font-family:inherit;resize:vertical;min-height:72px}.news-comment__reply-actions{display:flex;gap:8px}.news-comment__reply-actions button,.news-comment__new button{border-radius:999px;border:1px solid var(--border-muted);background:var(--card-bg);padding:6px 12px;font-size:.78rem;font-weight:600}.news-comment__reply-actions button:hover,.news-comment__new button:hover{border-color:#3b82f659;color:var(--accent-strong)}@media(prefers-reduced-motion:reduce){.news-card,.news-timeline__body,.news-actions__button{transition:none}.news-hero__grid:after{animation:none}}.news-article{gap:18px}.news-article__back{text-decoration:none;color:var(--accent-strong);font-weight:600}.news-article__header{display:flex;flex-direction:column;gap:8px}.news-article__header h1{margin:0;font-size:clamp(26px,3vw,34px)}.news-article__summary{margin:0;color:var(--text-muted)}.news-article__meta{display:flex;gap:12px;font-size:.85rem;color:var(--text-muted)}.news-article__body{background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--card-radius);padding:20px 22px;box-shadow:var(--shadow-elevated)}.news-article__body p{margin:0 0 14px;line-height:1.6;color:var(--text-primary)}.news-article__body p:last-child{margin-bottom:0}