: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}.route-loading{min-height:32vh;display:grid;place-items:center;padding:1.25rem}.route-loading p{margin:0;color:var(--text-muted);font-size:.95rem}.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}.sudoku-types-table-wrap{width:100%;overflow-x:auto;margin:12px 0 18px}.sudoku-types-table{width:100%;min-width:760px;border-collapse:collapse;font-size:.95rem}.sudoku-types-table th,.sudoku-types-table td{text-align:left;vertical-align:top;border:1px solid var(--border-muted);padding:10px 12px}.sudoku-types-table th{background:#1f3a9314;font-weight:700}.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}.not-found-page{padding:26px 18px 40px}.not-found-card{width:min(980px,100%);margin:0 auto;background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--card-radius, 18px);box-shadow:0 14px 30px #0f172a14;padding:24px 26px;display:grid;gap:12px}.not-found-card h1{margin:0}.not-found-copy{margin:0;color:var(--text-muted);max-width:640px}.not-found-home-link{width:fit-content;border:1px solid var(--border-muted);background:var(--card-muted);color:var(--text-primary);text-decoration:none;font-weight:700;border-radius:999px;padding:9px 14px}.not-found-home-link:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a1f}.not-found-links{display:flex;flex-wrap:wrap;gap:10px 14px}.not-found-links a{color:var(--accent-strong);font-weight:600;text-decoration:none}.not-found-links a:hover{text-decoration:underline}.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-guides{max-width:1100px;margin:0 auto;width:100%;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.howto-guide{background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--card-radius, 18px);padding:18px;box-shadow:0 12px 28px #0f172a14}.howto-guide h2{margin:0 0 10px;font-size:22px}.howto-guide p{margin:0;color:var(--text-secondary);line-height:1.55}.howto-guide p+p{margin-top:10px}.howto-guide ol{margin:12px 0 0;padding-left:20px;color:var(--text-secondary);line-height:1.55}.howto-guide li+li{margin-top:6px}.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}@keyframes hint-arrow-fade{to{opacity:1}}.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}.seo-section__related{margin-top:4px;padding-top:8px;border-top:1px solid rgba(120,120,140,.16)}.seo-section__related-title{margin:0;font-size:.82rem;font-weight:700;letter-spacing:.03em;color:var(--text-muted, #6b7280);text-transform:uppercase}.seo-section__related-list{margin:8px 0 0;padding-left:18px;line-height:1.6}.seo-section__related-link{color:var(--accent-strong, #1f3a93);font-weight:600;text-decoration:none}.seo-section__related-link:hover{text-decoration:underline}.seo-section__faqs{margin-top:8px;padding-top:12px;border-top:1px solid rgba(120,120,140,.16);display:grid;gap:10px}.seo-section__faqs h2{margin:0;font-size:1rem}.seo-section__faq-item h3{margin:0 0 4px;font-size:.95rem}.seo-section__faq-item .faq-answer{margin:0}.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)}.theme-dark .seo-section__related,.theme-dark .seo-section__faqs{border-top-color:#94a3b838}.theme-dark .seo-section__related-link{color:#8ab4ff}@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}}.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}
