:root{--primary-color:#FF00FF;--secondary-color:#00FF7F;--accent-color:#F50057;--accent-color-darker:#C51162;--background-dark:#0D0D0D;--background-medium:#1F1F1F;--background-overlay:rgba(10, 10, 10, 0.85);--background-overlay-modal:rgba(20, 20, 20, 0.98);--text-light:#EAEAEA;--text-dark:#0D0D0D;--text-success:#00FF7F;--border-dark:#333333;--border-accent:#F50057;--border-success:#00FF7F;--font-main:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--font-display:'Permanent Marker', cursive;--z-negative:-1;--z-base:1;--z-content-overlay:2;--z-game-elements:3;--z-overlay-transition:4;--z-modal-backdrop:1000;--background-component-level1:#1A1A1A;--background-component-level2:#181818;--background-component-level3:#101010;--background-video-player:#000000;--text-disabled-dark:#383838;--text-disabled-special-keys:#4d1f27;--border-numpad-top-mobile:#2A2A2A;--border-disabled-dark:#222222;--border-disabled-special-keys:#3b171e;--shadow-dark-strong:rgba(0, 0, 0, 0.75);--shadow-dark-medium:rgba(0, 0, 0, 0.5);--primary-color-t50:rgba(255, 0, 255, 0.5);--primary-color-t30:rgba(255, 0, 255, 0.3);--primary-color-shadow-strong:rgba(255, 0, 255, 0.6);--secondary-color-t80:rgba(0, 255, 127, 0.8);--secondary-color-t60:rgba(0, 255, 127, 0.6);--secondary-color-t50:rgba(0, 255, 127, 0.5);--secondary-color-t30:rgba(0, 255, 127, 0.3);--text-shadow-guess-sent:0 0 6px var(--secondary-color-t80), 0 0 12px var(--secondary-color-t60);--font-digital:'VT323', monospace;--color-magenta:#FF0066;--color-pink:#FF00FF;--color-blue:#1E3AFF;--color-cyan:#00D4FF;--color-yellow:#F7C948;--color-black:#0A0A0F;--color-charcoal:#1A1A24;--color-newsprint:#B8B0A8;--color-warmgray:#6B6560;--color-paper:#F0EBE3;--color-magenta-50:rgba(255, 0, 102, 0.5);--color-magenta-20:rgba(255, 0, 102, 0.2);--color-cyan-50:rgba(0, 212, 255, 0.5);--color-cyan-20:rgba(0, 212, 255, 0.2);--color-yellow-20:rgba(247, 201, 72, 0.2);--font-size-xs:clamp(0.7rem, 0.6rem + 0.5vw, 0.8rem);--font-size-sm:clamp(0.8rem, 0.7rem + 0.5vw, 0.95rem);--font-size-lg:clamp(1.3rem, 1rem + 1.5vw, 1.8rem);--font-size-hero:clamp(2.5rem, 1.5rem + 5vw, 5rem);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}@media(hover:hover){body{touch-action:manipulation;width:100vw;height:100vh;text-align:center;font-family:var(--font-main);overflow-x:hidden;image-rendering:pixelated;background:linear-gradient(270deg,var(--background-dark),var(--background-medium),rgb(37 0 255/.5),var(--background-medium),var(--background-dark));background-size:600% 600%;animation:gradientBG 25s ease infinite}body::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:linear-gradient(rgba(20,0,30,0) 50%,rgba(20,0,30,8%) 50%,rgba(20,0,30,8%) 51%,rgba(20,0,30,0) 51%);background-size:100% 3px;opacity:.3;z-index:0;pointer-events:none;animation:vhsScanlinesMovement .15s linear infinite}.song_year{background-color:rgba(20,20,30,.85);font-size:2.8em;padding:12px 25px;font-family:var(--font-digital);font-weight:400;color:var(--secondary-color);text-shadow:0 0 5px var(--secondary-color-t50),0 0 10px var(--secondary-color-t30);position:absolute;bottom:20px;left:20px;z-index:var(--z-base);border-radius:6px;border:2px solid var(--secondary-color-t50);box-shadow:0 0 15px rgba(0,0,0,.5),inset 0 0 5px rgba(0,0,0,.3);transition:background-color .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease,text-shadow .3s ease;letter-spacing:2px;min-width:200px;text-align:center}.score{align-items:center;position:absolute;right:20px;height:auto;padding:10px 20px;top:20px;display:flex;background-color:rgba(20,20,30,.85);font-size:2.2em;font-weight:400;font-family:var(--font-digital);color:var(--primary-color);text-shadow:0 0 5px var(--primary-color-t50),0 0 10px var(--primary-color-t30);z-index:var(--z-base);border-radius:6px;border:2px solid var(--primary-color-t50);box-shadow:0 0 15px rgba(0,0,0,.5),inset 0 0 5px rgba(0,0,0,.3);letter-spacing:1.5px;min-width:150px;text-align:right}#game_screen .numpad{display:none}}@media(hover:none) and (pointer:coarse){body{width:100vw;height:100dvh;margin:0;background-color:var(--background-dark);font-family:var(--font-main);touch-action:manipulation;z-index:var(--z-negative)}#game_screen .numpad .button{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 calc(33% - 10px);margin:5px;min-height:65px;font-family:var(--font-digital);font-size:2.2em;font-weight:700;line-height:1;background:var(--background-medium);color:var(--text-light);border:1px solid var(--border-dark);border-radius:8px;box-shadow:inset 0 -2px 3px rgba(0,0,0,.3),inset 0 1px 1px rgba(255,255,255,.1),0 2px 3px rgba(0,0,0,.4);transition:background .1s ease,color .1s ease,transform .05s ease,box-shadow .1s ease;text-align:center;padding:5px 0;position:relative}#game_screen .numpad .button.del-key,#game_screen .numpad .button.enter-key{font-size:1.3em;color:var(--accent-color);border-color:var(--accent-color-darker);background-color:var(--background-component-level1)}#game_screen .numpad .button:hover{background-color:var(--background-component-level1);color:var(--text-light)}#game_screen .numpad .button:active{background-color:var(--background-dark);transform:translateY(1px)scale(.98);box-shadow:inset 0 2px 4px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,5%);animation:pressWobble .15s ease-out}.song_year{position:relative;bottom:auto;left:auto;transform:none;background-color:rgba(20,20,30,.85);text-align:center;font-size:2em;font-family:var(--font-digital);font-weight:400;color:var(--secondary-color);text-shadow:0 0 5px var(--secondary-color-t50),0 0 10px var(--secondary-color-t30);padding:6px 12px;z-index:var(--z-game-elements);border-radius:0;border:none;border-top:1px solid var(--secondary-color-t50);border-bottom:1px solid var(--secondary-color-t50);box-shadow:none;letter-spacing:1.5px;min-width:0;width:100%;box-sizing:border-box}.score{align-items:center;position:relative;right:auto;top:auto;display:flex;justify-content:center;background-color:rgba(20,20,30,.85);font-size:1.4em;font-weight:400;font-family:var(--font-digital);color:var(--primary-color);text-shadow:0 0 5px var(--primary-color-t50),0 0 10px var(--primary-color-t30);padding:4px 12px;border-radius:0;border:none;border-bottom:1px solid var(--primary-color-t50);z-index:var(--z-game-elements);box-shadow:none;letter-spacing:1px;min-width:0;text-align:center}#game_screen .numpad{user-select:none;width:100%;display:flex;overflow:hidden;flex-flow:row wrap;justify-content:space-around;background-color:var(--background-component-level2);padding:4px 5px;border-top:2px solid var(--border-numpad-top-mobile);margin-top:auto;flex-shrink:0;min-height:0}#game_screen .numpad .button{min-height:52px}#game_screen.active_screen #youtube_player_container{order:0;flex-shrink:1;max-height:30vh;max-height:30dvh}#game_screen.active_screen .score{order:1;width:100%;box-sizing:border-box;margin:0;flex-shrink:0}#game_screen.active_screen .song_year{order:2;margin:0;flex-shrink:0}#game_screen.active_screen .daily-progress-dots{order:3;margin:4px 0;flex-shrink:0}#game_screen.active_screen .numpad{order:4}}#game_screen.active_screen #youtube_player_container{position:relative;width:100vw;aspect-ratio:16/9;background-color:var(--background-video-player);overflow:hidden;margin-bottom:0;flex-shrink:1}#game_screen.active_screen #youtube_player_container>div,#game_screen.active_screen #youtube_player_container iframe{position:absolute;width:140%;height:140%;top:-20%;left:-20%;border:none;pointer-events:none}#game_screen.active_screen{justify-content:flex-start;position:fixed;top:0;left:0;width:100vw;height:100dvh;height:var(--actual-vh,100dvh);background-color:var(--background-dark);z-index:var(--z-modal-backdrop);padding:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;overscroll-behavior:none}#game_screen .numpad.submitted{opacity:1;background-color:var(--background-component-level3);cursor:default;pointer-events:none;position:relative;transition:background-color .3s ease-in-out;border-top:2px solid var(--border-accent)}@keyframes pressWobble{0%{transform:translateY(1px)scale(.98)rotate(0)}50%{transform:translateY(1px)scale(.97)rotate(-1deg)}100%{transform:translateY(1px)scale(.98)rotate(0)}}@keyframes tvStaticBurst{0%{opacity:0;clip-path:inset(50% 50% 50% 50%)}20%{opacity:1;clip-path:inset(0% 0% 0% 0%);transform:scale(1.1)}80%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}#game_screen .numpad.submitted::after{content:"GUESS SENT!";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background-overlay);color:var(--secondary-color);display:flex;align-items:center;justify-content:center;font-size:2.2em;font-weight:700;font-family:var(--font-display);text-shadow:var(--text-shadow-guess-sent);z-index:10;border-radius:inherit;animation:tvStaticBurst .6s ease-out forwards,glitchyTextAppear .6s ease-out forwards;text-align:center;padding:5px;box-sizing:border-box;line-height:1.2;overflow:hidden}@keyframes glitchyTextAppear{0%{text-shadow:-2px -2px 0 var(--accent-color),2px 2px 0 var(--secondary-color);opacity:0;transform:scaleY(.5)skewX(20deg)}20%{text-shadow:2px 2px 0 var(--accent-color),-2px -2px 0 var(--secondary-color);opacity:.7;transform:scaleY(1)skewX(0)}40%{text-shadow:-1px 1px 0 var(--accent-color),1px -1px 0 var(--secondary-color);opacity:.5}60%{text-shadow:var(--text-shadow-guess-sent);opacity:1}100%{text-shadow:var(--text-shadow-guess-sent);opacity:1}}#game_screen .numpad.submitted .button{background-color:var(--background-component-level1);color:var(--text-disabled-dark);border-color:var(--border-disabled-dark);box-shadow:inset 0 1px 3px var(--shadow-dark-medium);opacity:.5;transform:none!important;transition:background-color .3s ease,color .3s ease,border-color .3s ease,opacity .3s ease}#game_screen .numpad.submitted .button.del-key,#game_screen .numpad.submitted .button.enter-key{color:var(--text-disabled-special-keys);border-color:var(--border-disabled-special-keys)}.main_container{display:flex;flex-direction:column;align-items:center;background-color:initial;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));border-radius:8px;box-shadow:0 0 25px var(--shadow-dark-strong);text-align:center;width:90%;max-width:500px;margin:20px auto;color:var(--text-light);font-family:var(--font-main);position:relative;z-index:var(--z-base)}.game_title{font-size:3em;margin-bottom:25px;color:var(--primary-color);font-family:var(--font-display);text-shadow:0 0 5px var(--primary-color),0 0 10px var(--primary-color),0 0 15px var(--primary-color-t50);animation:subtleTitleGlow 2.5s ease-in-out infinite alternate;display:none}.game_title:has(~.screen.active_screen){display:block}.screen{display:none;flex-direction:column;align-items:center;width:100%;opacity:0;transition:opacity .5s ease-in-out}.screen.active_screen{display:flex;opacity:1}#game_screen .numpad,#game_screen .song_year,#game_screen .score{visibility:hidden}@keyframes subtleTitleGlow{from{text-shadow:0 0 5px var(--primary-color),0 0 10px var(--primary-color-t50),0 0 15px rgba(255,0,255,.2)}to{text-shadow:0 0 8px var(--primary-color),0 0 15px var(--primary-color-t50),0 0 25px var(--primary-color-shadow-strong)}}@keyframes gradientBG{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}@keyframes vhsScanlinesMovement{0%{background-position-y:0}100%{background-position-y:3px}}button:focus,input:focus,select:focus,[tabindex]:focus{outline:2px solid var(--secondary-color);outline-offset:2px;box-shadow:0 0 0 4px rgba(0,255,127,.2)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-color);color:var(--text-dark);padding:8px;text-decoration:none;border-radius:4px;font-weight:700;z-index:1000;transition:top .3s}.skip-link:focus{top:6px}@media(prefers-contrast:high){:root{--primary-color:#FF00FF;--secondary-color:#00FF00;--background-dark:#000000;--text-light:#FFFFFF}button{border:2px solid}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #fff!important;outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,.5)!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}button:focus-visible:hover{transform:none}.numpad .button:focus-visible{transform:none}}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--secondary-color)!important;outline-offset:2px;box-shadow:0 0 0 4px rgba(0,255,127,.3)!important}.numpad .button:focus-visible{outline:2px solid var(--secondary-color);outline-offset:-2px;transform:scale(1.05);background:linear-gradient(145deg,#333333,#1a1a1a)}.keyboard-game-mode::after{content:"⌨️ Keyboard mode - Press numbers to guess";position:fixed;bottom:20px;right:20px;background:var(--background-overlay-modal);color:var(--text-light);padding:6px 10px;border-radius:4px;font-size:.75em;z-index:var(--z-overlay-transition);opacity:.9;pointer-events:none}@media(hover:none){.keyboard-game-mode::after{content:none}}button:focus-visible:hover{transform:translateY(-1px);box-shadow:0 0 0 4px rgba(0,255,127,.3),0 4px 12px rgba(245,0,87,.3)}@keyframes squigglevision{0%{filter:url(#squiggle-1)}20%{filter:url(#squiggle-2)}40%{filter:url(#squiggle-3)}60%{filter:url(#squiggle-4)}80%{filter:url(#squiggle-5)}100%{filter:url(#squiggle-1)}}@keyframes wobble-in{0%{opacity:0;transform:scale(.8)rotate(-3deg)}60%{opacity:1;transform:scale(1.05)rotate(1.5deg)}80%{opacity:1;transform:scale(.98)rotate(-.5deg)}100%{opacity:1;transform:scale(1)rotate(0)}}@keyframes stamp{0%{opacity:0;transform:scale(2)rotate(-5deg)}40%{opacity:1;transform:scale(.95)rotate(1deg)}60%{opacity:1;transform:scale(1.02)rotate(-.5deg)}100%{opacity:1;transform:scale(1)rotate(0)}}@keyframes draw-line{to{transform:scaleX(1);opacity:1}}@keyframes lp-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes glitch-cut{0%{opacity:0;transform:translateX(0);filter:none}10%{opacity:1;transform:translateX(-8px);filter:hue-rotate(90deg)saturate(3)}20%{transform:translateX(5px)skewX(3deg);filter:hue-rotate(-30deg)}30%{transform:translateX(-3px)skewX(-1deg);filter:none}40%{transform:translateX(0);filter:none}100%{opacity:1;transform:translateX(0);filter:none}}@keyframes drip-fall{to{transform:scaleY(1)}}@keyframes overlay-paint-exit{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 100%)}}.decorative{pointer-events:none;user-select:none}.daily-play-overlay .decorative{opacity:0;transition:opacity 300ms ease}.daily-play-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--color-black)}.daily-play-overlay::before{content:"";position:absolute;inset:0;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;mix-blend-mode:overlay;z-index:1}.daily-play-overlay::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient( to bottom,transparent,transparent 2px,rgba(0,0,0,8%) 2px,rgba(0,0,0,8%) 3px );mix-blend-mode:multiply;z-index:1;opacity:.08}.landing-glitch-block{position:absolute;background:var(--color-blue);mix-blend-mode:screen;opacity:.5;pointer-events:none;image-rendering:pixelated;z-index:1;background-image:linear-gradient(to right,rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.1) 1px,transparent 1px);background-size:4px 4px}.landing-glitch-block:nth-child(1){width:clamp(60px,14vw,130px);height:clamp(25px,5vw,50px);top:10%;right:6%;transform:rotate(3deg);opacity:.65}.landing-glitch-block:nth-child(2){width:clamp(40px,8vw,80px);height:clamp(35px,8vw,70px);bottom:16%;left:4%;transform:rotate(-5deg);opacity:.55}.landing-glitch-block:nth-child(3){width:clamp(65px,16vw,140px);height:clamp(18px,3vw,30px);top:55%;right:2%;opacity:.5;transform:rotate(-2deg)}.landing-reg-mark{position:absolute;width:20px;height:20px;pointer-events:none;opacity:.2;z-index:1;box-shadow:inset 0 0 0 1px var(--color-warmgray);border-radius:50%}.landing-reg-mark::before,.landing-reg-mark::after{content:"";position:absolute;background:var(--color-warmgray)}.landing-reg-mark::before{width:1px;height:100%;left:50%;transform:translateX(-50%)}.landing-reg-mark::after{height:1px;width:100%;top:50%;transform:translateY(-50%)}.landing-reg-mark--tl{top:20px;left:20px}.landing-reg-mark--tr{top:20px;right:20px}.landing-reg-mark--bl{bottom:20px;left:20px}.landing-reg-mark--br{bottom:20px;right:20px}.landing-splatter{position:absolute;border-radius:50%;pointer-events:none;z-index:1;filter:url(#roughen)}.landing-splatter--1{width:14px;height:14px;background:var(--color-magenta);opacity:.75;box-shadow:24px -16px 0 6px var(--color-cyan),-30px 8px 0 5px var(--color-yellow),42px 22px 0 4px var(--color-magenta),-16px -36px 0 7px rgba(30,58,255,.8),36px -28px 0 5px var(--color-pink),-36px -10px 0 4px var(--color-cyan);bottom:25%;left:15%}.landing-splatter--2{width:12px;height:12px;background:var(--color-cyan);opacity:.7;box-shadow:-20px 14px 0 5px var(--color-magenta),16px -22px 0 6px var(--color-yellow),-34px -8px 0 4px var(--color-cyan),28px 18px 0 5px rgba(30,58,255,.7),-10px 26px 0 4px var(--color-pink);top:18%;right:10%}.landing-brush{position:absolute;pointer-events:none;user-select:none;z-index:1;filter:url(#roughen)}.landing-brush--1{width:clamp(100px,22vw,200px);height:clamp(12px,2.5vw,22px);background:var(--color-magenta);opacity:.42;top:18%;right:3%;transform:rotate(-12deg);border-radius:4px 40px 3px 30px}.landing-brush--2{width:clamp(80px,18vw,160px);height:clamp(10px,2vw,18px);background:var(--color-cyan);opacity:.35;bottom:28%;left:2%;transform:rotate(8deg);border-radius:30px 3px 40px 4px}.landing-scribble{position:absolute;pointer-events:none;user-select:none;z-index:1;background-size:contain;background-repeat:no-repeat}.landing-scribble--1{width:clamp(60px,14vw,110px);height:clamp(45px,10vw,80px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 80'%3E%3Cpath d='M8,40 C18,10 45,55 55,30 Q65,15 50,45 C40,60 75,20 95,40' stroke='%2300D4FF' stroke-width='2.5' fill='none' stroke-linecap='round' opacity='0.9'/%3E%3Cpath d='M15,55 C30,20 50,65 70,25 Q80,10 85,50 C90,65 100,30 105,45' stroke='%23FF0066' stroke-width='2' fill='none' stroke-linecap='round' opacity='0.7'/%3E%3Cpath d='M20,30 Q35,70 60,35 T95,55' stroke='%239B59B6' stroke-width='1.5' fill='none' stroke-linecap='round' opacity='0.5'/%3E%3C/svg%3E");bottom:10%;left:6%;transform:rotate(12deg);opacity:.35}.landing-scribble--2{width:clamp(35px,8vw,65px);height:clamp(30px,7vw,50px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 50'%3E%3Cpath d='M5,25 C15,8 30,42 45,20 S60,35 62,15' stroke='%239B59B6' stroke-width='2' fill='none' stroke-linecap='round' opacity='0.8'/%3E%3Cpath d='M10,35 Q25,10 40,30 T58,18' stroke='%2300D4FF' stroke-width='1.5' fill='none' stroke-linecap='round' opacity='0.6'/%3E%3C/svg%3E");top:35%;left:3%;transform:rotate(-8deg);opacity:.3}.daily-play-overlay-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0;padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + 12px);max-width:420px;width:100%;clip-path:polygon( 0% 0%,100% 0%,100% 94%,97% 96%,94% 93%,90% 97%,86% 94%,82% 96%,78% 92%,74% 95%,70% 93%,66% 97%,62% 94%,58% 96%,54% 92%,50% 95%,46% 93%,42% 97%,38% 94%,34% 92%,30% 96%,26% 93%,22% 95%,18% 92%,14% 96%,10% 94%,6% 97%,3% 93%,0% 96% )}.daily-play-logo{position:relative;font-family:permanent marker,marker felt,cursive;font-size:var(--font-size-hero);line-height:.85;text-transform:uppercase;letter-spacing:-.02em;text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-sm);will-change:filter}.logo-word{display:flex;gap:.05em;filter:url(#painted)}.logo-word--small{font-size:.6em;margin-left:1.5em;margin-top:-.1em;margin-bottom:-.1em}.daily-play-logo span span:nth-child(4n+1){color:var(--color-magenta)}.daily-play-logo span span:nth-child(4n+2){color:var(--color-cyan)}.daily-play-logo span span:nth-child(4n+3){color:var(--color-yellow)}.daily-play-logo span span:nth-child(4n+4){color:var(--color-paper)}.daily-play-logo span span{display:inline-block;transform:rotate(calc(var(--char-rotate,0) * 1deg))}.daily-play-logo.boil{animation:squigglevision .4s steps(5)infinite}.daily-play-logo::after{content:"";position:absolute;bottom:-16px;left:38%;width:12px;height:22px;background:var(--color-cyan);border-radius:0 0 50% 50%;filter:url(#roughen);opacity:.6;pointer-events:none;box-shadow:18px -4px 0 -2px var(--color-magenta)}.logo-ghost{position:absolute;font-family:permanent marker,marker felt,cursive;color:transparent;pointer-events:none;user-select:none;filter:url(#roughen)}.logo-ghost--year{font-size:3.5em;-webkit-text-stroke:2.5px rgba(255,0,102,.48);top:-25%;left:-22%;z-index:-1;transform:rotate(-20deg);letter-spacing:.15em}.logo-ghost--beat{font-size:2.8em;-webkit-text-stroke:2px rgba(0,212,255,.35);bottom:-20%;right:-15%;z-index:-1;transform:rotate(25deg);letter-spacing:.1em}.landing-squiggle-divider{width:clamp(120px,40vw,200px);height:8px;margin:var(--space-sm)0;background-repeat:repeat-x;background-size:40px 8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 8'%3E%3Cpath d='M0,4 C5,0 10,0 15,4 S25,8 30,4 S40,0 40,4' stroke='%23FF0066' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");opacity:.7;pointer-events:none;user-select:none;filter:url(#roughen)}.daily-play-tagline{font-size:var(--font-size-sm);color:var(--color-warmgray);letter-spacing:3px;text-transform:uppercase;transform:rotate(-3.5deg);margin-top:var(--space-xs);margin-bottom:var(--space-md)}.daily-play-challenge-info{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-md);overflow:hidden}.daily-play-challenge-info>.halftone-overlay{position:absolute;inset:-10%;pointer-events:none;mix-blend-mode:multiply;opacity:.14;background-image:radial-gradient( circle,var(--color-paper) .8px,transparent .8px );background-size:3px 3px;transform:rotate(15deg);z-index:0}.daily-play-challenge-info::before{content:"";position:absolute;top:-4px;left:-4px;width:16px;height:16px;border-top:1px solid var(--color-warmgray);border-left:1px solid var(--color-warmgray);opacity:.25;pointer-events:none}.daily-play-challenge-info::after{content:"";position:absolute;bottom:-4px;right:-4px;width:16px;height:16px;border-bottom:1px solid var(--color-warmgray);border-right:1px solid var(--color-warmgray);opacity:.25;pointer-events:none}.daily-play-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:var(--color-black);background:var(--color-yellow);padding:2px 12px;transform:rotate(-1.5deg);filter:url(#roughen-heavy);box-shadow:2px 3px rgba(0,0,0,.3);display:inline-block;margin-bottom:var(--space-xs)}.daily-play-number{font-family:vt323,courier new,monospace;font-size:clamp(2em,1.5em + 2vw,3em);color:var(--color-cyan);min-height:1.2em;letter-spacing:.1em;text-shadow:0 0 5px rgba(0,212,255,.5),0 0 15px rgba(0,212,255,.3);margin-bottom:var(--space-md)}.daily-play-number:hover{filter:url(#chromatic)}.daily-play-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:18px 48px;border:none;border-radius:0;cursor:pointer;background:radial-gradient(circle,rgba(0,0,0,.15) .6px,transparent .6px),var(--color-magenta);background-size:4px 4px,100% 100%;color:var(--color-paper);font-family:permanent marker,marker felt,cursive;font-size:var(--font-size-lg);font-weight:400;text-transform:none;transform:rotate(-1.5deg);box-shadow:3px 4px 0 var(--color-black),6px 8px 20px rgba(255,0,102,.3);filter:url(#roughen-heavy);transition:transform 150ms cubic-bezier(.34,1.56,.64,1),box-shadow 150ms ease;z-index:2;margin-top:12px}.daily-play-btn:hover{transform:rotate(-1.5deg)translateY(-2px)scale(1.02);box-shadow:4px 6px 0 var(--color-black),8px 12px 30px rgba(255,0,102,.4);animation:squigglevision .3s steps(5)infinite}.daily-play-btn:active{transform:rotate(-1.5deg)translateY(1px);box-shadow:1px 2px 0 var(--color-black),3px 4px 10px rgba(255,0,102,.2);animation:none}.daily-play-btn::before{content:"";position:absolute;top:-8px;right:-12px;width:20px;height:20px;background:var(--color-cyan);border-radius:50%;filter:url(#roughen);opacity:.8;pointer-events:none}.daily-play-btn::after{content:"";position:absolute;top:-6px;left:30%;width:50px;height:12px;background:rgba(255,255,255,.12);transform:rotate(2deg);border:1px solid rgba(255,255,255,8%);pointer-events:none}.daily-play-btn:focus-visible{outline:3px solid var(--color-cyan);outline-offset:3px;box-shadow:0 0 0 6px var(--color-cyan-20)}.daily-play-icon{font-size:1.1em;line-height:1}.daily-play-streak{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 16px;font-family:vt323,courier new,monospace;font-size:var(--font-size-sm);color:var(--color-yellow);background:rgba(247,201,72,.1);border:2px solid var(--color-yellow-20);transform:rotate(-2deg);filter:url(#roughen-heavy);text-shadow:0 0 8px rgba(247,201,72,.4);box-shadow:2px 3px rgba(0,0,0,.2);margin-top:var(--space-md);min-height:1.2em}.daily-play-streak:empty{display:none}.streak-loss-ui{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);z-index:2;animation:glitch-cut 350ms ease-out forwards}.streak-loss-content{display:flex;flex-direction:column;align-items:center;gap:12px}.streak-loss-emoji{font-size:3em;filter:url(#roughen);opacity:0;animation:stamp 600ms cubic-bezier(.25,0,0,1).35s forwards}.streak-loss-drip{width:8px;height:20px;background:var(--color-magenta);border-radius:0 0 50% 50%;filter:url(#roughen);opacity:.6;margin-top:-8px;transform:scaleY(0);transform-origin:top;animation:drip-fall 800ms cubic-bezier(.25,0,0,1).6s forwards}.streak-loss-message{font-family:permanent marker,marker felt,cursive;font-size:clamp(1.2em,1em + 1vw,1.6em);color:var(--color-yellow);font-weight:400;text-shadow:0 2px 8px rgba(247,201,72,.3);transform:rotate(-1deg)}.streak-loss-subtext{font-size:var(--font-size-sm);color:var(--color-warmgray);margin:var(--space-sm)0}.daily-play-overlay-content>*{opacity:0}.daily-play-overlay.is-visible .daily-play-overlay-content>*{animation-fill-mode:forwards}.daily-play-overlay.is-visible .logo-ghost--year{animation:fadeIn 400ms ease 150ms forwards}.daily-play-overlay.is-visible .logo-ghost--beat{animation:fadeIn 400ms ease 200ms forwards}.daily-play-overlay.is-visible .daily-play-logo{animation:wobble-in 600ms cubic-bezier(.36,1.2,.5,.85)200ms forwards,squigglevision .4s steps(5)800ms infinite}.daily-play-overlay.is-visible .landing-squiggle-divider{transform-origin:left;transform:scaleX(0);animation:draw-line 400ms cubic-bezier(.25,0,0,1)500ms forwards}.daily-play-overlay.is-visible .daily-play-tagline{animation:wobble-in 400ms cubic-bezier(.36,1.2,.5,.85)600ms forwards}.daily-play-overlay.is-visible .daily-play-challenge-info{animation:stamp 500ms cubic-bezier(.25,0,0,1)700ms forwards}.daily-play-overlay.is-visible .daily-play-btn{animation:stamp 500ms cubic-bezier(.25,0,0,1)900ms forwards}.daily-play-overlay.is-visible .daily-play-streak{animation:wobble-in 400ms cubic-bezier(.36,1.2,.5,.85)1100ms forwards}.daily-play-overlay.is-visible .landing-glitch-block:nth-child(1){opacity:.65}.daily-play-overlay.is-visible .landing-glitch-block:nth-child(2){opacity:.55}.daily-play-overlay.is-visible .landing-glitch-block:nth-child(3){opacity:.5}.daily-play-overlay.is-visible .landing-reg-mark{opacity:.2;transition-delay:100ms}.daily-play-overlay.is-visible .landing-splatter--1{opacity:.75;transition-delay:150ms}.daily-play-overlay.is-visible .landing-splatter--2{opacity:.7;transition-delay:200ms}.daily-play-overlay.is-visible .landing-brush--1{opacity:.42;transition-delay:200ms}.daily-play-overlay.is-visible .landing-brush--2{opacity:.35;transition-delay:250ms}.daily-play-overlay.is-visible .landing-scribble--1{opacity:.35;transition-delay:300ms}.daily-play-overlay.is-visible .landing-scribble--2{opacity:.3;transition-delay:350ms}.daily-play-overlay.is-exiting{animation:overlay-paint-exit 500ms cubic-bezier(.25,0,0,1)150ms forwards}.daily-play-overlay.is-exiting .daily-play-overlay-content,.daily-play-overlay.is-exiting .streak-loss-ui{opacity:0;transition:opacity 150ms ease}.daily-play-overlay.is-exiting .boil{animation:none!important}.daily-progress-dots{display:flex;justify-content:center;gap:10px;margin:12px 0}.daily-dot{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.25);transition:background .4s ease,border-color .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease;position:relative;filter:url(#roughen);transform:rotate(calc(var(--dot-rotate,0) * 1deg))}.daily-dot.bonus{width:12px;height:12px;border-style:dashed;opacity:.6}.daily-dot.bonus.current,.daily-dot.bonus.score-exact,.daily-dot.bonus.score-pm2,.daily-dot.bonus.score-pm3,.daily-dot.bonus.score-miss{opacity:1;border-style:solid}.daily-dots-divider{width:1px;height:16px;background:rgba(255,255,255,.2);margin:0 2px;align-self:center}.daily-dot.current{animation:dotPulse 1.5s ease-in-out infinite;border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.15)}.daily-dot.score-exact{background:#4caf50;border-color:#4caf50;box-shadow:0 0 8px rgba(76,175,80,.5);animation:dotComplete .4s cubic-bezier(.34,1.56,.64,1)}.daily-dot.score-pm2{background:#f7c948;border-color:#f7c948;box-shadow:0 0 8px rgba(247,201,72,.5);animation:dotComplete .4s cubic-bezier(.34,1.56,.64,1)}.daily-dot.score-pm3{background:#ff9800;border-color:#ff9800;box-shadow:0 0 8px rgba(255,152,0,.5);animation:dotComplete .4s cubic-bezier(.34,1.56,.64,1)}.daily-dot.score-miss{background:#e74c3c;border-color:#e74c3c;box-shadow:0 0 8px rgba(231,76,60,.5);animation:dotComplete .4s cubic-bezier(.34,1.56,.64,1)}@keyframes dotPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}@keyframes dotComplete{0%{transform:scale(.5)}60%{transform:scale(1.4)}100%{transform:scale(1)}}.year-reveal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.92);display:flex;flex-direction:column;align-items:center;z-index:1000;opacity:0;animation:revealFadeIn .3s ease forwards;gap:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.year-reveal-overlay::before,.year-reveal-overlay::after{content:'';flex:1}@keyframes revealFadeIn{to{opacity:1}}.year-reveal-label{font-size:1.1em;color:rgba(255,255,255,.6);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;opacity:0;animation:fadeInUp .4s ease .15s forwards}.year-reveal-digits{display:flex;gap:6px;margin-bottom:12px}.year-reveal-tile{width:60px;height:80px;perspective:600px;opacity:0;animation:tileAppear .2s ease forwards}.year-reveal-tile:nth-child(1){animation-delay:.3s}.year-reveal-tile:nth-child(2){animation-delay:.4s}.year-reveal-tile:nth-child(3){animation-delay:.5s}.year-reveal-tile:nth-child(4){animation-delay:.6s}@keyframes tileAppear{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.year-reveal-tile-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.year-reveal-tile-inner.flipped{transform:rotateX(180deg)}.year-reveal-tile-front,.year-reveal-tile-back{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:vt323,monospace;font-size:3.2em;border-radius:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.year-reveal-tile-front{background:rgba(255,255,255,6%);border:2px solid rgba(255,255,255,.15);color:rgba(255,255,255,.9)}.year-reveal-tile-back{transform:rotateX(180deg);border:2px solid transparent;transition:background .35s ease,border-color .35s ease,color .35s ease,text-shadow .35s ease,box-shadow .35s ease}.year-reveal-tile-back[data-tier=pending]{background:rgba(255,255,255,6%);border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7);text-shadow:none;box-shadow:none}.year-reveal-tile-back[data-tier=exact]{background:rgba(76,175,80,.25);border-color:#4caf50;color:#4caf50;text-shadow:0 0 20px rgba(76,175,80,.6);box-shadow:0 0 20px rgba(76,175,80,.4),inset 0 0 15px rgba(76,175,80,.1)}.year-reveal-tile-back[data-tier=close]{background:rgba(247,201,72,.2);border-color:#f7c948;color:#f7c948;text-shadow:0 0 20px rgba(247,201,72,.6);box-shadow:0 0 20px rgba(247,201,72,.4),inset 0 0 15px rgba(247,201,72,.1)}.year-reveal-tile-back[data-tier=warm]{background:rgba(255,152,0,.2);border-color:#ff9800;color:#ff9800;text-shadow:0 0 20px rgba(255,152,0,.6);box-shadow:0 0 20px rgba(255,152,0,.4),inset 0 0 15px rgba(255,152,0,.1)}.year-reveal-tile-back[data-tier=miss]{background:rgba(231,76,60,.2);border-color:#e74c3c;color:#e74c3c;text-shadow:0 0 20px rgba(231,76,60,.6);box-shadow:0 0 20px rgba(231,76,60,.4),inset 0 0 15px rgba(231,76,60,.1)}.year-reveal-emoji-row{font-size:1.4em;letter-spacing:8px;margin-bottom:8px;opacity:0;animation:emojiPopIn .5s cubic-bezier(.34,1.56,.64,1)var(--reveal-emoji-delay,2.5s)forwards}@keyframes emojiPopIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.year-reveal-score{font-size:1.8em;font-weight:700;margin-top:12px;opacity:0;animation:scorePopIn .5s cubic-bezier(.34,1.56,.64,1)var(--reveal-score-delay,2.5s)forwards}@keyframes scorePopIn{from{opacity:0;transform:scale(.5)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.year-reveal-song-info{font-size:.95em;color:rgba(255,255,255,.5);margin-top:12px;opacity:0;animation:fadeInUp .4s ease var(--reveal-info-delay,2.8s)forwards}.year-reveal-trivia{font-size:.85em;color:rgba(255,255,255,.4);font-style:italic;margin-top:8px;max-width:320px;text-align:center;opacity:0;animation:fadeInUp .4s ease var(--reveal-trivia-delay,3s)forwards}.year-reveal-continue{margin-top:20px;padding:12px 32px;min-height:44px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;cursor:pointer;font-size:1em;opacity:0;animation:fadeInUp .4s ease var(--reveal-continue-delay,3.3s)forwards;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.year-reveal-continue:hover{background:rgba(255,255,255,.25)}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.daily-round-timer{width:100%;height:3px;background:rgba(255,255,255,8%);position:relative;order:-1;flex-shrink:0}.daily-round-timer-fill{height:100%;background:linear-gradient(90deg,#4caf50,#f7c948,#ff9800,#e74c3c);width:0%;transition:width .5s linear;border-radius:0 2px 2px 0}.daily-results-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,30,.96);display:flex;flex-direction:column;align-items:center;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));opacity:0;animation:revealFadeIn .4s ease forwards}.daily-results-container{max-width:400px;width:100%;text-align:center;margin:auto 0}.daily-results-title{font-family:permanent marker,cursive;font-size:1.6em;color:#f7c948;margin-bottom:8px;opacity:0;animation:fadeInUp .4s ease .2s forwards}.daily-results-score{font-family:vt323,monospace;font-size:3.4em;font-weight:700;color:#fff;margin-bottom:4px;opacity:0;animation:scorePopIn .5s cubic-bezier(.34,1.56,.64,1).5s forwards}.daily-results-score span{font-size:.4em;color:rgba(255,255,255,.4);font-family:inherit}.daily-results-emoji-grid{display:flex;flex-direction:column;align-items:center;gap:2px;margin:14px 0;opacity:1;animation:none}.daily-results-emoji-grid .emoji-row{font-size:1.8em;letter-spacing:4px;line-height:1.2;opacity:0;animation:fadeInUp .3s ease forwards}.daily-results-emoji-grid .emoji-row:nth-child(1){animation-delay:2.2s}.daily-results-emoji-grid .emoji-row:nth-child(2){animation-delay:2.4s}.daily-results-emoji-grid .emoji-row:nth-child(3){animation-delay:2.6s}.daily-results-emoji-grid .emoji-row:nth-child(4){animation-delay:2.8s}.daily-results-emoji-grid .emoji-row:nth-child(5){animation-delay:3s}.daily-results-rounds{margin:16px 0;text-align:left}.daily-round-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(255,255,255,6%);font-size:.9em;color:rgba(255,255,255,.7);opacity:0;transform:translateX(-20px);animation:roundSlideIn .35s ease forwards}.daily-round-row:nth-child(1){animation-delay:3.4s}.daily-round-row:nth-child(2){animation-delay:3.55s}.daily-round-row:nth-child(3){animation-delay:3.7s}.daily-round-row:nth-child(4){animation-delay:3.85s}.daily-round-row:nth-child(5){animation-delay:4s}@keyframes roundSlideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.daily-round-row .round-emoji{width:30px;text-align:center}.daily-round-row .round-song{flex:1;margin:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daily-round-row .round-score{width:50px;text-align:right;font-weight:700;color:#fff}.daily-results-streak{margin:14px 0;opacity:0;animation:fadeInUp .4s ease 5.3s forwards;text-align:center}.daily-results-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px;opacity:0;animation:fadeInUp .4s ease 5.8s forwards}.daily-share-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:1.05em;font-weight:700;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.daily-share-btn.pulse-attention{animation:sharePulse 2s ease-in-out 2.5s infinite}@keyframes sharePulse{0%,100%{box-shadow:0 0 rgba(76,175,80,0)}50%{box-shadow:0 0 0 8px rgba(76,175,80,.3)}}.daily-share-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.3)}.daily-share-btn.copied{background:linear-gradient(135deg,#2196f3,#1976d2);animation:none}.daily-share-row{display:flex;gap:8px}.daily-share-row .daily-share-btn{flex:2}.daily-share-image-btn{flex:1;background:rgba(255,255,255,8%);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.15);padding:12px 16px;border-radius:10px;font-size:.95em;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.daily-share-image-btn:hover{background:rgba(255,255,255,.14);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.3)}.daily-share-image-btn:disabled{opacity:.5;cursor:not-allowed}.daily-scoring-link{color:rgba(255,255,255,.4);font-size:.85em;cursor:pointer;margin-top:8px;text-decoration:underline;background:0 0;border:none}.daily-scoring-link:hover{color:rgba(255,255,255,.7)}.daily-results-rank{margin:10px 0;opacity:0;animation:fadeInUp .4s ease 4.5s forwards}.rank-highlight{display:inline-block;font-size:1.05em;color:#93c5fd;font-weight:600;padding:6px 16px;border-radius:20px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25)}.daily-results-difficulty{margin:4px 0 8px;opacity:0;animation:fadeInUp .4s ease 4.8s forwards}.difficulty-badge{display:inline-block;font-size:.9em;padding:4px 14px;border-radius:16px;font-weight:600}.difficulty-badge.diff-hard{color:#fca5a5;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25)}.difficulty-badge.diff-medium{color:#fcd34d;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25)}.difficulty-badge.diff-easy{color:#86efac;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25)}.daily-results-streak .streak-count{font-size:1.3em;font-weight:700}.daily-results-streak .streak-message{font-size:.85em;color:rgba(255,255,255,.5);margin-top:2px}.daily-results-streak.streak-basic .streak-count{color:#f7c948}.daily-results-streak.streak-fire .streak-count{color:#f97316}.daily-results-streak.streak-hot .streak-count{color:#ef4444;text-shadow:0 0 12px rgba(239,68,68,.4)}.daily-results-streak.streak-legendary .streak-count{color:#fbbf24;text-shadow:0 0 16px rgba(251,191,36,.5)}.daily-results-countdown{margin-top:16px;font-size:.9em;color:rgba(255,255,255,.4);opacity:0;animation:fadeInUp .4s ease 6.2s forwards}.daily-archive-btn{background:0 0;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);padding:10px 24px;border-radius:10px;font-size:.95em;cursor:pointer;margin-top:16px;transition:color .15s ease,border-color .15s ease;opacity:0;animation:fadeInUp .4s ease 2.3s forwards}.daily-archive-btn:hover{color:#fff;border-color:rgba(255,255,255,.4)}.daily-archive-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,30,.97);display:flex;flex-direction:column;align-items:center;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));opacity:0;animation:revealFadeIn .4s ease forwards}.daily-archive-container{max-width:440px;width:100%;margin:auto 0}.daily-archive-title{font-family:permanent marker,cursive;font-size:1.5em;color:#f7c948;text-align:center;margin-bottom:16px}.daily-archive-loading,.daily-archive-empty{text-align:center;color:rgba(255,255,255,.5);padding:24px 0}.daily-archive-list{display:flex;flex-direction:column;gap:4px}.daily-archive-row{display:flex;align-items:center;padding:10px 12px;border-radius:8px;font-size:.9em;color:rgba(255,255,255,.6);background:rgba(255,255,255,3%)}.daily-archive-row.unplayed{cursor:pointer;transition:background .15s ease}.daily-archive-row.unplayed:hover{background:rgba(255,255,255,8%)}.daily-archive-row.completed{opacity:.6}.archive-number{width:50px;font-weight:700;color:rgba(255,255,255,.4)}.archive-date{flex:1}.archive-players{width:80px;text-align:right;font-size:.85em;color:rgba(255,255,255,.35);margin-right:12px}.archive-score{width:60px;text-align:right;font-weight:700;color:rgba(255,255,255,.5)}.archive-unplayed{width:60px;text-align:right;font-weight:600;color:#93c5fd}.daily-archive-close{display:block;margin:20px auto 0;background:0 0;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.6);padding:10px 32px;border-radius:10px;font-size:.95em;cursor:pointer;transition:color .15s ease,border-color .15s ease}.daily-archive-close:hover{color:#fff;border-color:rgba(255,255,255,.4)}.scoring-card-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1100}.scoring-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:24px;max-width:320px;width:90%}.scoring-card h3{margin:0 0 16px;text-align:center;color:#f7c948;font-size:1.2em}.scoring-card table{width:100%;border-collapse:collapse}.scoring-card td{padding:8px 6px;border-bottom:1px solid rgba(255,255,255,6%);color:rgba(255,255,255,.8)}.scoring-card td:first-child{font-size:1.3em;width:40px;text-align:center}.scoring-card td:last-child{text-align:right;font-weight:700;color:#fff}.scoring-card-close{display:block;margin:16px auto 0;padding:8px 24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;font-size:.95em}.scoring-card-close:hover{background:rgba(255,255,255,.2)}@keyframes hintAppear{from{opacity:0;transform:translateX(-50%)translateY(10px)}to{opacity:1;transform:translateX(-50%)translateY(0)}}.daily-contextual-hint{position:fixed;left:50%;transform:translateX(-50%);bottom:280px;z-index:10000;background:rgba(30,30,60,.95);color:rgba(255,255,255,.9);padding:10px 18px;border-radius:10px;font-size:.85em;max-width:90vw;text-align:center;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px rgba(0,0,0,.4);animation:hintAppear .3s ease-out forwards,hintFadeOut .5s ease-in 3.5s forwards;pointer-events:none}@keyframes hintFadeOut{from{opacity:1}to{opacity:0}}@media(orientation:landscape) and (max-height:500px){.daily-progress-dots{margin:4px 0}.daily-progress-dots .daily-dot{width:10px;height:10px}.daily-progress-dots .daily-dot.bonus{width:8px;height:8px}.daily-dots-divider{height:10px}#game_screen .numpad{flex-flow:row wrap;justify-content:center;gap:4px;padding:4px}#game_screen .numpad .button{flex:0 0 calc(16.66% - 6px);min-height:44px;font-size:1em;padding:4px 2px}.year-reveal-overlay{padding:10px;gap:0}.year-reveal-tile{width:44px;height:58px}.year-reveal-tile-front,.year-reveal-tile-back{font-size:2.2em;border-radius:6px}.year-reveal-label{font-size:.9em;margin-bottom:8px}.year-reveal-score{font-size:1.3em;margin-top:6px}.year-reveal-song-info{font-size:.8em;margin-top:6px}.year-reveal-trivia{font-size:.75em;max-width:260px;padding:6px 10px;margin-top:4px}.year-reveal-continue{margin-top:10px;padding:8px 24px}.daily-results-score{font-size:2em}.daily-contextual-hint{bottom:120px;font-size:.8em}.daily-play-overlay-content{gap:6px;padding:var(--space-md)}.daily-play-logo{font-size:clamp(1.8rem,1rem + 3vw,3rem)}.logo-word--small{margin-left:1em}.daily-play-tagline{font-size:.7em}.daily-play-number{font-size:1.8em}.daily-play-btn{font-size:1.1em;padding:14px 36px}}@media(max-width:400px){.year-reveal-tile{width:52px;height:70px}.year-reveal-tile-front,.year-reveal-tile-back{font-size:2.8em;border-radius:6px}.year-reveal-digits{gap:5px}.year-reveal-score{font-size:1.5em}.daily-results-emoji-grid{font-size:1.6em;letter-spacing:4px}.daily-results-score{font-size:2.2em}.daily-play-logo{font-size:clamp(2rem,1.2rem + 4vw,3rem)}.logo-word--small{margin-left:1em}.daily-play-btn{padding:14px 32px;font-size:1.15em}.landing-splatter{display:none}.landing-reg-mark{width:14px;height:14px}.landing-reg-mark--tl{top:12px;left:12px}.landing-reg-mark--tr{top:12px;right:12px}.landing-reg-mark--bl{bottom:12px;left:12px}.landing-reg-mark--br{bottom:12px;right:12px}}@media(max-width:480px){.landing-glitch-block:nth-child(3){display:none}.logo-ghost--year{-webkit-text-stroke-width:2px;font-size:2.8em;transform:rotate(-15deg)}.logo-ghost--beat{-webkit-text-stroke-width:1.5px;font-size:2em;transform:rotate(18deg)}.landing-splatter{display:none}.landing-brush--1{width:clamp(70px,18vw,120px);opacity:.35}.landing-brush--2{display:none}.landing-scribble--1{opacity:.25;width:clamp(45px,12vw,70px)}.landing-scribble--2{display:none}}@media(max-width:360px){.daily-play-overlay-content{clip-path:none;padding-bottom:var(--space-lg)}.daily-play-logo.boil{animation:none;filter:url(#roughen)}.logo-word{filter:none}.daily-play-btn{filter:url(#roughen)}.daily-play-btn::before,.daily-play-btn::after{display:none}.landing-reg-mark{display:none}.logo-ghost--year,.logo-ghost--beat{display:none}.landing-brush--1,.landing-brush--2,.landing-scribble--1,.landing-scribble--2{display:none}}@media(prefers-reduced-motion:reduce){.daily-play-overlay-content>*{opacity:1!important;animation:none!important}.daily-play-logo.boil{animation:none!important;filter:url(#roughen)}.daily-play-btn:hover{animation:none!important}.streak-loss-ui{animation:none!important;opacity:1}.streak-loss-emoji{opacity:1;animation:none!important}.streak-loss-drip{transform:scaleY(1);animation:none!important}.daily-play-overlay .decorative{transition:none!important;animation:none!important}.landing-glitch-block:nth-child(1){opacity:.65!important}.landing-glitch-block:nth-child(2){opacity:.55!important}.landing-glitch-block:nth-child(3){opacity:.5!important}.landing-reg-mark{opacity:.2!important}.landing-splatter--1{opacity:.75!important}.landing-splatter--2{opacity:.7!important}.logo-ghost--year{opacity:1!important}.logo-ghost--beat{opacity:1!important}.landing-brush--1{opacity:.42!important}.landing-brush--2{opacity:.35!important}.landing-scribble--1{opacity:.35!important}.landing-scribble--2{opacity:.3!important}.landing-squiggle-divider{transform:scaleX(1);opacity:1!important}}.round-interstitial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,30,.96);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;animation:revealFadeIn 150ms ease-out forwards;cursor:pointer}.round-interstitial-content{text-align:center}.round-interstitial-label{font-family:permanent marker,cursive;font-size:1.8em;color:#f7c948;margin-bottom:20px;opacity:0;animation:fadeInUp .3s ease .05s forwards}.round-interstitial-dots{display:flex;gap:16px;justify-content:center;align-items:center;opacity:0;animation:fadeInUp .3s ease .15s forwards}.round-dot{border-radius:50%;display:inline-block}.round-dot.filled{width:10px;height:10px;background:#4caf50}.round-dot.just-completed{width:10px;height:10px;border:2px solid #f7c948;background:0 0;animation:dotFillIn 300ms ease .55s forwards}.round-dot.current{width:12px;height:12px;border:2px solid #f7c948;background:0 0;animation:interstitialDotPulse 400ms ease-in-out infinite alternate}.round-dot.upcoming{width:10px;height:10px;border:2px solid rgba(255,255,255,.2);background:0 0}@keyframes interstitialDotPulse{from{transform:scale(1)}to{transform:scale(1.3)}}@keyframes dotFillIn{0%{background:0 0;border-color:#f7c948;transform:scale(1)}50%{background:#4caf50;border-color:#4caf50;transform:scale(1.3)}100%{background:#4caf50;border-color:#4caf50;transform:scale(1)}}