:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow:hidden}body{background:#20104b}button,img{-webkit-tap-highlight-color:transparent}.birthday{--ink:#fff;--stroke:#260062;--flower:#ff60d0;--flower-alt:#dd92ff;--flower-center:#ffe53d;isolation:isolate;background:radial-gradient(circle at 50% 46%,#0000 0 13%,#fff6 13.2% 13.6%,#0000 14%),radial-gradient(circle,#d884ff 0,#7d3dc8 35%,#4b1488 68%,#17032e 100%);width:100vw;height:100svh;transition:background .65s;position:relative;overflow:hidden}.birthday:before{content:"";z-index:-4;background:conic-gradient(from 5deg,#ffffff3d,#0000 5deg 18deg,#ffffff1f 23deg,#0000 30deg 44deg);animation:28s linear infinite spin;position:absolute;inset:-40%}.birthday:after{content:"";z-index:20;pointer-events:none;transition:box-shadow .5s;position:absolute;inset:0;box-shadow:inset 0 0 110px 26px #10002bd1,inset 0 0 0 8px #ffffff57,inset 0 0 0 13px #ff53d247}.noise{z-index:19;pointer-events:none;opacity:.26;mix-blend-mode:screen;background-image:radial-gradient(circle,#fff 0 1px,#0000 1.6px),radial-gradient(circle,#fffc 0 1px,#0000 1.8px);background-position:0 0,9px 14px;background-size:21px 21px,27px 27px;animation:.18s steps(2,end) infinite snow;position:absolute;inset:0}.rays{z-index:-2;opacity:.68;background:repeating-conic-gradient(from 0deg, transparent 0 8deg, #ffffff38 8deg 13deg, transparent 13deg 22deg);width:120vmax;height:120vmax;animation:18s linear infinite reverse spin;position:absolute;top:48%;left:50%;translate:-50% -50%}.flash{z-index:18;pointer-events:none;opacity:0;background:#fff;animation:7s step-end infinite camera;position:absolute;inset:0}.rainbow-orbit{z-index:1;opacity:.78;filter:drop-shadow(0 0 14px #ff8dea);background:linear-gradient(90deg,#ff36c7,#fff44f,#45ff9a,#52d8ff,#bd6dff,#ff36c7) border-box;border:clamp(5px,.7vw,12px) solid #0000;border-radius:50%;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.orbit-one{width:min(78vw,800px);height:min(78vw,800px);animation:2.4s ease-in-out infinite orbitPulse;top:48%;left:50%;translate:-50% -50%}.orbit-two{width:min(92vw,980px);height:min(92vw,980px);animation:2.4s ease-in-out .8s infinite reverse orbitPulse;top:48%;left:50%;translate:-50% -50%}.poster{z-index:6;place-items:center;display:grid;position:absolute;inset:3.2vh 5vw 7vh}.portrait-shell{aspect-ratio:.84;filter:drop-shadow(0 24px 14px #16002c8c);width:min(45vw,52vh,530px);animation:3.1s ease-in-out infinite heroFloat;position:relative;transform:translateY(-2vh)rotate(-2deg)}.portrait-frame{background:#eee;border:clamp(7px,1vw,15px) solid #fff;border-radius:48% 48% 46% 46%/37% 37% 59% 59%;position:absolute;inset:5%;overflow:hidden;box-shadow:0 0 0 8px #d63fff,0 0 0 13px #fff,0 0 38px 20px #ff76ed}.portrait-frame:after{content:"";background:linear-gradient(125deg,#0000 20%,#ffffff7a 44%,#0000 58%);animation:3.8s ease-in-out infinite gloss;position:absolute;inset:0;translate:-120%}.portrait-frame img{object-fit:cover;object-position:50% 27%;width:100%;height:100%;transform:scale(1.05)}.portrait-halo{background:repeating-conic-gradient(#fff 0 4deg, #ff63dc 4deg 8deg, transparent 8deg 12deg);filter:blur(1px)drop-shadow(0 0 16px #fff);border-radius:50%;animation:10s linear infinite spin;position:absolute;inset:-10%}.portrait-echo{display:none;position:absolute;overflow:hidden}.crown{filter:drop-shadow(0 0 9px #fff685);width:50%;height:28%;position:absolute;top:-15%;left:25%;transform:rotate(4deg)}.crown:after{content:"";background:linear-gradient(#fff387,#ffc400);border:4px solid #fff;border-radius:4px 4px 18px 18px;height:35%;position:absolute;bottom:0;left:6%;right:6%}.crown i{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(135deg,#fff8a8,#ffb400);width:28%;height:64%;position:absolute;bottom:24%}.crown i:first-child{left:0;transform:rotate(-13deg)}.crown i:nth-child(2){height:85%;left:19%}.crown i:nth-child(3){height:100%;left:38%}.crown i:nth-child(4){height:85%;left:57%}.crown i:nth-child(5){left:76%;transform:rotate(13deg)}h1{z-index:9;width:min(95vw,1180px);color:var(--ink);letter-spacing:-.035em;text-align:center;text-transform:uppercase;-webkit-text-stroke:clamp(2px, .45vw, 7px) var(--stroke);paint-order:stroke fill;text-shadow:.04em .05em #ff2db7,.075em .09em #ffdc44,.11em .13em #3cffd0,0 0 20px #fff;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(3.2rem,9.4vw,9.5rem);line-height:.82;animation:1.9s ease-in-out infinite titleThrob;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(-2deg)}.meme{z-index:8;object-fit:contain;pointer-events:none;transition:all .65s cubic-bezier(.2,.8,.2,1);position:absolute}.meme-doge{filter:drop-shadow(0 0 12px #fff)drop-shadow(0 15px 8px #3b086a);width:clamp(180px,27vw,420px);animation:3s ease-in-out infinite dogeFloat;bottom:2vh;right:-3vw}.meme-troll{filter:drop-shadow(0 0 10px #fff);width:clamp(140px,20vw,310px);animation:2.2s ease-in-out infinite trollWobble;top:5vh;left:-1.5vw}.meme-nyan{filter:drop-shadow(0 0 10px #fff);width:clamp(130px,20vw,300px);animation:4s ease-in-out infinite nyanFly;bottom:4vh;left:2vw}.flower-field{z-index:5;pointer-events:none;position:absolute;inset:0}.flower{--size:clamp(38px, 6.8vw, 96px);width:var(--size);height:var(--size);scale:var(--s);filter:drop-shadow(0 0 8px #fff)drop-shadow(4px 5px #43005380);animation:3s ease-in-out infinite alternate flowerDance;position:absolute}.flower:nth-child(2n){animation-delay:-1.3s}.flower:nth-child(3n){animation-duration:2.2s}.flower i{--angle:calc(var(--i) * 45deg);background:linear-gradient(90deg,var(--flower),var(--flower-alt));transform-origin:50% 98%;width:22%;height:49%;transform:rotate(var(--angle));border:2px solid #fff;border-radius:55% 55% 45% 45%;position:absolute;top:2%;left:39%}.flower b{background:radial-gradient(circle at 35% 35%,#fff,var(--flower-center) 30%,#ff7a00);border:2px solid #fff;border-radius:50%;width:28%;height:28%;position:absolute;top:36%;left:36%}.sparkles{z-index:7;pointer-events:none;position:absolute;inset:0}.sparkles i{aspect-ratio:1;width:clamp(9px,1.4vw,22px);animation:twinkle 1.1s var(--delay) ease-in-out infinite alternate;filter:drop-shadow(0 0 5px #fff);position:absolute}.sparkles i:before,.sparkles i:after{content:"";background:#fff;border-radius:100%;position:absolute}.sparkles i:before{width:14%;height:100%;left:43%}.sparkles i:after{width:100%;height:14%;top:43%}.birthday.option-1{--stroke:#041658;--flower:#58e5ff;--flower-alt:#fff;--flower-center:#ff35b8;background:linear-gradient(#0f46bc47,#0003303d),repeating-linear-gradient(0deg,#ffffff1f 0 1px,#0000 1px 4px),radial-gradient(circle at 50% 45%,#63f4ff 0,#16d 32%,#061b76 68%,#010521 100%)}.option-1:after{box-shadow:inset 0 0 120px 28px #01051e,inset 0 0 0 8px #fff,inset 0 0 0 14px #16d7ff}.option-1 .portrait-shell{width:min(52vw,56vh,570px);transform:translateY(-3vh)rotate(2deg)}.option-1 .portrait-frame{border-radius:4%;box-shadow:0 0 0 8px #04eaff,0 0 0 13px #fff,0 0 45px 22px #0affff}.option-1 .portrait-halo{background:repeating-conic-gradient(#fff 0 3deg,#01a9ff 3deg 6deg,transparent 6deg 10deg);border-radius:8%}.option-1 h1{text-shadow:.045em .05em #ff35bd,.085em .09em #7eff35,.12em .13em #00a6ff,0 0 22px #fff;transform:translate(-50%)rotate(1.5deg)}.option-1 .meme-doge{width:clamp(210px,32vw,510px);bottom:-1vh;left:-3vw;right:auto;transform:rotate(9deg)}.option-1 .meme-troll{top:5vh;left:auto;right:-2vw;transform:rotate(7deg)}.option-1 .meme-nyan{bottom:9vh;left:auto;right:3vw}.birthday.option-2{--stroke:#000;--flower:#fff;--flower-alt:#cfcfcf;--flower-center:#111;background:radial-gradient(circle at 50% 47%,#fffffff0 0 3%,transparent 28%), repeating-conic-gradient(from 0deg,#f5f5f5 0 6deg,#9b9b9b 6deg 12deg,#161616 12deg 18deg), #111}.option-2:before{background:repeating-conic-gradient(from 5deg,#ffffffb8 0 2deg,transparent 2deg 9deg);animation-duration:40s}.option-2:after{box-shadow:inset 0 0 150px 40px #000,inset 0 0 0 9px #fff,inset 0 0 0 16px #111}.option-2 .noise{opacity:.45;mix-blend-mode:overlay}.option-2 .rainbow-orbit{filter:drop-shadow(0 0 14px #fff);background:linear-gradient(90deg,#fff,#555,#fff,#111,#fff) border-box}.option-2 .portrait-shell{filter:grayscale()contrast(1.18)drop-shadow(20px 18px #000000b3);width:min(48vw,55vh,570px);transform:translateY(-3vh)rotate(-1deg)}.option-2 .portrait-frame{border-radius:0;transform:rotate(-2deg);box-shadow:0 0 0 8px #111,0 0 0 15px #fff,0 0 35px 18px #fff}.option-2 .portrait-halo{background:repeating-conic-gradient(#fff 0 2deg,#111 2deg 5deg,transparent 5deg 10deg)}.option-2 .crown{filter:grayscale()drop-shadow(0 0 8px #fff)}.option-2 h1{text-shadow:.04em .05em #444,.075em .09em #999,0 0 20px #fff;bottom:1vh;transform:translate(-50%)rotate(-1deg)}.option-2 .meme-doge{filter:grayscale()contrast(1.4)drop-shadow(0 0 12px #fff);bottom:-4vh;right:-3vw;transform:rotate(-8deg)}.option-2 .meme-troll{width:clamp(180px,24vw,360px);top:8vh;left:-2vw;transform:rotate(-8deg)}.option-2 .meme-nyan{filter:grayscale()contrast(1.2)drop-shadow(0 0 12px #fff);bottom:6vh;left:5vw}@keyframes spin{to{transform:rotate(1turn)}}@keyframes snow{to{background-position:3px -2px,7px 17px}}@keyframes camera{0%,91%,94%,to{opacity:0}92%{opacity:.7}93%{opacity:.08}}@keyframes orbitPulse{50%{opacity:.38;rotate:3deg;scale:1.06}}@keyframes heroFloat{50%{translate:0 -1.1vh;rotate:1.6deg;scale:1.02}}@keyframes gloss{0%,35%{translate:-120%}65%,to{translate:150%}}@keyframes titleThrob{50%{filter:brightness(1.28);scale:1.025}}@keyframes dogeFloat{50%{translate:0 -14px;rotate:3deg}}@keyframes trollWobble{50%{translate:7px 4px;rotate:-4deg}}@keyframes nyanFly{50%{translate:18px -12px;rotate:3deg}}@keyframes flowerDance{to{transform:rotate(12deg)scale(1.08)}}@keyframes twinkle{0%{opacity:.16;rotate:none;scale:.35}to{opacity:1;rotate:90deg;scale:1.4}}@media (max-width:700px){.poster{inset:8vh 2vw 12vh}.portrait-shell,.option-1 .portrait-shell,.option-2 .portrait-shell{width:min(74vw,52vh)}h1{width:96vw;font-size:clamp(2.55rem,11.2vw,4rem);line-height:.86;bottom:2vh}.meme-troll,.option-1 .meme-troll,.option-2 .meme-troll{width:31vw;top:5vh}.meme-doge,.option-1 .meme-doge,.option-2 .meme-doge{width:32vw;bottom:-1vh}.meme-nyan,.option-1 .meme-nyan,.option-2 .meme-nyan{width:30vw;bottom:24vh}.flower{--size:clamp(34px, 13vw, 75px)}.orbit-one{width:100vw;height:100vw}.orbit-two{width:124vw;height:124vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}