.google-signin-button{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;color-scheme:only light;line-height:0;vertical-align:middle;overflow:visible;flex-shrink:0}.google-signin-button>div,.google-signin-button iframe{color-scheme:only light}.google-signin-button--completion{display:flex;width:100%;max-width:100%;min-width:0}.referral-prompt-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto 20px;padding:18px 20px;width:min(100%,980px);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),transparent 58%),var(--surface-strong);border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:24px;box-shadow:0 18px 48px #0f172a1f}.referral-prompt-banner-copy{display:grid;gap:6px;min-width:0}.referral-prompt-banner-copy strong{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1;letter-spacing:-.03em}.referral-prompt-banner-copy p{margin:0;color:var(--muted)}.referral-prompt-banner-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.referral-prompt-overlay{align-items:flex-end}.referral-prompt-modal{max-width:560px}.referral-prompt-header{justify-items:flex-start;text-align:left;padding-bottom:12px}.referral-prompt-header h2{width:100%}.referral-prompt-body{text-align:left}.referral-prompt-body p{color:var(--muted)}.referral-prompt-actions{justify-content:flex-start}.referral-prompt-footer{padding:0 40px 32px}.referral-prompt-text-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:.18em}.referral-prompt-text-button:hover{color:var(--text)}.referral-prompt-text-button:disabled{opacity:.55;cursor:default}.referral-prompt-error{margin-top:12px}@media (min-width: 760px){.referral-prompt-overlay{align-items:center}}@media (max-width: 760px){.referral-prompt-banner{align-items:flex-start;flex-direction:column;border-radius:22px;padding:18px}.referral-prompt-banner-actions{width:100%;justify-content:space-between}.referral-prompt-modal{border-bottom-left-radius:0;border-bottom-right-radius:0;max-width:none}.referral-prompt-header{padding:28px 24px 10px}.referral-prompt-body{padding:0 24px 24px}.referral-prompt-actions{padding:0 24px 18px;flex-direction:column}.referral-prompt-actions>*{width:100%}.referral-prompt-footer{padding:0 24px 24px}}.streak-badge-container,.streak-shield-container{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1);cursor:pointer;-webkit-user-select:none;user-select:none;--badge-bg: var(--surface-strong);--badge-border: var(--border);--badge-glow: var(--shadow-soft);--color-text-badge: var(--text);--color-text-muted: var(--muted);--color-spark: #ff8c00;--color-link: #d2691e;--color-grid: #008080;--color-beacon: #4169e1;--color-mosaic: #dc143c;--color-crown: #daa520;--shield-rim: #708090;--shield-core: #2c766f;--shield-accent: #66c2b2;--tier-easy: #7a8c8a;--tier-medium: #2c766f;--tier-hard: #bf6944;--tier-extreme: #f0b000}:root.dark .streak-badge-container,:root.dark .streak-shield-container,html[data-theme=dark] .streak-badge-container,html[data-theme=dark] .streak-shield-container{--badge-bg: var(--surface-strong);--badge-border: color-mix(in srgb, var(--text) 15%, transparent);--color-flame-light: color-mix( in srgb, var(--secondary) 60%, var(--surface-strong) );--tier-easy: #566160;--tier-medium: #45b3a8;--tier-extreme: #ffcc33}.streak-badge-container:hover,.streak-shield-container:hover{transform:scale(1.05) translateY(-4px)}.streak-badge-container:active,.streak-shield-container:active{transform:scale(.95);transition:transform .1s ease-out}.streak-badge-container.locked{opacity:.3;filter:grayscale(1)}.tier-frame{fill:none;transition:all .3s ease}.tier-easy .frame-main{stroke:var(--tier-easy);stroke-width:3px}.tier-medium .frame-main{stroke:var(--tier-medium);stroke-width:5px;filter:drop-shadow(0 2px 4px var(--frame-shadow))}.tier-hard .frame-main{stroke:var(--tier-hard);stroke-width:8px;filter:drop-shadow(0 4px 8px var(--frame-shadow))}.tier-extreme .frame-main{stroke:var(--tier-extreme);stroke-width:10px}.frame-halo{stroke:var(--tier-extreme);stroke-width:2px;opacity:.3;animation:goldHaloPulse 2s ease-in-out infinite}@keyframes goldHaloPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.frame-highlight{stroke:#fff;stroke-width:2px;stroke-linecap:round;opacity:.6}@keyframes flamePulse{0%,to{transform:scaleY(1);opacity:.8}50%{transform:scaleY(1.1);opacity:1}}@keyframes beaconPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes crownFloat{0%,to{transform:translateY(0) rotate(0);filter:drop-shadow(0 0 2px var(--color-crown))}25%{transform:translateY(-4px) rotate(2deg);filter:drop-shadow(0 0 12px var(--color-crown))}75%{transform:translateY(-4px) rotate(-2deg);filter:drop-shadow(0 0 12px var(--color-crown))}}.streak-shield-container{width:var(--shield-size)}.streak-shield-svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.state-full .streak-shield-svg{filter:drop-shadow(0 8px 16px rgb(20 74 69 / .18)) drop-shadow(0 0 14px color-mix(in srgb,var(--shield-core) 34%,transparent)) drop-shadow(0 0 28px color-mix(in srgb,var(--shield-accent) 18%,transparent));animation:shieldAuraPulse 2.6s ease-in-out infinite}.streak-shield-svg .shield-base{fill:var(--badge-bg);stroke:var(--shield-rim);transition:all .3s ease}.streak-shield-svg .shield-inset{stroke:var(--badge-border);opacity:.3}.state-full .shield-base{stroke:var(--shield-rim);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--shield-core) 40%,transparent))}.ember-core{filter:drop-shadow(0 0 8px var(--shield-core));animation:emberPulse 2s ease-in-out infinite;transform-origin:center}@keyframes emberPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.shield-glow-pulse{animation:glowPulse 3s ease-in-out infinite;transform-origin:center}@keyframes shieldAuraPulse{0%,to{filter:drop-shadow(0 8px 16px rgb(20 74 69 / .16)) drop-shadow(0 0 12px color-mix(in srgb,var(--shield-core) 30%,transparent)) drop-shadow(0 0 22px color-mix(in srgb,var(--shield-accent) 14%,transparent))}50%{filter:drop-shadow(0 10px 18px rgb(20 74 69 / .22)) drop-shadow(0 0 18px color-mix(in srgb,var(--shield-core) 44%,transparent)) drop-shadow(0 0 34px color-mix(in srgb,var(--shield-accent) 22%,transparent))}}@keyframes glowPulse{0%,to{opacity:.05;transform:scale(1)}50%{opacity:.15;transform:scale(1.05)}}.state-empty .shield-base{stroke:var(--badge-border);stroke-dasharray:4 4;opacity:.4}.state-consumed .shield-base{stroke:var(--muted);opacity:.6}.streak-badge-container{width:var(--badge-size)}.streak-badge-svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));transition:filter .2s ease}.streak-badge-container:hover .streak-badge-svg{filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}.streak-badge-svg .badge-base{fill:var(--badge-bg);stroke:var(--badge-border);stroke-width:2px;transition:all .3s ease}.badge-stitch{color:var(--text);stroke-dasharray:4 2}.streak-badge-container.unlocked:hover .badge-base{fill:#fff}:root.dark .streak-badge-container.unlocked:hover .badge-base{fill:var(--surface-strong)}.flame-group .flame-part{transform-origin:center bottom;animation:flamePulse 1.5s ease-in-out infinite}.link-group{transform-origin:center;animation:linkTension 3s ease-in-out infinite}@keyframes linkTension{0%,to{transform:scale(1) rotate(-4deg)}50%{transform:scale(1.1) rotate(4deg)}}.grid-motif rect{animation:gridSquarePop 2.5s ease-in-out infinite}.grid-motif rect:nth-child(odd){animation-delay:0ms}.grid-motif rect:nth-child(2n){animation-delay:.4s}@keyframes gridSquarePop{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.beacon-motif{animation:beaconPulse 2s ease-in-out infinite}.beacon-signal{transform-origin:60px 40px;animation:beaconSignal 2s ease-out infinite}@keyframes beaconPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}}@keyframes beaconSignal{0%{transform:scale(.2);opacity:.8}to{transform:scale(1.5);opacity:0}}.mosaic-motif rect{transform-origin:center;animation:mosaicShuffle 4s ease-in-out infinite}.mosaic-motif rect:nth-child(1){animation-delay:0ms}.mosaic-motif rect:nth-child(2){animation-delay:.5s}.mosaic-motif rect:nth-child(3){animation-delay:1s}.mosaic-motif rect:nth-child(4){animation-delay:1.5s}@keyframes mosaicShuffle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(5deg) scale(1.1)}75%{transform:rotate(-5deg) scale(.9)}}.crown-motif{animation:crownFloat 3.5s ease-in-out infinite}@keyframes crownFloat{0%,to{transform:translateY(0) rotate(0);filter:drop-shadow(0 0 2px var(--color-crown))}25%{transform:translateY(-6px) rotate(2deg);filter:drop-shadow(0 0 12px var(--color-crown))}75%{transform:translateY(-6px) rotate(-2deg);filter:drop-shadow(0 0 12px var(--color-crown))}}.crown-shimmer{animation:crownShimmer 3s linear infinite}@keyframes crownShimmer{0%{transform:translate(-100px) skew(-25deg)}20%,to{transform:translate(200px) skew(-25deg)}}.flame-1{animation-delay:0ms}.flame-2{animation-delay:.2s}.flame-3{animation-delay:.4s}@keyframes flamePulse{0%,to{transform:scaleY(1);opacity:.8}50%{transform:scaleY(1.15);opacity:1}}.badge-number{font-family:var(--font-display, "Iowan Old Style", serif);font-weight:700;font-size:24px;letter-spacing:-.02em;fill:var(--color-text-badge)}.badge-info{margin-top:12px;text-align:center;display:flex;flex-direction:column;gap:2px}.badge-name{font-family:var(--font-display, "Iowan Old Style", serif);font-weight:600;font-size:14px;color:var(--color-text-badge)}.badge-label{font-family:var(--font-body, "Avenir Next", sans-serif);font-weight:800;font-size:10px;letter-spacing:.18em;color:var(--primary);text-transform:uppercase}.streak-badge-container.locked .badge-label{color:var(--color-text-muted)}.tier-accent{transition:fill .3s ease}.streak-badge-container.unlocked:hover .tier-accent{filter:brightness(1.2) saturate(1.2)}.streak-status-pill{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--surface);border:1px solid var(--border);border-radius:20px;font-weight:700;font-size:.95rem;color:var(--text);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;text-decoration:none}.streak-status-pill:hover{background:var(--surface-strong);border-color:color-mix(in srgb,var(--primary) 30%,var(--border));transform:translateY(-1px);box-shadow:var(--shadow-soft)}.streak-status-pill:active{transform:translateY(0)}.streak-status-pill .flame-icon{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.streak-status-pill--active{border-color:color-mix(in srgb,var(--secondary) 40%,var(--border))}.streak-status-pill--active .flame-icon{color:var(--secondary);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--secondary) 40%,transparent));transform:scale(1.1)}.streak-status-pill--inactive .flame-icon{color:var(--muted);opacity:.6}.streak-status-pill .streak-count{line-height:1}@media (max-width: 640px){.streak-status-pill{padding:6px 10px;gap:6px}}.daily-pulse-overlay{z-index:1000;display:flex;justify-content:center;align-items:center;padding:24px;background:var(--library-peek-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.daily-pulse-modal{max-width:440px;width:100%;text-align:center;padding:32px 28px;animation:modal-enter .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes modal-enter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pulse-header{margin-bottom:24px}.pulse-icon-container{display:flex;justify-content:center;margin-bottom:16px}.pulse-flame{color:var(--secondary);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--secondary) 40%,transparent));animation:pulse-flame 2s ease-in-out infinite}@keyframes pulse-flame{0%{transform:scale(1);filter:drop-shadow(0 0 12px var(--secondary))}50%{transform:scale(1.15);filter:drop-shadow(0 0 20px var(--secondary))}to{transform:scale(1);filter:drop-shadow(0 0 12px var(--secondary))}}.pulse-header .page-eyebrow{margin-bottom:8px;color:var(--secondary);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.pulse-header h2{font-size:2.2rem;line-height:1.1;margin:0}.pulse-body{margin-bottom:32px;color:var(--muted);font-size:1.1rem;line-height:1.5}.pulse-body p{margin:0 0 12px}.pulse-shield-note{font-weight:600;font-size:.95rem;color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent);padding:8px 12px;border-radius:12px;display:inline-block}.pulse-actions{display:flex;flex-direction:column;gap:12px}.pulse-actions .primary-button,.pulse-actions .ghost-button{width:100%}@media (max-width: 640px){.daily-pulse-modal{padding:28px 20px}.pulse-header h2{font-size:1.8rem}}.ad-slot{text-align:center;border:1px solid var(--border);border-radius:24px;background:color-mix(in srgb,var(--surface) 88%,var(--surface-muted));box-shadow:var(--shadow);overflow:hidden}.ad-slot-footer{padding:14px 16px 18px}.ad-slot-sidebar{margin-top:20px;padding:14px}@media (max-width: 960px){.ad-slot-sidebar{display:none}}.ad-slot-interstitial{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ad-slot-interstitial-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:var(--shadow-strong)}.ad-slot-interstitial-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ad-skip-button{font-size:.85rem;padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer}.ad-skip-button:disabled{opacity:.5;cursor:not-allowed}.completion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2400;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 20% 12%,rgb(44 118 111 / 26%),transparent 38%),radial-gradient(circle at 80% 8%,rgb(191 105 68 / 20%),transparent 34%),linear-gradient(180deg,#090c0f57,#090c0f9e),#12141694}.completion-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;contain:layout paint}.completion-confetti-piece{position:absolute;top:-12vh;opacity:0;will-change:transform,opacity;backface-visibility:hidden;transform:translate3d(0,-12vh,0);animation-name:confetti-fall;animation-timing-function:cubic-bezier(.12,.8,.22,1);animation-iteration-count:infinite;animation-fill-mode:none}.completion-panel{position:relative;z-index:1;overflow:hidden;display:grid;gap:18px;padding:clamp(20px,3vw,28px);border-radius:30px;border:1px solid var(--completion-panel-border);box-shadow:0 24px 60px #090c0f3d,inset 0 1px #ffffff2e;background:var(--completion-panel-bg),var(--surface)}.completion-panel--overlay{width:min(640px,calc(100vw - 24px));text-align:center;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.completion-panel--inline{text-align:center;background:var(--completion-panel-inline-bg),var(--surface)}.completion-panel-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,var(--completion-glow-top),transparent 34%),radial-gradient(circle at bottom right,var(--completion-glow-bottom),transparent 36%);pointer-events:none}.completion-pending-notice{position:relative;overflow:hidden;display:grid;gap:14px;padding:18px 20px;border-radius:24px;border:1px solid var(--completion-pending-border);background:var(--completion-pending-bg);box-shadow:0 18px 42px #090c0f29,inset 0 1px #ffffff24}.completion-pending-notice:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,rgb(255 255 255 / 26%),transparent 38%),linear-gradient(135deg,transparent,rgb(255 255 255 / 6%),transparent);pointer-events:none}.completion-pending-notice--board{width:min(100%,360px);justify-items:center;text-align:center}.completion-pending-notice--banner{grid-template-columns:auto minmax(0,1fr);align-items:center;text-align:left}.completion-pending-sigil{position:relative;width:72px;aspect-ratio:1;display:grid;place-items:center}.completion-pending-notice--banner .completion-pending-sigil{width:54px}.completion-pending-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--completion-pending-ring);animation:completion-ring 1.8s ease-in-out infinite}.completion-pending-ring--inner{top:12px;right:12px;bottom:12px;left:12px;animation-duration:1.35s;animation-direction:reverse}.completion-pending-core{width:16px;height:16px;border-radius:5px;background:linear-gradient(135deg,var(--completion-pending-core),var(--primary));box-shadow:0 0 0 10px #2c766f1f,0 0 20px #2c766f3d;transform:rotate(45deg);animation:completion-core 1.2s ease-in-out infinite}.completion-pending-copy{position:relative;z-index:1;display:grid;gap:6px}.completion-pending-copy strong{font-family:var(--font-display);font-size:clamp(1.18rem,2.8vw,1.5rem);line-height:1.05;letter-spacing:-.03em}.completion-pending-copy p{margin:0;color:var(--muted)}.completion-pending-eyebrow{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--primary)}.completion-pending-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px}.completion-pending-notice--board .completion-pending-meta{justify-content:center}.completion-pending-notice--banner .completion-pending-meta{grid-column:1 / -1}.completion-pending-meta span{display:inline-flex;align-items:center;min-height:30px;padding:6px 12px;border-radius:999px;background:#ffffff47;border:1px solid color-mix(in srgb,var(--completion-pending-border) 82%,white);color:var(--primary-strong);font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.challenge-result-banner{display:grid;gap:4px;padding:12px 14px;border-radius:18px;border:1px solid var(--border)}.challenge-result-banner.result-beaten{background:#2c766f1f}.challenge-result-banner.result-missed{background:#bf69441a}.completion-title{margin:0;font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--primary)}.completion-time{margin:14px 0 8px;font-family:var(--font-display);font-size:clamp(2.4rem,8vw,3.4rem);line-height:1}.completion-subtitle{margin:0}.completion-kicker{margin:0;font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--primary-strong)}.completion-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.completion-stat-card{display:grid;gap:4px;min-height:72px;padding:12px 14px;border-radius:18px;border:1px solid var(--completion-chip-border);background:radial-gradient(circle at top right,rgb(255 255 255 / 26%),transparent 46%),var(--completion-chip-bg);box-shadow:inset 0 1px #ffffff3d}.completion-stat-label{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.completion-stat-value{font-size:.98rem;font-weight:900;line-height:1.15;color:var(--text)}.completion-actions-v2{display:grid;gap:16px;margin-top:4px}.completion-mobile-header{display:none}.completion-secondary-section,.completion-secondary-content{display:grid;gap:16px}.completion-details-toggle,.completion-share-tray-toggle{display:none}.completion-continuity-card{position:relative;overflow:hidden;display:grid;gap:16px;padding:18px 20px;border-radius:24px;border:1px solid var(--border);text-align:left;background:radial-gradient(circle at top right,rgb(255 255 255 / 18%),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%,white),color-mix(in srgb,var(--surface) 96%,white));box-shadow:var(--shadow-soft)}.completion-continuity-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.completion-continuity-card--identity:before{background:linear-gradient(135deg,rgb(44 118 111 / 14%),transparent 42%),radial-gradient(circle at top right,rgb(44 118 111 / 16%),transparent 32%)}.completion-continuity-card--restore:before{background:linear-gradient(135deg,rgb(208 165 48 / 18%),transparent 44%),radial-gradient(circle at top right,rgb(208 165 48 / 15%),transparent 34%)}.completion-continuity-copy,.completion-continuity-actions{position:relative;z-index:1}.completion-continuity-copy{display:grid;gap:8px}.completion-continuity-copy strong{font-family:var(--font-display);font-size:clamp(1.15rem,2.8vw,1.4rem);line-height:1.08;letter-spacing:-.03em}.completion-continuity-copy p{margin:0;color:var(--muted);line-height:1.55}.completion-continuity-meta{display:flex;flex-wrap:wrap;gap:8px}.completion-continuity-meta span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 90%,white);border:1px solid color-mix(in srgb,var(--border) 84%,white);color:var(--primary-strong);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.completion-continuity-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.completion-signin-slot{display:flex;flex:1 1 260px;width:100%;max-width:320px;min-width:0}.completion-signin-button{min-height:44px;display:flex;flex:1 1 auto;width:100%;max-width:100%}.vibrant-secondary-button{background:linear-gradient(135deg,var(--secondary),color-mix(in srgb,var(--secondary) 85%,black));color:#fff;border:none;box-shadow:0 4px 12px color-mix(in srgb,var(--secondary) 20%,transparent);font-weight:800;cursor:pointer;transition:transform .14s ease,filter .14s ease}.vibrant-secondary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.vibrant-secondary-button:active{transform:translateY(0)}.completion-next-tier .next-tier-btn{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 24px;min-height:102px;border-radius:24px;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;border:none;box-shadow:0 14px 28px color-mix(in srgb,var(--primary) 22%,transparent);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.completion-next-tier .next-tier-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px color-mix(in srgb,var(--primary) 28%,transparent);filter:brightness(1.05)}.completion-next-tier .next-tier-btn:active{transform:translateY(0)}.completion-next-tier .btn-label{font-size:1.25rem;font-weight:900;letter-spacing:-.02em}.completion-next-tier .btn-teaser{font-size:.88rem;opacity:.9;font-weight:600}.completion-main-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.completion-main-buttons button,.completion-main-buttons a{display:inline-flex;align-items:center;justify-content:center;min-height:58px;border-radius:18px;padding:12px 28px;font-size:1rem;font-weight:800;line-height:1.1;text-align:center}.completion-more-puzzles-row{display:flex;justify-content:center}.completion-more-puzzles-button{text-decoration:none}.completion-share-button{justify-content:center;padding-inline:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 95%,white),color-mix(in srgb,var(--surface) 94%,white));box-shadow:inset 0 1px #fff9,0 10px 24px #3023170f;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.completion-share-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 24%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 98%,white),color-mix(in srgb,var(--surface) 98%,white));box-shadow:inset 0 1px #ffffffad,0 14px 28px #30231717}.completion-share-button:active{transform:translateY(0)}.completion-share-button:focus-visible{outline:none;border-color:color-mix(in srgb,var(--primary) 42%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent),inset 0 1px #ffffffad}.completion-share-button-label{font-size:1rem;font-weight:900;color:var(--text)}.completion-social-share{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;width:min(100%,24rem);margin:0 auto;padding-top:4px;animation:completion-share-reveal .18s ease-out}.completion-share-tray-toggle{width:100%;align-items:center;justify-content:space-between;min-height:46px;padding:0 16px;border-radius:999px;border:1px solid var(--completion-link-border);background:color-mix(in srgb,var(--surface-strong) 92%,white);color:var(--text);font-size:.92rem;font-weight:800;box-shadow:inset 0 1px #ffffff47,0 8px 18px #3023170d}.completion-social-share-label{margin:0;color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.completion-social-share-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.completion-social-share-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;padding:0 14px;border-radius:999px;border:1px solid var(--completion-link-border);background:var(--completion-link-bg);color:var(--text);font-size:.95rem;font-weight:800;text-decoration:none;box-shadow:inset 0 1px #ffffff38,0 10px 24px #3023170f;transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease}.completion-social-share-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;overflow:hidden;flex:0 0 18px}.completion-social-share-icon{display:block;width:auto;height:16px;object-fit:contain}.completion-social-share-icon--x{height:14px;filter:brightness(0) saturate(100%)}:root.dark .completion-social-share-icon--x,html[data-theme=dark] .completion-social-share-icon--x{filter:none}.completion-social-share-icon--linkedin,.completion-social-share-icon--reddit{height:16px}.completion-social-share-link-label{font-size:.92rem;font-weight:800;line-height:1}.completion-social-share-link-label--x{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.completion-social-share-link:hover{transform:translateY(-1px);background:var(--completion-link-hover-bg);border-color:color-mix(in srgb,var(--primary) 24%,var(--completion-link-border));box-shadow:inset 0 1px #ffffff3d,0 14px 28px #30231717}.completion-social-share-link:active{transform:translateY(0)}.completion-social-share-link:focus-visible{outline:none;border-color:color-mix(in srgb,var(--primary) 52%,var(--completion-link-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent),inset 0 1px #ffffff3d}.completion-footer-actions{display:flex;justify-content:center;gap:20px;margin-top:8px}.completion-footer-actions button{font-size:.84rem;font-weight:700;color:var(--muted);text-decoration:underline;text-underline-offset:4px;padding:4px 8px}.completion-footer-actions button:hover{color:var(--primary)}.completion-celebration{position:relative;z-index:1;text-align:center;display:grid;gap:12px}.completion-share-status{margin:12px auto 0;font-size:.88rem;color:var(--primary-strong);font-weight:800;text-align:center;padding:10px 16px;background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);border-radius:12px;width:fit-content;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 10%,transparent);animation:share-status-pop .4s cubic-bezier(.34,1.56,.64,1)}.completion-share-status svg{color:var(--primary);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--primary) 40%,transparent))}.completion-share-error{margin:12px 0 0;font-size:.82rem;color:var(--error);font-weight:700;text-align:center}@keyframes share-status-pop{0%{opacity:0;transform:scale(.9) translateY(4px)}70%{transform:scale(1.05) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes completion-share-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.completion-close-btn{margin-top:12px;width:100%;padding:12px;border-radius:999px;font-weight:700;border:1px solid var(--border);background:var(--surface-muted);color:var(--muted);cursor:pointer;transition:background .14s ease,color .14s ease}.completion-close-btn:hover{background:var(--surface-strong);color:var(--text)}.completion-close-btn--overlay{margin-top:0}.completion-mobile-close{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--border) 88%,white);border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 90%,white);color:var(--text);font-size:1.5rem;line-height:1;cursor:pointer}.completion-mobile-header-copy{display:flex;align-items:center;gap:12px;min-width:0;text-align:left}.completion-mobile-header-copy strong{display:block;font-family:var(--font-display);font-size:1rem;line-height:1.05}.completion-mobile-header-eyebrow{margin:0 0 2px;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}.completion-mobile-header-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary-strong);font-size:1rem;font-weight:900;flex:0 0 36px}.completion-streak-reward{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:16px 18px;border-radius:24px;border:1px solid var(--border);text-align:left;background:var(--surface);box-shadow:var(--shadow-soft)}.completion-streak-reward-badge{display:flex;justify-content:center;align-items:center}.completion-streak-reward-badge--shield{color:var(--primary)}.completion-streak-reward-copy{display:grid;gap:4px}.completion-streak-reward-copy strong{font-family:var(--font-display);font-size:1.15rem;line-height:1.1}.completion-streak-reward-copy p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.45}.completion-streak-ignition{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px;padding:12px 20px;background:var(--completion-chip-bg);border:1px solid var(--completion-chip-border);border-radius:20px;animation:ignition-slide-up .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes ignition-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ignition-icon-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:color-mix(in srgb,var(--secondary) 10%,transparent);border-radius:50%}.ignition-flame{color:var(--secondary);filter:drop-shadow(0 0 8px var(--secondary));animation:ignition-flame-burst .8s cubic-bezier(.175,.885,.32,1.5) .3s both}@keyframes ignition-flame-burst{0%{transform:scale(0);opacity:0}70%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.ignition-copy{text-align:left}.ignition-streak{font-family:var(--font-display);font-size:1.4rem;font-weight:700;margin:0;line-height:1;color:var(--secondary)}.ignition-note{font-size:.85rem;font-weight:600;margin:2px 0 0;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 560px){.completion-overlay{align-items:end;padding:12px 12px calc(env(safe-area-inset-bottom,0px) + 10px)}.completion-confetti{opacity:.55}.completion-panel--overlay{width:min(100%,100vw - 24px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - 20px);gap:14px;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 16px);border-radius:28px 28px 20px 20px;text-align:left;box-shadow:0 24px 60px #090c0f52,inset 0 1px #ffffff2e}.completion-mobile-header{position:sticky;top:-16px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-16px -16px 4px;padding:14px 16px 12px;background:color-mix(in srgb,var(--surface) 95%,white);border-bottom:1px solid color-mix(in srgb,var(--border) 88%,white);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.completion-celebration{gap:10px;text-align:left}.completion-panel--overlay .completion-kicker,.completion-panel--overlay .completion-title,.completion-panel--overlay .completion-subtitle{text-align:left}.completion-panel--overlay .completion-title{font-size:.74rem}.completion-time{margin:6px 0 2px;font-size:clamp(2.25rem,11vw,3rem)}.completion-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.completion-stat-card{min-height:0;padding:10px 12px;border-radius:16px}.completion-stat-value{font-size:.9rem}.completion-streak-ignition{gap:12px;margin-top:4px;padding:10px 14px;border-radius:18px}.ignition-icon-container{width:40px;height:40px}.ignition-streak{font-size:1.15rem}.completion-main-buttons{grid-template-columns:1fr}.completion-actions-v2{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px)*-1);z-index:2;margin:0 -16px;padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 4px);background:linear-gradient(180deg,#fff0,color-mix(in srgb,var(--surface) 97%,white) 28%,color-mix(in srgb,var(--surface) 98%,white));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.completion-main-buttons button,.completion-main-buttons a{min-height:52px;padding:12px 18px;border-radius:16px}.completion-social-share{width:100%;justify-items:stretch;gap:10px;padding:12px 14px 0;border-top:1px solid color-mix(in srgb,var(--border) 82%,white)}.completion-social-share-links{grid-template-columns:repeat(3,minmax(0,1fr))}.completion-share-tray-toggle{display:inline-flex}.completion-social-share-label{font-size:.72rem}.completion-social-share-link{min-height:42px;padding:0 10px;border-radius:16px}.completion-secondary-section{gap:10px}.completion-details-toggle{display:inline-flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:0 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border) 88%,white);background:color-mix(in srgb,var(--surface-strong) 92%,white);color:var(--text);font-weight:800}.completion-secondary-content{gap:12px}.completion-pending-notice,.completion-continuity-card,.completion-streak-reward{gap:12px;padding:14px 15px;border-radius:18px}.completion-streak-reward{grid-template-columns:1fr}.completion-streak-reward-badge .streak-badge,.completion-streak-reward-badge svg{transform:scale(.82);transform-origin:left center}.completion-pending-copy strong,.completion-continuity-copy strong,.completion-streak-reward-copy strong{font-size:1rem}.completion-share-status,.completion-share-error{width:100%;margin:0;justify-content:center}.completion-close-btn{display:none}}@media (max-width: 560px) and (max-height: 760px){.completion-panel--overlay{gap:12px}.completion-panel-glow,.completion-confetti{opacity:.38}.completion-celebration{gap:8px}.completion-pending-notice,.completion-continuity-card,.completion-streak-reward{padding:12px 13px}.completion-actions-v2{gap:12px}.completion-social-share-links{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.completion-social-share{animation:none}.completion-social-share-link{transition:none}}.random-mode-toggle{position:relative;display:grid;gap:2px;justify-items:start;border:1px solid transparent;border-radius:18px;min-height:60px;padding:11px 14px 11px 16px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease,border-color .16s ease,box-shadow .16s ease}.random-mode-toggle:before{content:"";position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:999px;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff0f}.random-mode-toggle.is-active{border-color:color-mix(in srgb,var(--secondary) 32%,var(--library-card-border));background:linear-gradient(180deg,#fff8f3fa,#ece0d5f5);color:#241d19;box-shadow:0 12px 24px #0000001f,inset 0 1px #ffffffe0}.random-mode-toggle--blindfolded.is-active{border-color:color-mix(in srgb,var(--primary) 42%,var(--library-card-border));background:radial-gradient(circle at top left,rgb(127 213 202 / 24%),transparent 44%),linear-gradient(180deg,#264542f5,#1c3431fa);color:#e7fbf8;box-shadow:0 16px 28px #1236323d,inset 0 1px #ffffff1f}.random-mode-toggle.is-active:before{background:var(--secondary);box-shadow:0 0 0 4px #f09b7329}.random-mode-toggle--blindfolded.is-active:before{background:#8ff0e4;box-shadow:0 0 0 4px #7fd5ca2e}.random-mode-name{font-size:.94rem;line-height:1.1}.random-mode-hint{font-size:.72rem;font-weight:700;color:inherit;opacity:.78}.random-launch-spotlight{display:grid;gap:14px;padding:20px;align-content:start}.random-launch-mode-copy{margin:0;color:var(--muted);line-height:1.55}.random-launch-mode-copy strong{color:var(--text)}.random-launch-go{width:100%;justify-content:center}.daily-peek-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;align-items:end;padding:16px;background:var(--library-peek-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.daily-peek-sheet{position:relative;width:min(100%,520px);margin:0 auto;padding:28px 20px 20px;display:grid;gap:12px;border-radius:28px 28px 20px 20px;border:1px solid var(--library-feature-border);background:var(--library-peek-bg);box-shadow:var(--library-feature-shadow);overscroll-behavior:contain;touch-action:pan-y}.daily-peek-close{justify-self:end;border:0;background:none;color:var(--muted);font-weight:800;cursor:pointer}.daily-peek-handle{position:absolute;top:10px;left:50%;width:58px;height:5px;border-radius:999px;transform:translate(-50%);background:#1d252d2e}.hub-side-panel .stats-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-side-panel .tier-stats-grid{grid-template-columns:1fr}.preview-board-cell{position:relative;background:color-mix(in srgb,var(--surface-strong) 82%,white)}.preview-board-clue{position:absolute;inset:var(--preview-clue-inset, 12%);border-radius:8px;display:grid;place-items:center;color:#f8fafc;box-shadow:0 8px 18px #0f172a33}.preview-board-clue-size{position:absolute;top:2px;left:5px;font-size:var(--preview-clue-number-size, .62rem);font-weight:800}.preview-board-shape{width:var(--preview-icon-size, 14px);height:var(--preview-icon-size, 14px)}.preview-board--size-7 .preview-board-clue-size,.preview-board--size-9 .preview-board-clue-size,.puzzle-route-shell .site-footer{display:none}.puzzle-shell{min-height:calc(100dvh - 110px);grid-template-rows:auto 1fr}.puzzle-topbar{padding:10px 20px 12px;display:grid;grid-template-columns:minmax(0,1.15fr) auto;gap:12px 18px;align-items:start}.puzzle-mobile-summary{display:none}.puzzle-topbar-main{display:grid;gap:8px;align-self:start}.puzzle-topbar-copy{display:grid;gap:2px;align-self:start;padding-bottom:8px}.puzzle-topbar-copy .page-eyebrow{margin:0;line-height:1}.puzzle-pill-grid{display:grid;grid-template-columns:repeat(2,minmax(112px,1fr));gap:10px;margin:0}.puzzle-topbar .puzzle-pill-grid div,.puzzle-topbar .puzzle-metric-card{padding:10px 12px;border-radius:16px}.puzzle-pill-grid div,.puzzle-metric-card{padding:12px 14px;border-radius:18px;border:1px solid var(--border);background:var(--surface-muted);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.puzzle-pill-grid dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.puzzle-pill-grid dd{margin:2px 0 0;font-size:.98rem;font-weight:800;line-height:1}.puzzle-pill-grid--challenge .metric-live{border-color:color-mix(in srgb,var(--primary) 24%,var(--border))}.puzzle-pill-grid--challenge .metric-live dt,.puzzle-pill-grid--challenge .metric-live dd{color:color-mix(in srgb,var(--primary-strong) 88%,white)}.puzzle-pill-grid--challenge .metric-missed{border-color:color-mix(in srgb,var(--secondary) 42%,var(--border));background:radial-gradient(circle at top left,rgb(191 105 68 / 14%),transparent 55%),color-mix(in srgb,var(--surface-muted) 92%,white);box-shadow:0 12px 24px #bf69441f}.puzzle-pill-grid--challenge .metric-missed dt,.puzzle-pill-grid--challenge .metric-missed dd{color:color-mix(in srgb,var(--secondary) 88%,white)}.puzzle-pill-grid--mobile{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.puzzle-quicknav{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:0;align-self:start}.quicknav-group{display:grid;gap:8px;min-width:0;padding:10px 12px 12px;border-radius:18px;border:1px solid color-mix(in srgb,white 8%,var(--border));background:linear-gradient(180deg,rgb(255 255 255 / 2%),transparent 100%),color-mix(in srgb,var(--surface-strong) 95%,black)}.quicknav-group.is-current{border-color:color-mix(in srgb,var(--primary) 26%,var(--border));background:radial-gradient(circle at top left,rgb(44 118 111 / 8%),transparent 55%),linear-gradient(180deg,rgb(255 255 255 / 3%),transparent 100%),color-mix(in srgb,var(--surface-strong) 94%,black);box-shadow:0 12px 28px #0000001a}.quicknav-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.quicknav-track{display:flex;flex-wrap:wrap;gap:6px}.quicknav-label{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.quicknav-btn{padding:5px 10px;border-radius:999px;font-size:.74rem;font-weight:700;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .12s ease}.quicknav-btn:hover{background:var(--surface-muted);border-color:color-mix(in srgb,var(--primary) 36%,var(--border));transform:translateY(-1px)}.quicknav-btn.is-active{background:color-mix(in srgb,var(--primary) 14%,var(--surface-strong));border-color:color-mix(in srgb,var(--primary) 48%,var(--border));color:var(--primary-strong);box-shadow:inset 0 1px #ffffff14,0 12px 24px #2c766f24}.puzzle-stage-layout{display:grid;grid-template-columns:minmax(0,auto) minmax(280px,360px);gap:16px;align-items:start}.puzzle-stage-stack{display:grid;gap:12px}.puzzle-stage-panel,.puzzle-actions-panel,.puzzle-guide-rail,.mobile-guide-sheet{padding:16px}.puzzle-stage-panel{display:grid;gap:12px}.puzzle-mobile-summary{padding:14px 16px 16px;border-radius:24px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));background:radial-gradient(circle at top right,rgb(44 118 111 / 10%),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%,white),color-mix(in srgb,var(--surface) 98%,black));box-shadow:var(--shadow-soft)}.puzzle-mobile-summary-copy{display:grid;gap:4px}.puzzle-mobile-summary-copy h1{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,6vw,2.2rem);line-height:.98;letter-spacing:-.04em}.puzzle-mobile-switcher{display:grid;gap:14px;padding:16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));background:radial-gradient(circle at top right,rgb(44 118 111 / 14%),transparent 36%),linear-gradient(160deg,color-mix(in srgb,var(--surface-strong) 95%,white),color-mix(in srgb,var(--surface) 96%,black));box-shadow:var(--shadow-soft)}.puzzle-mobile-session-panel{display:grid;gap:14px;padding:16px;border-radius:20px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 92%,white);box-shadow:var(--shadow-soft)}.puzzle-mobile-switcher-copy{display:grid;gap:4px}.puzzle-mobile-switcher-copy p:last-child{margin:0;color:var(--muted);line-height:1.45}.puzzle-mobile-random-launch{display:grid;gap:12px}.puzzle-mobile-daily-strip{display:grid;gap:14px;padding:16px;border-radius:20px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 92%,white);box-shadow:var(--shadow-soft)}.puzzle-mobile-daily-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.puzzle-mobile-daily-row .quicknav-btn{justify-content:center}.puzzle-mobile-summary-links{display:flex;flex-wrap:wrap;gap:10px}.challenge-banner{display:grid;gap:12px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#2c766f1f,#bf69441a),var(--surface-strong);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.challenge-banner.is-missed{border-color:color-mix(in srgb,var(--secondary) 34%,var(--border));background:linear-gradient(135deg,#bf694429,#2c766f14),var(--surface-strong)}.challenge-banner-copy{display:grid;gap:8px}.challenge-banner-copy strong{line-height:1.45}.challenge-tracker-rail{display:flex;flex-wrap:wrap;gap:10px}.challenge-tracker-chip{display:inline-grid;gap:3px;min-width:108px;padding:9px 12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border) 88%,white);background:color-mix(in srgb,var(--surface) 72%,var(--surface-strong))}.challenge-tracker-chip em{font-style:normal;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.challenge-tracker-chip strong{font-size:.96rem;line-height:1.15}.challenge-tracker-chip.state-live{border-color:color-mix(in srgb,var(--primary) 22%,var(--border))}.challenge-tracker-chip.state-live strong{color:var(--text)}.challenge-tracker-chip.state-missed{border-color:color-mix(in srgb,var(--secondary) 42%,var(--border));background:radial-gradient(circle at top left,rgb(191 105 68 / 14%),transparent 55%),color-mix(in srgb,var(--surface) 72%,var(--surface-strong))}.challenge-tracker-chip.state-missed em,.challenge-tracker-chip.state-missed strong{color:color-mix(in srgb,var(--secondary) 88%,white)}.puzzle-stage-board{width:min(100%,min(calc(100vw - 36px),calc(100dvh - 255px),640px));margin:0 auto}.challenge-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:30px;padding:.35rem .8rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--border));background:color-mix(in srgb,var(--primary) 12%,var(--surface-strong));color:var(--primary-strong);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.puzzle-live-meta{width:min(100%,min(calc(100vw - 36px),calc(100dvh - 255px),640px));margin:0 auto;display:flex;justify-content:center}.puzzle-timer-chip{display:inline-grid;grid-template-columns:auto auto auto;gap:10px;align-items:center;padding:10px 14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--border));background:radial-gradient(circle at top left,rgb(44 118 111 / 16%),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--surface-strong) 96%,white),color-mix(in srgb,var(--surface) 98%,black));box-shadow:0 14px 28px #2c766f1a}.puzzle-timer-chip strong{justify-self:center;text-align:center;font-size:clamp(1rem,2.8vw,1.32rem);letter-spacing:.03em;font-variant-numeric:tabular-nums;color:var(--text)}.puzzle-timer-label,.puzzle-timer-state{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.puzzle-timer-label{color:var(--primary-strong)}.puzzle-timer-state{padding:.28rem .5rem;border-radius:999px;background:#2c766f1a;color:var(--primary-strong)}.puzzle-timer-chip.is-idle .puzzle-timer-state{background:color-mix(in srgb,var(--secondary) 12%,var(--surface-strong));color:color-mix(in srgb,var(--secondary) 80%,var(--text))}.puzzle-timer-chip.is-missed{border-color:color-mix(in srgb,var(--secondary) 40%,var(--border));background:radial-gradient(circle at top left,rgb(191 105 68 / 18%),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--surface-strong) 96%,white),color-mix(in srgb,var(--surface) 98%,black));box-shadow:0 14px 28px #bf69441f}.puzzle-timer-chip.is-missed .puzzle-timer-label,.puzzle-timer-chip.is-missed strong,.puzzle-timer-chip.is-missed .puzzle-timer-state{color:color-mix(in srgb,var(--secondary) 92%,white)}.puzzle-timer-chip.is-missed .puzzle-timer-state{background:#bf69441f}.puzzle-stage-board-shell{display:grid;grid-template-columns:minmax(0,1fr) min(44px,11vw);gap:min(10px,2vw);align-items:center}.puzzle-stage-board-main{position:relative;min-width:0}.puzzle-history-rail{display:grid;gap:min(10px,2vw);align-self:stretch;align-content:center}.play-board-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:14px;background:var(--play-board-overlay-bg);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:20px;pointer-events:auto;z-index:2}.play-board-overlay--pending{padding:18px;background:radial-gradient(circle at top,rgb(44 118 111 / 18%),transparent 42%),linear-gradient(180deg,#0a0e129e,#0a0e12bd);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-board-ready{width:min(100%,540px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border-radius:24px;border:1px solid var(--play-board-ready-border);background:var(--play-board-ready-bg);box-shadow:var(--play-board-ready-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.play-board-copy{display:grid;gap:6px}.play-board-copy strong{font-family:var(--font-display);font-size:1.08rem;letter-spacing:.01em;color:var(--text)}.play-board-copy p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5;max-width:34ch}.play-board-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;font-weight:800;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease,filter .15s ease;box-shadow:var(--play-board-button-shadow);pointer-events:auto}.play-board-btn:hover{transform:translateY(-1px);filter:saturate(1.05);box-shadow:var(--play-board-button-hover-shadow)}.play-board-btn:active{transform:translateY(0)}@media (max-width: 680px){.play-board-ready{grid-template-columns:1fr}.play-board-copy p{max-width:none}.play-board-btn{width:100%}}@media (max-width: 720px){.puzzle-live-meta{width:min(100%,calc(100vw - 28px));justify-content:stretch}.puzzle-timer-chip{width:100%;grid-template-columns:auto 1fr auto}.puzzle-stage-board-shell{grid-template-columns:1fr;gap:12px}.puzzle-history-rail{grid-auto-flow:column;justify-content:center;justify-self:center;align-self:auto;align-content:initial}}.onboarding-card{padding:18px;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow-soft);display:grid;gap:16px;background:radial-gradient(circle at top right,rgb(44 118 111 / 13%),transparent 35%),linear-gradient(160deg,var(--surface-strong),var(--surface))}.onboarding-copy{display:grid;gap:8px}.onboarding-copy h2{margin:0;font-size:1.35rem}.onboarding-actions,.tutorial-hero-actions,.tutorial-controls-stack{display:grid;gap:20px;margin-top:8px;padding:20px;background:color-mix(in srgb,var(--surface-strong) 40%,transparent);border:1px solid var(--border);border-radius:24px}.tutorial-progress-section{display:grid;gap:8px}.tutorial-progress-meta{display:flex;justify-content:space-between;font-size:.76rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.tutorial-progress-track{height:6px;background:var(--surface-muted);border-radius:999px;overflow:hidden}.tutorial-progress-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .2s ease}.tutorial-chapters-container{position:relative;margin:0}.tutorial-chapters-scroll{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;padding:0}.tutorial-chapter-chip{flex:0 0 auto;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);color:var(--muted);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .16s ease}.tutorial-chapter-chip:hover{background:var(--surface-muted);color:var(--text)}.tutorial-chapter-chip.is-active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #2c766f33}.tutorial-actions-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}.tutorial-playback-group{display:flex;gap:8px;flex-wrap:wrap}.playback-btn{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;line-height:0;border-radius:50%;background:var(--surface-strong);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-soft);transition:all .16s ease}.playback-btn svg{display:block;width:22px;height:22px;flex:none}.playback-btn:hover{transform:scale(1.05);background:var(--surface);border-color:var(--primary)}.tutorial-nav-group{display:flex;flex-wrap:wrap;gap:10px;min-width:0}.nav-btn{flex:1 1 220px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;min-width:0;padding:0 14px;border-radius:999px;font-weight:800;font-size:.94rem;cursor:pointer;transition:all .16s ease}.prev-btn{background:var(--surface-strong);border:1px solid var(--border);color:var(--text)}.next-btn{background:var(--primary);border:1px solid transparent;color:#fff;box-shadow:0 8px 20px #2c766f3d}.nav-btn:hover:not(:disabled){transform:translateY(-1px)}.next-btn:hover:not(:disabled){background:var(--primary-strong)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn svg{width:20px;height:20px}.puzzle-status-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 2px 0}.puzzle-status-strip strong,.inline-feedback,.puzzle-status-hint{font-weight:800}.puzzle-status-hint{color:var(--muted);transition:color .14s ease}.puzzle-status-hint.is-valid{color:var(--primary-strong)}.puzzle-status-hint.is-invalid{color:var(--secondary)}.puzzle-status-hint.is-pending{color:var(--primary-strong)}.action-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mobile-guide-trigger{display:none}.puzzle-guide-rail{display:grid;gap:14px}.guide-card{padding:18px;display:grid;gap:14px;height:200px;align-content:start;overflow:hidden}.guide-clue-row{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding-top:6px;height:112px}.guide-clue-row .clue-badge{margin-top:4px}.how-to-play{display:grid;gap:14px;padding:16px;border:1px solid var(--border);background:var(--surface-muted)}.how-to-play h2{margin:0 0 8px}.how-to-play ul{margin:12px 0;padding-left:0;display:grid;gap:6px;list-style:none}.how-to-play li{display:flex;align-items:center;gap:8px}.legend-shape-icon{color:var(--muted);width:18px;height:18px}.guide-link-button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;border-radius:999px;border:1px solid var(--border);padding:10px 14px;font-weight:800;background:var(--surface-strong);box-shadow:var(--shadow-soft)}.mobile-guide-sheet{display:none;gap:14px}.mobile-guide-sheet.is-open{display:grid}.mobile-guide-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.board-grid{position:relative;display:grid;gap:2px;width:100%;background:#1d252d29;border-radius:20px;padding:2px;aspect-ratio:1 / 1;touch-action:none;-webkit-user-select:none;user-select:none}.board-cell{position:relative;background:color-mix(in srgb,var(--surface-strong) 88%,white);border-radius:10px;border:1px solid rgb(255 255 255 / 18%);touch-action:none;user-select:none;-webkit-user-select:none}.cell-clues{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1}.board-cell.is-misplaced{background-color:color-mix(in srgb,var(--secondary) 15%,transparent)!important;border:2px solid var(--secondary)!important;animation:shake-patch .5s cubic-bezier(.36,.07,.19,.97) both;z-index:3}.clue-badge{--clue-badge-inset: 8px;width:min(var(--clue-badge-size, 40px),calc(100% - var(--clue-badge-inset)));height:min(var(--clue-badge-size, 40px),calc(100% - var(--clue-badge-inset)));border-radius:12px;border:1px solid rgb(255 255 255 / 68%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f8fafc;box-shadow:0 10px 24px #0f172a3d;position:relative;overflow:hidden;padding:4px}@media (max-width: 480px){.clue-badge{--clue-badge-inset: 2px;border-radius:8px;padding:2px}.board-grid[data-grid-size="9"] .clue-badge{--clue-badge-inset: 0px;border-radius:6px;padding:1px;justify-content:space-evenly}}.clue-badge--detail{width:58px;height:58px;border-radius:18px;padding:7px;flex:0 0 auto}.clue-badge:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:9px;border:1px solid rgb(255 255 255 / 18%);pointer-events:none}.clue-badge--detail:before{top:3px;right:3px;bottom:3px;left:3px;border-radius:14px}.clue-number-pill{z-index:2;min-width:var(--clue-pill-size, 22px);height:var(--clue-pill-size, 22px);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--clue-number-size, .74rem);font-weight:900;line-height:1;letter-spacing:-.03em;color:#f8fafc;background:#0f172a85;border:1px solid rgb(255 255 255 / 42%);padding:0 6px;box-shadow:inset 0 1px #ffffff29;margin-bottom:-1px}.board-grid[data-grid-size="5"] .clue-number-pill,.board-grid[data-grid-size="6"] .clue-number-pill,.clue-badge--detail .clue-number-pill{position:absolute;top:2px;left:2px;margin-bottom:0}@media (max-width: 480px){.board-grid[data-grid-size="9"] .clue-number-pill{min-width:0;height:auto;padding:0 4px;background:#0f172a4d;border-radius:4px;margin-bottom:0}}.clue-badge--detail .clue-number-pill{top:5px;left:5px;min-width:20px;height:20px;font-size:.68rem;padding:0 5px}.shape-icon{width:var(--clue-icon-size, 18px);height:var(--clue-icon-size, 18px);overflow:visible;fill:currentColor;stroke:none;filter:drop-shadow(0 1px 0 rgb(15 23 42 / 20%))}.clue-shape-icon{position:relative;top:0}.board-grid[data-grid-size="5"] .clue-shape-icon,.board-grid[data-grid-size="6"] .clue-shape-icon{top:5px}@media (max-width: 480px){.board-grid[data-grid-size="5"] .clue-shape-icon,.board-grid[data-grid-size="6"] .clue-shape-icon{top:6px}.board-grid[data-grid-size="9"] .clue-shape-icon{transform:scale(.9)}}.clue-badge--detail .clue-shape-icon{top:10px;transform:scale(1.16)}.shape-icon .shape-outline-secondary{opacity:.78}.shape-icon .shape-outline-accent{opacity:.9}.drag-overlay{position:absolute;top:2px;right:2px;bottom:2px;left:2px;pointer-events:none;z-index:4}.drag-overlay-outline,.drag-overlay-cell,.drag-overlay-area{position:absolute;transition:border-color .18s ease,background-color .18s ease,opacity .18s ease,box-shadow .18s ease}.drag-overlay-outline{border:2px solid;border-radius:14px;box-shadow:0 0 0 1px #ffffff38}.drag-overlay-cell{border:2px solid;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff47,0 0 0 1px #0f172a2e}.drag-overlay-area{transform:translate(-50%,-50%);min-width:clamp(32px,9vw,52px);height:clamp(32px,9vw,52px);border-radius:999px;display:grid;place-items:center;font-size:clamp(1rem,3vw,1.8rem);font-weight:900;line-height:1;letter-spacing:-.04em;color:#fff;border:2px solid rgb(255 255 255 / 52%);box-shadow:0 14px 28px #0f172a38,inset 0 1px #ffffff29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.drag-overlay-area.is-valid{background:#0f172a4d}.drag-overlay-area.is-invalid{background:#7f1d1d7a}.drag-overlay-cell.is-valid{box-shadow:inset 0 0 0 1px #ffffff52,0 0 0 1px #2c766f2e,0 0 16px #2c766f38}.drag-overlay-outline.is-valid{box-shadow:inset 0 0 0 1px #ffffff47,0 0 0 1px #2c766f38,0 0 20px #2c766f2e}.dark .drag-overlay-cell.is-valid,html[data-theme=dark] .drag-overlay-cell.is-valid{box-shadow:inset 0 0 0 1px #ffffff6b,0 0 0 1px #7fd5ca47,0 0 22px #7fd5ca57}.dark .drag-overlay-outline.is-valid,html[data-theme=dark] .drag-overlay-outline.is-valid{box-shadow:inset 0 0 0 1px #ffffff5c,0 0 0 1px #7fd5ca4d,0 0 24px #7fd5ca3d}.drag-overlay-cell.is-invalid{box-shadow:inset 0 0 0 1px #ffffff47,0 0 0 1px #bf69442e,0 0 16px #bf69442e}.drag-overlay-outline.is-invalid{box-shadow:inset 0 0 0 1px #ffffff38,0 0 0 1px #bf694438,0 0 20px #bf69442e}.dark .drag-overlay-cell.is-invalid,html[data-theme=dark] .drag-overlay-cell.is-invalid{box-shadow:inset 0 0 0 1px #ffffff61,0 0 0 1px #f09b7347,0 0 22px #f09b734d}.dark .drag-overlay-outline.is-invalid,html[data-theme=dark] .drag-overlay-outline.is-invalid{box-shadow:inset 0 0 0 1px #ffffff52,0 0 0 1px #f09b7347,0 0 24px #f09b7338}.changelog-page{max-width:800px;margin:0 auto;padding:4rem 1.5rem 8rem;animation:fade-in .8s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion: reduce){.changelog-page{animation:none}}.changelog-header{text-align:center;margin-bottom:5rem}.changelog-title{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4.5rem);line-height:.95;letter-spacing:-.04em;margin:1rem 0 1.5rem;color:var(--text)}.changelog-summary{font-size:1.2rem;color:var(--muted);max-width:500px;margin:0 auto;line-height:1.5}.changelog-timeline{position:relative;display:flex;flex-direction:column;gap:6rem}.changelog-entry{display:grid;grid-template-columns:80px 1fr;gap:2rem;position:relative;opacity:0;transform:translateY(20px);animation:slide-up .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.1s * var(--index))}@media (prefers-reduced-motion: reduce){.changelog-entry{opacity:1;transform:translateY(0);animation:none}}.entry-marker{position:relative;display:flex;justify-content:center}.marker-line{position:absolute;top:1.5rem;bottom:-6.5rem;width:2px;background:linear-gradient(to bottom,var(--border),transparent);border-radius:1px}.changelog-entry:last-child .marker-line{display:none}.marker-block{width:16px;height:24px;background:var(--primary);border:3px solid var(--bg);z-index:1;margin-top:.5rem;box-shadow:0 0 0 2px var(--border),0 4px 12px var(--play-board-button-shadow);border-radius:4px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.changelog-entry:hover .marker-block{transform:scale(1.1) translateY(-2px);background:var(--primary-strong)}.entry-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.entry-meta time{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.entry-version-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.1;color:var(--text);margin:0;letter-spacing:-.02em}.entry-description{font-size:1.1rem;line-height:1.6;color:var(--text);margin-bottom:2.5rem;max-width:60ch}.entry-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.entry-section{padding:1.5rem;background:var(--surface);border-radius:1rem;border:1px solid var(--border);box-shadow:var(--shadow-soft);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.entry-section:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.section-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.2rem;color:var(--muted);display:flex;align-items:center;gap:.5rem}.section-label:before{content:"";width:8px;height:8px;border-radius:2px;background:currentColor}.entry-section--new .section-label{color:var(--primary)}.entry-section--new{border-top:3px solid var(--primary)}.entry-section--improved .section-label{color:var(--secondary)}.entry-section--improved{border-top:3px solid var(--secondary)}.entry-section--fixed .section-label{color:var(--muted)}.entry-section--fixed{border-top:3px solid var(--muted)}.section-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}.section-items li{font-size:.95rem;line-height:1.5;color:var(--text);position:relative;padding-left:1.5rem}.section-items li:before{content:"→";position:absolute;left:0;opacity:.4;color:var(--muted);font-weight:700}.changelog-cta{margin-top:8rem;text-align:center;padding:4rem;background:var(--surface);border:1px solid var(--border);border-radius:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:var(--shadow-soft)}.changelog-cta p{font-family:var(--font-display);font-size:1.5rem;color:var(--text);margin:0}@keyframes slide-up{to{opacity:1;transform:translateY(0)}}.secondary-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width: 600px){.changelog-timeline{gap:4rem}.changelog-entry{grid-template-columns:1fr;gap:1rem}.entry-marker{display:none}.changelog-cta{padding:2.5rem 1.5rem}}.tutorial-shell{display:grid;gap:20px}.tutorial-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:18px;align-items:end;padding:clamp(24px,4vw,40px);border-radius:34px;border:1px solid var(--border);background:radial-gradient(circle at top left,rgb(44 118 111 / 16%),transparent 34%),radial-gradient(circle at bottom right,rgb(191 105 68 / 18%),transparent 30%),var(--surface);box-shadow:var(--shadow)}.tutorial-hero-copy{display:grid;gap:10px}.tutorial-manifesto{display:grid;gap:10px;align-self:stretch}.tutorial-manifesto span{display:grid;place-items:center;min-height:92px;padding:16px;border-radius:24px;border:1px solid rgb(68 55 42 / 22%);background:#ffffff8c;font-weight:800;text-align:center}.dark .tutorial-manifesto span,html[data-theme=dark] .tutorial-manifesto span{background:#ffffff14;border-color:#ffffff24}.tutorial-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.78fr);gap:18px;align-items:start}.tutorial-demo-card,.tutorial-note-card,.faq-tutorial-cta{border-radius:28px;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.tutorial-demo-card{padding:clamp(18px,3vw,26px);display:grid;gap:18px;background:linear-gradient(160deg,rgb(44 118 111 / 10%),transparent 36%),linear-gradient(0deg,var(--surface),var(--surface));overflow:hidden}.tutorial-demo-stage{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(280px,.92fr);gap:20px;align-items:start}.tutorial-demo-board-panel{display:grid;gap:10px;align-content:start}.tutorial-demo-board-frame{position:relative;width:min(100%,720px);margin:0 auto;padding:clamp(18px,2.4vw,24px) clamp(14px,2.8vw,20px);border-radius:30px;background:radial-gradient(circle at top,rgb(40 168 224 / 12%),transparent 34%),linear-gradient(180deg,#ffffff5c,#ffffff14),color-mix(in srgb,var(--surface) 92%,white);border:1px solid color-mix(in srgb,var(--border) 82%,white);box-shadow:inset 0 1px #ffffff7a,0 16px 44px #0f172a1a}.tutorial-demo-board{width:min(100%,680px);margin:0 auto}.tutorial-stage-callout{display:grid;gap:6px;padding:13px 16px;border-radius:18px;font-size:.94rem;line-height:1.4;font-weight:700;border:1px solid transparent;box-shadow:0 10px 26px #0f172a14}.tutorial-stage-callout p{margin:0}.tutorial-stage-callout-kicker{display:inline-flex;width:fit-content;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:#0f172a14}.tutorial-stage-callout.is-info{color:#173040;background:#fcfaf4e0;border-color:#d0a53042}.tutorial-stage-callout.is-valid{color:#113528;background:#eafbf3e5;border-color:#34b77947}.tutorial-stage-callout.is-invalid{color:#5a2418;background:#ffefe9eb;border-color:#bf694442}.tutorial-demo-copy{display:grid;min-width:0;align-content:start;gap:12px}.tutorial-step-header{display:grid;gap:6px}.tutorial-step-header strong,.tutorial-note-card h2,.faq-tutorial-cta h2{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1}.tutorial-focus-clue{display:flex;gap:12px;align-items:center;padding:12px 0 0;border-top:1px solid var(--border)}.tutorial-focus-clue-copy{display:grid;gap:4px}.tutorial-focus-clue-copy p{margin:0}.tutorial-focus-label{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tutorial-step-description{font-size:1.02rem;margin:0}.tutorial-controls-stack{margin-top:0;gap:16px;padding:18px}.tutorial-progress-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.84rem;font-weight:700;color:var(--muted)}.tutorial-progress-track{position:relative;height:10px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--surface-strong) 86%,white);border:1px solid color-mix(in srgb,var(--border) 86%,white)}.tutorial-progress-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#6bc6ef);box-shadow:0 0 18px #28a8e047}.tutorial-stepper{display:flex;flex-wrap:wrap;gap:10px}.tutorial-step-pill{border:1px solid var(--border);border-radius:999px;padding:10px 14px;background:color-mix(in srgb,var(--surface-strong) 88%,white);color:var(--muted);font-weight:700;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease,border-color .16s ease}.tutorial-step-pill:hover{transform:translateY(-1px)}.tutorial-step-pill.is-active{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;border-color:transparent}.tutorial-status-strip{padding-top:0}.tutorial-pointer{position:absolute;z-index:8;width:30px;height:38px;color:#13202a;filter:drop-shadow(0 6px 10px rgb(15 23 42 / 22%));transform:translate(-18%,-16%) scale(1) rotate(-3deg);transition:left .62s cubic-bezier(.16,1,.3,1),top .62s cubic-bezier(.16,1,.3,1),transform .24s ease;pointer-events:none;will-change:left,top,transform}.tutorial-pointer svg{display:block;width:100%;height:100%}.tutorial-pointer.is-pressed{transform:translate(-12%,-12%) scale(.94) rotate(2deg)}.tutorial-notes{display:grid;gap:18px;width:100%;max-width:420px}.tutorial-note-card,.faq-tutorial-cta{padding:20px;display:grid;gap:12px;background:var(--surface)}.tutorial-checklist{display:grid;gap:10px;margin:0;padding-left:18px;color:var(--muted)}.quota-modal{max-width:680px;width:94%;padding:0;overflow:hidden;border-radius:32px;background:var(--bg)}.quota-modal-header{padding:40px 40px 24px;text-align:center}.quota-modal-header h2{font-family:var(--font-display);font-size:2.2rem;margin-bottom:12px;letter-spacing:-.02em}.quota-modal-header p{color:var(--muted);font-size:1.1rem;max-width:480px;margin:0 auto}.quota-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 40px 40px}.quota-choice-grid--single{grid-template-columns:minmax(0,1fr)}.quota-choice-card{display:flex;flex-direction:column;padding:32px;border-radius:24px;border:1px solid var(--border);background:var(--surface-strong);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.rewarded-ad-modal{max-width:560px}.rewarded-ad-footer{padding:0 40px 32px;text-align:center}.quota-choice-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.quota-choice-card--premium{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:linear-gradient(145deg,var(--surface-strong),color-mix(in srgb,var(--primary) 5%,var(--surface-strong)))}.quota-choice-card--premium:after{content:"Recommended";position:absolute;top:12px;right:-30px;background:var(--primary);color:#fff;font-size:.65rem;font-weight:800;padding:4px 40px;transform:rotate(45deg);text-transform:uppercase}.choice-icon{font-size:2rem;margin-bottom:16px}.choice-title{font-weight:800;font-size:1.25rem;margin-bottom:8px}.choice-description{color:var(--muted);font-size:.9rem;line-height:1.5;margin-bottom:24px;flex-grow:1}.rewarded-ad-sim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;color:#fff;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.ad-sim-video-placeholder{width:100%;aspect-ratio:16/9;background:#111;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;overflow:hidden}.ad-sim-progress-track{position:absolute;bottom:0;left:0;height:4px;background:#fff3;width:100%}.ad-sim-progress-fill{height:100%;background:var(--primary);transition:width 1s linear}.ad-sim-timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.2rem;margin-bottom:8px}@media (max-width: 640px){.quota-choice-grid{grid-template-columns:1fr;padding:0 20px 24px}.quota-modal-header{padding:32px 20px 20px}.quota-modal-header h2{font-size:1.75rem}}:root{color-scheme:light;--font-body: "Avenir Next", "Segoe UI", sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", serif;--bg: #f4ecdf;--bg-accent: #fbf6ee;--surface: rgb(255 250 243 / 88%);--surface-strong: #fffaf1;--surface-muted: rgb(255 255 255 / 44%);--border: rgb(68 55 42 / 14%);--text: #1d252d;--muted: #655d55;--primary: #2c766f;--primary-strong: #1f5852;--secondary: #bf6944;--error: #dc2626;--shadow: 0 24px 60px rgb(48 35 23 / 12%);--shadow-soft: 0 18px 38px rgb(48 35 23 / 8%);--completion-panel-bg: linear-gradient( 145deg, rgb(255 255 255 / 94%), rgb(249 244 238 / 96%) );--completion-panel-inline-bg: radial-gradient( circle at top right, rgb(44 118 111 / 14%), transparent 38% ), linear-gradient(160deg, rgb(255 255 255 / 94%), rgb(247 242 235 / 96%));--completion-panel-border: color-mix(in srgb, var(--border) 72%, white);--completion-glow-top: rgb(255 202 58 / 18%);--completion-glow-bottom: rgb(44 118 111 / 14%);--completion-chip-bg: rgb(255 255 255 / 60%);--completion-chip-border: color-mix( in srgb, var(--primary) 18%, var(--border) );--completion-link-bg: rgb(255 255 255 / 74%);--completion-link-hover-bg: rgb(255 255 255 / 92%);--completion-link-border: color-mix( in srgb, var(--secondary) 18%, var(--border) );--completion-pending-bg: linear-gradient( 150deg, rgb(255 253 248 / 94%), rgb(245 236 225 / 94%) );--completion-pending-border: color-mix( in srgb, var(--secondary) 22%, var(--border) );--completion-pending-ring: rgb(44 118 111 / 24%);--completion-pending-core: color-mix(in srgb, var(--secondary) 58%, white);--play-board-overlay-bg: rgb(244 236 223 / 52%);--play-board-ready-bg: linear-gradient(180deg, rgb(255 255 255 / 72%), rgb(250 244 236 / 94%)), var(--surface);--play-board-ready-border: color-mix(in srgb, var(--border) 82%, white);--play-board-ready-shadow: 0 18px 44px rgb(15 23 42 / 18%), inset 0 1px 0 rgb(255 255 255 / 60%);--play-board-chip-bg: color-mix(in srgb, var(--primary) 12%, white);--play-board-chip-color: var(--primary-strong);--play-board-button-shadow: 0 14px 30px rgb(44 118 111 / 24%);--play-board-button-hover-shadow: 0 18px 34px rgb(44 118 111 / 28%);--library-panel-bg: linear-gradient(180deg, rgb(255 251 245 / 94%), rgb(248 241 233 / 96%)), var(--surface);--library-panel-border: var(--border);--library-panel-shadow: var(--shadow);--library-card-bg: radial-gradient( circle at top right, rgb(255 255 255 / 6%), transparent 30% ), linear-gradient( 180deg, color-mix(in srgb, var(--surface-strong) 92%, white), color-mix(in srgb, var(--surface) 96%, black) );--library-card-border: var(--border);--library-card-blind-bg: radial-gradient( circle at top right, rgb(44 118 111 / 16%), transparent 34% ), radial-gradient( circle at bottom left, rgb(44 118 111 / 12%), transparent 36% ), linear-gradient( 180deg, color-mix(in srgb, var(--surface-strong) 90%, white), color-mix(in srgb, var(--surface) 96%, black) );--library-feature-bg: radial-gradient( circle at top right, rgb(44 118 111 / 10%), transparent 34% ), linear-gradient( 160deg, color-mix(in srgb, var(--surface-strong) 94%, white), color-mix(in srgb, var(--surface) 96%, black) );--library-feature-border: color-mix( in srgb, var(--primary) 18%, var(--border) );--library-feature-shadow: var(--shadow-soft);--library-row-bg: radial-gradient( circle at top right, rgb(255 255 255 / 6%), transparent 32% ), linear-gradient( 180deg, color-mix(in srgb, var(--surface-strong) 92%, white), color-mix(in srgb, var(--surface) 96%, black) );--library-mode-group-bg: color-mix(in srgb, var(--surface-strong) 88%, white);--library-size-chip-bg: var(--surface-muted);--library-peek-backdrop: rgb(10 14 18 / 32%);--library-peek-bg: radial-gradient(circle at top, rgb(44 118 111 / 12%), transparent 36%), var(--surface)}:root.dark,html[data-theme=dark]{color-scheme:dark;--bg: #181512;--bg-accent: #211d19;--surface: rgb(39 34 29 / 88%);--surface-strong: #312a24;--surface-muted: rgb(255 255 255 / 5%);--border: rgb(255 255 255 / 10%);--text: #f7f0e7;--muted: #c4b7aa;--primary: #7fd5ca;--primary-strong: #5ebdb1;--secondary: #f09b73;--error: #f87171;--shadow: 0 26px 70px rgb(0 0 0 / 28%);--shadow-soft: 0 18px 38px rgb(0 0 0 / 20%);--completion-panel-bg: linear-gradient( 145deg, rgb(50 43 36 / 96%), rgb(31 27 23 / 98%) );--completion-panel-inline-bg: radial-gradient( circle at top right, rgb(127 213 202 / 12%), transparent 40% ), linear-gradient(160deg, rgb(44 38 33 / 96%), rgb(27 23 20 / 98%));--completion-panel-border: color-mix( in srgb, var(--border) 78%, rgb(255 255 255 / 16%) );--completion-glow-top: rgb(240 155 115 / 14%);--completion-glow-bottom: rgb(127 213 202 / 10%);--completion-chip-bg: rgb(255 255 255 / 6%);--completion-chip-border: color-mix( in srgb, var(--primary) 30%, var(--border) );--completion-link-bg: rgb(255 255 255 / 7%);--completion-link-hover-bg: rgb(255 255 255 / 12%);--completion-link-border: color-mix( in srgb, var(--secondary) 28%, var(--border) );--completion-pending-bg: linear-gradient( 150deg, rgb(48 41 34 / 96%), rgb(29 25 21 / 98%) );--completion-pending-border: color-mix( in srgb, var(--secondary) 30%, var(--border) );--completion-pending-ring: rgb(127 213 202 / 28%);--completion-pending-core: color-mix(in srgb, var(--secondary) 72%, white);--play-board-overlay-bg: rgb(15 12 10 / 48%);--play-board-ready-bg: radial-gradient( circle at top left, rgb(127 213 202 / 12%), transparent 34% ), radial-gradient( circle at top right, rgb(240 155 115 / 10%), transparent 28% ), linear-gradient(160deg, rgb(47 40 34 / 96%), rgb(25 21 18 / 98%));--play-board-ready-border: color-mix( in srgb, var(--primary) 28%, rgb(255 255 255 / 10%) );--play-board-ready-shadow: 0 24px 56px rgb(0 0 0 / 34%), inset 0 1px 0 rgb(255 255 255 / 8%), inset 0 0 0 1px rgb(255 255 255 / 3%);--play-board-chip-bg: rgb(127 213 202 / 10%);--play-board-chip-color: #a9efe6;--play-board-button-shadow: 0 16px 34px rgb(18 54 50 / 36%), 0 0 0 1px rgb(127 213 202 / 12%);--play-board-button-hover-shadow: 0 20px 40px rgb(18 54 50 / 42%), 0 0 0 1px rgb(127 213 202 / 2%);--library-panel-bg: radial-gradient( circle at top right, rgb(127 213 202 / 10%), transparent 38% ), radial-gradient( circle at bottom left, rgb(240 155 115 / 8%), transparent 32% ), linear-gradient(160deg, rgb(44 38 33 / 96%), rgb(24 21 18 / 98%));--library-panel-border: rgb(255 255 255 / 10%);--library-panel-shadow: 0 28px 72px rgb(0 0 0 / 34%), inset 0 1px 0 rgb(255 255 255 / 4%);--library-card-bg: radial-gradient( circle at top right, rgb(127 213 202 / 10%), transparent 32% ), linear-gradient(180deg, rgb(45 39 34 / 96%), rgb(26 23 20 / 98%));--library-card-border: rgb(255 255 255 / 9%);--library-card-blind-bg: radial-gradient( circle at top right, rgb(127 213 202 / 18%), transparent 34% ), radial-gradient( circle at bottom left, rgb(240 155 115 / 10%), transparent 30% ), linear-gradient(180deg, rgb(46 40 34 / 96%), rgb(23 20 18 / 98%));--library-feature-bg: radial-gradient( circle at top right, rgb(127 213 202 / 18%), transparent 30% ), radial-gradient( circle at bottom left, rgb(240 155 115 / 14%), transparent 26% ), linear-gradient(155deg, rgb(49 42 36 / 98%), rgb(24 21 18 / 99%));--library-feature-border: color-mix( in srgb, var(--primary) 34%, rgb(255 255 255 / 12%) );--library-feature-shadow: 0 30px 72px rgb(0 0 0 / 40%), inset 0 1px 0 rgb(255 255 255 / 6%), 0 0 0 1px rgb(127 213 202 / 4%);--library-row-bg: radial-gradient( circle at top right, rgb(127 213 202 / 12%), transparent 34% ), linear-gradient(180deg, rgb(43 37 32 / 96%), rgb(24 21 18 / 98%));--library-mode-group-bg: linear-gradient( 180deg, rgb(255 255 255 / 6%), rgb(255 255 255 / 3%) );--library-size-chip-bg: rgb(255 255 255 / 6%);--library-peek-backdrop: rgb(4 7 10 / 58%);--library-peek-bg: radial-gradient(circle at top, rgb(127 213 202 / 16%), transparent 34%), radial-gradient( circle at top right, rgb(240 155 115 / 10%), transparent 28% ), linear-gradient(160deg, rgb(45 39 34 / 98%), rgb(21 18 16 / 99%))}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left,rgb(44 118 111 / 10%),transparent 28%),radial-gradient(circle at 88% 10%,rgb(191 105 68 / 11%),transparent 24%),linear-gradient(180deg,var(--bg-accent),var(--bg))}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.brand-mark{display:inline-flex;flex-direction:column;gap:2px}.brand-mark strong{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,2.7rem);line-height:.92;letter-spacing:-.05em}.brand-kicker,.page-eyebrow,.card-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800;color:var(--primary)}.site-nav{display:flex;align-items:center;gap:14px;color:var(--muted)}.site-nav a.active,.site-nav a:hover,.footer-links a:hover,.inline-link:hover{color:var(--text)}.footer-external-link{display:inline-flex;align-items:center;gap:.45rem}.footer-social-icon{width:.9rem;height:.9rem;display:block}.theme-toggle{border:1px solid var(--border);border-radius:999px;padding:6px 8px 6px 10px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,white 6%),var(--surface));color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .14s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.theme-toggle:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:0 10px 24px #0f172a1f}.theme-toggle:active{transform:scale(.97)}.theme-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 70%,white 30%);outline-offset:2px}.theme-toggle-icons{display:inline-flex;align-items:center;gap:6px}.theme-toggle-icon{width:14px;height:14px;color:var(--muted);transition:color .18s ease,opacity .18s ease,transform .18s ease}.theme-toggle-icon--sun{color:#d97706;opacity:.95}.theme-toggle-icon--moon{opacity:.45}.theme-toggle-track{width:38px;height:22px;border-radius:999px;background:linear-gradient(90deg,#f7b955,#4f89c9);padding:2px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff2e}.theme-toggle-thumb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#f5f7fb 62%,#d7dce6);transform:translate(0);transition:transform .18s ease}.dark .theme-toggle-icon--sun,html[data-theme=dark] .theme-toggle-icon--sun{opacity:.38;transform:scale(.9)}.dark .theme-toggle-icon--moon,html[data-theme=dark] .theme-toggle-icon--moon{color:#dbeafe;opacity:.98;transform:scale(1.06)}.dark .theme-toggle-thumb,html[data-theme=dark] .theme-toggle-thumb{transform:translate(16px)}.nav-signout,.nav-signin{display:flex;align-items:center;gap:.5rem;color:var(--text);font-size:.875rem;font-weight:600}.nav-signout{background:var(--surface-strong);border:1px solid var(--border);padding:.375rem .875rem;border-radius:999px;cursor:pointer;transition:all .2s ease}.nav-signout:hover{background:var(--bg-secondary);border-color:var(--primary);transform:translateY(-1px)}.nav-signin{background:transparent;border:0;padding:0;margin-left:12px;display:inline-flex;vertical-align:middle;flex-shrink:0}.signin-icon,.signout-icon{width:18px;height:18px;flex-shrink:0}.signout-icon{stroke:currentColor;opacity:.7}.nav-signout:hover .signout-icon{opacity:1}.user-nav{display:flex;align-items:center;gap:1rem}.nav-user-name{font-weight:700;text-decoration:none;color:var(--primary)}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;padding:0;background:transparent;border:0;cursor:pointer;z-index:200}.nav-hamburger span{display:block;width:22px;height:2px;background-color:var(--text);border-radius:2px;transition:all .2s ease}.nav-hamburger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-hamburger.is-open span:nth-child(2){opacity:0}.nav-hamburger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 1024px){.nav-hamburger{display:flex}.site-nav{display:none;flex-direction:column;align-items:flex-start;gap:0;padding:8px 0 12px}.site-nav--open{display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;background:color-mix(in srgb,var(--surface-strong) 96%,white);border:1px solid color-mix(in srgb,var(--border) 85%,var(--text) 15%);border-radius:14px;box-shadow:0 10px 18px #00000014,0 18px 40px #00000029;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:100}.site-nav>a,.site-nav .nav-signin{width:100%;padding:10px 16px;font-size:1rem;border-radius:6px;color:var(--text)}.site-nav .google-signin-button.nav-signin{width:auto;padding:0;border-radius:999px;background:transparent;align-self:flex-start}.site-nav>a:hover{background:var(--surface-strong)}.user-nav{flex-direction:column;align-items:flex-start;gap:8px;width:100%;margin-top:6px;padding:10px 16px 0;border-top:1px solid var(--border)}.nav-signout,.nav-signin{width:100%;justify-content:center}.google-signin-button.nav-signin{width:auto;justify-content:flex-start}.site-nav .nav-user-name{color:var(--text)}}.primary-button,.secondary-button,.ghost-button,.tier-button,.action-bar button,.mobile-guide-header button{border:1px solid transparent;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer}.ghost-button{background:transparent;border-color:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.primary-button{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;box-shadow:0 18px 30px #2c766f33}.highlight-button{background:color-mix(in srgb,var(--primary) 12%,var(--surface-strong));border-color:color-mix(in srgb,var(--primary) 24%,var(--border));color:var(--text);box-shadow:0 4px 12px #2c766f14}.secondary-button,.tier-button,.action-bar button,.completion-actions button,.completion-action-grid button:not(.primary-button),.mobile-guide-header button{background:var(--surface-strong);border-color:var(--border);color:var(--text)}.primary-button:disabled,.secondary-button:disabled,.tier-button:disabled,.action-bar button:disabled,.completion-actions button:disabled,.completion-action-grid button:disabled{opacity:.56;cursor:not-allowed}.danger-zone{border:2px solid var(--error);background:color-mix(in srgb,var(--error) 2%,var(--surface-strong));border-radius:16px;overflow:hidden;display:grid;box-shadow:0 8px 24px color-mix(in srgb,var(--error) 8%,transparent)}.settings-section.danger-zone{padding:0;gap:0}.danger-zone-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:color-mix(in srgb,var(--error) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--error) 12%,transparent)}.danger-token{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--error);color:#fff;border-radius:10px;flex-shrink:0;box-shadow:0 4px 12px color-mix(in srgb,var(--error) 30%,transparent);transform:rotate(-2deg)}.danger-zone-title h3{margin:0;color:var(--error);font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.danger-zone-title p{margin:0;font-size:.8rem;color:var(--muted);font-weight:600}.danger-zone-body{padding:1.5rem;display:grid;gap:1.25rem}.danger-zone-body p{margin:0;line-height:1.6;font-size:.95rem}.danger-modal{text-align:center;border:2px solid var(--error);padding:2.5rem!important}.danger-modal h2{color:var(--error);margin-bottom:1rem}.danger-modal .modal-actions{display:flex;gap:12px}@media (max-width: 640px){.danger-modal .modal-actions{flex-direction:column-reverse}.danger-modal .modal-actions button{width:100%}}.danger-outline-button,.danger-solid-button{border-radius:999px;padding:12px 24px;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content}.danger-outline-button{background:transparent;border:2px solid var(--error);color:var(--error)}.danger-outline-button:hover{background:var(--error);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--error) 25%,transparent)}.danger-solid-button{background:var(--error);border:2px solid var(--error);color:#fff;box-shadow:0 10px 25px color-mix(in srgb,var(--error) 30%,transparent)}.danger-solid-button:hover{filter:brightness(1.1);transform:translateY(-2px) scale(1.02);box-shadow:0 12px 30px color-mix(in srgb,var(--error) 40%,transparent)}.danger-outline-button:active,.danger-solid-button:active{transform:translateY(0) scale(1)}.danger-outline-button:disabled,.danger-solid-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header,.site-footer,.site-main,.puzzle-route-header{width:min(1120px,calc(100vw - 28px));margin:0 auto}.site-header,.puzzle-route-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 16px;position:relative}.site-main{flex:1;padding-bottom:40px}.puzzle-main{width:min(1260px,calc(100vw - 20px));padding-bottom:18px}.site-footer{padding:0 0 28px;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.site-footer--centered{text-align:center}.site-footer--centered .footer-links{justify-content:center}.home-launcher,.hub-shell,.static-page,.puzzle-shell{display:grid;gap:18px}.home-launcher-card,.hub-section,.hub-side-panel,.puzzle-topbar,.puzzle-stage-panel,.puzzle-actions-panel,.puzzle-guide-rail,.guide-card,.mobile-guide-sheet,.how-to-play,.static-section,.loading-panel{background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.home-launcher-card h1,.hub-intro h1,.static-page h1,.puzzle-topbar h1{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4.6rem);line-height:.95;letter-spacing:-.06em}.static-page{padding:24px 0 12px}.static-section-list{display:grid;gap:18px}.static-section{padding:20px 22px}.loading-panel{text-align:center;padding:28px}.page-error{font-weight:700}.puzzle-page-container{display:grid;gap:18px}.home-launcher{place-items:center;justify-content:center;min-height:calc(100dvh - 180px);grid-template-columns:minmax(0,960px);align-items:center}.home-launcher-card{width:min(780px,100%);padding:clamp(22px,3.5vw,36px);text-align:left;display:grid;grid-template-columns:1fr auto;grid-template-areas:"main board";column-gap:32px;align-items:center}.home-launcher-card--hero{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy board" "actions board";row-gap:18px}.home-account-prompt{width:min(780px,100%);grid-template-columns:minmax(0,1.08fr) minmax(320px,372px);grid-template-areas:"main board";gap:24px;align-items:start}.home-card-main{grid-area:main;display:grid;gap:10px;min-width:0}.home-hero-copy{grid-area:copy}.home-card-main>*{margin:0}.home-card-main .home-launcher-actions{justify-content:flex-start;margin-top:6px}.home-launcher-card h1{font-size:clamp(2rem,3.8vw,3.4rem)}.home-hero-actions{grid-area:actions;display:grid;gap:12px;min-width:0}.home-hero-actions .home-launcher-actions{justify-content:flex-start;margin-top:6px}.page-summary{max-width:58ch;color:var(--muted);line-height:1.65}.home-daily-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px}.home-daily-card{display:grid;gap:10px;padding:14px 16px;text-align:left;border-radius:20px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));background:radial-gradient(circle at top left,rgb(44 118 111 / 10%),transparent 52%),color-mix(in srgb,var(--surface-strong) 94%,white);color:var(--text);text-decoration:none;box-shadow:var(--shadow-soft);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.home-daily-card:hover,.home-daily-card:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 40%,var(--border));box-shadow:0 14px 28px #2c766f24;background:radial-gradient(circle at top left,rgb(44 118 111 / 14%),transparent 54%),color-mix(in srgb,var(--surface-strong) 96%,white)}.home-daily-card--loading{opacity:.7}.home-daily-tier{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.home-daily-copy{display:grid;gap:4px}.home-daily-copy strong{font-size:1.05rem;line-height:1.1}.home-daily-copy span{color:var(--muted);font-size:.9rem}.home-launcher-actions,.practice-ladder{display:flex;flex-wrap:wrap;gap:12px}.home-launcher-actions{justify-content:center;margin-top:24px}.home-account-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.home-identity-copy{align-content:start;align-self:start;gap:14px;padding-top:0;padding-right:20px}.home-identity-copy h2{max-width:11ch;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.04;letter-spacing:-.05em}.home-identity-copy .page-summary{max-width:34ch}.home-identity-preview{grid-area:board;display:grid;width:100%;max-width:372px;min-width:0;box-sizing:border-box;justify-self:end;gap:14px;padding:18px;border-radius:24px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));background:radial-gradient(circle at top left,color-mix(in srgb,var(--primary) 16%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 80%,transparent),var(--surface));box-shadow:var(--shadow-soft)}.home-identity-preview-header{display:grid;gap:4px}.home-identity-preview-header strong{font-family:var(--font-display);font-size:1.2rem;letter-spacing:-.04em}.home-identity-preview-kicker,.home-identity-stat-label{font-size:.66rem;font-weight:800;letter-spacing:.08em;line-height:1.15;white-space:nowrap;text-transform:uppercase;color:var(--muted)}.home-identity-preview-run{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-identity-preview-run>div{display:grid;gap:4px;padding:10px 12px;border-radius:18px;background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid color-mix(in srgb,var(--text) 8%,transparent)}.home-identity-preview-run strong{font-size:1rem;line-height:1.15}.home-identity-badges{display:flex;gap:8px;align-items:start;justify-content:space-between}.home-identity-badges .streak-badge-container{transform:translateY(0)}.home-identity-badge-caption{margin:-2px 0 0;color:var(--muted);font-size:.88rem;line-height:1.5}.home-identity-gold-note{display:grid;gap:8px;padding:14px 16px;border-radius:18px;border:1px solid color-mix(in srgb,#d3a447 34%,var(--border));background:radial-gradient(circle at top left,rgb(211 164 71 / 16%),transparent 40%),color-mix(in srgb,var(--surface-strong) 90%,transparent)}.home-identity-gold-tag{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f1cd7b}.home-identity-gold-note p{margin:0;line-height:1.5}.home-identity-foot{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.home-identity-foot p{margin:0;color:var(--muted);line-height:1.5}.home-identity-shields{display:flex;gap:8px;align-items:center}.home-board-preview{grid-area:board;width:200px;margin:0;box-shadow:var(--shadow-soft);border-radius:18px}.home-solved-clue{background:#0000002e;box-shadow:none}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#090c0f8a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:welcome-fade-in .22s ease both}@keyframes welcome-fade-in{0%{opacity:0}to{opacity:1}}.welcome-modal{width:min(480px,100%);padding:clamp(24px,4vw,36px);display:grid;gap:14px;border-radius:28px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:welcome-slide-up .26s cubic-bezier(.22,1,.36,1) both}@keyframes welcome-slide-up{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-modal h2{margin:0;font-size:clamp(1.5rem,3.5vw,2rem);letter-spacing:-.04em;line-height:1.15}.welcome-rules{margin:0;padding:0;list-style:none;display:grid;gap:10px}.welcome-rules li{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;line-height:1.5}.welcome-rules li:before{content:"";flex-shrink:0;margin-top:6px;width:6px;height:6px;border-radius:50%;background:var(--primary)}.welcome-hint{margin:0;font-size:.875rem;color:var(--muted);line-height:1.55}.welcome-actions{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.home-inline-meta,.section-empty,.page-error,.completion-share-status,.completion-subtitle{color:var(--muted)}.hub-intro{display:grid;gap:10px}.hub-intro-link{display:inline-flex;align-items:center;margin-left:.35rem;padding:.18rem .6rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));background:color-mix(in srgb,var(--primary) 12%,var(--surface-strong));color:var(--primary-strong);font-weight:800;text-decoration:none;box-shadow:0 8px 18px #2c766f1a;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.hub-intro-link:hover{color:var(--text);background:color-mix(in srgb,var(--primary) 18%,var(--surface-strong));border-color:color-mix(in srgb,var(--primary) 42%,var(--border));transform:translateY(-1px);box-shadow:0 12px 22px #2c766f24}.hub-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:18px;align-items:start}.hub-sections{display:grid;gap:18px}.hub-sections--library{grid-template-columns:1fr}.hub-sections--library .hub-section{background:var(--library-panel-bg);border-color:var(--library-panel-border);box-shadow:var(--library-panel-shadow)}.hub-rail{display:grid;gap:18px;align-content:start;position:sticky;top:18px}.stats-page{padding-bottom:80px}.hub-section{padding:24px;display:grid;gap:18px}.hub-side-panel{padding:18px;display:grid;gap:14px}.challenge-page{display:grid;gap:14px}.challenge-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:14px;align-items:start}.challenge-hero-copy,.challenge-benchmark-card{padding:18px 20px;border-radius:22px;border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.challenge-hero-copy{display:grid;gap:8px;align-content:start;background:radial-gradient(circle at top left,color-mix(in srgb,var(--primary) 12%,transparent),transparent 42%),var(--surface)}.challenge-hero-copy h1{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.35rem);line-height:1;letter-spacing:-.04em}.challenge-benchmark-card{display:grid;gap:10px;align-content:start;background:radial-gradient(circle at top right,rgb(211 164 71 / 12%),transparent 40%),linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 88%,transparent),var(--surface));border-color:color-mix(in srgb,#d3a447 24%,var(--border))}.challenge-benchmark-card strong{font-size:1.02rem;line-height:1.3}.challenge-benchmark-label{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f1cd7b}.challenge-benchmark-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.9rem;font-weight:700}.challenge-benchmark-meta span{padding:7px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 8%,transparent);background:color-mix(in srgb,var(--surface) 70%,transparent)}.challenge-benchmark-note{margin:0;color:var(--muted);line-height:1.55}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.section-heading--stacked{align-items:start}.hub-section-copy{display:grid;gap:6px}.hub-section-kicker{margin:0;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.section-count{color:var(--muted);font-size:.82rem;font-weight:800;white-space:nowrap}.archive-summary{color:var(--muted);font-size:.82rem;font-weight:700;max-width:34ch;line-height:1.45;text-align:right}.section-summary{margin:0;max-width:54ch;color:var(--muted);line-height:1.55}.section-heading h2,.section-heading h3,.hub-preview-panel h2,.guide-card h2,.static-section h2{margin:0;font-size:1.2rem}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(188px,1fr));gap:14px;align-items:stretch}.catalog-grid>*{min-width:0;height:100%}.catalog-grid--continue{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.catalog-grid--daily,.catalog-grid--archive{grid-template-columns:repeat(auto-fit,minmax(184px,1fr))}.hub-daily-feature,.hub-daily-shelf{display:grid;gap:16px}.hub-daily-feature{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px 22px;border-radius:24px;border:1px solid var(--library-feature-border);background:var(--library-feature-bg);box-shadow:var(--library-feature-shadow)}.hub-daily-feature-copy{display:grid;gap:10px;align-content:start}.hub-daily-feature-copy h3{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.3rem);line-height:.98;letter-spacing:-.04em}.hub-show-more{justify-self:start}.daily-archive-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.daily-archive-row{display:grid;grid-template-rows:auto 1fr auto;gap:16px;padding:16px 18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:radial-gradient(circle at top right,rgb(255 255 255 / 7%),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%,white),color-mix(in srgb,var(--surface) 96%,white));box-shadow:var(--shadow-soft);min-height:180px;overflow:hidden;position:relative}.daily-archive-row.status-new{border-color:color-mix(in srgb,var(--primary) 20%,var(--border))}.daily-archive-row:before{content:"";position:absolute;inset:auto 18px 0;height:3px;border-radius:999px 999px 0 0;background:color-mix(in srgb,var(--primary) 42%,transparent);opacity:.75}.daily-archive-row.tier-easy:before{background:color-mix(in srgb,#7ed9ce 76%,transparent)}.daily-archive-row.tier-medium:before{background:color-mix(in srgb,#78b5f3 76%,transparent)}.daily-archive-row.tier-hard:before{background:color-mix(in srgb,#ffb869 76%,transparent)}.daily-archive-row.tier-extreme:before{background:color-mix(in srgb,#ff8e86 78%,transparent)}.daily-archive-row-copy,.daily-archive-row-actions{display:grid;gap:8px}.daily-archive-row-copy{min-width:0}.daily-archive-row-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.daily-archive-tier,.daily-archive-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.daily-archive-tier{color:color-mix(in srgb,var(--primary) 76%,var(--text));background:color-mix(in srgb,var(--primary) 10%,var(--surface-strong))}.daily-archive-status.status-new{color:color-mix(in srgb,var(--primary) 78%,var(--text));background:color-mix(in srgb,var(--primary) 12%,var(--surface-strong))}.daily-archive-status.status-started{color:color-mix(in srgb,var(--secondary) 78%,var(--text));background:color-mix(in srgb,var(--secondary) 12%,var(--surface-strong))}.daily-archive-status.status-completed{color:color-mix(in srgb,var(--text) 74%,var(--muted));background:color-mix(in srgb,var(--surface) 92%,white)}.daily-archive-row h6{margin:0;font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.02em}.daily-archive-row p{margin:0;color:var(--muted);font-size:.9rem}.daily-archive-row-actions{grid-template-columns:1fr 1fr;align-items:end}.daily-archive-preview-button,.daily-archive-play-button{width:100%;justify-content:center}.daily-peek-backdrop--library{align-items:center;padding:24px}.daily-peek-sheet--library{width:min(100%,980px);max-height:min(90vh,980px);padding:36px 36px 32px;border-radius:32px;gap:20px}.preview-board-feature--library-sheet{width:min(100%,560px);margin-inline:auto;--preview-clue-number-size: clamp(.82rem, .95vw, 1.02rem);--preview-icon-size: clamp(18px, 1.7vw, 24px)}.preview-board-feature--library-sheet.preview-board--size-7 .preview-board-clue-size,.preview-board-feature--library-sheet.preview-board--size-9 .preview-board-clue-size{display:block}.archive-toolbar,.archive-browser,.archive-month-list,.archive-day-list{display:grid;gap:14px}.archive-toolbar{position:sticky;top:88px;z-index:5;padding:18px;border-radius:24px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%,white),color-mix(in srgb,var(--surface) 98%,white));box-shadow:var(--shadow-soft)}.archive-month-picker,.archive-jump-group{display:grid;gap:12px}.archive-month-picker{position:relative}.archive-month-picker-label,.archive-jump-kicker{margin:0;color:var(--muted);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.archive-month-picker-controls,.archive-jump-group-header{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.archive-month-picker-controls{justify-content:flex-start}.archive-month-step,.archive-month-load{flex:0 0 auto}.archive-month-pill{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:color-mix(in srgb,var(--surface-strong) 92%,white);color:var(--text);font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.02em}.archive-jump-reset{border:0;background:transparent;color:color-mix(in srgb,var(--primary) 74%,var(--text));padding:0;font:inherit;font-weight:700}.archive-jump-reset:hover:not(:disabled){text-decoration:underline}.archive-jump-reset:disabled{color:var(--muted)}.archive-jump-rail{display:flex;flex-wrap:wrap;gap:10px}.archive-jump-chip{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 92%,white);color:var(--muted);border-radius:999px;padding:10px 14px;font-size:.82rem;font-weight:800;letter-spacing:.01em;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.archive-jump-chip:hover{transform:translateY(-1px);color:var(--text);border-color:color-mix(in srgb,var(--primary) 18%,var(--border))}.archive-jump-chip[aria-pressed=true]{color:color-mix(in srgb,var(--primary) 76%,var(--text));background:color-mix(in srgb,var(--primary) 12%,var(--surface-strong));border-color:color-mix(in srgb,var(--primary) 26%,var(--border));box-shadow:inset 0 1px #ffffff73}.archive-month-section,.archive-day-group{display:grid;gap:12px}.archive-month-section{padding-top:10px;border-top:1px solid color-mix(in srgb,var(--border) 84%,transparent)}.archive-month-section:first-child{padding-top:0;border-top:0}.archive-month-heading h4,.archive-day-heading h5{margin:0;font-size:1rem}.archive-day-group{padding:18px;border-radius:22px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%,white),color-mix(in srgb,var(--surface) 96%,white));box-shadow:var(--shadow-soft)}.archive-day-heading{display:flex;justify-content:space-between;gap:14px;align-items:baseline}.archive-day-heading p{margin:4px 0 0;color:var(--muted);font-size:.82rem}.archive-lock-wrapper{position:relative;margin-top:10px;border-radius:28px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));background:radial-gradient(circle at top left,color-mix(in srgb,var(--primary) 14%,transparent),transparent 34%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--secondary) 14%,transparent),transparent 40%),linear-gradient(160deg,color-mix(in srgb,var(--surface-strong) 96%,white),color-mix(in srgb,var(--surface) 98%,black));box-shadow:var(--shadow)}.archive-lock-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(at 0% 0%,color-mix(in srgb,var(--primary) 18%,transparent) 0,transparent 50%),radial-gradient(at 100% 100%,color-mix(in srgb,var(--secondary) 18%,transparent) 0,transparent 50%);opacity:.9;z-index:0;animation:archiveMeshPulse 8s ease-in-out infinite alternate}@keyframes archiveMeshPulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.archive-lock-preview{position:relative;z-index:1;display:grid;gap:22px;padding:42px;filter:blur(16px) saturate(0);opacity:.26;transform:scale(1.02);pointer-events:none}.archive-lock-preview-month,.archive-lock-preview-day,.archive-lock-preview-heading,.archive-lock-preview-cards{display:grid;gap:12px}.archive-lock-preview-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-lock-line,.archive-lock-card-placeholder{display:block;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--surface-muted) 90%,white),color-mix(in srgb,var(--primary) 10%,var(--surface-muted)),color-mix(in srgb,var(--surface-muted) 90%,white))}.archive-lock-line--month{width:180px;height:16px}.archive-lock-line--day{width:120px;height:12px}.archive-lock-line--meta{width:80px;height:12px}.archive-lock-card-placeholder{height:150px;border-radius:22px}.archive-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px}.archive-lock-card{width:100%;max-width:500px;background:color-mix(in srgb,var(--surface-strong) 82%,white);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:28px;padding:3px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.archive-lock-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 24%,transparent),color-mix(in srgb,var(--secondary) 24%,transparent),color-mix(in srgb,var(--primary) 18%,transparent));opacity:.75;z-index:-1}.archive-lock-card-inner{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%,white),color-mix(in srgb,var(--surface) 94%,white));border-radius:25px;padding:42px 30px;text-align:center}.archive-lock-badge{display:inline-block;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--secondary) 14%,var(--surface-strong));border:1px solid color-mix(in srgb,var(--secondary) 22%,var(--border));color:color-mix(in srgb,var(--secondary) 72%,var(--text));box-shadow:inset 0 1px #ffffff73;margin-bottom:22px}.archive-lock-icon{width:84px;height:84px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--secondary) 14%,var(--surface-strong));border:1px solid color-mix(in srgb,var(--secondary) 24%,var(--border));color:color-mix(in srgb,var(--secondary) 76%,var(--text));box-shadow:0 12px 24px color-mix(in srgb,var(--secondary) 14%,transparent)}.archive-lock-card h3{margin:0 0 14px;font-family:var(--font-display);font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:.98;letter-spacing:-.04em}.archive-lock-card p{margin:0 auto 28px;max-width:34ch;color:var(--muted);line-height:1.6}.archive-lock-actions{display:grid;gap:14px}.archive-lock-primary,.archive-lock-secondary{width:100%;justify-content:center}.archive-lock-primary{box-shadow:0 18px 30px color-mix(in srgb,var(--primary) 22%,transparent)}.archive-lock-secondary{background:color-mix(in srgb,var(--surface-strong) 92%,white)}@keyframes skeleton-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.skeleton-line{display:block;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--surface-muted) 92%,transparent),color-mix(in srgb,var(--surface-muted) 60%,var(--border)),color-mix(in srgb,var(--surface-muted) 92%,transparent) 80%);background-size:200% 100%;background-attachment:fixed;animation:skeleton-shimmer 1.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.skeleton-line{animation:none}}.skeleton-line--tag{width:52px;height:20px;border-radius:999px}.skeleton-line--title{width:72%;height:16px;margin-top:4px}.skeleton-line--meta{width:40%;height:12px;margin-top:4px}.skeleton-line--btn{width:100%;height:36px;border-radius:10px}.skeleton-line--day-label{width:140px;height:14px}.skeleton-line--date{width:90px;height:12px;margin-top:6px}.skeleton-line--month-label{width:180px;height:18px}.daily-archive-row--skeleton,.archive-day-group--skeleton{pointer-events:none}.archive-month-section--skeleton{pointer-events:none;opacity:.7}.skeleton-line--eyebrow{width:80px;height:11px}.skeleton-line--hero-heading{width:60%;height:22px;margin-top:6px}.skeleton-line--stat-label{width:45%;height:12px}.skeleton-line--stat-value{width:55%;height:28px;border-radius:6px}.skeleton-line--stat-body{width:75%;height:12px;margin-top:4px}.skeleton-line--section-h2{width:35%;height:20px}.stats-card--skeleton,.streak-hero-panel--skeleton{pointer-events:none}.practice-launch-grid,.stats-summary-grid,.tier-stats-grid,.match-history-list{display:grid;gap:14px}.practice-launch-grid,.stats-summary-grid,.tier-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.practice-launch-card,.practice-launch-button,.stats-card,.tier-stat-card,.match-history-item{border:1px solid var(--border);border-radius:22px;background:var(--surface-strong);box-shadow:var(--shadow-soft);min-width:0}.practice-launch-card{position:relative;overflow:hidden;padding:18px;display:grid;gap:14px;background:radial-gradient(circle at top right,rgb(255 255 255 / 7%),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 92%,white),color-mix(in srgb,var(--surface) 94%,black))}.practice-launch-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgb(44 118 111 / 10%),transparent 42%),linear-gradient(315deg,rgb(191 105 68 / 10%),transparent 36%);pointer-events:none}.practice-launch-topline{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.practice-launch-kicker{margin:0 0 8px;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.practice-launch-card h3{margin:0;font-size:1.28rem;line-height:1}.practice-launch-size{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 82%,white);background:color-mix(in srgb,var(--surface-muted) 88%,white);color:var(--text);font-size:.76rem;font-weight:800;letter-spacing:.08em}.practice-launch-button{position:relative;z-index:1;padding:14px 16px;display:grid;gap:6px;text-align:left;color:var(--text);min-height:88px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.practice-launch-button:hover{transform:translateY(-1px)}.practice-launch-button--standard{background:linear-gradient(180deg,rgb(255 255 255 / 5%),transparent),color-mix(in srgb,var(--surface-strong) 94%,white)}.practice-launch-button--blindfolded{border-color:color-mix(in srgb,var(--primary) 26%,var(--border));background:linear-gradient(135deg,rgb(44 118 111 / 18%),transparent 48%),linear-gradient(180deg,rgb(255 255 255 / 6%),transparent),color-mix(in srgb,var(--surface-strong) 92%,white);box-shadow:0 12px 28px #0f172a1f,inset 0 1px #ffffff1f}.practice-launch-button-title{font-size:.98rem;font-weight:800}.practice-launch-button-copy{color:var(--muted);font-size:.86rem;line-height:1.45}.practice-launch-actions{position:relative;z-index:1;display:grid;gap:10px}.practice-launch-heading,.hub-preview-metrics,.tier-stat-heading,.match-history-metrics{display:flex;justify-content:space-between;gap:12px;align-items:center}.practice-launch-heading strong,.stats-card strong,.tier-stat-heading h3,.match-history-item strong{margin:0;font-size:1rem;min-width:0}.practice-launch-heading span,.hub-preview-metrics span,.stats-label,.tier-stat-heading span,.match-history-metrics span{color:var(--muted);font-size:.78rem;font-weight:800}.practice-launch-copy,.tier-stat-card p,.match-history-item p{margin:0;color:var(--muted);line-height:1.55}.stats-card,.tier-stat-card{padding:16px;display:grid;gap:10px}.stats-card strong{font-size:clamp(1rem,2vw,1.28rem);line-height:1.05;overflow-wrap:anywhere}.tier-stat-metrics{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tier-stat-metrics div{padding:10px 12px;border-radius:16px;background:var(--surface-muted);min-width:0}.tier-stat-metrics dt{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.tier-stat-metrics dd{margin:4px 0 0;font-size:.96rem;font-weight:800;overflow-wrap:anywhere}.match-history-list{grid-template-columns:1fr}.match-history-item{padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.match-history-copy{min-width:0;display:grid;gap:2px}.match-history-side{display:grid;justify-items:end;gap:10px}.match-history-copy strong,.match-history-copy p,.match-history-metrics span,.hub-preview-metrics span{overflow-wrap:anywhere}.match-history-feedback{color:var(--muted);font-size:.78rem;font-weight:800}.match-history-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}.match-history-metrics{justify-content:flex-end;flex-wrap:wrap}.streak-notification-stack{position:sticky;top:12px;z-index:12;display:grid;gap:10px;margin-bottom:18px}.streak-notification,.streak-ledger-item,.streak-hero-panel,.premium-prompt-band,.premium-preview-card,.shield-tray,.streak-hero-card,.milestone-node{position:relative;overflow:hidden}.streak-notification,.streak-ledger-item{display:grid;gap:14px;align-items:start;border:1px solid var(--border);border-radius:22px;padding:18px 20px;background:radial-gradient(circle at top right,rgb(255 255 255 / 10%),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%,white),color-mix(in srgb,var(--surface) 96%,white));box-shadow:var(--shadow-soft)}.streak-notification{grid-template-columns:minmax(0,1fr) auto}.streak-notification:has(.streak-event-emblem),.streak-ledger-item:has(.streak-event-emblem){grid-template-columns:auto minmax(0,1fr) auto}.streak-notification:before,.streak-ledger-item:before,.premium-preview-card:before,.streak-hero-card:before,.shield-tray:before,.premium-prompt-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.streak-notification--teal:before,.streak-ledger-item--teal:before,.streak-hero-card--primary:before{background:linear-gradient(135deg,rgb(44 118 111 / 14%),transparent 42%),radial-gradient(circle at top right,rgb(44 118 111 / 16%),transparent 32%)}.streak-notification--ember:before,.streak-ledger-item--ember:before{background:linear-gradient(135deg,rgb(191 105 68 / 18%),transparent 42%),radial-gradient(circle at top right,rgb(191 105 68 / 16%),transparent 32%)}.streak-notification--gold:before,.streak-ledger-item--gold:before,.shield-tray:before,.premium-prompt-band:before{background:linear-gradient(135deg,rgb(208 165 48 / 18%),transparent 44%),radial-gradient(circle at top right,rgb(208 165 48 / 15%),transparent 34%)}.streak-notification-copy,.streak-ledger-copy,.shield-tray-copy,.premium-prompt-copy,.anonymous-cta-copy{position:relative;z-index:1;display:grid;min-width:0;gap:8px}.streak-event-emblem{position:relative;z-index:1;display:grid;place-items:center;width:72px;min-width:72px;height:72px;border-radius:20px;border:1px solid color-mix(in srgb,var(--border) 84%,white);background:radial-gradient(circle at top left,rgb(255 255 255 / 10%),transparent 52%),color-mix(in srgb,var(--surface-strong) 90%,white);box-shadow:inset 0 1px #ffffff14}.streak-notification-meta,.streak-ledger-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.streak-notification-kicker,.streak-notification-streak,.streak-ledger-kicker,.streak-ledger-streak,.milestone-chip{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 90%,white);border:1px solid color-mix(in srgb,var(--border) 84%,white);color:var(--primary-strong);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.streak-notification-copy strong,.streak-ledger-copy strong,.premium-preview-card strong,.shield-tray-copy strong,.anonymous-cta-copy strong,.milestone-node-copy strong,.streak-hero-card strong{margin:0;font-family:var(--font-display);font-size:1.2rem;letter-spacing:-.03em;line-height:1.12}.streak-notification-copy p,.streak-ledger-copy p,.premium-preview-card p,.shield-tray-copy p,.anonymous-cta-copy p,.milestone-node-copy p,.streak-hero-card p{margin:0;color:var(--muted);line-height:1.55}.streak-notification-dismiss,.streak-ledger-action{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;align-self:start;justify-self:end;min-height:40px;padding:0 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border) 88%,white);background:color-mix(in srgb,var(--surface-strong) 92%,white);color:var(--text);font-size:.92rem;font-weight:700;line-height:1;white-space:nowrap;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.streak-notification-dismiss:hover,.streak-ledger-action:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--surface-strong) 84%,white);box-shadow:0 10px 20px #1d1f1c14;transform:translateY(-1px)}.streak-notification-dismiss:focus-visible,.streak-ledger-action:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 58%,white);outline-offset:2px}.streak-notification-dismiss:disabled,.streak-ledger-action:disabled{transform:none;cursor:progress;opacity:.72;box-shadow:none}.streak-notification-actions{position:relative;z-index:1;display:grid;gap:10px;align-self:start;justify-items:end}.streak-recovery-offer{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:radial-gradient(circle at top left,rgb(208 165 48 / 14%),transparent 36%),radial-gradient(circle at bottom right,rgb(44 118 111 / 12%),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%,white),color-mix(in srgb,var(--surface) 96%,white))}.streak-hero-panel{gap:22px;border-radius:28px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));background:radial-gradient(circle at top left,rgb(44 118 111 / 14%),transparent 32%),radial-gradient(circle at bottom right,rgb(191 105 68 / 12%),transparent 36%),linear-gradient(160deg,color-mix(in srgb,var(--surface-strong) 96%,white),color-mix(in srgb,var(--surface) 96%,white));box-shadow:var(--shadow)}.streak-hero-copy h2,.premium-prompt-copy h2{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);line-height:.96;letter-spacing:-.05em}.streak-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.streak-hero-card{padding:16px;border-radius:22px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 94%,white);box-shadow:var(--shadow-soft);display:grid;gap:8px}.streak-hero-card strong{font-size:clamp(1.35rem,3vw,2rem)}.shield-tray{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border-radius:24px;border:1px solid color-mix(in srgb,var(--secondary) 18%,var(--border));background:linear-gradient(180deg,rgb(255 255 255 / 8%),transparent),color-mix(in srgb,var(--surface-strong) 94%,white)}.shield-tray-icons{position:relative;z-index:1;display:flex;gap:12px;align-items:center}.anonymous-cta-band,.premium-prompt-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px;border-radius:24px;border:1px solid color-mix(in srgb,var(--secondary) 18%,var(--border));background:linear-gradient(180deg,rgb(255 255 255 / 8%),transparent),color-mix(in srgb,var(--surface-strong) 94%,white)}.milestone-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.milestone-node{display:grid;gap:12px;padding:16px;border-radius:24px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);background:radial-gradient(circle at top right,rgb(255 255 255 / 10%),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 94%,white),color-mix(in srgb,var(--surface) 96%,white));box-shadow:var(--shadow-soft)}.milestone-node.is-upcoming{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:0 16px 34px #0f172a1a,0 0 0 1px color-mix(in srgb,var(--primary) 10%,transparent)}.milestone-node.is-preview-locked{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.milestone-node.is-preview-locked .streak-badge-container.locked{opacity:.38;filter:grayscale(1);transition:opacity .18s ease,filter .18s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.milestone-node.is-preview-locked:hover .streak-badge-container.locked{opacity:.82;filter:grayscale(.18)}.milestone-node.is-preview-locked.preview-tier-hard:hover{border-color:color-mix(in srgb,#bf6944 42%,var(--border));box-shadow:0 18px 38px #0f172a1f,0 0 0 1px #bf694429}.milestone-node.is-preview-locked.preview-tier-extreme:hover{border-color:color-mix(in srgb,#f0b000 42%,var(--border));box-shadow:0 18px 38px #0f172a1f,0 0 0 1px #f0b0002e}.milestone-node-badge{justify-self:center}.milestone-node-copy{display:grid;gap:6px;text-align:center}.milestone-chip--upcoming{color:var(--primary-strong)}.milestone-chip--locked{color:var(--muted)}.streak-ledger-list,.premium-preview-grid{display:grid;gap:14px}.premium-preview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.prestige-lookbook{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.prestige-lookbook-card{display:grid;gap:12px;justify-items:center;padding:16px;border-radius:22px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);background:radial-gradient(circle at top right,rgb(255 255 255 / 10%),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 94%,white),color-mix(in srgb,var(--surface) 96%,white));box-shadow:var(--shadow-soft);text-align:center}.prestige-lookbook-copy{display:grid;gap:4px}.prestige-lookbook-copy strong{font-family:var(--font-display);font-size:1.1rem;letter-spacing:-.02em}.prestige-lookbook-copy p{margin:0;color:var(--muted);line-height:1.45}.premium-preview-card{display:grid;gap:14px;padding:18px;border-radius:22px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);background:radial-gradient(circle at top right,rgb(255 255 255 / 10%),transparent 40%),linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%,white),color-mix(in srgb,var(--surface) 97%,white));box-shadow:var(--shadow-soft)}.premium-preview-chart,.premium-preview-history,.premium-preview-shields{position:relative;z-index:1}.premium-preview-chart{display:flex;align-items:flex-end;gap:10px;min-height:108px}.premium-preview-chart span{flex:1 1 0;border-radius:999px 999px 12px 12px;background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--secondary) 36%,var(--primary)));box-shadow:inset 0 1px #ffffff42}.premium-preview-history{display:grid;gap:10px;min-height:108px;align-content:center}.premium-preview-history span{height:14px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--surface-muted) 88%,white),color-mix(in srgb,var(--primary) 12%,var(--surface-muted)),color-mix(in srgb,var(--surface-muted) 88%,white))}.premium-preview-history span:nth-child(1){width:84%}.premium-preview-history span:nth-child(2){width:64%}.premium-preview-history span:nth-child(3){width:72%}.premium-preview-shields{display:flex;gap:12px;align-items:center;min-height:108px}.stats-summary-grid--tiers .stats-card,.tier-chip{min-height:148px}.tier-chip--easy{border-color:color-mix(in srgb,#7ed9ce 42%,var(--border))}.tier-chip--medium{border-color:color-mix(in srgb,#78b5f3 42%,var(--border))}.tier-chip--hard{border-color:color-mix(in srgb,#ffb869 42%,var(--border))}.tier-chip--extreme{border-color:color-mix(in srgb,#ff8e86 42%,var(--border))}.completion-streak-reward{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:16px 18px;border-radius:22px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));background:radial-gradient(circle at top right,rgb(255 255 255 / 10%),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%,white),color-mix(in srgb,var(--surface) 96%,white));box-shadow:var(--shadow-soft)}.completion-streak-reward-badge{display:grid;place-items:center;align-self:stretch;min-width:118px}.completion-streak-reward-badge--shield{min-width:96px}.streak-history-toggle{justify-self:start}.completion-streak-reward-copy{display:grid;gap:6px;text-align:left}.completion-streak-reward-copy strong{margin:0;font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.03em}.completion-streak-reward-copy p{margin:0;color:var(--muted)}.catalog-card{border-radius:22px;height:100%;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.catalog-card.is-active,.catalog-card:hover{transform:translateY(-1px)}.catalog-card-link{position:relative;overflow:hidden;display:grid;grid-template-rows:auto auto auto;gap:12px;height:100%;padding:14px;border-radius:22px;border:1px solid var(--library-card-border);background:var(--library-card-bg);box-shadow:var(--shadow-soft);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.catalog-card--daily .catalog-card-link{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.catalog-card-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgb(255 255 255 / 4%),transparent 42%);pointer-events:none}.catalog-card--blindfolded .catalog-card-link{border-color:color-mix(in srgb,var(--primary) 28%,var(--library-card-border));background:var(--library-card-blind-bg)}.catalog-card.is-active .catalog-card-link,.catalog-card:hover .catalog-card-link,.catalog-card-link:focus-visible{border-color:var(--library-feature-border);box-shadow:var(--library-feature-shadow)}.catalog-card-meta{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}.catalog-card-mode,.catalog-card-status{border-radius:999px;padding:4px 9px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}.catalog-card-mode{padding-left:0;border-radius:0;background:none;color:var(--muted)}.catalog-card--blindfolded .catalog-card-mode{color:var(--primary-strong)}.catalog-card-status.status-new{background:#2c766f17;color:var(--primary-strong)}.catalog-card-status.status-started{background:#bf69441a;color:var(--secondary)}.catalog-card-status.status-completed{background:#2c766f1f;color:var(--primary-strong)}.catalog-card-copy{display:grid;align-content:start;gap:4px}.catalog-card-copy h3{margin:0;font-size:1rem;line-height:1.2}.catalog-card-size{color:var(--muted);font-size:.8rem;font-weight:700}.catalog-card-copy p,.hub-preview-panel p,.guide-card p,.how-to-play p,.static-section p,.tutorial-note-card p,.faq-tutorial-cta p,.tutorial-demo-copy p,.onboarding-copy p,.challenge-banner span{margin:0;color:var(--muted);line-height:1.6}.hub-preview-panel{padding:22px;display:grid;gap:14px;background:var(--surface-strong);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-soft)}.preview-board{display:grid;gap:1px;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;background:#1d252d1f}.preview-board-card{width:min(100%,142px);margin-inline:0 auto}.catalog-card--blindfolded .preview-board-card{width:min(100%,150px)}.preview-board-feature{width:min(100%,320px)}.preview-board-feature--inline{width:min(100%,240px)}.preview-board-feature--sheet{width:min(100%,260px);margin-inline:auto}.random-chooser{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px;align-items:start}.random-chooser-main,.random-launch-spotlight{border:1px solid var(--library-card-border);border-radius:24px;background:var(--library-row-bg);box-shadow:var(--shadow-soft)}.random-chooser-main{display:grid;gap:18px;padding:18px}.random-launch-inline{display:none}.random-selector-block{display:grid;gap:12px}.random-selector-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.random-tier-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.random-tier-toggle{display:grid;gap:6px;justify-items:start;min-height:84px;padding:14px;border:1px solid var(--library-card-border);border-radius:18px;background:var(--library-card-bg);color:var(--text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.random-tier-toggle:hover,.random-tier-toggle:focus-visible{transform:translateY(-1px);border-color:var(--library-feature-border);box-shadow:var(--library-feature-shadow)}.random-tier-toggle.is-active{border-color:color-mix(in srgb,var(--primary) 42%,var(--library-card-border));background:var(--library-feature-bg);box-shadow:var(--library-feature-shadow)}.random-tier-name{font-size:1rem;font-weight:800}.random-tier-size{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;background:var(--library-size-chip-bg);color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em}.random-launch-heading{display:flex;align-items:center;gap:10px;justify-content:space-between}.random-launch-heading h3{margin:0;font-size:1.12rem}.random-launch-size{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 10px;border-radius:999px;background:var(--library-size-chip-bg);color:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.08em}.random-launch-summary{margin:0;color:var(--muted);line-height:1.5}.random-launch-meta{display:flex;flex-wrap:wrap;gap:8px}.random-launch-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--primary) 14%,var(--library-size-chip-bg));color:var(--primary-strong);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.random-mode-label,.random-selected-mode{margin:0;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.random-mode-label{color:var(--muted)}.random-selected-mode{color:var(--text)}.random-mode-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;border-radius:22px;background:var(--library-mode-group-bg);border:1px solid var(--library-card-border)}.practice-launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.practice-launch-group{display:grid;gap:14px;padding:18px;border-radius:24px;border:1px solid var(--library-card-border);background:radial-gradient(circle at top left,rgb(44 118 111 / 8%),transparent 52%),var(--library-row-bg);box-shadow:var(--shadow-soft)}.practice-launch-group-copy{display:grid;gap:6px}.practice-launch-group-copy h3,.practice-launch-group-copy p{margin:0}.practice-launch-group-copy h3{font-size:1.2rem;letter-spacing:-.03em}.practice-launch-group-copy p:last-child{color:var(--muted);line-height:1.5}.practice-launch-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.practice-launch-button{display:grid;gap:8px;justify-items:start;min-height:88px;padding:14px;border-radius:18px;border:1px solid var(--library-card-border);background:var(--library-card-bg);color:var(--text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.practice-launch-button:hover,.practice-launch-button:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 40%,var(--library-card-border));box-shadow:var(--library-feature-shadow);background:var(--library-feature-bg)}.practice-launch-button.is-loading{border-color:color-mix(in srgb,var(--primary) 42%,var(--library-card-border));background:var(--library-feature-bg)}.practice-launch-tier{font-size:1rem;font-weight:800}.practice-launch-size,.practice-launch-action{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.08em}.practice-launch-size{background:var(--library-size-chip-bg);color:var(--muted)}.practice-launch-action{background:color-mix(in srgb,var(--primary) 12%,var(--library-size-chip-bg));color:var(--primary-strong);text-transform:uppercase}.settings-page{width:100%;max-width:800px;min-width:0;margin:0 auto;padding:clamp(24px,6vw,64px) clamp(16px,4vw,20px)}.page-header{margin-bottom:clamp(28px,5vw,48px);display:grid;gap:8px}.settings-content{display:grid;gap:24px;min-width:0}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;gap:16px;align-content:start;min-width:0}.settings-section h3{margin:0;font-family:var(--font-display);font-size:1.4rem;line-height:1.1;color:var(--primary);letter-spacing:-.02em}.settings-section p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6;max-width:640px}.settings-form{display:flex;align-items:center;gap:12px;margin-top:8px;min-width:0}.settings-form input[type=text]{flex:1;min-width:0;background:var(--surface-strong);border:1px solid var(--border);border-radius:12px;padding:12px 16px;color:var(--text);font-family:var(--font-body);font-size:1rem;transition:all .2s}.settings-form input[type=text]:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.settings-form input[readonly]{background:var(--surface-muted);cursor:default;border-style:dashed;opacity:.8}.settings-message{font-size:.85rem;color:var(--primary-strong);font-weight:700;margin:4px 0 0}.subscription-card{display:flex;justify-content:space-between;align-items:center;background:var(--surface-strong);border:1px solid var(--border);padding:1.25rem 1.5rem;border-radius:16px;margin-top:.5rem;gap:20px;transition:transform .2s,border-color .2s;min-width:0}.settings-section .subscription-card:first-of-type{background:radial-gradient(circle at top right,color-mix(in srgb,#d3a447 8%,transparent),transparent 40%),var(--surface-strong);border-color:color-mix(in srgb,#d3a447 20%,var(--border))}.subscription-info{display:grid;gap:4px;flex:1;min-width:0}.subscription-plan{font-weight:700;font-size:1.1rem;color:var(--primary);margin-bottom:.15rem}.subscription-description{margin:0;color:var(--muted);font-size:.9rem;line-height:1.4}.premium-check{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:600;white-space:nowrap}.upgrade-link{background:var(--primary);color:#fff;padding:.6rem 1.2rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:.92rem;transition:all .2s;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 20%,transparent)}.upgrade-link:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 30%,transparent)}.settings-referrals-area{display:grid;gap:12px;margin-top:8px;min-width:0}.invite-link-group{display:flex;gap:10px;min-width:0}.invite-link-group input{flex:1;width:100%;min-width:0;background:var(--surface-muted);border:1px dashed var(--border);border-radius:12px;padding:10px 16px;color:var(--muted);font-family:monospace;font-size:.85rem}.settings-referrals-list{display:grid;gap:12px;margin-top:12px}.settings-referrals-list .referral-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:16px;transition:border-color .2s;min-width:0}.referral-item-info{display:grid;gap:4px;min-width:0}.referral-item-date{font-size:.85rem;color:var(--muted)}.referral-status-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:20px;white-space:nowrap}.status-pending{background:color-mix(in srgb,#f59e0b 12%,transparent);color:#d97706}.status-completed{background:color-mix(in srgb,#10b981 12%,transparent);color:#059669}.status-blocked{background:color-mix(in srgb,#ef4444 12%,transparent);color:#dc2626}.share-row{display:flex;gap:10px;margin-bottom:8px;min-width:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1273;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.modal-content{background:var(--surface-strong);border:1px solid var(--border);border-radius:36px;width:100%;max-width:500px;box-shadow:0 32px 80px #0000004d;overflow:hidden;animation:modal-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-pop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:40px 40px 16px;display:grid;gap:16px;justify-items:center;text-align:center}.modal-danger-icon{width:72px;height:72px;background:color-mix(in srgb,var(--error) 10%,transparent);color:var(--error);border-radius:20px;display:flex;align-items:center;justify-content:center}.modal-header h2{margin:0;font-family:var(--font-display);font-size:1.85rem;line-height:1;letter-spacing:-.03em}.modal-body{padding:0 40px 32px;text-align:center}.modal-body p{margin:0;color:var(--muted);line-height:1.6;font-size:1rem}.modal-actions{padding:0 40px 40px;display:flex;gap:16px}.modal-actions button{flex:1}@media (max-width: 640px){.settings-page{padding-inline:14px}.settings-section{padding:24px 20px}.settings-form{flex-direction:column;align-items:stretch}.subscription-card{flex-direction:column;align-items:stretch;text-align:center}.upgrade-link,.premium-check{width:100%;justify-content:center}.share-row,.invite-link-group,.settings-referrals-list .referral-item{flex-direction:column;align-items:stretch}.premium-check{white-space:normal}.modal-actions{flex-direction:column-reverse}}@keyframes confetti-fall{0%{opacity:0;transform:translate3d(var(--drift-start, 0px),-12vh,0) rotate(var(--rot-start, 0deg)) scale(.9)}14%{opacity:1}to{opacity:0;transform:translate3d(var(--drift-end, 0px),108vh,0) rotate(var(--rot-end, 360deg)) scale(1.04)}}@keyframes completion-ring{0%,to{opacity:.28;transform:scale(.88)}50%{opacity:.9;transform:scale(1.04)}}@keyframes completion-core{0%,to{transform:rotate(45deg) scale(.92)}50%{transform:rotate(45deg) scale(1.08)}}@keyframes shake-patch{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}@media (prefers-reduced-motion: reduce){.completion-confetti{display:none}.completion-confetti-piece,.completion-pending-ring,.completion-pending-core{animation:none}}@media (max-width: 1080px){.hub-layout,.home-launcher,.tutorial-layout,.tutorial-demo-stage,.tutorial-hero,.hub-daily-feature,.random-chooser,.practice-launch-grid{grid-template-columns:1fr}.tutorial-notes{max-width:none}.hub-rail,.hub-preview-panel{position:static}}@media (max-width: 960px){.puzzle-stage-layout{grid-template-columns:1fr}.hub-daily-feature,.puzzle-topbar{display:none}.puzzle-mobile-summary{display:grid;gap:12px}.puzzle-guide-rail{display:none}.mobile-guide-trigger{display:inline-flex;justify-content:center}.puzzle-stage-board{width:min(100%,min(calc(100vw - 28px),calc(100dvh - 188px),560px))}}@media (max-width: 720px){.site-header .brand-mark,.puzzle-route-header .brand-mark{flex:1}.hub-section{padding:18px}.catalog-grid,.catalog-grid--continue,.catalog-grid--daily,.catalog-grid--archive,.catalog-grid--archive-day{grid-template-columns:1fr 1fr}.archive-day-heading{align-items:start;flex-direction:column}.archive-toolbar{top:76px;padding:16px}.archive-month-picker-controls{align-items:stretch}.daily-archive-row{min-height:0}.daily-archive-row-actions{width:100%;grid-template-columns:1fr 1fr}.archive-lock-preview{padding:28px 24px}.random-mode-group{width:100%}.random-tier-group{grid-template-columns:1fr 1fr}.random-chooser-main,.random-launch-spotlight{padding:16px}.random-launch-spotlight{order:2;position:static;padding:16px}.random-mode-toggle,.random-launch-go{width:100%;justify-content:center}.random-mode-toggle{justify-items:start}.puzzle-pill-grid,.action-bar{grid-template-columns:1fr}.puzzle-stage-stack{gap:8px}.action-button--reset{order:-1}.completion-pending-notice--banner{grid-template-columns:1fr;justify-items:flex-start}.completion-pending-notice--banner .completion-pending-meta{justify-content:flex-start}.puzzle-topbar{padding:16px}.puzzle-stage-panel,.puzzle-actions-panel,.mobile-guide-sheet,.puzzle-mobile-summary{padding:14px}.challenge-tracker-chip{flex:1 1 calc(50% - 10px);min-width:0}}@media (max-width: 860px){.home-account-prompt{grid-template-columns:1fr;grid-template-areas:"main" "board";gap:18px;text-align:center;justify-items:center}.home-identity-copy{width:min(100%,680px);padding-right:0;justify-items:center}.home-identity-preview{width:min(100%,700px);max-width:100%;justify-self:center;margin-inline:auto;text-align:left}.home-account-actions,.home-identity-shields{justify-content:center}.home-identity-copy h2,.home-identity-copy .page-summary{max-width:none}.home-identity-copy .page-summary{margin-inline:auto}.home-identity-badges{justify-content:center;flex-wrap:wrap}.home-identity-foot{grid-template-columns:1fr;text-align:center}.home-identity-gold-note{text-align:left}}@media (max-width: 620px){.home-launcher{align-items:start;min-height:0;padding-block:12px 24px}.home-launcher-card{grid-template-columns:1fr;grid-template-areas:"main" "board";text-align:center}.home-launcher-card--hero{grid-template-areas:"copy" "board" "actions"}.home-launcher-card h1{font-size:clamp(1.9rem,7vw,2.6rem)}.home-hero-copy .page-summary{margin-inline:auto}.home-hero-actions{width:100%}.home-board-preview{width:160px;margin:4px auto 0}.home-hero-actions .home-launcher-actions{justify-content:center;margin-top:0}.home-card-main .home-launcher-actions{justify-content:center}.home-card-main .page-summary{margin-inline:auto}.home-daily-grid{width:100%}.home-identity-preview-run{grid-template-columns:1fr}.home-board-preview .preview-board-clue-size{display:none}.practice-launch-group{padding:16px}.practice-launch-track{grid-template-columns:1fr 1fr}.practice-launch-button{min-height:72px;padding:12px}.challenge-hero{grid-template-columns:1fr}.challenge-benchmark-card,.challenge-hero-copy{padding:16px 18px}}@media (max-width: 560px){.random-selector-heading{display:grid;gap:4px}.archive-month-step,.archive-month-pill,.archive-month-load{width:100%}.random-tier-group,.random-mode-group{grid-template-columns:1fr 1fr}.random-chooser-main{gap:14px;padding:14px}.random-chooser-main,.random-launch-spotlight{border:0;background:none;box-shadow:none;padding:0}.random-mode-hint{display:none}.random-tier-toggle{grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:52px;padding:10px 12px}.random-mode-toggle{min-height:48px;padding:10px 14px;align-items:center}.random-mode-toggle:before{top:50%;right:12px;transform:translateY(-50%)}.random-launch-spotlight{gap:10px;display:none}.random-launch-spotlight .card-eyebrow,.random-launch-summary,.random-launch-mode-copy{display:none}.random-launch-inline{display:grid;gap:10px;padding-top:2px}.random-launch-heading h3{font-size:1rem}.random-launch-size,.random-launch-pill,.random-tier-size{min-height:26px;font-size:.68rem;letter-spacing:.06em}.tutorial-actions-row{grid-template-columns:1fr}.tutorial-playback-group,.tutorial-nav-group{width:100%}.nav-btn{flex-basis:100%}.tutorial-stage-callout{font-size:.88rem}.tutorial-progress-meta{font-size:.8rem}.puzzle-mobile-daily-row{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.site-header,.site-footer,.site-main,.puzzle-route-header{width:min(1120px,calc(100vw - 18px))}.home-launcher{min-height:calc(100dvh - 132px)}.home-launcher-card,.hub-section,.hub-side-panel,.completion-card-modal,.completion-pending-notice{border-radius:22px}.hub-side-panel .stats-summary-grid,.match-history-item,.catalog-grid,.catalog-grid--continue,.catalog-grid--daily,.catalog-grid--archive,.catalog-grid--archive-day{grid-template-columns:1fr}.archive-jump-rail{gap:8px}.archive-toolbar{position:static}.home-daily-grid,.practice-launch-track{grid-template-columns:1fr}.archive-jump-group-header{align-items:start;flex-direction:column}.archive-jump-chip{width:100%;justify-content:center}.archive-summary{max-width:none;text-align:left}.archive-lock-card-inner{padding:32px 20px}.archive-lock-preview{padding:24px 18px}.archive-lock-preview-cards{grid-template-columns:1fr}.daily-peek-backdrop{padding:8px}.daily-peek-sheet{width:100%;padding-inline:16px}.daily-peek-backdrop--library{align-items:end;padding:8px}.daily-peek-sheet--library{width:100%;max-height:min(92vh,860px);padding:28px 18px 20px;border-radius:28px 28px 20px 20px}.preview-board-feature--library-sheet{width:min(100%,320px)}.puzzle-stage-board{width:min(100%,min(calc(100vw - 18px),calc(100dvh - 176px),420px))}.puzzle-mobile-switcher,.puzzle-mobile-session-panel,.puzzle-mobile-daily-strip{padding:14px}.preview-board-card{max-width:none}.streak-notification,.completion-streak-reward,.shield-tray,.anonymous-cta-band,.premium-prompt-band{grid-template-columns:1fr}.shield-tray-icons,.premium-preview-shields{justify-content:center}.streak-notification-dismiss,.streak-ledger-action,.anonymous-cta-band .primary-button,.premium-prompt-band .primary-button,.streak-notification-actions .secondary-button{width:100%;justify-content:center}}