.conic-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-bg);pointer-events:none;overflow:hidden;background:var(--bg)}.conic-bg__layer{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg at 50% 50%,hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .2),hsl(var(--co-1-h) var(--co-1-s) var(--co-1-l) / .12),hsl(var(--co-2-h) var(--co-2-s) var(--co-2-l) / .15),hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .2));filter:blur(60px);animation:conic-bg-rotate var(--dur-amb) linear infinite;will-change:transform}.conic-bg__grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 1   0 0 0 0 1   0 0 0 0 1   0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-repeat:repeat;background-size:160px 160px;opacity:.06;mix-blend-mode:overlay;pointer-events:none}:root[data-theme=light] .conic-bg__layer{opacity:.6}:root[data-theme=light] .conic-bg__grain{opacity:.04}@keyframes conic-bg-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.conic-bg__layer{animation:none}}.trackr-vinyl-spinner-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:0}.trackr-vinyl-spinner-wrap svg{display:block;filter:drop-shadow(0 0 12px var(--accent-glow)) drop-shadow(0 8px 22px var(--accent-soft))}.trackr-vinyl-disc{transform-origin:32px 32px;animation:trackr-vinyl-spin 2.4s linear infinite}@keyframes trackr-vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.trackr-reel-spin{animation:trackr-vinyl-spin 3.6s linear infinite}@media (prefers-reduced-motion: reduce){.trackr-vinyl-disc,.trackr-reel-spin{animation-duration:8s}}.hamburger-btn{position:fixed;top:calc(.85rem + env(safe-area-inset-top,0px));right:calc(1.5rem + env(safe-area-inset-right,0px));z-index:1000;width:48px;height:48px;padding:12px;background:color-mix(in srgb,var(--bg-2) 85%,transparent);border:1px solid var(--border);border-radius:var(--radius-2);cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;overflow:hidden;isolation:isolate;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease,transform .12s var(--ease-snap);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hamburger-btn:after{content:"";position:absolute;top:0;left:0;bottom:0;width:50%;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .4) 50%,transparent 100%);transform:translate(-120%);mix-blend-mode:overlay;pointer-events:none;z-index:0}.hamburger-btn>.hamburger-line{position:relative;z-index:1}.hamburger-btn:hover{border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.hamburger-btn:hover:after,.hamburger-btn:focus-visible:after{animation:y2kBevelSlide .85s var(--ease-out)}.hamburger-btn:active{transform:translateY(1px) scale(.95)}.hamburger-line{width:24px;height:2px;background:var(--text);border-radius:2px;transition:all .3s ease}.hamburger-btn.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;opacity:0;visibility:hidden;transition:all .3s ease}.menu-overlay.open{opacity:1;visibility:visible}.menu-drawer{position:fixed;top:0;right:0;width:280px;max-width:80vw;height:100vh;background:var(--bg-card);border-left:1px solid var(--border);z-index:999;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:-10px 0 40px #00000080}.menu-drawer.open{transform:translate(0)}.menu-header{padding:2rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem}.menu-logo{filter:drop-shadow(0 0 12px var(--accent-glow));flex-shrink:0}.menu-title{font-family:Quicksand,Nunito,sans-serif;font-size:1.5rem;font-weight:700;color:var(--accent);text-shadow:0 0 15px var(--accent-glow);letter-spacing:.1em}.menu-links{list-style:none;padding:1rem 0;margin:0}.menu-drawer.open .menu-links>li{opacity:0;animation:y2kStickerPeel .55s var(--ease-elastic) forwards;animation-delay:var(--menu-stagger, 0ms);transform-origin:top left}.menu-drawer.open .menu-links>li:nth-child(1){--menu-stagger: .14s}.menu-drawer.open .menu-links>li:nth-child(2){--menu-stagger: .2s}.menu-drawer.open .menu-links>li:nth-child(3){--menu-stagger: .26s}.menu-drawer.open .menu-links>li:nth-child(4){--menu-stagger: .32s}.menu-drawer.open .menu-links>li:nth-child(5){--menu-stagger: .38s}.menu-drawer.open .menu-links>li:nth-child(6){--menu-stagger: .44s}.menu-link{position:relative;display:block;padding:1rem 1.5rem;color:var(--text-muted);text-decoration:none;font-size:1.1rem;font-weight:500;text-transform:lowercase;letter-spacing:.08em;transition:color .2s ease,background-color .2s ease,border-left-color .2s ease;border-left:3px solid transparent;overflow:hidden;isolation:isolate}.menu-link:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(115deg,transparent 30%,hsl(var(--accent-h) 100% 85% / .45) 45%,hsl(var(--co-1-h) 100% 80% / .55) 50%,hsl(var(--co-2-h) 100% 85% / .45) 55%,transparent 70%);background-size:250% 100%;background-position:200% 50%;mix-blend-mode:screen;pointer-events:none;opacity:0;transition:opacity .2s var(--ease-out);z-index:0}.menu-link>*{position:relative;z-index:1}.menu-link:hover{color:var(--text);background:var(--accent-soft);border-left-color:var(--accent)}.menu-link:hover:after,.menu-link:focus-visible:after{opacity:1;animation:y2kHoloSweep .95s var(--ease-out)}.menu-link.active{color:var(--accent);background:var(--accent-soft);border-left-color:var(--accent)}@media (prefers-reduced-motion: reduce){.menu-drawer.open .menu-links>li{opacity:1;animation:none;transform:none}.menu-link:after{display:none}.hamburger-btn:after{display:none}}.menu-footer{margin-top:auto;padding:1rem 1.5rem 2rem;border-top:1px solid var(--border)}.theme-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem 1rem;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-2);color:var(--text);font-size:.95rem;letter-spacing:.08em;text-transform:lowercase;cursor:pointer;transition:border-color var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--glow-accent-sm);outline:none}.theme-toggle-icon{font-size:1.2rem;line-height:1;color:var(--accent);text-shadow:0 0 10px var(--accent-glow)}.theme-toggle-label{font-weight:600}@keyframes topBannerDrop{0%{opacity:0;transform:translateY(-100%)}60%{opacity:1;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.top-banner{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:.85rem;padding:.85rem 1.5rem;background:color-mix(in srgb,var(--bg) 70%,transparent);border:0;border-bottom:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;border-radius:0;box-shadow:none;letter-spacing:normal;font:inherit;color:inherit;text-align:left;overflow:hidden;isolation:isolate;transition:background .2s ease,border-bottom-color .2s ease;animation:topBannerDrop .7s var(--ease-snap) both}.top-banner:before{content:"";position:absolute;top:0;left:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .32) 50%,transparent 100%);transform:translate(-120%);mix-blend-mode:overlay;pointer-events:none;z-index:1}.top-banner>*{position:relative;z-index:2}.top-banner:hover,.top-banner:focus,.top-banner:focus-visible{background:color-mix(in srgb,var(--bg) 85%,transparent);border-bottom-color:var(--accent);box-shadow:none;outline:none}.top-banner:hover:before,.top-banner:focus-visible:before{animation:y2kBevelSlide 1.1s var(--ease-out)}.top-banner:active{background:color-mix(in srgb,var(--bg) 90%,transparent)}.top-banner-logo-wrap{display:inline-flex;align-items:center;flex-shrink:0;transform-origin:center}.top-banner-logo{display:block;filter:drop-shadow(0 0 14px var(--accent-glow)) drop-shadow(0 4px 12px var(--accent-soft));flex-shrink:0}.top-banner-title{font-family:Quicksand,Nunito,sans-serif;font-size:1.5rem;font-weight:700;text-transform:lowercase;letter-spacing:.1em;filter:drop-shadow(0 0 12px var(--accent-glow))}@media (prefers-reduced-motion: reduce){.top-banner{animation:none}.top-banner:before{display:none}}.error-boundary{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}.error-boundary-content{max-width:400px}.error-boundary h1{font-size:1.5rem;margin-bottom:1rem}.error-boundary p{color:var(--text-muted);margin-bottom:2rem}.chromatic-heading{position:relative;display:inline-block;font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);letter-spacing:.08em;background:linear-gradient(100deg,var(--accent) 0%,var(--accent-hover) 30%,hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) + 15%)) 50%,var(--accent-hover) 70%,var(--accent) 100%);background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 24px var(--accent-glow)}.chromatic-heading:before,.chromatic-heading:after{content:attr(data-text);position:absolute;top:0;left:0;right:0;pointer-events:none;mix-blend-mode:screen;background:none;-webkit-text-fill-color:currentColor;text-shadow:none}.chromatic-heading:before{color:var(--co-1);transform:translate3d(-2px,0,0);animation:chromatic-drift-1 5s var(--ease-in-out) infinite alternate}.chromatic-heading:after{color:var(--co-2);transform:translate3d(2px,0,0);animation:chromatic-drift-2 5s var(--ease-in-out) infinite alternate}.chromatic-heading--shimmer{animation:chromatic-shimmer 4s linear infinite}.chromatic-heading--hero{font-size:var(--text-hero)}@keyframes chromatic-drift-1{0%{transform:translate3d(-2px,0,0)}to{transform:translate3d(-3px,1px,0)}}@keyframes chromatic-drift-2{0%{transform:translate3d(2px,0,0)}to{transform:translate3d(3px,-1px,0)}}@keyframes chromatic-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.chromatic-heading,.chromatic-heading--shimmer{animation:none}.chromatic-heading:before,.chromatic-heading:after{animation:none}}.title-page{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:0;color:inherit;font:inherit;text-align:center;width:100%;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;padding:2rem;opacity:0;transition:opacity .8s ease;letter-spacing:normal;box-shadow:none}.title-page.visible{opacity:1}.title-page:hover,.title-page:focus,.title-page:focus-visible{background:none;border:0;box-shadow:none;outline:none}.title-page:focus-visible{outline:2px solid var(--accent);outline-offset:-8px;border-radius:var(--radius-sm)}.title-content{position:relative;isolation:isolate;text-align:center;opacity:0;animation:titleContentRise .8s var(--ease-out) .18s forwards;padding:2rem 1rem}@keyframes titleContentRise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title-headline{position:relative;display:flex;align-items:center;justify-content:center;gap:.5em;margin:0 0 .5rem}.title-sparkles{top:-2rem;right:-2rem;bottom:0;left:-2rem;z-index:0}.title-heart-wrap{position:relative;isolation:isolate;display:inline-flex;width:clamp(2rem,6vw,3rem);height:clamp(2rem,6vw,3rem);flex-shrink:0}.title-heart-wrap .y2k-halo{top:-18px;right:-18px;bottom:-18px;left:-18px}.title-heart{width:100%;height:100%;filter:drop-shadow(0 0 12px var(--accent-glow)) drop-shadow(0 0 24px var(--accent-glow));animation:heartGlow 3s ease-in-out infinite}.title-heart.y2k-wobble{animation:heartGlow 3s ease-in-out infinite,y2kWobble 4s var(--ease-in-out) infinite;transform-origin:center}.title-header{font-family:Quicksand,Nunito,sans-serif;font-size:clamp(2.75rem,8vw,4.5rem);font-weight:800;margin:0;color:var(--text);text-transform:lowercase;letter-spacing:.15em;position:relative;z-index:1}.title-header.y2k-chrome{background:linear-gradient(100deg,var(--accent) 0%,hsl(var(--accent-h) 100% 90%) 22%,var(--co-1) 45%,hsl(var(--co-2-h) 100% 88%) 68%,var(--accent) 100%);background-size:240% 100%;background-position:0 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.title-header.y2k-drop{animation:y2kDrop .7s var(--ease-snap) forwards,y2kChrome 5.5s var(--ease-in-out) .7s infinite;will-change:transform,opacity,filter,background-position}@keyframes heartGlow{0%,to{filter:drop-shadow(0 0 12px var(--accent-glow)) drop-shadow(0 0 24px var(--accent-glow))}50%{filter:drop-shadow(0 0 18px var(--accent)) drop-shadow(0 0 36px var(--accent-glow))}}.title-tagline{font-size:clamp(.9rem,2.5vw,1.1rem);color:var(--text-muted);margin:0 0 2.25rem;letter-spacing:.2em;text-transform:lowercase;--pop-delay: .6s}.title-cta{display:inline-block;font-size:1rem;font-weight:600;color:var(--accent);margin-top:2rem;padding:.4rem 1.25rem;border-radius:var(--radius-pill);letter-spacing:.2em;text-transform:lowercase;opacity:0;animation:fadeInOpacity .6s ease .9s forwards,ctaPulse 2s ease-in-out 1.5s infinite,ctaBevelSweep 5s var(--ease-out) 2s infinite;text-shadow:0 0 15px var(--accent-glow)}.title-cta.y2k-bevel:before{animation:y2kBevelSlide 1.1s var(--ease-out) 2.5s infinite;animation-delay:2.5s}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes ctaPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes ctaBevelSweep{0%,92%,to{filter:none}93%,99%{filter:brightness(1.15)}}.title-flare{position:absolute;pointer-events:none;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--flare-color, var(--accent)) 0%,transparent 60%);mix-blend-mode:screen;opacity:0;z-index:1}.title-flare--a{top:12%;left:8%;--flare-color: var(--accent)}.title-flare--b{top:28%;right:6%;--flare-color: var(--co-1)}.title-flare--c{bottom:8%;left:38%;--flare-color: var(--co-2)}.title-page:hover .title-flare--a,.title-page:focus-visible .title-flare--a{animation:y2kFlareBurst .9s var(--ease-out)}.title-page:hover .title-flare--b,.title-page:focus-visible .title-flare--b{animation:y2kFlareBurst 1s var(--ease-out) .12s}.title-page:hover .title-flare--c,.title-page:focus-visible .title-flare--c{animation:y2kFlareBurst 1.1s var(--ease-out) .22s}@media (prefers-reduced-motion: reduce){.title-content,.title-header.y2k-drop,.title-heart.y2k-wobble,.title-heart,.title-cta,.title-cta.y2k-bevel:before,.title-flare{animation:none!important;opacity:1!important;transform:none!important;filter:drop-shadow(0 0 12px var(--accent-glow)) drop-shadow(0 0 24px var(--accent-glow))}.title-flare{display:none!important}}.maintenance-page{cursor:default}.glow-card{--tilt-x: 0;--tilt-y: 0;position:relative;isolation:isolate;display:block;border-radius:var(--radius-3);padding:var(--space-5);background:var(--bg-2);color:var(--text);box-shadow:var(--elev-2),var(--card-inset);transform:perspective(900px) rotateX(calc(var(--tilt-y) * 8deg)) rotateY(calc(var(--tilt-x) * -8deg));transform-style:preserve-3d;transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out);will-change:transform}.glow-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;padding:1px;background:conic-gradient(from var(--glow-card-angle, 0deg) at 50% 50%,var(--accent),var(--co-1),var(--co-2),var(--accent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:glow-card-rotate 12s linear infinite;pointer-events:none}@property --glow-card-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.glow-card:hover,.glow-card:focus-within{box-shadow:var(--elev-3),var(--glow-accent-md),var(--card-inset)}@keyframes glow-card-rotate{0%{--glow-card-angle: 0deg}to{--glow-card-angle: 360deg}}@media (prefers-reduced-motion: reduce){.glow-card{transform:none}.glow-card:before{animation:none}}.mode-selection-page{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.mode-selection-content{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:760px;margin:0 auto;padding:1rem 0 0}.mode-sparkles{top:2rem;right:-1.5rem;bottom:-1.5rem;left:-1.5rem;z-index:0}.mode-subtitle{position:relative;z-index:1;font-family:Quicksand,Nunito,sans-serif;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:600;color:var(--text);margin:0 0 var(--space-6) 0;letter-spacing:.12em;text-transform:lowercase;--pop-delay: 60ms}.mode-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin:0;justify-content:center;width:100%}@media (max-width: 560px){.mode-grid{grid-template-columns:1fr}}.mode-card-slot{display:flex;flex-direction:column;min-width:0}.mode-card-slot>.mode-card{flex:1;width:100%}.mode-card{background:var(--bg-card);border:1px solid var(--border);padding:var(--space-6) var(--space-5);border-radius:var(--radius);cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;letter-spacing:normal;box-shadow:none;overflow:hidden;translate:0 0;transition:border-color .25s var(--ease-out),box-shadow .25s var(--ease-out),translate .25s var(--ease-snap)}.mode-card:focus,.mode-card:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.mode-card:hover,.mode-card:focus-visible{background:var(--bg-card);border-color:var(--accent);translate:0 -4px;box-shadow:var(--elev-3),var(--glow-accent-lg)}.mode-card-secondary:hover,.mode-card-secondary:focus-visible{border-color:var(--secondary);box-shadow:var(--elev-3),0 0 28px var(--secondary-glow)}.mode-icon{position:relative;z-index:1;font-size:2.4rem;margin-bottom:var(--space-1);color:var(--accent);text-shadow:0 0 14px var(--accent-glow);transition:transform .4s var(--ease-snap),color .2s var(--ease-out),text-shadow .25s var(--ease-out);transform-origin:center}.mode-icon.y2k-wobble{animation:y2kWobble 5.5s var(--ease-in-out) infinite}.mode-card:hover .mode-icon,.mode-card:focus-visible .mode-icon{transform:scale(1.18) rotate(8deg);animation:modeIconKick .6s var(--ease-snap);color:var(--accent-hover);text-shadow:0 0 22px var(--accent),0 0 44px var(--accent-glow)}@keyframes modeIconKick{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.28) rotate(14deg)}to{transform:scale(1.18) rotate(8deg)}}.mode-card h3{position:relative;z-index:1;font-family:Quicksand,Nunito,sans-serif;margin:0;font-size:1.2rem;font-weight:600;color:var(--text);text-transform:lowercase;letter-spacing:.08em;transition:color .2s var(--ease-out),text-shadow .2s var(--ease-out)}.mode-card:hover h3{color:var(--accent);text-shadow:0 0 10px var(--accent-glow)}.mode-card-secondary:hover h3{color:var(--secondary);text-shadow:0 0 10px var(--secondary-glow)}.mode-card p{position:relative;z-index:1;margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.4}@media (prefers-reduced-motion: reduce){.mode-icon,.mode-icon.y2k-wobble,.mode-card:hover .mode-icon,.mode-card:focus-visible .mode-icon{animation:none!important;transform:none!important}}.custom-playlist-page{position:relative;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;isolation:isolate}.custom-playlist-content{position:relative;text-align:center;max-width:500px;width:100%;z-index:1}.custom-logo-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:clamp(72px,14vw,112px);height:clamp(72px,14vw,112px);margin:0 auto .75rem;isolation:isolate}.custom-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 0 18px var(--accent-glow)) drop-shadow(0 8px 24px var(--accent-soft))}.custom-title{font-family:Quicksand,Nunito,sans-serif;font-size:clamp(2rem,8vw,3rem);font-weight:700;margin:0 0 .5rem;text-transform:lowercase;letter-spacing:.1em;filter:drop-shadow(0 0 14px var(--secondary-glow))}.custom-subtitle{font-size:1rem;color:var(--text-muted);margin:0 0 2rem;letter-spacing:.15em;text-transform:lowercase}.custom-form{--pop-delay: .15s;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);margin-bottom:0}.custom-form input{font-size:1rem;padding:1rem;transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-3) var(--ease-out),background-color var(--dur-2) var(--ease-out)}.custom-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--co-1-soft),0 0 18px var(--accent-glow),0 0 32px var(--co-2-soft)}.custom-option{display:flex;align-items:center;gap:.5rem;margin:1rem 0;cursor:pointer;color:var(--text-muted);font-size:.9rem;text-transform:lowercase}.custom-option input{margin:0;padding:0}.year-range-slider{display:flex;flex-direction:column;gap:1.1rem;padding:.25rem 0 .5rem;-webkit-user-select:none;user-select:none;touch-action:none}.year-range-track{position:relative;height:8px;margin:1.6rem 14px 0;background:var(--bg-input);border:1px solid var(--border);border-radius:999px;cursor:pointer}.year-range-fill{position:absolute;top:-1px;bottom:-1px;background:linear-gradient(90deg,var(--secondary),var(--accent));border-radius:999px;box-shadow:0 0 14px var(--accent-glow);pointer-events:none}.year-range-thumb{position:absolute;top:50%;width:26px;height:26px;margin:0 0 0 -13px;padding:0;background:var(--bg-card);border:2px solid var(--accent);border-radius:50%;cursor:grab;transform:translateY(-50%);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;box-shadow:0 0 0 4px transparent,var(--elev-2)}.year-range-thumb:hover,.year-range-thumb:focus-visible{border-color:var(--accent-hover);box-shadow:0 0 0 6px var(--accent-soft),var(--elev-2);outline:none;transform:translateY(-50%) scale(1.08)}.year-range-thumb.is-dragging{cursor:grabbing;border-color:var(--accent-hover);box-shadow:0 0 0 8px var(--accent-soft),var(--elev-3);transform:translateY(-50%) scale(1.12)}.year-range-thumb-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:.18rem .5rem;font-family:Quicksand,Nunito,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.08em;color:var(--text);background:var(--bg-card);border:1px solid var(--border-glow);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none}.year-range-scale{display:flex;justify-content:space-between;padding:0 4px;font-size:.72rem;letter-spacing:.12em;color:var(--text-muted)}.year-range-readout{display:flex;align-items:baseline;justify-content:center;gap:.85rem;padding:.85rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.year-range-readout-span{font-family:Quicksand,Nunito,sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:.06em;color:var(--text);text-shadow:0 0 10px var(--accent-glow)}.year-range-readout-meta{font-size:.78rem;letter-spacing:.12em;color:var(--text-muted)}@media (max-width: 480px){.year-range-thumb{width:30px;height:30px;margin-left:-15px}}.pack-picker{min-height:0;display:flex;flex-direction:column;align-items:center;padding:var(--space-5) var(--space-4) var(--space-6);animation:fadeIn .4s ease}.pack-picker-inner{width:100%;max-width:720px;display:flex;flex-direction:column;gap:2.25rem}.pack-picker-cols{display:grid;grid-template-columns:1fr;gap:var(--space-5);width:100%}@media (min-width: 1100px){.pack-picker-inner{max-width:100%}.pack-picker-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--space-6);align-items:stretch}.pack-picker-col--picks,.pack-picker-col--browse{display:flex;flex-direction:column;min-height:22rem}.pack-picker-col--picks .pack-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:6rem;gap:var(--space-3)}.pack-picker-col--browse .pack-browse-body{flex:1;justify-content:center}}@media (min-width: 1440px){.pack-picker-inner{max-width:1480px}.pack-picker-cols{gap:var(--space-7)}.pack-picker-col--picks .pack-grid{grid-auto-rows:6.5rem}}.pack-picker-head{text-align:center;display:flex;flex-direction:column;align-items:center}.pack-back-link{align-self:flex-start;background:transparent;border:none;color:var(--text-muted);font:inherit;font-size:.85rem;letter-spacing:.1em;cursor:pointer;padding:.4rem .6rem;margin:0 0 1.5rem -.6rem;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.pack-back-link:hover,.pack-back-link:focus-visible{color:var(--accent);background:var(--accent-soft);outline:none}.pack-picker-title{font-family:Quicksand,Nunito,sans-serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:.1em;margin:0 0 .5rem;text-transform:lowercase;text-shadow:0 0 14px var(--accent-glow)}.pack-picker-title.y2k-chrome{background:linear-gradient(100deg,var(--accent) 0%,hsl(var(--accent-h) 100% 90%) 22%,var(--co-1) 45%,hsl(var(--co-2-h) 100% 88%) 68%,var(--accent) 100%);background-size:240% 100%;background-position:0 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none}.pack-picker-title.y2k-chrome.y2k-pop{animation:y2kPop .62s var(--ease-punch) var(--pop-delay, 0ms) forwards,y2kChrome 5.5s var(--ease-in-out) infinite}.pack-picker-sub{color:var(--text-muted);letter-spacing:.18em;font-size:.85rem;margin:0}.pack-empty-state{padding:2rem 1.5rem;border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-secondary);text-align:center;display:flex;flex-direction:column;gap:.85rem;align-items:center;color:var(--text-muted)}.pack-empty-state p{margin:0}.pack-empty-state button.primary{min-width:140px}.pack-section{display:flex;flex-direction:column;gap:1rem;padding:1.2rem 1rem 1.25rem;background:radial-gradient(120% 80% at 0% 0%,var(--co-2-soft),transparent 65%),var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-inset)}.pack-section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;padding-bottom:.75rem;margin-bottom:.25rem;border-bottom:1px dashed var(--border)}.pack-section-title{font-family:Quicksand,Nunito,sans-serif;font-size:1.05rem;font-weight:600;letter-spacing:.18em;margin:0;color:var(--accent);text-shadow:0 0 10px var(--accent-glow);text-transform:lowercase}.pack-section-hint{font-size:.78rem;letter-spacing:.08em;color:var(--text-muted)}.pack-section-hero{padding:0;background:transparent;border:none;box-shadow:none}@media (max-width: 480px){.pack-section{padding:1rem .75rem 1.1rem}}.pack-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:2rem 2rem 1.85rem;width:100%;border-radius:var(--radius);border:1px solid var(--accent);background:radial-gradient(circle at 0% 0%,var(--accent-soft),transparent 55%),radial-gradient(circle at 100% 100%,var(--co-2-soft),transparent 55%),linear-gradient(135deg,var(--bg-3) 0%,var(--bg-2) 100%);box-shadow:0 0 0 1px var(--accent-soft),0 0 30px var(--accent-glow),var(--elev-3);color:var(--text);cursor:pointer;text-align:left;letter-spacing:normal;overflow:hidden;translate:0 0;transition:translate .22s var(--ease-snap),box-shadow .2s ease,border-color .2s ease}.pack-hero:hover,.pack-hero:focus-visible{translate:0 -3px;border-color:var(--accent-hover);box-shadow:0 0 0 1px var(--accent),0 0 40px var(--accent-glow),var(--elev-3);outline:none}.pack-hero-sparkles{z-index:0}.pack-hero-band-text,.pack-hero-band-cta{position:relative;z-index:1}.pack-hero-badge{display:inline-flex;align-items:center;align-self:flex-start;padding:.25rem .75rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.72rem;letter-spacing:.2em;text-transform:lowercase;border:1px solid var(--accent-soft)}.pack-hero-label{font-family:Quicksand,Nunito,sans-serif;font-size:clamp(1.4rem,4vw,1.85rem);font-weight:700;letter-spacing:.04em;text-transform:lowercase;line-height:1.2}.pack-hero-meta{font-size:.9rem;letter-spacing:.12em;color:var(--text-muted)}.pack-hero--band{padding:var(--space-5) var(--space-6);flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-5)}.pack-hero-band-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.pack-hero--band .pack-hero-label{font-size:clamp(1.3rem,2.5vw,1.6rem);line-height:1.2}.pack-hero-band-cta{flex-shrink:0;min-width:120px;padding:.75rem 1.6rem;font-size:1rem}@media (min-width: 1100px){.pack-hero--band{padding:var(--space-5) var(--space-6)}.pack-hero--band .pack-hero-label{font-size:clamp(1.5rem,2.2vw,1.85rem)}.pack-hero-band-cta{min-width:130px;padding:.8rem 1.75rem;font-size:1.02rem}}@media (max-width: 520px){.pack-hero--band{flex-direction:column;align-items:stretch;padding:var(--space-5) var(--space-5)}.pack-hero-band-cta{align-self:stretch}}.pack-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:5.5rem;gap:.75rem}@media (max-width: 720px){.pack-grid{grid-template-columns:repeat(2,1fr)}}.pack-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.2rem;padding:.75rem .85rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);text-align:left;letter-spacing:normal;cursor:pointer;overflow:hidden;translate:0 0;rotate:0deg;transition:translate .18s var(--ease-snap),rotate .18s var(--ease-snap),border-color .15s ease,box-shadow .15s ease}.pack-tile:hover,.pack-tile:focus-visible{translate:0 -2px;rotate:.3deg;border-color:var(--accent);box-shadow:var(--elev-3),0 0 18px var(--accent-glow);outline:none}.pack-tile-label{font-family:Quicksand,Nunito,sans-serif;font-weight:600;font-size:1rem;line-height:1.2;letter-spacing:.02em;text-transform:lowercase}.pack-tile-meta{font-size:.78rem;line-height:1.2;color:var(--text-muted);letter-spacing:.1em}.pack-tile-suggest{position:relative;background:transparent;border-style:dashed;border-color:var(--accent-soft);color:var(--text-muted);text-decoration:none;overflow:hidden}.pack-tile-suggest:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 100% 0%,var(--accent-soft),transparent 60%),radial-gradient(80% 60% at 0% 100%,var(--co-2-soft),transparent 70%);opacity:.85;pointer-events:none;transition:opacity .2s ease}.pack-tile-suggest:hover,.pack-tile-suggest:focus-visible{border-style:solid;border-color:var(--accent);color:var(--text)}.pack-tile-suggest:hover:before,.pack-tile-suggest:focus-visible:before{opacity:1}.pack-tile-suggest .pack-tile-label,.pack-tile-suggest .pack-tile-meta{position:relative;z-index:1}.pack-tile-suggest .pack-tile-label{color:var(--text)}.pack-tile-suggest-icon{position:relative;z-index:1;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;margin-bottom:0;border-radius:999px;border:1px solid var(--accent-soft);color:var(--accent);font-family:Quicksand,Nunito,sans-serif;font-size:1.05rem;font-weight:600;line-height:1;text-shadow:0 0 8px var(--accent-glow);transition:transform .2s ease,border-color .2s ease,background .2s ease}.pack-tile-suggest:hover .pack-tile-suggest-icon,.pack-tile-suggest:focus-visible .pack-tile-suggest-icon{transform:rotate(90deg) scale(1.1);border-color:var(--accent);background:var(--accent-soft)}.pack-tile-suggest .pack-tile-suggest-icon{animation:suggestIconBreathe 3.2s var(--ease-in-out) infinite}@keyframes suggestIconBreathe{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.04)}}.pack-tile-suggest:hover .pack-tile-suggest-icon,.pack-tile-suggest:focus-visible .pack-tile-suggest-icon{animation:none}.pack-tile-suggest-flare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;border-radius:inherit;background:radial-gradient(circle at 20% 30%,var(--co-1) 0%,transparent 45%),radial-gradient(circle at 80% 70%,var(--accent) 0%,transparent 50%);mix-blend-mode:screen;opacity:0}.pack-tile-suggest:hover .pack-tile-suggest-flare,.pack-tile-suggest:focus-visible .pack-tile-suggest-flare{animation:y2kFlareBurst .9s var(--ease-out)}.pack-year{display:flex;flex-direction:column;gap:1rem}.pack-year .pack-year-go{align-self:stretch;min-height:2.75rem}.pack-decade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.pack-decade-tile{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.1rem .75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);letter-spacing:normal;cursor:pointer;text-align:center;translate:0 0;rotate:0deg;transition:translate .18s var(--ease-snap),rotate .18s var(--ease-snap),border-color .15s ease,box-shadow .15s ease}.pack-decade-tile:hover,.pack-decade-tile:focus-visible{translate:0 -2px;rotate:.3deg;border-color:var(--accent);box-shadow:var(--elev-3),0 0 18px var(--accent-glow);outline:none}.pack-decade-label{font-family:Quicksand,Nunito,sans-serif;font-weight:700;font-size:1.6rem;line-height:1;letter-spacing:.04em;color:var(--accent);text-shadow:0 0 12px var(--accent-glow)}.pack-decade-label.y2k-chrome{background:linear-gradient(100deg,var(--accent) 0%,hsl(var(--accent-h) 100% 90%) 22%,var(--co-1) 45%,hsl(var(--co-2-h) 100% 88%) 68%,var(--accent) 100%);background-size:240% 100%;background-position:0 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none}.pack-decade-meta{font-size:.72rem;color:var(--text-muted);letter-spacing:.08em}.pack-month{display:flex;flex-direction:column;gap:1rem}.pack-month-year{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.7rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.pack-month-year-step{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:1.25rem;line-height:1;cursor:pointer;transition:transform .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.pack-month-year-step:hover:not(:disabled),.pack-month-year-step:focus-visible:not(:disabled){border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none;transform:scale(1.06)}.pack-month-year-step:disabled{opacity:.35;cursor:not-allowed}.pack-month-year-value{font-family:Quicksand,Nunito,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.08em;color:var(--text);text-shadow:0 0 12px var(--accent-glow);min-width:4.5rem;text-align:center}.pack-month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.pack-month-tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.7rem .4rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:.85rem;letter-spacing:.14em;text-transform:lowercase;cursor:pointer;translate:0 0;rotate:0deg;transition:translate .18s var(--ease-snap),rotate .18s var(--ease-snap),border-color .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease}.pack-month-tile:hover:not(:disabled),.pack-month-tile:focus-visible:not(:disabled){translate:0 -1px;rotate:.3deg;border-color:var(--accent);box-shadow:var(--elev-2),0 0 12px var(--accent-glow);outline:none}.pack-month-tile.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 14px var(--accent-glow)}.pack-month-tile:disabled{opacity:.25;cursor:not-allowed}.pack-month .pack-month-go{align-self:stretch;min-height:2.75rem}@media (max-width: 380px){.pack-month-grid{grid-template-columns:repeat(3,1fr)}}.pack-browse-tabs{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.pack-browse-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-input);border:1px solid var(--border);border-radius:999px;padding:.45rem 1rem;color:var(--text-muted);font:inherit;font-size:.82rem;letter-spacing:.14em;text-transform:lowercase;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.pack-browse-tab:hover,.pack-browse-tab:focus-visible{color:var(--text);border-color:var(--border-glow);outline:none}.pack-browse-tab.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 12px var(--accent-glow)}.pack-browse-body{display:flex;flex-direction:column;gap:1rem;animation:fadeIn .25s ease}.pack-now-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.pack-now-tile{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.1rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);letter-spacing:normal;cursor:pointer;text-align:center;translate:0 0;rotate:0deg;transition:translate .18s var(--ease-snap),rotate .18s var(--ease-snap),border-color .15s ease,box-shadow .15s ease}.pack-now-tile:hover,.pack-now-tile:focus-visible{translate:0 -2px;rotate:.3deg;border-color:var(--accent);box-shadow:var(--elev-3),0 0 18px var(--accent-glow);outline:none}.pack-now-tile.is-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent),0 0 18px var(--accent-glow)}.pack-now-tile.is-active .pack-now-label,.pack-now-tile.is-active .pack-now-meta{color:var(--accent)}.pack-now-flag{font-size:1.7rem;line-height:1}.pack-now-label{font-family:Quicksand,Nunito,sans-serif;font-weight:600;font-size:.95rem;letter-spacing:.05em;text-transform:lowercase}.pack-now-meta{font-size:.75rem;color:var(--text-muted);letter-spacing:.08em}.pack-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;padding:.7rem 2.5rem .7rem .85rem;background-color:var(--bg-input);background-image:linear-gradient(45deg,transparent 50%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 50%);background-position:calc(100% - 18px) center,calc(100% - 13px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;border:1px solid var(--border);color:var(--text);font:inherit;letter-spacing:.04em;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.pack-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.pack-loading,.pack-error{margin:auto 0;text-align:center;padding:4rem 1rem;color:var(--text-muted)}.pack-loading .loading-spinner{margin:0 auto 1rem}@media (prefers-reduced-motion: reduce){.pack-picker,.pack-browse-body,.pack-picker-title.y2k-chrome.y2k-pop,.pack-tile-suggest .pack-tile-suggest-icon,.pack-tile-suggest-flare{animation:none!important}.pack-tile:hover,.pack-tile:focus-visible,.pack-decade-tile:hover,.pack-decade-tile:focus-visible,.pack-now-tile:hover,.pack-now-tile:focus-visible,.pack-month-tile:hover:not(:disabled),.pack-month-tile:focus-visible:not(:disabled){transform:none!important}}.game-container{min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;--beat: 0}.game-container .card{width:100%;max-width:500px}.game-container .game-stats{gap:var(--space-4);margin-bottom:var(--space-3)}.game-card-stage{position:relative;isolation:isolate;overflow:hidden}.game-halo{top:-38px;right:-38px;bottom:-38px;left:-38px;background:radial-gradient(closest-side,hsl(var(--accent-h) 100% 70% / calc(.28 + var(--beat, 0) * .35)) 0%,hsl(var(--co-1-h) 100% 70% / calc(.18 + var(--beat, 0) * .25)) 45%,transparent 75%);filter:blur(calc(20px + var(--beat, 0) * 14px));animation:none;z-index:-1}.snippet-progress-bar--reactive{overflow:visible;transition:transform 80ms var(--ease-out);transform:scaleY(calc(1 + var(--beat, 0) * .18));transform-origin:center}.snippet-progress-bar--reactive .snippet-progress-fill{background:linear-gradient(90deg,var(--accent),var(--co-1) 55%,var(--co-2));box-shadow:0 0 calc(8px + var(--beat, 0) * 22px) var(--accent),0 0 calc(20px + var(--beat, 0) * 30px) var(--accent-glow);animation:y2kBarBloom .55s var(--ease-out)}.game-stat-punch{animation:gameStatPunch .45s var(--ease-punch);will-change:transform,text-shadow}@keyframes gameStatPunch{0%{transform:scale(.85);text-shadow:0 0 0 transparent}45%{transform:scale(1.22);text-shadow:0 0 12px var(--accent-glow),0 0 24px var(--accent-soft)}to{transform:scale(1);text-shadow:0 0 6px var(--accent-glow)}}.game-search-input-wrap{position:relative}.game-flare{top:-40px;right:-40px;bottom:-40px;left:-40px;width:auto;height:auto}.game-burst{top:0;right:0;bottom:0;left:0;z-index:4}.game-loading--y2k{position:relative;isolation:isolate;text-align:center;padding:3rem 1rem}@media (prefers-reduced-motion: reduce){.snippet-progress-bar--reactive{transform:none}.snippet-progress-bar--reactive .snippet-progress-fill{animation:none;box-shadow:0 0 10px var(--accent-glow)}.game-stat-punch{animation:none}.game-halo{display:none}}@media (min-width: 960px){.game-container .result-card{max-width:720px}}.game-loading{text-align:center;padding:3rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.game-loading p{color:var(--text-muted);font-size:1rem;text-transform:lowercase;letter-spacing:.1em}.game-search-wrap{position:relative}.game-search-input-wrap{position:relative;border-radius:var(--radius-sm);transition:box-shadow .2s ease,border-color .2s ease}.game-search-input-wrap:focus-within{box-shadow:0 0 0 1px var(--accent),0 0 15px var(--accent-glow);outline:none}.game-search-input-wrap input:focus{outline:none;border-color:var(--border);box-shadow:none}.game-search-input-wrap input.has-dropdown{border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom-color:transparent}.game-track-dropdown{position:relative;margin-top:-1px;background:var(--bg-input);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);text-align:left;max-height:240px;overflow:hidden;animation:dropdownIn .15s ease}.game-track-dropdown .track-list-scroll{max-height:220px;border:none;border-radius:0;background:transparent;padding-right:4px}.game-track-dropdown .track-list-scroll::-webkit-scrollbar{width:6px}.game-track-dropdown .track-list-scroll::-webkit-scrollbar-track{background:transparent;margin:4px 0}.game-track-dropdown .track-list-scroll::-webkit-scrollbar-thumb{background:var(--border-glow);border-radius:3px}@keyframes dropdownIn{0%{opacity:0}to{opacity:1}}.game-guesses{margin-top:1rem;padding:.75rem 1rem;background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border)}.game-guesses-label{display:block;font-size:.75rem;color:var(--text-muted);letter-spacing:.1em;margin-bottom:.5rem}.game-guesses-list{margin:0;padding-left:1.25rem;list-style:disc;font-size:.9rem}.game-guesses-list li{margin-bottom:.25rem}.game-guesses.result-guesses{margin-top:1rem;background:transparent;border:none;padding:0;display:flex;flex-direction:column;align-items:center}.game-guesses.result-guesses .game-guesses-label{text-align:center}.game-guesses.result-guesses .game-guesses-list{padding:0;margin:.25rem 0 0;list-style:none;text-align:center}.game-guesses.result-guesses .game-guesses-list li{margin-bottom:.2rem}.game-guesses.result-guesses .game-guesses-list li:before{content:"• ";margin-right:.35rem}.points-earned{font-size:1.5rem;font-weight:700;color:var(--accent);text-shadow:0 0 12px var(--accent-glow);margin:.25rem 0 .5rem;letter-spacing:.05em}.game-hints{margin-top:.75rem;padding:.75rem 1rem;background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left}.game-hints .hint-line{margin:.15rem 0;color:var(--text);font-size:.95rem}.game-hints .hint-label{color:var(--text-muted);text-transform:lowercase;letter-spacing:.04em;margin-right:.4rem}.game-container.page--fit{min-height:calc(100dvh - var(--banner-h));padding:var(--space-5) var(--space-4)}.daily-result{text-align:center}.daily-result.result-card{max-width:640px}@media (min-width: 720px){.daily-result.result-card{max-width:720px}}.daily-result-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);width:100%}.daily-result-left,.daily-result-right{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.daily-result-left>*,.daily-result-right>*{margin:0}@media (min-width: 720px){.daily-result-grid{grid-template-columns:1.1fr 1fr;gap:var(--space-5);align-items:center}.daily-result-left{align-items:flex-start;text-align:left}.daily-result-right{align-items:center}}.daily-date{color:var(--text-muted);letter-spacing:.1em;text-transform:lowercase;margin:.25rem 0;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.daily-date-glyph{filter:drop-shadow(0 0 6px var(--accent-glow));flex-shrink:0}.daily-share-grid{display:inline-flex;gap:.35rem;margin:var(--space-3) auto;padding:.5rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.daily-share-cell{font-size:1.6rem;line-height:1}.daily-countdown{color:var(--text-muted);font-size:.9rem;letter-spacing:.05em;margin:.5rem 0 0}.info-page{position:relative;padding:var(--space-6) var(--space-5);isolation:isolate}.info-content{position:relative;max-width:640px;width:100%;display:flex;flex-direction:column;gap:var(--space-5);z-index:1}.info-title{margin:0;text-align:center;font-size:clamp(2rem,7vw,2.75rem);letter-spacing:.1em;text-transform:lowercase}.info-subhead{margin:0;text-align:center;font-size:clamp(1.25rem,4vw,1.65rem);letter-spacing:.18em;text-transform:lowercase}.info-card{--pop-delay: 80ms;padding:var(--space-5);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-3);box-shadow:var(--elev-2),var(--card-inset);text-align:left}.info-faq{--pop-base: .18s;display:flex;flex-direction:column;gap:var(--space-2)}.info-card p{margin:0 0 var(--space-3) 0;color:var(--text);line-height:1.55}.info-list{margin:0;padding-left:var(--space-5);color:var(--text-muted);font-size:.95rem;line-height:1.55}.info-list li{margin-bottom:var(--space-1)}.info-list li:last-child{margin-bottom:0}.info-detail{position:relative;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-2);padding:0 var(--space-4);overflow:hidden;isolation:isolate;transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-3) var(--ease-out)}.info-detail:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(115deg,transparent 30%,hsl(var(--accent-h) 100% 85% / .4) 45%,hsl(var(--co-1-h) 100% 80% / .5) 50%,hsl(var(--co-2-h) 100% 85% / .4) 55%,transparent 70%);background-size:250% 100%;background-position:200% 50%;mix-blend-mode:screen;pointer-events:none;opacity:0;z-index:0;transition:opacity .2s var(--ease-out)}.info-detail>*{position:relative;z-index:1}.info-detail:hover,.info-detail[open]{border-color:var(--accent-soft);box-shadow:0 0 18px var(--accent-glow)}.info-detail:hover:before{opacity:1;animation:y2kHoloSweep 1s var(--ease-out)}.info-detail>summary{cursor:pointer;padding:var(--space-3) 0;font-weight:600;color:var(--accent);list-style:none;outline:none}.info-detail>summary::-webkit-details-marker{display:none}.info-detail>summary:after{content:"+";float:right;transition:transform var(--dur-2) var(--ease-out)}.info-detail[open]>summary:after{content:"−"}.info-detail>p{margin:0 0 var(--space-3) 0;color:var(--text-muted);font-size:.92rem;line-height:1.55}.info-foot{margin:0;text-align:center;font-size:.78rem;color:var(--text-faint);letter-spacing:.08em;opacity:.8}@media (max-width: 600px){.info-page{padding:var(--space-5) var(--space-4)}.info-card{padding:var(--space-4)}}.suggest-page{position:relative;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-5) var(--space-5);isolation:isolate}.suggest-content{position:relative;max-width:520px;width:100%;text-align:center;z-index:1}.suggest-logo-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:clamp(56px,10vw,80px);height:clamp(56px,10vw,80px);margin:0 auto 1rem;isolation:isolate}.suggest-logo-wrap .suggest-logo{margin:0}.suggest-logo{display:block;width:clamp(56px,10vw,80px);height:auto;margin:0 auto 1rem;filter:drop-shadow(0 0 18px var(--accent-glow)) drop-shadow(0 8px 24px var(--accent-soft))}.suggest-title{font-family:Quicksand,Nunito,sans-serif;font-size:clamp(1.75rem,6vw,2.5rem);font-weight:700;margin:0 0 .4rem;text-transform:lowercase;letter-spacing:.08em;filter:drop-shadow(0 0 14px var(--secondary-glow))}.suggest-subtitle{font-size:.95rem;color:var(--text-muted);margin:0 0 var(--space-4) 0;letter-spacing:.12em;text-transform:lowercase}.suggest-form{--pop-delay: .15s;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);text-align:left;display:flex;flex-direction:column;gap:var(--space-3)}.suggest-form .form-group{display:flex;flex-direction:column;gap:.4rem}.suggest-form label{font-size:.85rem;color:var(--text-muted);text-transform:lowercase;letter-spacing:.08em}.suggest-form label .optional{opacity:.6;font-size:.78rem;text-transform:lowercase}.suggest-form input,.suggest-form textarea{font-size:1rem;padding:.85rem 1rem;font-family:inherit}.suggest-form textarea{resize:vertical;min-height:64px}.suggest-hint{margin:0;font-size:.78rem;color:var(--text-muted);text-transform:lowercase;letter-spacing:.05em}.suggest-hint.warn{color:var(--accent)}.suggest-counter{margin:0;font-size:.72rem;color:var(--text-muted);text-align:right;letter-spacing:.04em}.suggest-captcha{display:flex;justify-content:center;min-height:65px}.suggest-form .error{color:var(--danger);font-size:.85rem;margin:0}.suggest-button-row{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.suggest-button-row button{flex:1;min-width:120px}.suggest-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-5);text-align:left;margin-bottom:var(--space-4)}.suggest-thanks p{margin:0;color:var(--text);line-height:1.55}:root{--hue-pink: 335;--hue-cyan: 188;--hue-violet: 268;--hue-amber: 38;--hue-lime: 140;--neon-pink: hsl(var(--hue-pink) 100% 68%);--neon-cyan: hsl(var(--hue-cyan) 100% 60%);--neon-violet: hsl(var(--hue-violet) 90% 70%);--accent-h: var(--hue-pink);--accent-s: 100%;--accent-l: 68%;--co-1-h: var(--hue-cyan);--co-1-s: 100%;--co-1-l: 60%;--co-2-h: var(--hue-violet);--co-2-s: 90%;--co-2-l: 70%;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--font-display: "Quicksand", "Nunito", system-ui, sans-serif;--font-body: "Quicksand", "Nunito", system-ui, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: clamp(1.75rem, 3.5vw, 2.25rem);--text-3xl: clamp(2rem, 5vw, 3rem);--text-hero: clamp(2.5rem, 6vw, 3.75rem);--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.5;--tracking-wide: .08em;--tracking-widest: .18em;--radius-1: 6px;--radius-2: 10px;--radius-3: 14px;--radius-4: 22px;--radius-pill: 999px;--radius: var(--radius-3);--radius-sm: var(--radius-2);--dur-1: .12s;--dur-2: .2s;--dur-3: .32s;--dur-4: .56s;--dur-5: .82s;--dur-amb: 18s;--ease-out: cubic-bezier(.2, .7, .25, 1);--ease-in-out: cubic-bezier(.6, 0, .3, 1);--ease-spring: cubic-bezier(.34, 1.45, .64, 1);--ease-punch: cubic-bezier(.16, 1.8, .4, 1);--ease-snap: cubic-bezier(.18, 1.25, .32, 1);--ease-kickstart: cubic-bezier(.7, 0, .2, 1.4);--ease-elastic: linear( 0, .218 2.1%, .862 6.5%, 1.114, 1.295 10.9%, 1.346, 1.37 12.8%, 1.373, 1.36 14.6%, 1.301 16.5%, 1.099 20.5%, 1.013 22.7%, .956 25%, .926 27.4%, .926 29.7%, .948 32.1%, 1.014 36.7%, 1.04, 1.043 41.6%, 1.024 45.6%, .99 49.5%, .957 53.5%, .965 60.6%, 1.001 71.3%, 1 );--banner-h: 4.5rem;--z-bg: -1;--z-base: 0;--z-card: 10;--z-banner: 100;--z-menu-overlay: 998;--z-menu-drawer: 999;--z-menu-trigger: 1000;--z-toast: 1100;--z-modal: 1200}:root,:root[data-theme=dark]{color-scheme:dark;--bg: hsl(265 35% 8%);--bg-1: hsl(265 30% 10%);--bg-2: hsl(265 28% 13%);--bg-3: hsl(265 24% 17%);--bg-input: hsl(265 22% 14%);--bg-elevated: hsl(265 22% 14%);--bg-secondary: var(--bg-1);--bg-card: var(--bg-2);--border: hsl(265 20% 25%);--border-glow: hsl(265 25% 35%);--border-strong: hsl(265 25% 35%);--text: hsl(300 35% 96%);--text-muted: hsl(280 18% 72%);--text-faint: hsl(280 14% 55%);--accent: hsl(var(--accent-h) var(--accent-s) var(--accent-l));--accent-soft: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .22);--accent-strong: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 12%));--accent-hover: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) + 6%));--accent-glow: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .32);--accent-contrast: hsl(265 35% 8%);--co-1: hsl(var(--co-1-h) var(--co-1-s) var(--co-1-l));--co-1-soft: hsl(var(--co-1-h) var(--co-1-s) var(--co-1-l) / .22);--co-2: hsl(var(--co-2-h) var(--co-2-s) var(--co-2-l));--co-2-soft: hsl(var(--co-2-h) var(--co-2-s) var(--co-2-l) / .22);--secondary: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 8%));--secondary-soft: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 8%) / .22);--secondary-glow: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 8%) / .32);--tertiary: var(--co-2);--tertiary-soft: var(--co-2-soft);--purple: var(--co-2);--purple-soft: var(--co-2-soft);--success: hsl(160 65% 55%);--success-soft: hsl(160 65% 55% / .22);--success-glow: hsl(160 65% 55% / .45);--danger: hsl(345 80% 62%);--danger-soft: hsl(345 80% 62% / .22);--danger-glow: hsl(345 80% 62% / .45);--warn: hsl(38 95% 60%);--warn-soft: hsl(38 95% 60% / .22);--warn-glow: hsl(38 95% 60% / .45);--elev-1: 0 1px 2px rgb(0 0 0 / .3);--elev-2: 0 4px 16px rgb(0 0 0 / .35);--elev-3: 0 12px 40px rgb(0 0 0 / .45);--glow-accent-sm: 0 0 10px var(--accent-glow);--glow-accent-md: 0 0 18px var(--accent-glow);--glow-accent-lg: 0 0 32px var(--accent-glow), 0 0 56px var(--accent-soft);--card-inset: inset 0 1px 0 rgb(255 255 255 / .04)}:root[data-theme=light]{color-scheme:light;--accent-l: 55%;--bg: hsl(310 50% 98%);--bg-1: hsl(310 40% 96%);--bg-2: hsl(310 30% 93%);--bg-3: #ffffff;--bg-input: #ffffff;--bg-elevated: #ffffff;--bg-secondary: var(--bg-1);--bg-card: var(--bg-2);--border: hsl(280 30% 85%);--border-glow: hsl(280 35% 75%);--border-strong: hsl(280 35% 70%);--text: hsl(265 35% 12%);--text-muted: hsl(265 25% 32%);--text-faint: hsl(265 18% 50%);--accent: hsl(var(--accent-h) var(--accent-s) var(--accent-l));--accent-soft: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .15);--accent-strong: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 10%));--accent-hover: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 6%));--accent-glow: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .25);--accent-contrast: #ffffff;--co-1: hsl(var(--co-1-h) var(--co-1-s) 45%);--co-1-soft: hsl(var(--co-1-h) var(--co-1-s) 45% / .15);--co-2: hsl(var(--co-2-h) var(--co-2-s) 58%);--co-2-soft: hsl(var(--co-2-h) var(--co-2-s) 58% / .15);--secondary: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 8%));--secondary-soft: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 8%) / .15);--secondary-glow: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 8%) / .25);--tertiary: var(--co-2);--tertiary-soft: var(--co-2-soft);--purple: var(--co-2);--purple-soft: var(--co-2-soft);--success: hsl(160 55% 38%);--success-soft: hsl(160 55% 38% / .15);--success-glow: hsl(160 55% 38% / .3);--danger: hsl(345 75% 50%);--danger-soft: hsl(345 75% 50% / .15);--danger-glow: hsl(345 75% 50% / .3);--warn: hsl(38 90% 48%);--warn-soft: hsl(38 90% 48% / .15);--warn-glow: hsl(38 90% 48% / .3);--elev-1: 0 1px 2px rgb(60 30 60 / .08);--elev-2: 0 4px 16px rgb(60 30 60 / .1);--elev-3: 0 12px 40px rgb(60 30 60 / .16);--glow-accent-sm: 0 0 8px var(--accent-glow);--glow-accent-md: 0 0 14px var(--accent-glow);--glow-accent-lg: 0 0 24px var(--accent-glow), 0 0 44px var(--accent-soft);--card-inset: inset 0 1px 0 rgb(255 255 255 / .6)}*{box-sizing:border-box}html{font-family:var(--font-body);line-height:var(--leading-normal);font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100dvh;background:var(--bg);color:var(--text);overflow-x:hidden;text-transform:lowercase;transition:background-color var(--dur-4) var(--ease-in-out),color var(--dur-4) var(--ease-in-out)}body *{text-transform:inherit}#root{max-width:1640px;margin:0 auto;padding:var(--space-6);text-align:center;width:100%;position:relative;z-index:var(--z-base)}body.has-top-banner #root{padding-top:calc(var(--space-6) + 4.5rem)}h1{font-family:var(--font-display);font-size:var(--text-hero);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-2);color:var(--text);letter-spacing:.1em;text-shadow:0 0 18px var(--accent-glow)}h2{font-family:var(--font-display);font-weight:600;color:var(--text);letter-spacing:.05em}h3{font-family:var(--font-display);font-weight:500;color:var(--text-muted);letter-spacing:.05em}.tagline{font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-6);letter-spacing:var(--tracking-widest)}a{color:var(--accent);text-decoration:none;transition:color var(--dur-2) var(--ease-out),text-shadow var(--dur-2) var(--ease-out)}a:hover{color:var(--accent-hover);text-shadow:0 0 10px var(--accent-glow)}:where(button,a,.glow-card,.holo-tile,.card,input,select,textarea){transition:color var(--dur-3) var(--ease-out),border-color var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out),background-color var(--dur-3) var(--ease-out)}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-1)}.error{color:var(--danger);margin:var(--space-4) 0;text-shadow:0 0 10px var(--danger-glow)}.success{color:var(--success);margin:var(--space-4) 0;text-shadow:0 0 10px var(--success-glow)}.info{color:var(--text-muted);margin:var(--space-4) 0;font-size:.95em}.info code{background:var(--bg-input);padding:.1em .4em;border-radius:4px;font-size:.9em;color:var(--accent);font-family:var(--font-mono)}.hidden-player{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;pointer-events:none;opacity:0}.page{min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.page-content{width:100%;max-width:600px}.page--fit{min-height:calc(100dvh - var(--banner-h, 0px));display:flex;flex-direction:column;justify-content:center;align-items:center}body.has-top-banner .page--fit{min-height:calc(100dvh - var(--banner-h))}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,to{text-shadow:0 0 10px var(--accent-glow),0 0 20px var(--accent-glow),0 0 40px var(--accent-soft)}50%{text-shadow:0 0 15px var(--accent-glow),0 0 30px var(--accent-glow),0 0 60px var(--accent-soft)}}@keyframes conicSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes chromaticDrift{0%,to{transform:translateZ(0)}50%{transform:translate3d(1px,-1px,0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes y2kPop{0%{opacity:0;transform:translateY(18px) scale(.86);filter:blur(6px)}55%{opacity:1;transform:translateY(-4px) scale(1.04);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes y2kDrop{0%{opacity:0;transform:perspective(900px) rotateX(14deg) translateY(-30px) scale(.94);filter:blur(10px) saturate(140%)}60%{opacity:1;transform:perspective(900px) rotateX(-2deg) translateY(2px) scale(1.01);filter:blur(0) saturate(120%)}to{opacity:1;transform:perspective(900px) rotateX(0) translateY(0) scale(1);filter:blur(0) saturate(100%)}}@keyframes y2kStickerPeel{0%{opacity:0;transform:rotate(-9deg) translate(-12px,-16px) scale(.7)}60%{opacity:1;transform:rotate(3deg) translate(2px,1px) scale(1.05)}to{opacity:1;transform:rotate(0) translate(0) scale(1)}}@keyframes y2kHoloSweep{0%{background-position:200% 50%;opacity:0}20%{opacity:1}80%{opacity:1}to{background-position:-100% 50%;opacity:0}}@keyframes y2kChrome{0%{background-position:0% 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(15deg)}to{background-position:0% 50%;filter:hue-rotate(0deg)}}@keyframes y2kFlareBurst{0%{opacity:0;transform:scale(.4) rotate(0)}30%{opacity:1}to{opacity:0;transform:scale(2.2) rotate(60deg)}}@keyframes y2kTwinkle{0%,to{opacity:0;transform:scale(0) rotate(0)}40%{opacity:1;transform:scale(1) rotate(60deg)}60%{opacity:1;transform:scale(1.1) rotate(120deg)}}@keyframes y2kConfettiRise{0%{opacity:0;transform:translate(0) rotate(0) scale(.5)}10%{opacity:1}to{opacity:0;transform:translate(var(--cx, 40px),var(--cy, -180px)) rotate(var(--cr, 540deg)) scale(1)}}@keyframes y2kScanline{0%{transform:translateY(-110%);opacity:0}20%{opacity:.9}80%{opacity:.9}to{transform:translateY(110%);opacity:0}}@keyframes y2kBeat{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:1}}@keyframes y2kBreathe{0%,to{opacity:.55;filter:blur(18px)}50%{opacity:1;filter:blur(26px)}}@keyframes y2kGlitchPunch{0%{transform:translate(0);filter:hue-rotate(0deg)}15%{transform:translate(-4px,1px);filter:hue-rotate(20deg)}30%{transform:translate(3px,-1px);filter:hue-rotate(-15deg)}45%{transform:translate(-2px);filter:hue-rotate(10deg)}60%{transform:translate(2px,1px);filter:hue-rotate(-5deg)}to{transform:translate(0);filter:hue-rotate(0deg)}}@keyframes y2kChromaticPunch{0%{text-shadow:0 0 0 var(--co-1),0 0 0 var(--co-2)}40%{text-shadow:-8px 0 0 var(--co-1),8px 0 0 var(--co-2)}to{text-shadow:0 0 0 var(--co-1),0 0 0 var(--co-2)}}@keyframes y2kMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes y2kShutterOpen{0%{clip-path:inset(50% 50% 50% 50% round 999px);opacity:.3}to{clip-path:inset(0 0 0 0 round 0);opacity:1}}@keyframes y2kBarBloom{0%{box-shadow:0 0 6px var(--accent-glow)}50%{box-shadow:0 0 18px var(--accent),0 0 36px var(--accent-glow)}to{box-shadow:0 0 6px var(--accent-glow)}}@keyframes y2kAuraSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes y2kWobble{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes y2kBevelSlide{0%{transform:translate(-120%)}to{transform:translate(220%)}}@keyframes y2kChipPlant{0%{opacity:0;transform:translate(-10px) scale(.7)}70%{opacity:1;transform:translate(2px) scale(1.08)}to{opacity:1;transform:translate(0) scale(1)}}.y2k-pop{opacity:0;animation:y2kPop .62s var(--ease-punch) forwards;animation-delay:var(--pop-delay, 0ms);will-change:transform,opacity,filter}.y2k-drop{opacity:0;animation:y2kDrop .7s var(--ease-snap) forwards;animation-delay:var(--pop-delay, 0ms);will-change:transform,opacity,filter}.y2k-sticker{opacity:0;animation:y2kStickerPeel .7s var(--ease-elastic) forwards;animation-delay:var(--pop-delay, 0ms);transform-origin:top left;will-change:transform,opacity}.y2k-chip-plant{opacity:0;animation:y2kChipPlant .55s var(--ease-punch) forwards;animation-delay:var(--pop-delay, 0ms)}.y2k-sheen{position:relative;isolation:isolate;overflow:hidden}.y2k-sheen:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(115deg,transparent 30%,hsl(var(--accent-h) 100% 85% / .45) 45%,hsl(var(--co-1-h) 100% 80% / .55) 50%,hsl(var(--co-2-h) 100% 85% / .45) 55%,transparent 70%);background-size:250% 100%;background-position:200% 50%;mix-blend-mode:screen;pointer-events:none;opacity:0;z-index:2;transition:opacity .2s var(--ease-out)}.y2k-sheen:hover:after,.y2k-sheen:focus-visible:after{opacity:1;animation:y2kHoloSweep .95s var(--ease-out)}.y2k-chrome{background:linear-gradient(100deg,var(--accent) 0%,hsl(var(--accent-h) 100% 82%) 25%,var(--co-1) 50%,hsl(var(--co-2-h) 90% 76%) 75%,var(--accent) 100%);background-size:220% 100%;background-position:0 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 12px var(--accent-glow));animation:y2kChrome 5.5s var(--ease-in-out) infinite}:root[data-theme=light] .y2k-chrome{background:linear-gradient(100deg,var(--accent-strong) 0%,hsl(var(--accent-h) 90% 48%) 25%,hsl(var(--co-1-h) 90% 38%) 50%,hsl(var(--co-2-h) 80% 50%) 75%,var(--accent-strong) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px var(--accent-soft))}.y2k-flare{position:absolute;pointer-events:none;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--flare-color, var(--accent)) 0%,transparent 60%);mix-blend-mode:screen;opacity:0;z-index:1}.y2k-flare--burst{animation:y2kFlareBurst .9s var(--ease-out) forwards}.y2k-press{transition:scale .12s var(--ease-snap),translate .12s var(--ease-snap),filter .18s var(--ease-out),box-shadow .18s var(--ease-out)}.y2k-press:active{scale:.97;translate:0 1px;filter:brightness(1.15)}.y2k-wobble{animation:y2kWobble 4s var(--ease-in-out) infinite;transform-origin:center}.y2k-reactive{--beat: .4;transform:scale(calc(1 + var(--beat) * .06));transition:transform 80ms var(--ease-out)}.y2k-halo{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;border-radius:inherit;background:radial-gradient(closest-side,var(--accent-soft),transparent 70%);filter:blur(22px);z-index:-1;pointer-events:none;animation:y2kBreathe 4.5s var(--ease-in-out) infinite}.y2k-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:2}.y2k-scan:before{content:"";position:absolute;left:0;right:0;top:0;height:12%;background:linear-gradient(180deg,transparent 0%,hsl(var(--co-1-h) 100% 85% / .6) 50%,transparent 100%);mix-blend-mode:screen;animation:y2kScanline 1.6s var(--ease-in-out) forwards}.y2k-glitch{animation:y2kGlitchPunch .45s var(--ease-in-out)}.y2k-chromatic-punch{animation:y2kChromaticPunch .5s var(--ease-out)}.y2k-marquee{overflow:hidden;display:inline-flex;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}.y2k-marquee>*{display:inline-flex;gap:1.5em;white-space:nowrap;animation:y2kMarquee 16s linear infinite;flex-shrink:0}.y2k-bevel{position:relative;overflow:hidden;isolation:isolate}.y2k-bevel:before{content:"";position:absolute;top:0;left:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .55) 50%,transparent 100%);transform:translate(-120%);mix-blend-mode:overlay;pointer-events:none;z-index:2}.y2k-bevel:hover:before,.y2k-bevel:focus-visible:before{animation:y2kBevelSlide .9s var(--ease-out)}.y2k-sparkle-field{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:visible}.y2k-sparkle{position:absolute;width:var(--sp-size, 8px);height:var(--sp-size, 8px);top:var(--sp-top, 50%);left:var(--sp-left, 50%);background:radial-gradient(circle,var(--accent) 0%,transparent 70%),radial-gradient(circle,var(--co-1) 0%,transparent 70%);filter:drop-shadow(0 0 6px var(--accent-glow));opacity:0;animation:y2kTwinkle var(--sp-dur, 2.4s) var(--ease-out) infinite;animation-delay:var(--sp-delay, 0ms)}.y2k-sparkle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg,transparent 0deg,var(--accent) 45deg,transparent 90deg,var(--co-1) 135deg,transparent 180deg,var(--co-2) 225deg,transparent 270deg,var(--accent) 315deg,transparent 360deg);filter:blur(.5px);border-radius:50%;mask:radial-gradient(circle,#000 30%,transparent 60%)}.y2k-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:4}.y2k-burst-piece{position:absolute;top:50%;left:50%;width:14px;height:14px;background:radial-gradient(circle,var(--accent),transparent 75%),radial-gradient(circle,var(--co-1),transparent 75%);filter:drop-shadow(0 0 8px var(--accent-glow));border-radius:2px;opacity:0;animation:y2kConfettiRise 1.4s var(--ease-out) forwards;animation-delay:var(--cd, 0ms)}.animate-fade-in{animation:fadeIn .5s var(--ease-out) forwards}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out) forwards}.animate-glow-pulse{animation:glowPulse 3s var(--ease-in-out) infinite}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.y2k-cascade>*:nth-child(1){--pop-delay: calc(var(--pop-base, 0ms) + 0ms)}.y2k-cascade>*:nth-child(2){--pop-delay: calc(var(--pop-base, 0ms) + 60ms)}.y2k-cascade>*:nth-child(3){--pop-delay: calc(var(--pop-base, 0ms) + .12s)}.y2k-cascade>*:nth-child(4){--pop-delay: calc(var(--pop-base, 0ms) + .18s)}.y2k-cascade>*:nth-child(5){--pop-delay: calc(var(--pop-base, 0ms) + .24s)}.y2k-cascade>*:nth-child(6){--pop-delay: calc(var(--pop-base, 0ms) + .3s)}.y2k-cascade>*:nth-child(7){--pop-delay: calc(var(--pop-base, 0ms) + .36s)}.y2k-cascade>*:nth-child(8){--pop-delay: calc(var(--pop-base, 0ms) + .42s)}.y2k-cascade>*:nth-child(9){--pop-delay: calc(var(--pop-base, 0ms) + .48s)}.y2k-cascade>*:nth-child(10){--pop-delay: calc(var(--pop-base, 0ms) + .54s)}.y2k-cascade>*:nth-child(11){--pop-delay: calc(var(--pop-base, 0ms) + .6s)}.y2k-cascade>*:nth-child(12){--pop-delay: calc(var(--pop-base, 0ms) + .66s)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.conic-bg,.conic-bg:before,.conic-bg:after{animation:none!important}.chromatic-heading:before,.chromatic-heading:after{display:none!important}.glow-card{transform:none!important}.y2k-pop,.y2k-drop,.y2k-sticker,.y2k-chip-plant{opacity:1!important;transform:none!important;filter:none!important}.y2k-sparkle-field,.y2k-burst,.y2k-halo,.y2k-scan{display:none!important}.y2k-reactive{transform:none!important}}button{border-radius:var(--radius-2);border:1px solid var(--border);padding:.7em 1.4em;font-size:1em;font-weight:600;font-family:inherit;background:var(--bg-input);color:var(--text);cursor:pointer;transition:color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out);letter-spacing:var(--tracking-wide)}button:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--glow-accent-sm)}button:focus,button:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}button:disabled{opacity:.4;cursor:not-allowed}button.primary,.btn-gradient{position:relative;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 50%,var(--co-2) 100%);background-size:200% 200%;background-position:0% 50%;border:none;color:var(--accent-contrast);font-weight:700;box-shadow:var(--glow-accent-md);overflow:hidden;isolation:isolate}button.primary:after,.btn-gradient:after{content:"";position:absolute;top:0;left:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .55) 50%,transparent 100%);transform:translate(-120%);mix-blend-mode:overlay;pointer-events:none;z-index:1}button.primary>*,.btn-gradient>*{position:relative;z-index:2}button.primary:hover,.btn-gradient:hover{background-position:100% 50%;box-shadow:var(--glow-accent-lg);transform:translateY(-1px)}button.primary:hover:after,button.primary:focus-visible:after,.btn-gradient:hover:after,.btn-gradient:focus-visible:after{animation:y2kBevelSlide .9s var(--ease-out)}button.primary:active,.btn-gradient:active{transform:translateY(2px) scale(.97);box-shadow:var(--glow-accent-sm)}button.secondary{background:linear-gradient(135deg,var(--co-2),var(--accent-strong));border:none;color:var(--accent-contrast);font-weight:700;box-shadow:0 0 20px var(--co-2-soft)}button.secondary:hover{background:linear-gradient(135deg,var(--accent),var(--co-2));box-shadow:0 0 30px var(--accent-glow);transform:translateY(-1px)}button.danger{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}button.danger:hover{background:var(--danger);color:var(--accent-contrast);box-shadow:0 0 20px var(--danger-glow)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}input[type=text],input[type=password],input[type=email],input[type=url],input[type=number],input[type=search],textarea,select,.input{border-radius:var(--radius-2);border:1px solid var(--border);padding:.7em 1em;font-size:1em;font-family:inherit;background:var(--bg-input);color:var(--text);width:100%;transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out)}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus,select:focus,.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.7}input[type=range]{width:200px;cursor:pointer;accent-color:var(--accent)}label{display:block;text-align:left;margin-bottom:var(--space-2);font-weight:600;color:var(--text-muted);font-size:.85em;letter-spacing:.1em}.form-group{margin-bottom:1.25rem}.button-group{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.card{padding:var(--space-5);border-radius:var(--radius-3);background:var(--bg-2);border:1px solid var(--border);margin:var(--space-4) 0;box-shadow:var(--elev-2),var(--card-inset);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-card{padding:var(--space-6);border-radius:var(--radius-3);margin:var(--space-4) 0;border-width:2px;border-style:solid;width:100%;max-width:500px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center}.result-card>*{max-width:100%}.result-card.correct{background:var(--success-soft);border-color:var(--success);box-shadow:0 0 30px var(--success-glow)}.result-card.lost{background:var(--danger-soft);border-color:var(--danger);box-shadow:0 0 30px var(--danger-glow)}.holo-tile{position:relative;padding:var(--space-3) var(--space-3);border-radius:var(--radius-2);background:var(--bg-2);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:center;overflow:hidden;isolation:isolate;transition:transform var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.holo-tile:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,transparent 0%,var(--accent) 30%,var(--co-1) 50%,var(--co-2) 70%,transparent 100%);background-size:200% 200%;background-position:0% 50%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--dur-3) var(--ease-out),background-position var(--dur-4) var(--ease-out);pointer-events:none;z-index:0}.holo-tile>*{position:relative;z-index:1}.holo-tile:hover,.holo-tile:focus-visible{border-color:transparent;transform:translateY(-2px);box-shadow:var(--glow-accent-sm),var(--elev-2)}.holo-tile:hover:before,.holo-tile:focus-visible:before{opacity:1;background-position:100% 50%}.track-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:.5rem 0;color:var(--text)}.track-artist{font-size:1.1rem;color:var(--text-muted);margin:.5rem 0 1rem}.ladder-info{color:var(--text-muted);font-size:.9rem;margin:.5rem 0}.snippet-time{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600;color:var(--accent);margin:.5rem 0;text-shadow:0 0 15px var(--accent-glow)}.snippet-progress-bar{position:relative;width:100%;height:10px;background:var(--bg-elevated);border-radius:5px;overflow:visible;margin:1rem 0;border:1px solid var(--border)}.snippet-progress-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--accent),var(--co-2));border-radius:5px 0 0 5px;transition:width .1s linear;box-shadow:0 0 10px var(--accent-glow)}.snippet-progress-segment{position:absolute;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:#ffffff4d;pointer-events:none;z-index:1}.track-list{margin-top:1rem;text-align:left}.track-list-scroll{max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-2);background:var(--bg-1)}.track-list-scroll::-webkit-scrollbar{width:6px}.track-list-scroll::-webkit-scrollbar-track{background:var(--bg)}.track-list-scroll::-webkit-scrollbar-thumb{background:var(--border-glow);border-radius:3px}.track-item{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.track-item:last-child{border-bottom:none}.track-item-clickable{cursor:pointer;transition:background-color .2s ease}.track-item-clickable:hover,.track-item-clickable:focus{outline:none;background:var(--accent-soft)}.track-item-title{font-weight:600;color:var(--text)}.track-item-artist{font-size:.85rem;color:var(--text-muted)}.mode-card{padding:var(--space-6);border-radius:var(--radius-3);background:var(--bg-2);border:1px solid var(--border);cursor:pointer;transition:transform var(--dur-3) var(--ease-out),border-color var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out);text-align:center}.mode-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--elev-3),var(--glow-accent-sm)}.mode-card h3{margin:0 0 .5rem;color:var(--text)}.mode-card p{margin:0;color:var(--text-muted);font-size:.9rem}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5);margin:var(--space-6) 0}.title-page h1{font-size:4rem;margin-bottom:var(--space-2)}.title-page .tagline{margin-bottom:var(--space-7)}.title-page .enter-btn{padding:1em 3em;font-size:1.1rem}.custom-input-container{margin:var(--space-6) 0}.custom-input-container input{font-size:1.1rem;padding:1rem}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.game-stats{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem}.game-stat{text-align:center}.game-stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--accent)}.game-stat-label{font-size:.75rem;color:var(--text-muted);letter-spacing:.1em}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5em 1em;font-size:.9rem;background:transparent;border:1px solid var(--border)}.back-button:hover{background:var(--accent-soft)}.volume-control{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0}.volume-control label{margin:0;color:var(--text-muted);font-size:.9em}[data-accent=pink]{--accent-h: var(--hue-pink);--accent-s: 100%;--accent-l: 68%}[data-accent=violet]{--accent-h: var(--hue-violet);--accent-s: 90%;--accent-l: 70%}[data-accent=cyan]{--accent-h: var(--hue-cyan);--accent-s: 100%;--accent-l: 60%}[data-accent=amber]{--accent-h: var(--hue-amber);--accent-s: 95%;--accent-l: 60%}[data-accent=lime]{--accent-h: var(--hue-lime);--accent-s: 80%;--accent-l: 60%}:root[data-theme=light] [data-accent=pink]{--accent-l: 42%}:root[data-theme=light] [data-accent=violet]{--accent-l: 45%}:root[data-theme=light] [data-accent=cyan]{--accent-l: 32%}:root[data-theme=light] [data-accent=amber]{--accent-l: 26%}:root[data-theme=light] [data-accent=lime]{--accent-l: 28%}[data-accent]{--accent: hsl(var(--accent-h) var(--accent-s) var(--accent-l));--accent-soft: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .22);--accent-strong: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 12%));--accent-hover: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) + 6%));--accent-glow: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .32);--secondary: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 8%));--secondary-soft: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 8%) / .22);--secondary-glow: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 8%) / .32);--glow-accent-sm: 0 0 10px var(--accent-glow);--glow-accent-md: 0 0 18px var(--accent-glow);--glow-accent-lg: 0 0 32px var(--accent-glow), 0 0 56px var(--accent-soft)}:root[data-theme=light] [data-accent]{--accent-soft: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .15);--accent-strong: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 10%));--accent-hover: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 6%));--accent-glow: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .25);--secondary-soft: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 8%) / .15);--secondary-glow: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 8%) / .25);--glow-accent-sm: 0 0 8px var(--accent-glow);--glow-accent-md: 0 0 14px var(--accent-glow);--glow-accent-lg: 0 0 24px var(--accent-glow), 0 0 44px var(--accent-soft)}