@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";:root{color:#2b2630;font-synthesis:none;text-rendering:optimizelegibility;background:#fff9fc;font-family:DM Sans,Noto Sans Thai,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff9fc}body{color:#2b2630;background:#fff9fc;min-width:320px;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit}.intro-screen{z-index:9999;color:#fff;background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.intro-screen.is-playing{animation:.75s cubic-bezier(.7,0,.2,1) 2.25s forwards introExit}.intro-noise,.noise{pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");position:absolute;inset:0}.intro-idle{z-index:2;flex-direction:column;align-items:center;gap:23px;animation:.9s both idleIn;display:flex;position:relative}.intro-idle p{color:#737373;letter-spacing:.28em;margin:0;font-size:10px}.enter-button{color:#efefef;cursor:pointer;letter-spacing:.16em;background:#080808;border:1px solid #252525;justify-content:space-between;align-items:center;width:190px;height:56px;padding:0 18px 0 22px;font-size:11px;transition:background .28s,color .28s,border-color .28s,transform .28s;display:flex}.enter-button i{font-size:16px;font-style:normal;transition:transform .28s}.enter-button:hover{color:#000;background:#fff;border-color:#fff;transform:scale(1.03)}.enter-button:hover i{transform:translate(3px,-3px)}.birthday-animation{text-align:center;place-content:center;display:grid;position:absolute;inset:0;overflow:hidden}.intro-line{padding:0 .08em .08em;overflow:hidden}.intro-line span{letter-spacing:-.075em;will-change:transform, opacity, filter;font-size:clamp(68px,15vw,190px);font-weight:700;line-height:.78;display:block}.intro-line-one span{animation:.75s cubic-bezier(.16,1,.3,1) .12s forwards happyIn;transform:translateY(115%)rotate(2deg)}.intro-line-two span{background:linear-gradient(95deg,#ff79aa 0%,#ffcf70 38%,#8d7cff 72%,#73dfd1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:.85s cubic-bezier(.16,1,.3,1) .47s forwards birthdayIn;transform:translateY(-115%)rotate(-2deg)}.intro-name{color:#929292;letter-spacing:.22em;text-transform:uppercase;opacity:0;margin:26px 0 0;font-size:clamp(13px,1.5vw,18px);animation:.55s 1.15s forwards nameIn;transform:translateY(12px)}.intro-flash{z-index:5;opacity:0;pointer-events:none;background:linear-gradient(120deg,#fff,#ffd8e8,#e2ddff);animation:.38s 1.55s both flash;position:fixed;inset:0}.site-hidden{visibility:hidden;height:100vh;overflow:hidden}.site-visible{animation:1s both siteReveal;position:relative}main{background:radial-gradient(circle at 8% 4%,#ff9ac33b,#0000 26%),radial-gradient(circle at 94% 14%,#8d7cff38,#0000 28%),#fff9fc;position:relative}.hero{background:radial-gradient(circle at 14% 22%,#ff7eab4d,#0000 24%),radial-gradient(circle at 84% 24%,#9784ff47,#0000 27%),radial-gradient(circle at 75% 82%,#6fe0cf38,#0000 25%),linear-gradient(145deg,#fff9fc 0%,#fff4f8 48%,#f6f2ff 100%);border-bottom:1px solid #5a3f6414;place-items:center;min-height:100svh;padding:56px 24px;display:grid;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";filter:blur(4px);opacity:.78;border-radius:999px;animation:7s ease-in-out infinite blobFloat;position:absolute}.hero:before{background:linear-gradient(135deg,#ff7aab6b,#ffcd694d);width:240px;height:240px;top:8%;left:-70px}.hero:after{background:linear-gradient(135deg,#8c7bff59,#70e0cf47);width:290px;height:290px;animation-delay:-2.5s;bottom:5%;right:-90px}.hero-inner{z-index:2;text-align:center;max-width:1040px;position:relative}.eyebrow,.section-head p{letter-spacing:.19em;color:#9c8d9e;margin:0 0 22px;font-size:11px}.hero h1{letter-spacing:-.075em;color:#28232e;margin:0;font-size:clamp(68px,13vw,158px);font-weight:700;line-height:.79}.hero h1 span{background:linear-gradient(100deg,#ff639a 0%,#ff9a70 28%,#8a78ff 66%,#56cfc1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.friend-name{color:#453e4a;margin:31px 0 0;font-size:clamp(25px,4vw,42px);font-weight:600}.hero-copy{color:#776c7c;width:min(560px,100%);margin:18px auto 0;line-height:1.8}.primary-btn,.secret-btn{cursor:pointer;border:0;border-radius:999px;margin-top:30px;padding:15px 25px;font-weight:700;transition:transform .22s,box-shadow .22s}.primary-btn{color:#fff;background:#28232e;text-decoration:none;display:inline-block;box-shadow:0 14px 35px #37253e29}.primary-btn:hover,.secret-btn:hover{transform:translateY(-4px)scale(1.02)}.scroll-hint{letter-spacing:.18em;color:#a79baa;font-size:10px;animation:1.8s ease-in-out infinite float;position:absolute;bottom:25px}.section{width:min(1120px,100% - 40px);margin:0 auto;padding:120px 0;position:relative}.section-head h2{letter-spacing:-.055em;color:#302936;margin:0;font-size:clamp(42px,7vw,82px);line-height:.98}.section-head.center{text-align:center}.voice-section{padding-bottom:55px}.voice-card{background:radial-gradient(circle at 12% 20%,#ffffffeb,#0000 27%),linear-gradient(135deg,#ffd9e8 0%,#f5dbff 48%,#d9f8f4 100%);border:1px solid #ffffffeb;border-radius:36px;grid-template-columns:220px 1fr;align-items:center;gap:clamp(30px,7vw,90px);min-height:520px;margin-top:50px;padding:clamp(28px,6vw,64px);display:grid;position:relative;overflow:hidden;box-shadow:0 35px 80px #70467e26}.voice-card:before,.voice-card:after{content:"";filter:blur(6px);pointer-events:none;border-radius:50%;position:absolute}.voice-card:before{background:#ffd0645c;width:230px;height:230px;bottom:-110px;left:-80px}.voice-card:after{background:#7e68ff38;width:300px;height:300px;top:-150px;right:-150px}.voice-play{z-index:2;aspect-ratio:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#44384b;cursor:pointer;letter-spacing:.16em;background:#ffffffa1;border:1px solid #ffffffd9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:11px;width:190px;font-size:10px;transition:transform .3s,background .3s;display:flex;position:relative;box-shadow:0 18px 55px #62417024}.voice-play:hover{background:#ffffffe6;transform:scale(1.05)}.voice-play-icon{letter-spacing:0;font-size:18px}.voice-card.is-playing .voice-play-icon{animation:1s ease-in-out infinite voicePulse}.voice-lines{z-index:2;flex-direction:column;justify-content:center;min-height:330px;display:flex;position:relative}.voice-lines p{color:#503f5733;letter-spacing:-.035em;opacity:.55;margin:0;padding:8px 0;font-size:clamp(22px,3.5vw,45px);font-weight:600;line-height:1.12;transition:color .8s,opacity .8s,transform .8s,filter .8s}.voice-lines p.active{color:#3b3042;opacity:1;text-shadow:0 8px 30px #6544711f;transform:translate(12px)}.voice-lines p.passed{color:#503f5785;opacity:.72}.letter-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#665b6c;background:#ffffffb8;border:1px solid #fffffff2;border-radius:36px;margin-top:50px;padding:clamp(28px,6vw,64px);font-size:clamp(17px,2vw,20px);line-height:2;position:relative;overflow:hidden;box-shadow:0 30px 80px #603f6d1a}.letter-card:before{content:"";background:linear-gradient(135deg,#ff70a429,#8b78ff2e);border-radius:50%;width:260px;height:260px;position:absolute;bottom:-150px;right:-130px}.letter-card p{margin:0 0 22px;position:relative}.letter-card strong{color:#ff5f97}.sign{color:#3d3542;background:linear-gradient(90deg,#ff639a,#8a78ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-top:8px;font-weight:700}figcaption{color:#8e8292;margin-top:14px;padding-left:6px;font-size:13px}.quote-section{text-align:center;color:#302536;background:radial-gradient(circle at 18% 20%,#ffffffad,#0000 20%),linear-gradient(120deg,#ffd5e6 0%,#ffe6bd 34%,#e6dcff 68%,#cff4ef 100%);place-items:center;min-height:72svh;padding:90px 24px;display:grid}.quote-section p{letter-spacing:-.05em;width:min(860px,100%);margin:0;font-size:clamp(38px,7vw,76px);font-weight:700;line-height:1.08}.quote-mark{opacity:.16;font-size:100px;line-height:.5}.song-section{padding-top:130px;padding-bottom:70px}.song-card{background:radial-gradient(circle at 12% 12%,#ffffffeb,#0000 25%),radial-gradient(circle at 86% 18%,#ffcd6959,#0000 28%),linear-gradient(135deg,#ffd4e5 0%,#eadcff 48%,#d8f5f1 100%);border:1px solid #ffffffeb;border-radius:38px;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr);align-items:center;gap:clamp(34px,6vw,88px);min-height:470px;margin-top:50px;padding:clamp(28px,5vw,58px);display:grid;position:relative;overflow:hidden;box-shadow:0 34px 85px #62406f24}.song-card:before{content:"";filter:blur(4px);background:#ffffff6b;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-130px;right:-110px}.song-art{z-index:2;place-items:center;min-height:330px;display:grid;position:relative}.song-disc{aspect-ratio:1;background:radial-gradient(circle,#fff 0 8%,#0000 8.4%),radial-gradient(circle,#ff7cab 0 21%,#0000 21.5%),repeating-radial-gradient(circle,#342b3b 0 3px,#211c26 4px 7px);border-radius:50%;place-items:center;width:min(310px,78vw);transition:transform .45s,box-shadow .45s;display:grid;position:relative;transform:rotate(-7deg);box-shadow:0 28px 55px #2c20323d}.song-disc:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:7%;box-shadow:inset 0 0 0 22px #ffffff04}.song-disc span{z-index:2;aspect-ratio:1;color:#fff;letter-spacing:-.04em;background:linear-gradient(135deg,#ff6fa3,#8a78ff);border-radius:50%;place-items:center;width:78px;font-size:26px;font-weight:700;display:grid;position:relative;box-shadow:0 8px 24px #482d5240}.song-card.is-playing .song-disc{animation:7s linear infinite recordSpin;box-shadow:0 30px 70px #2c203257}.song-player{z-index:2;position:relative}.song-label{color:#948599;letter-spacing:.2em;margin:0 0 14px;font-size:10px}.song-player h3{color:#352d3b;letter-spacing:-.05em;margin:0;font-size:clamp(34px,5vw,62px);line-height:1}.song-note{color:#756879;margin:18px 0 0;font-size:16px;line-height:1.7}.song-controls{align-items:center;gap:18px;margin-top:34px;display:flex}.song-play-button{cursor:pointer;color:#fff;background:#302936;border:0;border-radius:50%;flex:none;place-items:center;width:68px;height:68px;transition:transform .25s,box-shadow .25s;display:grid;box-shadow:0 16px 35px #37253e30}.song-play-button:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 20px 42px #37253e40}.song-play-button span{font-size:18px;transform:translate(1px)}.song-timeline{flex:1;min-width:0}.song-timeline input[type=range]{cursor:pointer;accent-color:#ff6fa3;width:100%}.song-time{color:#938798;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:7px;font-size:11px;display:flex}@keyframes recordSpin{0%{transform:rotate(-7deg)}to{transform:rotate(353deg)}}.final-section{text-align:center;padding-bottom:150px}.gift-icon{background:linear-gradient(120deg,#ff639a,#8a78ff,#5bd3c4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:28px;font-size:52px;animation:2.4s ease-in-out infinite float}.final-copy{color:#827587;max-width:540px;margin:22px auto 0;line-height:1.7}.secret-btn{color:#fff;background:linear-gradient(110deg,#ff6fa3,#8a78ff);box-shadow:0 16px 38px #8b5cb83d}.secret-card{text-align:left;color:#6d6172;background:linear-gradient(145deg,#ffffffe0,#fff7fcd1);border:1px solid #fffffff2;border-radius:30px;max-width:760px;margin:36px auto 0;padding:36px;line-height:1.9;animation:.55s both reveal;box-shadow:0 28px 70px #603f6d21}.secret-card strong{color:#493e4f}.secret-title{letter-spacing:.05em;background:linear-gradient(90deg,#ff639a,#8a78ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}footer{text-align:center;color:#aa9faf;letter-spacing:.08em;padding:30px 20px 50px;font-size:12px}@keyframes idleIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes happyIn{0%{filter:blur(12px);opacity:0;transform:translateY(115%)rotate(2deg)}to{filter:blur();opacity:1;transform:translateY(0)rotate(0)}}@keyframes birthdayIn{0%{filter:blur(12px);opacity:0;transform:translateY(-115%)rotate(-2deg)}to{filter:blur();opacity:1;transform:translateY(0)rotate(0)}}@keyframes nameIn{to{opacity:1;transform:none}}@keyframes flash{0%,to{opacity:0}45%{opacity:.92}}@keyframes introExit{0%{opacity:1;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(1.08)}}@keyframes siteReveal{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes reveal{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@keyframes voicePulse{0%,to{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}@keyframes blobFloat{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(18px,-18px)rotate(8deg)}}@media (width<=760px){.intro-line span{font-size:clamp(58px,19vw,100px)}.intro-name{margin-top:20px}.hero{padding:40px 18px}.hero h1{font-size:clamp(58px,20vw,92px)}.section{width:min(100% - 28px,1120px);padding:88px 0}.voice-card{border-radius:26px;grid-template-columns:1fr;min-height:auto}.voice-play{justify-self:center;width:130px}.voice-lines{min-height:300px}.voice-lines p{padding:7px 0}.song-card{border-radius:28px;grid-template-columns:1fr;min-height:auto}.song-art{min-height:250px}.song-disc{width:min(250px,68vw)}.song-controls{align-items:center}.song-play-button{width:60px;height:60px}.quote-section{min-height:60svh}.letter-card{border-radius:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.clock-easter{color:#5f5166;cursor:pointer;background:linear-gradient(120deg,#ff6fa31a,#8a78ff1a);border:1px solid #8a78ff2e;border-radius:999px;align-items:center;gap:7px;margin:0 2px;padding:4px 9px;font-weight:700;transition:transform .25s,background .25s,box-shadow .25s;display:inline-flex}.clock-easter:hover{background:linear-gradient(120deg,#ff6fa32e,#8a78ff2e);transform:translateY(-2px)rotate(-1deg);box-shadow:0 10px 25px #6445771a}.clock-easter.is-open .clock-face{animation:.65s clockWiggle}.clock-face{display:inline-block}.clock-note{background:radial-gradient(circle at 92% 12%,#fffffff2,#0000 28%),linear-gradient(120deg,#ffe2ed,#efe6ff 52%,#ddf7f3);border:1px solid #fffffff2;border-radius:24px;margin:18px 0 26px;padding:22px 24px;animation:.45s both reveal;box-shadow:0 20px 50px #603f6d1a}.clock-note-time{color:#8f7d97;letter-spacing:.22em;margin-bottom:10px;font-size:11px;display:inline-block}.clock-note p{color:#433849;letter-spacing:-.03em;margin:0;font-size:clamp(25px,4vw,38px);font-weight:700}.clock-note small{color:#89798e;margin-top:6px;display:block}.ending-trigger{color:#fff;cursor:pointer;letter-spacing:.12em;background:#2c2531;border:0;border-radius:999px;margin-top:14px;padding:13px 18px;font-size:11px;font-weight:700;transition:transform .25s,box-shadow .25s}.ending-trigger span{margin-left:7px;transition:transform .25s;display:inline-block}.ending-trigger:hover{transform:translateY(-3px);box-shadow:0 14px 30px #31243729}.ending-trigger:hover span{transform:translate(4px)}.ending-screen{z-index:12000;color:#fff;background:radial-gradient(circle at 20% 18%,#ff639a47,#0000 28%),radial-gradient(circle at 84% 76%,#8a78ff4d,#0000 32%),#09070b;place-items:center;padding:30px;animation:.75s cubic-bezier(.16,1,.3,1) both endingIn;display:grid;position:fixed;inset:0;overflow:hidden}.ending-noise{pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");position:absolute;inset:0}.ending-orb{filter:blur(8px);opacity:.65;pointer-events:none;border-radius:50%;position:absolute}.ending-orb-one{aspect-ratio:1;background:radial-gradient(circle,#ff6fa36b,#ff6fa300);width:min(42vw,520px);animation:7s ease-in-out infinite endingFloat;top:-14vw;left:-13vw}.ending-orb-two{aspect-ratio:1;background:radial-gradient(circle,#8a78ff6b,#8a78ff00);width:min(48vw,620px);animation:8s ease-in-out -2s infinite reverse endingFloat;bottom:-18vw;right:-18vw}.ending-content{z-index:2;text-align:center;width:min(980px,100%);position:relative}.ending-kicker{color:#ffffff7a;letter-spacing:.24em;margin:0 0 28px;font-size:10px}.ending-content h2{letter-spacing:-.07em;margin:0;font-size:clamp(58px,12vw,150px);font-weight:700;line-height:.82}.ending-content h2 span{background:linear-gradient(100deg,#ff79aa 0%,#ffd171 34%,#9b89ff 68%,#72dfd1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ending-copy{color:#ffffffad;width:min(620px,100%);margin:28px auto 0;line-height:1.8}.ending-back{color:#fff;cursor:pointer;letter-spacing:.13em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;margin-top:30px;padding:14px 22px;font-size:10px;font-weight:700;transition:background .25s,transform .25s}.ending-back:hover{background:#ffffff24;transform:translateY(-3px)}.ending-close{z-index:3;color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:50%;width:42px;height:42px;font-size:22px;line-height:1;position:absolute;top:22px;right:24px}@keyframes clockWiggle{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-14deg)scale(1.12)}55%{transform:rotate(12deg)scale(1.12)}}@keyframes endingIn{0%{opacity:0;filter:blur(10px);transform:scale(1.035)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes endingFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(24px,-18px)scale(1.08)}}@media (width<=760px){.clock-note{padding:18px}.ending-screen{padding:24px 16px}.ending-content h2{font-size:clamp(52px,18vw,92px)}.ending-copy{font-size:14px}}.intro-idle.is-locked,.intro-idle.is-unlocked{width:min(92vw,560px)}.gate-for{color:#777!important;letter-spacing:.32em!important}.gate-stars{color:#555;letter-spacing:0;align-items:center;gap:16px;height:30px;font-size:12px;display:flex}.gate-stars span:first-child{animation:2.2s ease-in-out infinite gateStar}.gate-stars span:nth-child(2){animation:2.8s ease-in-out .3s infinite gateStar}.gate-stars span:nth-child(3){color:#a78bfa;animation:1.9s ease-in-out .7s infinite gateStar}.gate-stars span:nth-child(4){animation:2.5s ease-in-out .1s infinite gateStar}.gate-stars span:nth-child(5){color:#ff7cab;animation:2.1s ease-in-out .5s infinite gateStar}.countdown-block{text-align:center;background:radial-gradient(circle at 50% 0,#9178ff1a,#0000 42%),#060606;border:1px solid #202020;width:100%;padding:28px 26px 24px}.countdown-kicker{color:#666;letter-spacing:.22em;margin-bottom:18px;font-size:9px;display:block}.countdown-time{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:clamp(7px,2vw,14px);display:flex}.countdown-time span{color:#f5f5f5;letter-spacing:-.055em;min-width:1.8em;font-size:clamp(42px,12vw,72px);font-weight:600;line-height:1}.countdown-time b{color:#504754;font-size:clamp(26px,6vw,38px);font-weight:400;animation:1s step-end infinite colonBlink}.countdown-block small{color:#555;letter-spacing:.18em;margin-top:18px;font-size:9px;display:block}.enter-button.is-locked{opacity:.42;cursor:not-allowed;background:#050505;border-color:#191919}.enter-button.is-locked:hover{color:#efefef;background:#050505;border-color:#191919;transform:none}.gate-hint{text-transform:lowercase;color:#444!important;letter-spacing:.13em!important;margin:-9px 0 0!important;font-size:9px!important}.unlock-message{animation:.75s cubic-bezier(.16,1,.3,1) both unlockPop;color:#d9c9ff!important;letter-spacing:.18em!important;margin:2px 0 3px!important;font-size:11px!important}.enter-button.is-ready{color:#000;background:#fff;border-color:#ffffffc7;animation:1.8s ease-in-out infinite readyPulse;box-shadow:0 0 0 1px #ffffff14,0 0 54px #a78bfa38}.enter-button.is-ready:hover{background:linear-gradient(100deg,#ff8cb5,#dfc3ff,#8fe5da);border-color:#0000}@keyframes gateStar{0%,to{opacity:.18;transform:translateY(0)scale(.8)}50%{opacity:.9;transform:translateY(-4px)scale(1.15)}}@keyframes colonBlink{0%,48%{opacity:1}49%,to{opacity:.18}}@keyframes unlockPop{0%{opacity:0;filter:blur(8px);transform:translateY(12px)scale(.96)}to{opacity:1;filter:blur();transform:none}}@keyframes readyPulse{0%,to{transform:scale(1);box-shadow:0 0 0 1px #ffffff14,0 0 35px #a78bfa24}50%{transform:scale(1.025);box-shadow:0 0 0 1px #ffffff1f,0 0 70px #ff7cab42}}@media (width<=560px){.intro-idle.is-locked,.intro-idle.is-unlocked{gap:18px;width:min(92vw,420px)}.countdown-block{padding:24px 16px 21px}.countdown-time{gap:6px}.enter-button{width:min(220px,80vw)}}