:root{color:#fffaf0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#3b1436;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button{font:inherit}h1,p{margin:0}.party{background:radial-gradient(circle at 50% 18%,#ffe9995c,#0000 16rem),radial-gradient(circle at 12% 72%,#ff826a4d,#0000 15rem),radial-gradient(circle at 88% 76%,#5ed2a642,#0000 17rem),linear-gradient(145deg,#4a1741 0%,#7d2550 54%,#3b1436 100%);place-items:center;min-height:100svh;padding:clamp(16px,4vw,42px);display:grid;position:relative;overflow:hidden}.party:before{content:"";background:linear-gradient(#ffe5b7f5,#ffc987);border-radius:50% 50% 0 0;height:46%;position:absolute;inset:auto -8% -22%;box-shadow:0 -28px 80px #2b0d262e}.party-stage{z-index:2;grid-template-rows:auto minmax(310px,1fr) auto;align-items:center;gap:clamp(16px,3vw,28px);width:min(100%,980px);min-height:min(92svh,780px);display:grid;position:relative}.party-copy{color:#3a1830;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf0e6;border:1px solid #ffffff4d;border-radius:28px;justify-self:center;width:min(100%,760px);padding:clamp(16px,3vw,24px);box-shadow:0 22px 70px #280a2238}.kicker{color:#8a3155;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:clamp(.76rem,1.4vw,.92rem);font-weight:900}.party-copy h1{color:#311327;letter-spacing:0;max-width:13ch;margin:0 auto;font-size:clamp(2.1rem,6vw,4.9rem);line-height:.98}.note{color:#58314b;max-width:56ch;margin:12px auto 0;font-size:clamp(1rem,2vw,1.22rem);font-weight:650;line-height:1.55}.party-scene{justify-self:center;place-items:center;width:min(100%,800px);min-height:min(56svh,440px);display:grid;position:relative}.party-controls{z-index:5;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.party-button,.treat-counter{border-radius:999px;justify-content:center;align-items:center;min-height:50px;font-weight:950;display:inline-flex}.party-button{color:#351225;cursor:pointer;background:linear-gradient(135deg,#ffe56f,#ff9c52);border:0;padding:0 24px;transition:transform .18s,box-shadow .18s;box-shadow:0 16px 44px #4c153147}.party-button:hover,.party-button:focus-visible{outline-offset:3px;outline:3px solid #fffaf0d1;transform:translateY(-2px)scale(1.02);box-shadow:0 18px 54px #4c153161}.party-button:active{transform:translateY(1px)scale(.98)}.treat-counter{color:#fff8e7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#3a1330b8;border:1px solid #fffaf059;padding:0 18px}.confetti{pointer-events:none;position:absolute;inset:0}.confetti span{--x:calc((var(--i) * 47px) % 100vw);left:var(--x);top:calc((var(--i) * 31px) % 86vh);background:hsl(calc(28 + var(--i) * 32) 88% 68%);opacity:.78;width:clamp(8px,1.2vw,14px);height:clamp(16px,2.3vw,28px);transform:rotate(calc(var(--i) * 23deg));animation:confettiDrift calc(5s + var(--i) * .24s) ease-in-out infinite alternate;border-radius:999px;position:absolute}.dog{z-index:3;align-self:end;width:clamp(180px,34vw,300px);height:clamp(220px,38vw,340px);margin-top:clamp(14px,3vw,28px);position:relative}.dog-head{aspect-ratio:1;background:linear-gradient(145deg,#f6c37c,#ce823e);border-radius:48% 48% 44% 44%;width:62%;position:absolute;top:8%;left:50%;transform:translate(-50%);box-shadow:inset -12px -16px #7e442421}.spot{aspect-ratio:1;background:#6d3b2d;border-radius:52% 48% 50% 42%;width:32%;position:absolute;top:12%;right:12%}.ear{z-index:1;transform-origin:top;background:#6d3b2d;border-radius:50% 50% 54% 54%;width:28%;height:36%;animation:3.6s ease-in-out infinite earWiggle;position:absolute;top:16%}.ear-left{left:10%;transform:rotate(22deg)}.ear-right{animation-delay:.6s;right:10%;transform:rotate(-22deg)}.eye{aspect-ratio:1;background:#25110f;border-radius:999px;width:9%;position:absolute;top:43%}.eye-left{left:33%}.eye-right{right:33%}.nose{background:#25110f;border-radius:48% 48% 58% 58%;width:17%;height:12%;position:absolute;top:58%;left:50%;transform:translate(-50%)}.smile{border-bottom:4px solid #5a2e22;border-radius:0 0 999px 999px;width:30%;height:16%;position:absolute;top:70%;left:50%;transform:translate(-50%)}.dog-body{background:linear-gradient(145deg,#d88b4a,#a95c34);border-radius:48% 48% 42% 42%;width:74%;height:45%;position:absolute;bottom:4%;left:50%;transform:translate(-50%);box-shadow:0 24px 54px #3f172338}.tail{transform-origin:0;background:#d88b4a;border-radius:999px;width:42%;height:18%;animation:.8s ease-in-out infinite alternate tailWag;position:absolute;top:12%;right:-22%}.paw{background:#ffe3b1;border-radius:999px 999px 40% 40%;width:25%;height:25%;position:absolute;bottom:-5%}.paw-left{left:18%}.paw-right{right:18%}.party-hat{z-index:5;clip-path:polygon(50% 0,100% 100%,0 100%);background:repeating-linear-gradient(135deg,#59d5b0 0 12px,#ffe56f 12px 24px,#ff7a72 24px 36px);width:28%;height:28%;animation:2.4s ease-in-out infinite alternate hatBob;position:absolute;top:-3%;left:50%;transform:translate(-50%)rotate(-5deg)}.party-hat span{aspect-ratio:1;background:#fff8e7;border-radius:999px;width:14px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.welcome-mat{z-index:2;color:#602441;background:#fff0b8;border-radius:999px;place-items:center;width:min(62vw,360px);height:clamp(70px,12vw,96px);font-size:clamp(1rem,2.6vw,1.5rem);font-weight:950;display:grid;position:absolute;bottom:4%;box-shadow:inset 0 -10px #8240231a,0 22px 50px #3d112a29}.cake{z-index:4;aspect-ratio:1.08;width:clamp(150px,27vw,250px);position:absolute;bottom:3%;right:min(7vw,54px)}.cake-plate,.cake-base,.cake-top{position:absolute;left:50%;transform:translate(-50%)}.cake-plate{background:#fff8e7;border-radius:999px;width:96%;height:12%;bottom:3%;box-shadow:0 12px 30px #35122538}.cake-base{background:radial-gradient(circle at 20% 30%,#fff3d1 0 5px,#0000 6px),radial-gradient(circle at 55% 58%,#fff3d1 0 5px,#0000 6px),linear-gradient(#ff7e7d,#df4665);border-radius:24px 24px 34px 34px;width:82%;height:42%;bottom:12%}.cake-top{background:linear-gradient(#fff8e7,#ffd1a1);border-radius:999px;width:90%;height:25%;bottom:50%}.cake-bone{z-index:5;background:#fff8e7;border-radius:999px;width:42%;height:14%;position:absolute;bottom:66%;left:50%;transform:translate(-50%)rotate(-8deg)}.cake-bone:before,.cake-bone:after,.bone:before,.bone:after{content:"";aspect-ratio:1;background:inherit;border-radius:999px;width:35%;position:absolute;top:50%}.cake-bone:before,.bone:before{left:-15%;transform:translateY(-80%);box-shadow:0 16px #fff8e7}.cake-bone:after,.bone:after{right:-15%;transform:translateY(-80%);box-shadow:0 16px #fff8e7}.candles{z-index:7;gap:clamp(8px,2vw,16px);display:flex;position:absolute;bottom:78%;left:50%;transform:translate(-50%)}.candle{cursor:pointer;background:repeating-linear-gradient(#fff8e7 0 9px,#59d5b0 9px 18px);border:0;border-radius:999px;width:18px;height:54px;position:relative;box-shadow:0 8px 18px #40142a29}.candle span{opacity:0;background:#ffbc4f;border-radius:60% 60% 52% 52%;width:17px;height:23px;transition:opacity .2s,transform .2s;position:absolute;top:-18px;left:50%;transform:translate(-50%)scale(.4)}.candle.is-lit span{opacity:1;animation:.72s ease-in-out infinite alternate flame;transform:translate(-50%)scale(1)}.bone-zone{z-index:4;position:absolute;inset:0}.bowl{background:linear-gradient(#62d6b6,#20856e);border-radius:22% 22% 50% 50%;width:clamp(160px,30vw,260px);height:clamp(80px,15vw,120px);position:absolute;bottom:4%;left:50%;transform:translate(-50%);box-shadow:inset 0 -12px #00000021,0 20px 48px #3010283d}.bowl span{background:#2a172638;border-radius:999px;width:60%;height:20%;position:absolute;top:16%;left:50%;transform:translate(-50%)}.bone{cursor:pointer;background:#fff8e7;border:0;border-radius:999px;width:clamp(56px,9vw,86px);height:clamp(20px,3.2vw,30px);transition:opacity .2s,transform .2s;animation:2.4s ease-in-out infinite alternate boneFloat;position:absolute;box-shadow:0 12px 28px #37122633}.bone span{position:absolute;inset:0}.bone:hover,.bone:focus-visible{outline-offset:8px;outline:3px solid #ffe56f;transform:scale(1.1)rotate(7deg)}.bone.is-taken{opacity:0;pointer-events:none;transform:translateY(42px)scale(.4)}.is-finale .bone.is-taken{opacity:1;transform:none}.bone-1{top:20%;left:8%;transform:rotate(-14deg)}.bone-2{animation-delay:.3s;top:18%;right:10%;transform:rotate(18deg)}.bone-3{animation-delay:.7s;bottom:28%;left:18%;transform:rotate(12deg)}.bone-4{animation-delay:1s;bottom:30%;right:18%;transform:rotate(-20deg)}.bone-5{animation-delay:1.3s;top:6%;left:50%;transform:translate(-50%)rotate(4deg)}@keyframes confettiDrift{0%{translate:0 -8px}to{translate:12px 18px}}@keyframes tailWag{0%{transform:rotate(-14deg)}to{transform:rotate(18deg)}}@keyframes earWiggle{0%,to{rotate:0deg}50%{rotate:5deg}}@keyframes hatBob{0%{translate:0 -2px}to{translate:0 5px}}@keyframes flame{0%{transform:translate(-50%)scale(.9)rotate(-4deg);box-shadow:0 0 12px #ffbc4f73}to{transform:translate(-50%)scale(1.08)rotate(4deg);box-shadow:0 0 22px #ffe56fc2}}@keyframes boneFloat{0%{margin-top:-4px}to{margin-top:12px}}@media (width<=720px){.party-stage{grid-template-rows:auto minmax(300px,1fr) auto;min-height:92svh}.party-copy{border-radius:22px}.party-copy h1{max-width:14ch;font-size:clamp(2rem,10vw,3.3rem)}.note{font-size:1rem}.party-scene{min-height:46svh}.dog{width:clamp(160px,48vw,230px);height:clamp(205px,58vw,290px)}.cake{width:clamp(132px,39vw,180px);bottom:3%;right:0}.bone{width:clamp(48px,15vw,70px);height:clamp(18px,5vw,26px)}.bone-1{top:18%;left:2%}.bone-2{top:15%;right:2%}.bone-3{bottom:22%;left:4%}.bone-4{bottom:23%;right:4%}}@media (height<=700px){.party-stage{gap:10px;min-height:calc(100svh - 32px)}.party-copy{padding:13px 16px}.party-copy h1{font-size:clamp(1.8rem,7vw,3.2rem)}.note{margin-top:8px;line-height:1.42}.party-scene{min-height:280px}}