:root{--site-header-height: calc(3.25rem + env(safe-area-inset-top, 0px)) ;--bg: #1a1730;--bg-gradient: radial-gradient(ellipse 120% 80% at 50% -15%, rgba(139, 92, 246, .42), transparent 55%), radial-gradient(ellipse 90% 70% at 0% 85%, rgba(255, 107, 74, .24), transparent 50%), radial-gradient(ellipse 70% 55% at 100% 25%, rgba(34, 211, 238, .18), transparent 45%), linear-gradient(165deg, #221e3d 0%, #1a1730 45%, #1c2848 100%);--fg: #F8FAFC;--muted: #94A3B8;--accent: #FF6B4A;--accent-hover: #FF8566;--accent-secondary: #8B5CF6;--accent-cyan: #22D3EE;--success: #34D399;--danger: #F87171;--surface: rgba(255, 255, 255, .06);--surface-strong: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .12);--radius: 14px;--radius-lg: 20px;--shadow-glow: 0 0 40px rgba(255, 107, 74, .15);font-family:Outfit,system-ui,-apple-system,sans-serif;color:var(--fg);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;min-height:100dvh;background:var(--bg-gradient);background-attachment:fixed;overflow-x:clip}body.route-play{overflow:hidden;height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column;max-width:100%}.page{flex:1 0 auto;width:100%;max-width:100%;min-height:0;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.page.landing{padding-left:0;padding-right:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.4rem;border-radius:var(--radius);border:none;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(135deg,var(--accent),#FF8F6B);color:#1a0a06;box-shadow:0 4px 20px #ff6b4a59}.btn.primary:hover{box-shadow:0 6px 28px #ff6b4a73}.btn.secondary{background:var(--surface);color:var(--fg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn.ghost{background:transparent;color:var(--muted)}.link-muted{color:var(--muted);font-size:.9rem;text-decoration:none}.link-muted:hover{color:var(--accent-cyan)}.landing{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;width:100%;max-width:100%;padding:2rem max(1rem,env(safe-area-inset-right)) 2rem max(1rem,env(safe-area-inset-left));background:var(--bg-gradient)}.landing .hero{display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:420px;width:100%}.landing .logo-mark{font-size:3rem;font-weight:800;letter-spacing:-.06em;background:linear-gradient(135deg,var(--fg) 0%,var(--accent) 50%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1.2rem;font-weight:500;color:var(--muted);line-height:1.45;max-width:22rem}.demo-zoom{width:min(300px,88vw);aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:#1e1a36;border:2px solid var(--glass-border);box-shadow:var(--shadow-glow);position:relative}.demo-zoom-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease;pointer-events:none}.demo-zoom-img.is-active{opacity:1;animation:dezoomIn .45s cubic-bezier(.22,1,.36,1)}.demo-zoom img{width:100%;height:100%;object-fit:cover}.demo-zoom-badge{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#1a1730d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--accent-cyan);border:1px solid var(--glass-border)}.cta-row{display:flex;flex-direction:column;gap:.75rem;width:min(320px,100%)}.cta-row-single{width:min(360px,100%)}.cta-row-single .btn{width:100%}.home-auth-card{width:min(400px,100%);margin-top:1.5rem;padding:1.35rem 1.25rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left}.home-auth-title{margin:0 0 .75rem;font-size:1.1rem;font-weight:700}.home-auth-perks{margin:0 0 1rem;padding-left:1.15rem;color:var(--muted);font-size:.9rem;line-height:1.55}.home-auth-note{margin:.75rem 0 0;font-size:.8rem;color:var(--muted);text-align:center;line-height:1.4}.home-auth-welcome{text-align:center}.home-auth-greeting{margin:0 0 1rem;font-size:1.15rem;font-weight:600}.home-auth-actions{display:flex;flex-direction:column;gap:.65rem}.landing--connected{justify-content:flex-start;padding-top:1rem}.landing--connected .hero{gap:.75rem}.landing--connected .logo-mark{font-size:2.4rem;line-height:1.1}.landing--connected .tagline{font-size:1.05rem}.landing--connected .home-auth-card{margin-top:.35rem}.site-header{display:flex;align-items:center;gap:1rem;min-height:var(--site-header-height);padding:.65rem 1rem;padding-top:max(.65rem,env(safe-area-inset-top));border-bottom:1px solid var(--glass-border);background:#1a1730eb;position:sticky;top:0;z-index:500;flex-shrink:0;isolation:isolate}.site-header.is-menu-open{z-index:9100}@media(min-width:768px){.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.site-header-logo{font-weight:800;font-size:1rem;letter-spacing:-.04em;color:var(--fg);text-decoration:none;flex-shrink:0}.site-header-nav--desktop{display:flex;gap:1rem;flex:1;justify-content:center}.site-header-nav--mobile{display:none}.site-header-nav{display:flex;gap:1rem;flex:1;justify-content:center}.site-header-nav a{color:var(--muted);text-decoration:none;font-size:.88rem;font-weight:500}.site-header-nav a:hover,.site-header-nav a.active{color:var(--accent-cyan)}.site-header-dropdown{position:relative}.site-header-dropdown-toggle.active{color:var(--accent-cyan)}.site-header-dropdown-menu{display:none;position:absolute;top:calc(100% + .35rem);left:50%;transform:translate(-50%);flex-direction:column;gap:.35rem;min-width:10rem;padding:.5rem;border-radius:var(--radius);background:#1a1730fa;border:1px solid var(--glass-border);box-shadow:0 8px 24px #00000059;z-index:60}.site-header-dropdown:hover .site-header-dropdown-menu,.site-header-dropdown:focus-within .site-header-dropdown-menu{display:flex}.site-header-dropdown-menu a{padding:.35rem .5rem;border-radius:6px;white-space:nowrap}.site-header-dropdown-menu a:hover{background:var(--surface)}.site-header-account{flex-shrink:0;display:flex;align-items:center}.display-name-wrap{display:flex;align-items:center;gap:.35rem}.display-name-edit{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;border:none;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.display-name-edit:hover{color:var(--accent-cyan);background:var(--surface)}.display-name-form{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end;max-width:min(220px,45vw)}.display-name-form input{flex:1;min-width:6rem;padding:.35rem .5rem;border-radius:8px;border:1px solid var(--glass-border);background:var(--surface);color:var(--fg);font-family:inherit;font-size:.82rem}.display-name-save,.display-name-cancel{width:1.6rem;height:1.6rem;padding:0;border-radius:6px;border:1px solid var(--glass-border);background:var(--surface);color:var(--fg);font-size:.75rem;cursor:pointer}.display-name-save{color:var(--success)}.display-name-cancel{color:var(--muted)}.display-name-error{width:100%;margin:0;font-size:.72rem;color:var(--danger);text-align:right}.site-header-login,.site-header-profile{font-size:.88rem;font-weight:600;color:var(--accent-cyan);text-decoration:none}.site-header-login:hover,.site-header-profile:hover{color:var(--fg)}.site-header-muted{color:var(--muted);font-size:.88rem}.site-header-menu-btn{display:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-left:auto;padding:0;border:none;border-radius:10px;background:transparent;color:var(--fg);cursor:pointer;flex-shrink:0}.site-header-menu-btn:hover{background:var(--surface)}.site-header-menu-bar{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transition:transform .2s ease,opacity .2s ease}.site-header-menu-icon.is-open .site-header-menu-bar:nth-of-type(1){transform:translateY(5px) rotate(45deg);transform-origin:center}.site-header-menu-icon.is-open .site-header-menu-bar:nth-of-type(2){opacity:0}.site-header-menu-icon.is-open .site-header-menu-bar:nth-of-type(3){transform:translateY(-5px) rotate(-45deg);transform-origin:center}.site-header-backdrop,.site-header-mobile-overlay{display:none}body.nav-open{overflow:hidden;touch-action:none}@media(max-width:767px){.site-header{gap:.5rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.site-header-menu-btn{display:inline-flex;position:relative;z-index:2;touch-action:manipulation}.site-header-nav--desktop,.site-header-account--desktop{display:none!important}.site-header-mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000}.site-header-mobile-overlay.is-open{animation:mobile-overlay-in .2s ease}.site-header-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:none;background:#0000008c;cursor:pointer;-webkit-tap-highlight-color:transparent}.site-header-nav--mobile{display:flex;position:fixed;top:var(--site-header-height);right:0;bottom:0;width:min(20rem,92vw);flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;margin:0;padding:.5rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#1a1730;border-left:1px solid var(--glass-border);box-shadow:-12px 0 40px #00000073;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:9001;animation:mobile-drawer-in .28s cubic-bezier(.22,1,.36,1)}.site-header-nav--mobile>a{display:flex;align-items:center;min-height:2.75rem;padding:.65rem .5rem;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.site-header-nav-group{display:flex;flex-direction:column;gap:0}.site-header-nav-label{padding:.65rem .5rem .35rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.site-header-nav-group a{display:flex;align-items:center;min-height:2.5rem;padding:.55rem .5rem .55rem 1rem;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.06)}.site-header-mobile-foot{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--glass-border)}.site-header-mobile-foot .locale-switcher{margin-right:0;align-self:flex-start}.site-header-mobile-foot .locale-btn{min-width:2.5rem;min-height:2.25rem;font-size:.82rem}.site-header-mobile-foot .display-name-wrap{justify-content:space-between;width:100%}.site-header-mobile-foot .display-name-form{max-width:none;width:100%;justify-content:stretch}.site-header-mobile-foot .site-header-login{display:inline-flex;align-items:center;min-height:2.75rem;font-size:1rem}}@keyframes mobile-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes mobile-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media(min-width:768px){.site-header-menu-btn,.site-header-mobile-overlay{display:none!important}}@media(max-width:767px){.page:not(.landing){padding-left:max(.85rem,env(safe-area-inset-left));padding-right:max(.85rem,env(safe-area-inset-right))}.landing{padding-top:1.25rem;padding-bottom:1.5rem}.landing .logo-mark{font-size:2.5rem}.tagline{font-size:1.05rem}.landing-marketing{width:100%;max-width:100%;margin-top:1.75rem;padding:0 max(.85rem,env(safe-area-inset-right)) 0 max(.85rem,env(safe-area-inset-left))}.marketing-section{padding:1.15rem;max-width:100%}.compare-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin-bottom:1rem}.lb-period-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-left:0;margin-right:0;padding:0;overflow:visible}.lb-period-tab{flex-shrink:initial;min-height:2.75rem;padding:.55rem .65rem;font-size:.82rem;text-align:center;line-height:1.25;display:flex;align-items:center;justify-content:center}.lb-page-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.site-footer-nav{gap:.65rem 1rem}.site-footer-nav a{min-height:2.25rem;display:inline-flex;align-items:center}.display-name-wrap .site-header-profile{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.login-sent-note{font-size:.85rem!important;color:var(--muted)!important;line-height:1.45;margin:.5rem 0 .75rem!important}.page.play{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;padding:0;overflow:hidden;background:var(--bg-gradient)}.play-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:max(.65rem,env(safe-area-inset-top)) 1rem .65rem;background:#1a1730e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);z-index:10}.play-header-left{display:flex;align-items:center;gap:.75rem}.puzzle-num{font-weight:700;font-size:.95rem;color:var(--accent)}.play-timer{font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600;color:var(--muted);min-width:2.5rem}.dezoom-dots{display:flex;gap:8px;align-items:center}.dezoom-dots .dot{width:12px;height:12px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.2);transition:all .35s ease}.dezoom-dots .dot.used{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border-color:transparent;box-shadow:0 0 12px #ff6b4a80;transform:scale(1.1)}.zoom-frame{position:relative;overflow:hidden;background:#0a0814}.zoom-stage{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem .65rem;position:relative}.zoom-stage:before{content:"";position:absolute;width:min(88vw,22rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.22),transparent 68%);pointer-events:none;filter:blur(28px);z-index:0}.zoom-viewport{position:relative;z-index:1;width:min(100%,min(36rem,calc(100dvh - 10.5rem)));aspect-ratio:1 / 1;max-height:100%;padding:2px;border-radius:var(--radius-lg);background:linear-gradient(145deg,#8b5cf6bf,#ff6b4a8c 38%,#22d3ee80 72%,#8b5cf6a6);background-size:220% 220%;animation:zoom-border-shift 9s ease-in-out infinite;box-shadow:0 0 0 1px #ffffff14,0 20px 44px #0000007a,0 0 72px #8b5cf638}@keyframes zoom-border-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.zoom-viewport-inner{width:100%;height:100%;border-radius:calc(var(--radius-lg) - 2px);overflow:hidden;background:#0a0814;position:relative}.zoom-viewport-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0f}.zoom-viewport-inner:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:3;pointer-events:none;border-radius:calc(var(--radius-lg) - 6px);background:linear-gradient(to right,#ffffff59,#ffffff59) top left / 14px 2px no-repeat,linear-gradient(to bottom,#ffffff59,#ffffff59) top left / 2px 14px no-repeat,linear-gradient(to left,#ffffff59,#ffffff59) top right / 14px 2px no-repeat,linear-gradient(to bottom,#ffffff59,#ffffff59) top right / 2px 14px no-repeat,linear-gradient(to right,#ffffff59,#ffffff59) bottom left / 14px 2px no-repeat,linear-gradient(to top,#ffffff59,#ffffff59) bottom left / 2px 14px no-repeat,linear-gradient(to left,#ffffff59,#ffffff59) bottom right / 14px 2px no-repeat,linear-gradient(to top,#ffffff59,#ffffff59) bottom right / 2px 14px no-repeat;opacity:.55}.zoom-stage.is-revealed .zoom-viewport{box-shadow:0 0 0 1px #ffffff1a,0 24px 52px #00000085,0 0 88px #8b5cf647,0 0 120px #22d3ee1f}.zoom-viewport .zoom-frame,.zoom-viewport .live-crop-view{width:100%;height:100%}.zoom-stage:not(.is-revealed) .zoom-image{opacity:0!important}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#0a0814e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:inherit;pointer-events:none}.countdown-number{font-size:clamp(4rem,18vw,7rem);font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--fg),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countdown-pop .45s cubic-bezier(.22,1,.36,1)}@keyframes countdown-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.zoom-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 48px #00000059;z-index:2;border-radius:inherit}.zoom-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;opacity:0;transition:opacity .3s ease;pointer-events:none;transform-origin:center center}.zoom-image.is-active{opacity:1}.zoom-image.is-active.is-dezooming,.live-crop-view.is-dezooming{animation:dezoomReveal .58s cubic-bezier(.22,1,.36,1)}@keyframes dezoomReveal{0%{transform:scale(1.52);opacity:.72;filter:brightness(1.18) blur(2px)}45%{transform:scale(1.04);opacity:1;filter:brightness(1.06) blur(0)}to{transform:scale(1);opacity:1;filter:brightness(1) blur(0)}}.zoom-viewport-inner:has(.is-dezooming){animation:viewportDezoomPulse .58s cubic-bezier(.22,1,.36,1)}@keyframes viewportDezoomPulse{0%{box-shadow:inset 0 0 #8b5cf600}35%{box-shadow:inset 0 0 48px 6px #8b5cf638,inset 0 0 0 1px #ffffff0f}to{box-shadow:inset 0 0 #8b5cf600}}.zoom-viewport:has(.is-dezooming){animation:viewportBorderFlash .58s cubic-bezier(.22,1,.36,1)}@keyframes viewportBorderFlash{0%,to{filter:brightness(1);box-shadow:0 0 0 1px #ffffff14,0 20px 44px #0000007a,0 0 72px #8b5cf638}40%{filter:brightness(1.08);box-shadow:0 0 0 1px #ffffff24,0 24px 52px #00000085,0 0 96px #8b5cf661,0 0 48px #22d3ee33}}@keyframes dezoomIn{0%{transform:scale(1.14);opacity:.7;filter:brightness(1.1)}to{transform:scale(1);opacity:1;filter:brightness(1)}}.play-footer{flex-shrink:0;padding:.75rem 1rem max(.85rem,env(safe-area-inset-bottom));background:#1a1730eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border)}.guess-wrap{max-width:640px;margin:0 auto}.guess-hint{margin:0 0 .5rem;font-size:.82rem;color:var(--muted);text-align:center;line-height:1.4}.guess-form{display:flex;gap:.6rem}.guess-form input{flex:1;padding:.95rem 1.1rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--surface);color:var(--fg);font-family:inherit;font-size:1.05rem;font-weight:500}.guess-form input::placeholder{color:var(--muted)}.guess-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff6b4a33}.guess-form button{padding:.95rem 1.35rem;border-radius:var(--radius);border:none;background:linear-gradient(135deg,var(--accent),#FF8F6B);color:#1a0a06;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 4px 16px #ff6b4a4d}.guess-form button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.guess-form--wrong input{border-color:var(--danger);animation:guess-shake .45s ease}.guess-form--wrong input:focus{box-shadow:0 0 0 3px #f8717140}@keyframes guess-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.play-error{text-align:center;color:var(--danger);font-size:.85rem;padding:.35rem 1rem 0;margin:0}.loading{text-align:center;padding:3rem;color:var(--muted);font-weight:500}.page.result{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1.25rem;background:var(--bg-gradient)}.result-card{width:min(400px,100%);padding:2rem 1.5rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-glow)}.result-ad-slot{min-height:100px;margin-bottom:1.25rem;overflow:hidden;border-radius:var(--radius)}.result-ad-wait{margin:2rem 0;font-size:.95rem}.lb-scope-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 0 .75rem}.lb-period-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 0 1.25rem}.lb-period-tab{padding:.4rem .75rem;border-radius:999px;font-size:.85rem;font-weight:500;color:var(--muted);text-decoration:none;border:1px solid var(--glass-border);background:var(--surface)}.lb-period-tab:hover,.lb-period-tab.active{color:var(--accent-cyan);border-color:var(--accent-cyan)}.gallery-card-link{text-decoration:none;color:inherit;cursor:pointer;position:relative}.top-rank{position:absolute;top:8px;left:8px;z-index:2;background:#1a1730d9;padding:.2rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700;color:var(--accent)}.top-puzzle-num{font-size:.8rem;color:var(--muted)}.result h1{font-size:2rem;font-weight:800;margin:0 0 .5rem}.result h1.win{color:var(--success)}.result h1.fail{color:var(--muted)}.result-reveal{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin:.5rem 0 1rem;padding:.85rem;border-radius:var(--radius);background:#0003;border:1px solid var(--glass-border)}.result-reveal-img{width:120px;height:120px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--glass-border)}.result-answer{margin:0;font-size:1.05rem;color:var(--muted)}.result-answer strong{color:var(--fg);font-weight:700;text-transform:capitalize}.result-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;align-items:center;margin:.5rem 0 1rem}.result-actions .like-btn{margin:0}.result .score{font-size:3.5rem;font-weight:800;margin:.5rem 0 1rem;background:linear-gradient(135deg,var(--accent),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap}.stats li{font-size:.9rem;color:var(--muted);font-weight:500}.stats li strong{display:block;color:var(--fg);font-size:1.1rem;font-weight:700}.share-preview{background:#00000059;padding:.85rem 1rem;border-radius:var(--radius);font-size:.8rem;text-align:left;overflow-x:auto;white-space:pre-wrap;border:1px solid var(--glass-border);margin:1rem 0 0;color:var(--muted)}.result-nav{display:flex;gap:1.25rem;margin-top:1.5rem}.result-nav a{color:var(--accent-cyan);font-weight:600;text-decoration:none}.page.leaderboard{padding:1.5rem 1rem 2rem;max-width:480px;margin:0 auto}.page.leaderboard h1{font-size:1.75rem;font-weight:800;margin:0 0 .25rem}.page.leaderboard .sub{color:var(--muted);margin:0 0 .5rem}.lb-players-count{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--accent-cyan)}.my-rank{display:inline-block;background:linear-gradient(135deg,#ff6b4a33,#8b5cf633);border:1px solid var(--glass-border);padding:.5rem 1rem;border-radius:var(--radius);color:var(--accent);font-weight:700;margin-bottom:1rem}.my-rank--lost{color:var(--muted);background:var(--surface)}.lb-list li.lost .pts{color:var(--muted)}.lb-list{list-style:none;padding:0;margin:1rem 0 1.5rem;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--glass-border);overflow:hidden}.lb-list li{display:grid;grid-template-columns:2.5rem 1fr 4rem;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);gap:.5rem}.lb-list li:last-child{border-bottom:none}.lb-list li.me{background:#ff6b4a1f}.lb-list .rank{font-weight:800;color:var(--accent-secondary);font-size:.9rem}.lb-list li:nth-child(1) .rank{color:gold}.lb-list li:nth-child(2) .rank{color:silver}.lb-list li:nth-child(3) .rank{color:#cd7f32}.lb-list .name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-list .pts{text-align:right;font-weight:700;color:var(--success)}.muted{color:var(--muted)}.page.archives{padding:1.5rem 1rem 2rem;max-width:640px;margin:0 auto}.page.archives h1{font-size:1.75rem;font-weight:800;margin:0 0 .25rem}.archives-hint{font-size:.9rem;margin:0 0 1.25rem}.archives-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.65rem}.archives-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius)}.archives-item-main{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-width:0}.archives-item-actions{display:flex;flex-wrap:wrap;gap:.4rem}.archives-friend-scores{flex:1 1 100%;margin-top:.15rem}.archives-friend-scores-label{display:block;font-size:.75rem;font-weight:600;color:var(--muted);margin-bottom:.35rem}.archives-friend-scores-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem .75rem}.archives-friend-scores-list li{display:flex;align-items:center;gap:.35rem;font-size:.82rem}.archives-friend-name{font-weight:500}.archives-friend-pts{color:var(--accent-cyan);font-weight:600}.archives-friend-pts.lost{color:var(--muted)}.archives-badge{font-size:.78rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;background:var(--surface-strong);color:var(--muted)}.archives-badge--won{color:var(--success);background:#34d3991f}.archives-badge--lost{color:var(--danger);background:#f871711f}.archives-badge--in_progress{color:var(--accent-cyan);background:#22d3ee1f}.archives-badge--not_played{color:var(--accent);background:#ff6b4a1f}.archives-load-more{margin-top:.5rem}.archives-lb-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:.5rem}.page.leaderboard .btn.secondary{margin-top:0}.lb-page-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.play-back{font-size:.85rem;margin-right:.35rem}.play-archive-date{font-size:.85rem}.page.login{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.25rem;background:var(--bg-gradient);min-height:calc(100dvh - var(--site-header-height) - 6rem)}.page.profile,.page.admin{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:none;margin:0;padding:1.5rem 1.25rem 2.5rem;min-height:calc(100dvh - 3rem);background:var(--bg-gradient)}.profile-card{width:min(400px,100%);padding:1.75rem 1.5rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-glow);text-align:center}.profile-card--empty h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:800}.profile-empty-text{margin:0 0 1.25rem;color:var(--muted);font-size:.95rem;line-height:1.45}.profile-back{display:inline-block;margin-top:1rem;font-size:.88rem}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.25rem}.profile-avatar-img,.profile-avatar-initial{width:4.5rem;height:4.5rem;border-radius:50%;border:2px solid var(--glass-border);box-shadow:0 0 24px #8b5cf640}.profile-avatar-img{object-fit:cover}.profile-avatar-initial{display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--accent-secondary),var(--accent));color:#1a0a06}.profile-name-row{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.25rem}.profile-name{margin:0;font-size:1.65rem;font-weight:800;letter-spacing:-.03em}.profile-name-edit{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.profile-name-edit:hover{color:var(--accent-cyan);background:#ffffff0f}.profile-name-form{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;width:100%;margin-top:.25rem}.profile-name-form input{flex:1;min-width:10rem;padding:.5rem .65rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:#0003;color:var(--fg);font-family:inherit;font-size:1rem;font-weight:600;text-align:center}.profile-name-save,.profile-name-cancel{width:2rem;height:2rem;padding:0;border-radius:8px;border:1px solid var(--glass-border);background:var(--surface-strong);color:var(--fg);font-size:.8rem;cursor:pointer}.profile-name-save{color:var(--success)}.profile-name-cancel{color:var(--muted)}.profile-name-error{width:100%;margin:0;font-size:.78rem;color:var(--danger)}.profile-email{margin:0;font-size:.88rem;color:var(--muted)}.profile-plan-badge{display:inline-block;margin-top:.15rem;padding:.3rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;color:var(--muted);background:#ffffff0f;border:1px solid var(--glass-border)}.profile-plan-badge.is-premium{color:var(--success);background:#34d3991f;border-color:#34d39959}.profile-stats{display:flex;justify-content:center;gap:1rem;margin-bottom:1.35rem;padding:1rem;border-radius:var(--radius);background:#0000002e;border:1px solid var(--glass-border)}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:4.5rem}.profile-stat-value{font-size:2rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-stat-label{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.profile-actions{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.25rem}.profile-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.25rem;padding-top:1rem;margin-bottom:1rem;border-top:1px solid var(--glass-border)}.profile-nav a{color:var(--accent-cyan);font-weight:600;font-size:.9rem;text-decoration:none}.profile-nav a:hover{color:var(--fg)}.profile-logout{margin-top:.25rem;color:var(--muted)!important}.page.admin{max-width:none;width:100%}.login-card{width:min(400px,100%);padding:2rem 1.5rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-glow)}.login-brand{margin:0 0 .35rem;font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-card h1{margin:0;font-size:1.75rem;font-weight:800}.login-sub{margin:.5rem 0 1.5rem;font-size:.95rem;color:var(--muted);line-height:1.45}.login-form{display:flex;flex-direction:column;gap:.65rem;text-align:left}.login-form label{font-size:.85rem;font-weight:600;color:var(--muted)}.login-form input{padding:.9rem 1rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:#0003;color:var(--fg);font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-form input:focus{outline:none;border-color:#8b5cf68c;box-shadow:0 0 0 3px #8b5cf626}.login-form input::placeholder{color:#94a3b8a6}.btn.block{width:100%;margin-top:.35rem}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.9rem 1.4rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:#ffffff14;color:var(--fg);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s,background .2s,border-color .2s}.btn-google:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff38}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-icon{flex-shrink:0}.login-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--muted);font-size:.8rem;font-weight:600;text-transform:lowercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--glass-border)}.login-error{margin:.75rem 0 0;text-align:left}.login-sent{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 0 .25rem}.login-sent-icon{font-size:2rem;line-height:1}.login-sent p{margin:0;color:var(--fg);font-weight:500}.login-sent-hint{font-size:.9rem!important;color:var(--accent-cyan)!important;word-break:break-all}.login-footer{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.75rem}.login-back{font-size:.9rem;color:var(--accent-cyan)}.login-back:hover{color:var(--fg)}.admin-form{display:flex;flex-direction:column;gap:.85rem}.admin-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:500;color:var(--muted)}.admin-form input,.admin-form select{padding:.85rem 1rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:#0a08148c;color:var(--fg);font-family:inherit;font-size:.9rem}.admin-form input{padding:.85rem 1rem}.admin-form select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394A3B8' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.25rem}.admin-form select option{background:#1a1730;color:var(--fg)}.admin-form input::placeholder{color:var(--muted)}.admin-dashboard{width:min(1100px,100%);margin:0 auto}.admin-dashboard--wide{width:min(1280px,100%)}.admin-dashboard h1{margin:0 0 1rem;font-size:1.75rem}.admin-dashboard-head{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:1rem}.admin-dashboard-head h1{margin:0;font-size:1.75rem;white-space:nowrap}.admin-dashboard-head .admin-tabs{margin-bottom:0}.admin-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.admin-tab{padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--surface);color:var(--muted);font-family:inherit;font-weight:600;cursor:pointer}.admin-tab.active{color:var(--fg);border-color:var(--accent);background:#8b5cf626}.admin-panel{width:100%}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.admin-stat-card{padding:1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--glass-border);text-align:center}.admin-stat-value{display:block;font-size:1.5rem;font-weight:800}.admin-stat-label{display:block;margin-top:.25rem;font-size:.78rem;color:var(--muted)}.admin-table{width:100%;border-collapse:collapse;font-size:.88rem;background:#0a081473;border-radius:var(--radius);overflow:hidden;color:var(--fg)}.admin-table thead{background:var(--surface-strong)}.admin-table th,.admin-table td{padding:.5rem .65rem;border-bottom:1px solid var(--glass-border);text-align:left;color:var(--fg)}.admin-table tbody tr:hover{background:#8b5cf614}.admin-table-compact td:last-child{text-align:right;font-weight:600}.admin-search{width:100%;max-width:360px;margin-bottom:1rem;padding:.65rem .85rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:#0a08148c;color:var(--fg);font-family:inherit}.admin-badge{display:inline-block;margin-left:.35rem;padding:.1rem .4rem;border-radius:4px;font-size:.7rem;font-weight:700;background:#8b5cf640;color:var(--accent-cyan)}.admin-badge-muted{background:#94a3b826;color:var(--muted)}.admin-btn-sm{padding:.35rem .6rem;font-size:.75rem}.admin-btn-sm.active{border-color:var(--accent);color:var(--fg)}.admin-btn-danger{color:var(--danger)!important}.admin-btn-danger:hover{background:#f871711f!important}.admin-btn-warn{border-color:#f8717173;color:var(--danger)}.admin-msg-error{color:var(--danger)}.admin-user-actions{display:flex;flex-wrap:wrap;gap:.35rem;min-width:12rem}.admin-user-badges{display:flex;flex-wrap:wrap;gap:.25rem}.admin-badge-premium{background:#ff6b4a33;color:var(--accent-hover)}.admin-badge-danger{background:#f8717133;color:var(--danger)}.admin-row-blocked{background:#f871710f}.admin-row-disabled{opacity:.75}.admin-muted-dash{color:var(--muted)}.admin-muted-hint{color:var(--muted);font-size:.82rem}.admin-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-premium-toggle.active{border-color:var(--accent);color:var(--accent-hover);background:#ff6b4a1f}.admin-users .admin-search{margin-bottom:0;flex:1;min-width:200px}.admin-users .admin-filters{margin-bottom:1rem}.admin-msg{color:var(--muted);font-size:.9rem}.admin-panel-section{margin-top:1.5rem}.admin-panel-section h2{font-size:1rem;margin:0 0 .75rem}.admin-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;align-items:center}.admin-filters select{padding:.45rem .65rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:#0a0814a6;color:var(--fg);font-family:inherit}.admin-filters select option{background:#1a1730;color:var(--fg)}.admin-batch-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;border-radius:var(--radius);background:#0a081473;border:1px solid var(--glass-border)}.admin-toolbar{display:flex;flex-wrap:wrap;gap:.65rem 1rem;align-items:center;margin-bottom:.75rem;padding:.65rem .85rem;border-radius:var(--radius);background:#0a081473;border:1px solid var(--glass-border)}.admin-toolbar-batches{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center}.admin-toolbar-filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;flex:1;min-width:0;justify-content:flex-end}.admin-toolbar-filters select{padding:.45rem .65rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:#0a0814a6;color:var(--fg);font-family:inherit}.admin-toolbar-filters select option{background:#1a1730;color:var(--fg)}.admin-batch-group{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.admin-batch-label{font-size:.85rem;font-weight:700;color:var(--muted);min-width:5rem}.admin-badge-reviewed{background:#34d39933;color:var(--success)}.admin-badge-provider{background:#22d3ee26;color:var(--accent-cyan);text-transform:capitalize}.admin-puzzle-card--reviewed{border-color:#34d39973;box-shadow:0 0 0 1px #34d39926}.admin-puzzle-section{margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--glass-border)}.admin-puzzle-section-title{margin:0 0 .65rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.admin-puzzle-refetch{display:flex;flex-direction:column;gap:.65rem}.admin-puzzle-field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:500;color:var(--muted)}.admin-puzzle-field input,.admin-puzzle-field select{padding:.65rem .85rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:#0a08148c;color:var(--fg);font-family:inherit;font-size:.88rem}.admin-puzzle-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394A3B8' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.admin-puzzle-refetch-actions{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:end}.admin-puzzle-refetch-btn{white-space:nowrap;height:fit-content;align-self:end}.admin-form-row{display:grid;gap:.65rem}.admin-form-row--2{grid-template-columns:1fr 1fr}.admin-puzzle-save{width:100%;margin-top:.15rem}.admin-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.admin-puzzle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.admin-puzzles-layout{width:100%;min-width:0}.admin-puzzle-grid--dense{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}@media(max-width:1200px){.admin-puzzle-grid--dense{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.admin-puzzle-grid--dense{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.admin-puzzle-grid--dense{grid-template-columns:1fr}}.admin-puzzle-card--compact{padding:.65rem;min-width:0}.admin-puzzle-thumb-block{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem;min-width:0}.admin-puzzle-thumb-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem;min-width:0}.admin-puzzle-thumb{width:100%;height:216px;border-radius:8px;overflow:hidden;background:#0a0814;position:relative}.admin-puzzle-thumb img{width:100%;height:100%;object-fit:cover}.admin-puzzle-valid-btn{position:absolute;top:6px;right:6px;z-index:2;width:1.65rem;height:1.65rem;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:#0a08148c;color:transparent;font-size:.85rem;font-weight:800;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s ease,color .15s ease,border-color .15s ease}.admin-puzzle-valid-btn:hover:not(:disabled){background:#34d39940;border-color:var(--success)}.admin-puzzle-valid-btn.is-valid{background:#34d399eb;border-color:#fff;color:#0a0814}.admin-puzzle-valid-btn:disabled{opacity:.6;cursor:wait}.admin-zoom-strip{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;min-width:0}.admin-zoom-btn--compact{flex:0 0 1.65rem;width:1.65rem;height:1.65rem;padding:0;font-size:.68rem;font-weight:700;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.admin-puzzle-fields{display:flex;flex-direction:column;gap:.45rem;min-width:0}.admin-puzzle-field--compact{font-size:.72rem;gap:.2rem}.admin-puzzle-field--compact input,.admin-puzzle-field--compact select{padding:.45rem .55rem;font-size:.78rem;min-width:0;width:100%}.admin-puzzle-actions-stack{display:flex;flex-direction:column;gap:.35rem}.admin-puzzle-actions-stack .btn{width:100%;min-width:0}.admin-form-compact{display:flex;flex-direction:column;gap:.45rem}.admin-msg--compact{margin:.35rem 0 0;font-size:.75rem}.admin-puzzle-head{margin-bottom:.45rem}.admin-puzzle-head .admin-badge{font-size:.62rem;padding:.12rem .35rem}.admin-puzzle-num{font-size:.85rem}.live-crop-view{width:100%;height:100%;background-repeat:no-repeat;transform-origin:center center}.admin-play-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden;background:var(--bg-gradient)}.admin-play-preview .zoom-viewport{width:min(100%,min(42rem,calc(100dvh - 9rem)))}.admin-preview-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:640px;margin:0 auto}.admin-preview-actions .btn{flex:1 1 auto;min-width:7rem}.admin-preview-answer{margin:.65rem 0 0;text-align:center;font-size:.95rem;color:var(--muted)}.admin-preview-answer strong{color:var(--fg)}.admin-crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#080612d1;display:flex;align-items:center;justify-content:center;padding:1rem}.admin-crop-modal{width:min(720px,100%);max-height:92vh;overflow-y:auto;background:#1a1730;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1rem}.admin-crop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.admin-crop-head h2{margin:0;font-size:1.1rem}.admin-crop-close{border:none;background:transparent;color:var(--muted);font-size:1.5rem;cursor:pointer;line-height:1}.admin-crop-hint{margin:0 0 .65rem;font-size:.8rem;color:var(--muted)}.admin-crop-level-tabs{display:flex;gap:.35rem;margin-bottom:.65rem}.admin-crop-size-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem;margin-bottom:.65rem}.admin-crop-size-field{display:flex;flex-direction:column;gap:.2rem;font-size:.72rem;color:var(--muted)}.admin-crop-size-field input{width:5.5rem;padding:.4rem .5rem;border-radius:var(--radius);border:1px solid var(--glass-border);background:#0a08148c;color:var(--fg);font-family:inherit;font-size:.82rem}.admin-crop-size-hint{font-size:.72rem;color:var(--muted);padding-bottom:.35rem}.admin-crop-stage{position:relative;width:100%;border-radius:var(--radius);overflow:hidden;background:#0a0814;cursor:default;-webkit-user-select:none;user-select:none;touch-action:none}.admin-crop-stage img{display:block;width:100%;height:auto}.admin-crop-focal{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--accent);border:2px solid #fff;pointer-events:none;z-index:2}.admin-crop-rect{position:absolute;pointer-events:none}.admin-crop-rect--ghost{border:2px dashed;z-index:2}.admin-crop-rect--ghost-0{border-color:#a78bfae6;background:#8b5cf62e;z-index:2}.admin-crop-rect--ghost-1{border-color:#ff8c64e6;background:#ff6b4a29;z-index:3}.admin-crop-rect--ghost-2{border-color:#4ade80e6;background:#34d39924;z-index:4}.admin-crop-rect--ghost-3{border-color:#67e8f9e6;background:#22d3ee1f;z-index:5}.admin-crop-rect--active{border:2px solid var(--accent-cyan);box-shadow:0 0 0 9999px #00000073;cursor:move;pointer-events:auto;z-index:6}.admin-crop-rect--ghost .admin-crop-rect-label{opacity:.85}.admin-crop-rect-label{position:absolute;top:2px;left:4px;font-size:.65rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.admin-crop-handle{position:absolute;width:16px;height:16px;background:var(--accent-cyan);border:1px solid #fff;border-radius:2px;z-index:4}.admin-crop-handle--nw{left:-8px;top:-8px;cursor:nw-resize}.admin-crop-handle--ne{right:-8px;top:-8px;cursor:ne-resize}.admin-crop-handle--sw{left:-8px;bottom:-8px;cursor:sw-resize}.admin-crop-handle--se{right:-8px;bottom:-8px;cursor:se-resize}.admin-crop-previews{display:flex;gap:.5rem;margin:.75rem 0;overflow-x:auto}.admin-crop-preview{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.2rem;border:1px solid var(--glass-border);border-radius:6px;padding:.25rem;background:transparent;color:var(--muted);cursor:pointer;font-family:inherit;font-size:.68rem}.admin-crop-preview.active{border-color:var(--accent);color:var(--fg)}.admin-crop-preview-inner{width:52px;height:52px;border-radius:4px;background-color:#0a0814}.admin-crop-actions{display:flex;flex-wrap:wrap;gap:.5rem}.admin-puzzle-card{padding:1rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--glass-border);display:flex;flex-direction:column}.admin-puzzle-head{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-bottom:.75rem}.admin-puzzle-num{font-weight:800}.admin-puzzle-preview{margin-bottom:.75rem;border-radius:var(--radius);overflow:hidden;aspect-ratio:1;background:#0a0814}.admin-puzzle-preview img{width:100%;height:100%;object-fit:cover}.admin-zoom-levels{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.admin-zoom-btn{padding:.25rem .5rem;font-size:.72rem;border-radius:4px;border:1px solid var(--glass-border);background:transparent;color:var(--muted);cursor:pointer;font-family:inherit}.admin-zoom-btn.active{border-color:var(--accent);color:var(--fg)}.admin-form-inline{gap:.65rem}.admin-create-form{margin-bottom:1rem;padding:1.25rem;border-radius:var(--radius-lg);border:1px dashed var(--glass-border);background:#0a081459;display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.admin-create-field--full{grid-column:1 / -1}@media(max-width:520px){.admin-form-row--2,.admin-create-form,.admin-puzzle-refetch-actions{grid-template-columns:1fr}.admin-puzzle-refetch-btn{width:100%}}.locale-switcher{display:inline-flex;gap:.15rem;margin-right:.75rem}.locale-btn{padding:.2rem .45rem;font-size:.72rem;font-weight:700;border-radius:4px;border:1px solid var(--glass-border);background:transparent;color:var(--muted);cursor:pointer;font-family:inherit}.locale-btn.active{color:var(--fg);border-color:var(--accent-cyan)}.error{color:var(--danger);font-size:.9rem}.photo-attribution{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:.45rem .65rem;font-size:.68rem;font-weight:500;color:#f8fafceb;background:linear-gradient(transparent,#0a0814d1);text-decoration:none;text-align:center;line-height:1.3}.photo-attribution.compact{position:static;background:none;padding:0;font-size:.62rem;color:var(--muted);display:block;margin-top:.25rem}.photo-attribution:hover{color:var(--accent-cyan)}.like-btn{display:inline-flex;align-items:center;gap:.45rem;margin:.75rem auto;padding:.55rem 1rem;border-radius:999px;border:1px solid var(--glass-border);background:var(--surface);color:var(--fg);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer}.like-btn.liked{border-color:#ff6b4a80;background:#ff6b4a26;color:var(--accent)}.like-count{font-variant-numeric:tabular-nums;color:var(--muted)}.page.premium{display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem}.premium-card{width:min(420px,100%);text-align:center}.premium-price{font-size:2rem;font-weight:800;color:var(--accent);margin:.5rem 0 1rem}.premium-perks{text-align:left;margin:0 0 1.25rem;padding-left:1.25rem;color:var(--muted);line-height:1.6}.premium-consent{font-size:.75rem;color:var(--muted);margin-bottom:1rem;line-height:1.45}.premium-active{color:var(--success);font-weight:700;margin:.75rem 0}.premium-msg{margin-top:1rem;font-size:.9rem;color:var(--accent-cyan)}.premium-cta{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--glass-border)}.premium-cta p{color:var(--muted);margin-bottom:.75rem}.practice-badge{color:var(--accent-secondary)!important}.practice-score{font-size:1.25rem;font-weight:700;color:var(--success);margin:0}.practice-score .muted{font-size:.85rem;font-weight:500}.guest-hint{font-size:.9rem;margin:.25rem 0 .5rem}.practice-done{display:flex;flex-direction:column;gap:.65rem;align-items:center}.practice-actions{display:flex;gap:.65rem;width:100%;max-width:400px}.practice-actions .btn{flex:1}.page.gallery,.page.credits{max-width:720px;margin:0 auto;padding:1.5rem 1rem 2rem}.page.gallery h1,.page.credits h1{font-size:1.75rem;font-weight:800;margin:0 0 .25rem}.page.gallery .sub,.page.credits .sub{color:var(--muted);margin:0 0 1rem}.gallery-hint{font-size:.9rem;color:var(--muted);margin-bottom:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:1.25rem}.gallery-card{border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;background:var(--surface);padding:0;cursor:pointer;text-align:left;transition:transform .15s,box-shadow .2s}.gallery-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.gallery-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.gallery-card-thumb{position:relative;overflow:hidden}.gallery-card-thumb .photo-attribution.compact{position:absolute;left:0;right:0;bottom:0;z-index:2;margin-top:0;padding:.35rem .45rem;font-size:.58rem;color:#f8fafceb;background:linear-gradient(transparent,#0a0814d1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-credits{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--glass-border)}.top-credits-title{margin:0 0 .75rem;font-size:1.05rem;font-weight:700}.top-credits-list{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.35rem}.top-credits-list .photo-attribution{position:static;background:none;padding:0;font-size:.85rem;color:var(--muted);text-align:left}.gallery-card-meta{padding:.45rem .5rem .55rem}.gallery-likes{font-size:.8rem;font-weight:700;color:var(--accent)}.credits-list{list-style:none;padding:0;margin:1.5rem 0;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--glass-border);overflow:hidden}.credits-list li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.credits-list li:last-child{border-bottom:none}.credits-list a{color:var(--accent-cyan);font-weight:600;text-decoration:none}.credits-meta{font-size:.8rem;color:var(--muted);white-space:nowrap}.page.friends,.page.leagues,.page.arena-lobby,.page.arena-result{max-width:560px;margin:0 auto;padding:1.5rem 1rem 2rem}.friends-search{display:flex;gap:.5rem;margin:1rem 0}.friends-search input{flex:1}.friends-section{margin-top:1.5rem}.friends-section h2{font-size:1rem;font-weight:700;margin:0 0 .75rem;color:var(--muted)}.friends-list,.friends-results{list-style:none;padding:0;margin:0}.friends-list li,.friends-results li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.friends-actions{display:flex;gap:.5rem;flex-wrap:wrap}.arena-lobby-card{text-align:center}.arena-opponent{font-size:1.25rem;font-weight:700;margin:1rem 0}.arena-elo-delta{font-size:2rem;font-weight:800;color:var(--accent);margin:.5rem 0}.arena-round-badge{font-size:.85rem;font-weight:700;color:var(--accent-cyan)}.leagues-create,.leagues-join{margin:1rem 0;padding:1rem;border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--surface)}.leagues-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin:1rem 0}.league-puzzle-slot{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .5rem;border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--surface);text-decoration:none;color:inherit;transition:transform .15s}.league-puzzle-slot:hover:not(.is-done){transform:translateY(-2px)}.league-puzzle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin:1rem 0}.leagues-list{list-style:none;padding:0;margin:1.5rem 0 0}.leagues-list li{margin-bottom:.5rem}.league-card-link{display:flex;flex-direction:column;gap:.2rem;padding:.85rem 1rem;border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--surface);text-decoration:none;color:inherit;transition:transform .15s}.league-card-link:hover{transform:translateY(-2px)}.league-form{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.league-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600}.league-invite{margin:1rem 0;text-align:center}.invite-code{display:block;font-size:1.5rem;font-weight:800;letter-spacing:.15em;margin:.5rem 0;color:var(--accent-cyan)}.lb-list{list-style:none;padding:0;margin:0}.lb-list li{display:grid;grid-template-columns:2.5rem 1fr auto;gap:.5rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.lb-list li.me{background:#6366f11f;border-radius:var(--radius);padding-left:.35rem;padding-right:.35rem}.lb-list .pts{font-weight:700;color:var(--accent)}.arena-elo-big{font-size:2rem;font-weight:800;margin:.5rem 0;color:var(--accent)}.league-puzzle-slot.done{opacity:.65;pointer-events:none}.league-puzzle-num{font-size:1.25rem;font-weight:800}.leaderboard-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.9rem}.leaderboard-table th,.leaderboard-table td{padding:.5rem .4rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.leaderboard-table tr.is-me{background:#6366f11f}.muted{color:var(--muted);font-size:.9rem}.site-footer{flex-shrink:0;max-width:720px;margin:0 auto;padding:1.5rem 1rem 2.5rem;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.site-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin-bottom:.75rem}.site-footer-nav a{color:var(--muted);font-size:.85rem;text-decoration:none}.site-footer-nav a:hover{color:var(--accent-cyan)}.site-footer-copy{margin:0;font-size:.8rem;color:var(--muted)}.site-footer-copy a{color:var(--accent-cyan);text-decoration:none}.page.legal{max-width:720px;margin:0 auto;padding:1.5rem 1rem 2rem}.legal-article h1{font-size:1.75rem;font-weight:800;margin:.5rem 0 .25rem}.legal-lead{color:var(--muted);margin:0 0 1.5rem;font-size:.95rem}.legal-back{display:inline-block;margin-bottom:.5rem}.legal-article h2{font-size:1.1rem;font-weight:700;margin:1.5rem 0 .5rem}.legal-article p,.legal-article li{line-height:1.55;font-size:.95rem}.legal-article ul{padding-left:1.25rem;margin:.5rem 0 1rem}.legal-article a{color:var(--accent-cyan)}.legal-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.legal-table th,.legal-table td{padding:.6rem .5rem;text-align:left;border:1px solid var(--glass-border)}.legal-table th{background:var(--surface)}.premium-terms{display:flex;gap:.6rem;align-items:flex-start;text-align:left;font-size:.85rem;color:var(--muted);margin:1rem 0;cursor:pointer}.premium-terms input{margin-top:.2rem;flex-shrink:0}.premium-terms a{color:var(--accent-cyan)}.landing--marketing{justify-content:flex-start;padding-bottom:3rem}.landing--marketing .hero{max-width:420px}.landing-marketing{width:min(960px,100%);margin-top:2.5rem;text-align:left}.marketing-section{margin-bottom:2.5rem;padding:1.5rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--glass-border)}.marketing-intro{margin:0;font-size:1.05rem;line-height:1.65;color:var(--fg)}.marketing-heading{margin:0 0 1.25rem;font-size:1.35rem;font-weight:700;text-align:center}.marketing-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem}.marketing-steps li{display:flex;gap:1rem;align-items:flex-start}.marketing-step-num{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));font-weight:700;font-size:.9rem}.marketing-steps p{margin:.35rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.5}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.feature-card{display:block;padding:1.15rem;border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--glass-border);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--accent-cyan);transform:translateY(-2px)}.feature-card h3{margin:0 0 .5rem;font-size:1rem;font-weight:700;color:var(--accent-cyan)}.feature-card p{margin:0;font-size:.9rem;color:var(--muted);line-height:1.45}.compare-table{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:1rem}.compare-table th,.compare-table td{padding:.55rem .65rem;text-align:center;border:1px solid var(--glass-border)}.compare-table th:first-child,.compare-table td:first-child{text-align:left}.compare-table th{background:#ffffff0f}.marketing-compare-note{margin:0 0 1rem;font-size:.9rem;color:var(--muted);line-height:1.5}.faq-list{margin:0}.faq-item{padding:.85rem 0;border-bottom:1px solid var(--glass-border)}.faq-item:last-child{border-bottom:none}.faq-item dt{font-weight:600;margin-bottom:.35rem}.faq-item dd{margin:0;color:var(--muted);font-size:.95rem;line-height:1.5}.marketing-cta-band{text-align:center}.marketing-cta-band p{color:var(--muted);margin:0 0 1.25rem}.marketing-cta-band .cta-row{margin:0 auto}.page.marketing{padding:1.5rem 1.25rem 3rem}.marketing-article{max-width:720px;margin:0 auto}.marketing-article h1{font-size:2rem;font-weight:800;margin:.5rem 0 .75rem}.marketing-lead{font-size:1.15rem;color:var(--muted);line-height:1.5;margin:0 0 2rem}.marketing-article section{margin-bottom:2rem}.marketing-article h2{font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.marketing-article h3{font-size:1.05rem;font-weight:600;margin:1.25rem 0 .5rem;color:var(--accent-cyan)}.marketing-article p,.marketing-article li{line-height:1.65;color:var(--muted)}.marketing-article ul{padding-left:1.25rem;margin:.5rem 0 1rem}.marketing-cta-inline{padding:1.5rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--glass-border);text-align:center}.marketing-cta-inline .cta-row{justify-content:center;flex-direction:row;flex-wrap:wrap}@media(max-width:640px){.marketing-steps li{flex-direction:column;gap:.5rem}.feature-grid{grid-template-columns:1fr}.marketing-cta-inline .cta-row{flex-direction:column}}