:root{--bday-cream:#fff6e9;--bday-pink:#d78b98;--bday-rose:#aa5f69;--bday-burgundy:#6f3444;--bday-gold:#d9ac67;--bday-peach:#efb18f;--bday-lav:#afa1cb;--bday-ink:#4a2c30}
body.birthday-home-mode{background:radial-gradient(circle at 50% 5%,#fff8d9 0,transparent 30%),linear-gradient(155deg,#fff3df,#f7cfd0 48%,#d9cee8)}
body.birthday-home-mode .home-header .eyebrow{color:#8f5360}
body.birthday-home-mode #homeTitle{font-family:Georgia,serif;color:var(--bday-burgundy);text-shadow:0 3px 18px #fff}
.birthday-home-card{position:relative;overflow:hidden;margin:22px 0 8px;padding:25px 18px;border:1px solid #dbac8f;border-radius:28px;background:linear-gradient(145deg,rgba(255,250,237,.96),rgba(247,216,210,.94));box-shadow:0 18px 45px rgba(96,48,54,.2);text-align:center}
.birthday-home-card:before,.birthday-home-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(218,169,104,.15)}.birthday-home-card:before{left:-35px;top:-35px}.birthday-home-card:after{right:-25px;bottom:-45px}
.birthday-home-card h2{margin:5px 0 8px;font-family:Georgia,serif;color:var(--bday-burgundy);font-size:clamp(1.55rem,7vw,2.25rem)}.birthday-home-card p{margin:7px}.birthday-home-crown{display:block;color:var(--bday-gold);font-size:2.1rem;filter:drop-shadow(0 5px 8px #b7766666)}
.birthday-flower{position:relative}.birthday-flower span{display:grid;place-items:center}.birthday-flower i{display:grid;place-items:center;width:34px;height:34px;border-radius:48% 52% 45% 55%;background:radial-gradient(circle,#f7d789 0 19%,#b86d78 20% 65%,#7e4050 66%);color:#fff7d4;font:700 .56rem/1 Arial;box-shadow:0 0 18px #d99b73}.birthday-flower.bloomed{transform:scale(1.16)}.birthday-flower.locked i{background:#ded4cb;color:#87766d;box-shadow:none}
.birthday-screen{max-width:none!important;padding:0!important;background:#21151d;color:var(--bday-ink)}.birthday-screen>.birthday-back{position:fixed;z-index:80;top:max(12px,env(safe-area-inset-top));left:12px;color:#fff;background:#63394d;border-color:#a86b79}.birthday-content{width:100%;min-width:0;overflow-x:clip}
.birthday-stage-shell{--bx:0;--by:0;position:relative;min-height:100svh;padding:calc(64px + env(safe-area-inset-top)) 14px calc(100px + env(safe-area-inset-bottom));background:linear-gradient(165deg,#1e1520,#3a2231 55%,#513342);overflow:hidden}
.birthday-stage-shell.powered{background:radial-gradient(circle at 50% 18%,#f7d8a855,transparent 32%),linear-gradient(160deg,#473040,#7e4c5b 52%,#d18a82)}
.birthday-stage-shell.sky-painted{background:radial-gradient(circle at 30% 15%,#ffe5b9,transparent 27%),radial-gradient(circle at 76% 25%,#cabce5,transparent 32%),linear-gradient(160deg,#8e6175,#d9949b 55%,#efa97f)}
.birthday-ambient{position:absolute;inset:0;pointer-events:none;transform:translate3d(calc(var(--bx)*8px),calc(var(--by)*8px),0);transition:opacity .5s}.birthday-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#fff6c7 0 2px,transparent 3px);background-size:65px 65px;opacity:.35}.birthday-lights{position:absolute;inset:15px 8px;display:grid;grid-template-columns:repeat(12,1fr);align-content:space-between;gap:4px}.birthday-bulb{width:10px;height:10px;margin:auto;border-radius:50%;background:#665361;border:1px solid #9a7b82}.birthday-bulb.on{background:#ffe6a0;box-shadow:0 0 12px #ffe29a}.birthday-balloons{position:absolute;inset:0}.birthday-balloon{position:absolute;width:35px;height:44px;border-radius:50% 50% 48% 48%;background:linear-gradient(135deg,#f6d0c5,#c97283);opacity:.88;animation:bdayFloat 5s ease-in-out infinite}.birthday-balloon:nth-child(2){left:78%;top:18%;background:#d6c7e9;animation-delay:-2s}.birthday-balloon:nth-child(3){left:10%;top:58%;background:#edc27f;animation-delay:-3s}.birthday-balloon:after{content:"";position:absolute;top:42px;left:17px;width:1px;height:70px;background:#f7e4d4}
.birthday-world{position:relative;z-index:2;width:min(760px,100%);min-height:340px;margin:0 auto 16px;border:1px solid #d3a98d66;border-radius:32px;background:linear-gradient(180deg,rgba(255,248,230,.15),rgba(79,43,55,.38));box-shadow:inset 0 1px #fff7,0 25px 70px #190d164d;overflow:hidden;isolation:isolate}
.birthday-world:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:32%;background:linear-gradient(#8c647200,#6d4656 35%,#4a3040)}
.birthday-banner{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:85%;padding:8px 18px;border-radius:6px;background:#fff1d9;color:#723f4c;font:700 clamp(.72rem,3vw,1rem)/1.2 Georgia;letter-spacing:.08em;box-shadow:0 7px 18px #2d172644}
.birthday-characters{position:absolute;left:50%;bottom:20px;display:flex;align-items:end;justify-content:center;gap:8px;transform:translateX(-50%);width:90%}.birthday-person{position:relative;width:min(35vw,155px);border:0;background:transparent;padding:0;filter:drop-shadow(0 14px 12px #29162466);transition:transform .35s}.birthday-person img{display:block;width:100%;aspect-ratio:1/1.12;object-fit:cover;border:5px solid #fff5e7;border-radius:50% 50% 24px 24px}.birthday-shreya img{object-position:50% 25%}.birthday-ammar img{object-position:35% 52%}.birthday-person small{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:max-content;padding:4px 8px;border-radius:12px;background:#fff3dc;color:#683a48;font-weight:800}.birthday-ammar.enter{animation:bdayRun .8s ease-out}.birthday-world.don .birthday-shreya:after{content:"▰";position:absolute;left:28%;top:23%;font-size:2rem;color:#1d1620;transform:rotate(-2deg)}.birthday-world.crowned .birthday-shreya:before{content:"♛";position:absolute;z-index:3;left:50%;top:-27px;transform:translateX(-50%);font-size:2.5rem;color:#ffd480;text-shadow:0 0 14px #ffdf88}
.birthday-world.gravity .birthday-ammar{transform:translateY(-85px) rotate(8deg)}.birthday-world.hug .birthday-ammar{transform:translateX(-24px) rotate(-4deg)}.birthday-world.hug .birthday-shreya{transform:translateX(24px) rotate(4deg)}.birthday-world.quiet{filter:saturate(.55) brightness(.72)}.birthday-world.quiet .birthday-balloons,.birthday-world.quiet .birthday-confetti{opacity:.15}
.birthday-flowers{position:absolute;left:8%;right:8%;bottom:5px;display:flex;justify-content:space-around;color:#f2b5b4;font-size:1.25rem}.birthday-confetti{position:absolute;inset:0;background-image:linear-gradient(25deg,transparent 48%,#efc879 49% 52%,transparent 53%),linear-gradient(120deg,transparent 48%,#e9a6ac 49% 52%,transparent 53%);background-size:55px 65px;opacity:.35;animation:bdayDrift 7s linear infinite}
.birthday-main{position:relative;z-index:4;width:min(720px,100%);margin:0 auto}.birthday-card{padding:22px 18px;border:1px solid #e0bda1;border-radius:28px;background:rgba(255,248,235,.96);box-shadow:0 18px 50px #29142155;color:var(--bday-ink);text-align:center}.birthday-card h1,.birthday-card h2{font-family:Georgia,serif;color:var(--bday-burgundy)}.birthday-card h1{font-size:clamp(1.85rem,8vw,3rem);margin:6px 0}.birthday-card h2{font-size:clamp(1.35rem,6vw,2rem)}.birthday-kicker{margin:0;color:#a1646a;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.birthday-copy{white-space:pre-line;line-height:1.75}.birthday-seal{display:inline-grid;place-items:center;width:82px;height:82px;border-radius:50%;background:linear-gradient(145deg,#f2d290,#b96d74);color:#fff9e8;font:700 1.2rem Georgia;box-shadow:0 0 0 7px #fff2dc,0 12px 30px #9d5d63aa}
.birthday-actions{display:grid;gap:10px;margin-top:18px}.birthday-actions button,.birthday-control-button,.birthday-tool{min-height:48px;border:1px solid #a96d75;border-radius:16px;padding:12px 14px;background:#fff8ec;color:#6b3d49;font-weight:850;letter-spacing:.025em;box-shadow:0 7px 15px #6e394321}.birthday-actions .primary,.birthday-control-button.primary{background:linear-gradient(135deg,#a95f70,#7b4053);color:#fffaf0;border-color:#6c3949}.birthday-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:0 auto 10px}.birthday-tool{min-height:40px;padding:8px 11px;font-size:.72rem}
.birthday-progress{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:10px 0 18px;color:#fff7e9;font-weight:850}.birthday-progress-track{grid-column:1/-1;height:8px;border-radius:9px;background:#ffffff38;overflow:hidden}.birthday-progress-track i{display:block;height:100%;width:var(--birthday-progress);background:linear-gradient(90deg,#eca992,#ffe09b);transition:width .5s}
.birthday-panel{display:grid;gap:14px}.birthday-wave{padding:14px;border:1px solid #d2a798;background:#fff7eaf5;border-radius:24px;box-shadow:0 12px 28px #2a17223b}.birthday-wave.locked{opacity:.62}.birthday-wave h2{margin:0;color:#723f4c;font:700 1.05rem Georgia}.birthday-wave p{margin:4px 0 10px;font-size:.8rem;color:#8e6263}.birthday-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.birthday-control-button{min-width:0;text-align:left;font-size:.75rem}.birthday-control-button span{display:block;color:#a46a6c;font-size:.62rem;margin-bottom:3px}.birthday-control-button.done{background:linear-gradient(135deg,#f5d69e,#d58b83);color:#5f3440}.birthday-control-button.locked{background:#e7dfd8;color:#887a75;border-color:#cbbeb5}.birthday-control-button.final-control{grid-column:1/-1;min-height:70px;text-align:center;font-size:.9rem}
.birthday-interaction{position:relative;min-height:190px;margin:16px 0;padding:18px;border-radius:22px;background:linear-gradient(145deg,#f6e6d7,#ead1cc);border:1px solid #d1a99b;overflow:hidden}.birthday-big-button{display:grid;place-items:center;width:126px;height:126px;margin:auto;border:8px solid #d7ac8b;border-radius:50%;background:#6f3b4b;color:#fff9ec;font-weight:900}.birthday-hold-fill{position:absolute;inset:auto 0 0;height:var(--hold,0%);background:#f5cf8688;pointer-events:none}
.birthday-spotlight{position:absolute;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#fff8cddd,transparent 68%);border:1px solid #f3d790;touch-action:none}.birthday-light-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.birthday-light-tap{min-height:32px;border:0;border-radius:50%;background:#807074}.birthday-light-tap.on{background:#ffe49b;box-shadow:0 0 12px #ffd774}.birthday-sky-pad,.birthday-drag-pad{display:grid;place-items:center;min-height:150px;border:1px dashed #b47780;border-radius:18px;touch-action:none;background:linear-gradient(135deg,#8b879b,#d8a9b4 55%,#f2ca91);color:#fff;font-weight:800}.birthday-lever{display:block;width:56px;height:130px;margin:auto;border:0;border-radius:24px;background:#9e6670;color:#fff;touch-action:none}.birthday-ribbons,.birthday-beats,.birthday-tasks,.birthday-fakes,.birthday-magnet-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.birthday-ribbons button,.birthday-beats button,.birthday-tasks button,.birthday-fakes button,.birthday-magnet-items button{min-height:60px;border:1px solid #c79283;border-radius:15px;background:#fff8e9;color:#71414d;font-weight:800}.birthday-fakes button{padding:5px}.birthday-fakes img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.birthday-runaway{position:absolute;left:calc(var(--run-x,20)*1%);top:calc(var(--run-y,35)*1%);min-width:95px;min-height:50px;border:0;border-radius:18px;background:#8b4b5d;color:#fff;transition:left .25s,top .25s}
.birthday-heart{display:grid;place-items:center;width:130px;height:120px;margin:auto;color:#a94f64;font-size:5rem;filter:drop-shadow(0 0 18px #d57987);user-select:none}.birthday-heart-lights{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:10px}.birthday-heart-lights i{height:10px;border-radius:10px;background:#cbb6ad}.birthday-heart-lights i.on{background:#f2b9a5;box-shadow:0 0 8px #e78782}.birthday-note,.birthday-wallet{padding:20px;border-radius:20px;background:#fffaf0;border:1px solid #d5ae84;text-align:left;white-space:pre-line;line-height:1.8}.birthday-wallet{background:linear-gradient(145deg,#fff1bd,#e7b76c);color:#5c3a2c;box-shadow:0 15px 30px #7e4f3655}.birthday-status{display:grid;gap:7px;margin:14px 0;padding:15px;border-radius:18px;background:#fff4de;text-align:left}.birthday-final-title{font-size:clamp(2rem,10vw,4rem)!important}.birthday-live{min-height:1.5em;font-weight:800;color:#814b59}.birthday-pause{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#23141cd9}.birthday-pause .birthday-card{max-width:420px}
.birthday-content.reduce-motion *{animation:none!important;transition-duration:.01ms!important}.birthday-content.reduce-motion .birthday-ambient{transform:none!important}
body:has(#birthdayScreen.active) .dev-reset{display:none!important}
@keyframes bdayFloat{50%{transform:translateY(-14px) rotate(4deg)}}@keyframes bdayRun{from{transform:translateX(140%) rotate(8deg)}to{transform:none}}@keyframes bdayDrift{to{background-position:55px 65px,-55px 65px}}
@media(max-width:390px){.birthday-stage-shell{padding-inline:9px}.birthday-card{padding:18px 12px}.birthday-world{min-height:300px}.birthday-control-grid{gap:7px}.birthday-control-button{padding:10px 9px}.birthday-characters{width:96%}.birthday-person{width:38vw}}
@media(orientation:landscape) and (max-height:560px){.birthday-stage-shell{padding-top:56px}.birthday-world{min-height:250px}.birthday-main{width:min(850px,100%)}.birthday-panel{grid-template-columns:1fr 1fr}.birthday-wave{align-self:start}}
@media(prefers-reduced-motion:reduce){.birthday-content *{animation:none!important;transition-duration:.01ms!important}}
.birthday-tool{min-height:48px}