@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@800&family=Nunito:wght@700;800;900&display=swap');
/* Only the daily delivery uses this skin; other shared-panel screens retain their own layout. */
#panel-dialog:has(.daily-delivery){width:min(590px,94vw);padding:23px 25px 18px;border:3px solid #69648a;border-radius:28px;background:radial-gradient(ellipse at 17% 55%,#4e4477,transparent 65%),linear-gradient(135deg,#34335c,#152d44);color:#fff7dc;box-shadow:0 8px 0 #111d30,0 24px 80px #08152a70;}
#panel-dialog:has(.daily-delivery) .dialog-top{margin-bottom:5px;gap:8px;align-items:flex-start}
#panel-dialog:has(.daily-delivery) .eyebrow{color:#d8d5e9;font:800 10px/1.5 Nunito,system-ui,sans-serif;letter-spacing:1.4px}
#panel-dialog:has(.daily-delivery) h2{font:800 clamp(29px,5vw,40px)/1.1 'Baloo 2',Outfit,system-ui,sans-serif;color:#fff3ce;text-shadow:0 3px 0 #172039;margin-top:8px}
#panel-dialog:has(.daily-delivery) .icon-button{background:#ffffff16;border:1px solid #e3d6ff50;color:#fff0db;width:44px;height:44px}
.daily-delivery{position:relative;font:800 15px/1.35 Nunito,'DM Sans',system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.daily-delivery p{margin:0}
.daily-delivery .daily-subtitle{font-size:14px;color:#d8daed}
.daily-stamps{list-style:none;padding:0;margin:21px 0 0;display:flex;gap:18px;justify-content:center}
.daily-stamp{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:50%;background:#20273f;color:#cdd3e5;border:2px solid #77788c;font-size:13px;box-shadow:0 3px 0 #121c31}
.daily-stamp.done{background:#244f4f;color:#baf8d7;border-color:#76b2a3;font-size:19px}
.daily-stamp.active{background:#ffdd80;border-color:#fff1b7;color:#253448;transform:scale(1.12)}
.daily-stamp:last-child{border-radius:12px}
.daily-stamp:last-child:not(.active):not(.done){background:#56457b;border-color:#bf9be7;color:#f5dbff}
.daily-scene{position:relative;height:280px;margin:5px 0 0;isolation:isolate}
.daily-mascot{position:absolute;width:59%;max-width:300px;height:auto;left:-2px;bottom:0;z-index:2;object-fit:contain;filter:drop-shadow(0 14px 9px #09142c77);animation:daily-breathe 3s ease-in-out infinite;transform-origin:50% 85%;pointer-events:none}
.daily-bubble{position:absolute;top:12px;left:8%;z-index:4;transform:rotate(-6deg);padding:10px 17px;border-radius:16px 16px 16px 2px;background:#fff0c7;color:#29324b;box-shadow:0 4px 0 #a68b71;font-size:15px}
.daily-note{position:absolute;right:3%;top:66px;width:38%;min-width:143px;background:#fff3d4;color:#2c3650;transform:rotate(4deg);padding:18px 9px 20px;border-radius:14px;box-shadow:0 7px 0 #bca082,0 16px 26px #10162740;z-index:1;text-align:center}
.daily-note:before{content:'';position:absolute;width:56px;height:19px;background:#b8c1f1;top:-8px;left:calc(50% - 28px);transform:rotate(-6deg);opacity:.9}
.daily-note-heading{font-size:11px;letter-spacing:1px;text-transform:uppercase}
.daily-note-prize{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:10px;font-size:17px}
.daily-magic{color:#794ba9;font-size:33px;line-height:1}
.daily-coin{width:31px;height:31px;border-radius:50%;border:3px solid #ffe998;background:#ffc344;box-shadow:inset 0 0 0 2px #dc8b33,2px 3px 0 #b57623;display:inline-flex;align-items:center;justify-content:center;color:#754418;font-size:17px;font-weight:900;flex:none}
.daily-gift{position:absolute;left:49%;bottom:8px;width:116px;height:98px;transform:rotate(6deg);z-index:3;filter:drop-shadow(0 8px 0 #13213a55);pointer-events:none}
.daily-gift-box{position:absolute;left:5px;right:5px;bottom:0;height:74px;background:linear-gradient(110deg,#a991e4,#7253ac);border:3px solid #cfb4ff;border-radius:8px;box-shadow:inset 0 -10px 0 #5e428d}
.daily-gift-box:before{content:'';position:absolute;top:0;bottom:0;width:19px;left:40px;background:#ffdb76;border-left:3px solid #ffeaaa}
.daily-gift-lid{position:absolute;left:0;right:0;top:15px;height:24px;background:#be9fec;border:3px solid #e5caff;border-radius:6px;z-index:2;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.daily-gift-lid:before,.daily-gift-lid:after{content:'';position:absolute;left:calc(50% - 30px);top:-25px;width:28px;height:26px;border:7px solid #ffe08a;border-radius:30px 30px 4px 30px;transform:rotate(10deg)}
.daily-gift-lid:after{left:50%;border-radius:30px 30px 30px 4px;transform:rotate(-10deg)}
.daily-sparkle{position:absolute;color:#ffeba1;font-size:22px;text-shadow:0 0 17px #ffe69c;animation:daily-twinkle 2.4s ease-in-out infinite alternate;pointer-events:none}
.daily-sparkle.one{left:57%;top:25px;animation-delay:-1.3s}.daily-sparkle.two{right:1%;bottom:49px;font-size:18px}
.daily-collect{display:block;position:relative;z-index:4;width:min(400px,100%);min-height:53px;margin:15px auto 0;padding:12px 15px;border:2px solid #eddaff;border-radius:15px;background:linear-gradient(#d6c4ff,#b495ee);color:#29223e;box-shadow:0 6px 0 #675096;font:900 17px/1.25 Nunito,Outfit,system-ui,sans-serif}
.daily-collect:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 #675096}
.daily-delivery .daily-status{min-height:20px;text-align:center;color:#cbf4dd;font-size:13px;margin:17px 0 0}
.daily-delivery .daily-milestone{text-align:center;margin:21px 0 0}
.daily-milestone>span{display:inline-block;background:#ffd168;color:#173849;padding:7px 15px;border-radius:5px;transform:rotate(-3deg);box-shadow:0 4px 0 #be7839;letter-spacing:1px;font-size:11px;text-transform:uppercase}
.daily-milestone small{display:block;color:#e2dfec;margin-top:12px;font-size:12px}
.daily-delivery .daily-reset{font-size:11px;color:#bdcedd;text-align:center;margin:13px 0 0}
.daily-confetti{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}
.daily-confetti i{position:absolute;left:50%;top:50%;width:8px;height:12px;background:#ffe08a;border-radius:2px;opacity:0}
.daily-confetti i:nth-child(3n){background:#baf5dd;border-radius:50%}.daily-confetti i:nth-child(3n + 1){background:#c5a5fa}
.daily-delivery.collected .daily-gift-lid{transform:translate(20px,-80px) rotate(25deg)}
.daily-delivery.collected .daily-mascot{animation:daily-hop .7s ease-in-out}
.daily-delivery.collected .daily-note{animation:daily-note-pop .65s ease-out}
.daily-delivery.collected .daily-confetti i{animation:daily-burst 1s ease-out both;animation-delay:var(--delay)}
@keyframes daily-breathe{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes daily-twinkle{from{opacity:.35;scale:.7}to{opacity:1;scale:1.1}}
@keyframes daily-hop{0%,100%{transform:translateY(0)}35%{transform:translateY(-25px) rotate(-5deg)}68%{transform:translateY(0) scale(1.03,.97)}}
@keyframes daily-note-pop{0%{transform:rotate(4deg) scale(.8)}55%{transform:rotate(-4deg) scale(1.08)}100%{transform:rotate(4deg)}}
@keyframes daily-burst{0%{opacity:0;transform:translate(0,20px)}10%,75%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}
@media(max-width:450px){
 #panel-dialog:has(.daily-delivery){padding:18px 14px 16px;border-radius:23px}
 #panel-dialog:has(.daily-delivery) .eyebrow{font-size:9px;letter-spacing:.8px}
 #panel-dialog:has(.daily-delivery) h2{font-size:29px}
 .daily-delivery .daily-subtitle{font-size:12px}.daily-stamps{gap:14px;margin-top:18px}
 .daily-scene{height:251px}.daily-mascot{width:64%;left:-8px;bottom:9px}
 .daily-note{min-width:122px;right:2%;top:60px;padding:16px 5px 15px}.daily-note-prize{font-size:14px;gap:6px}
 .daily-bubble{left:5%;top:12px;font-size:13px;padding:9px 13px}.daily-gift{left:51%;transform:rotate(6deg) scale(.87);transform-origin:bottom left}
 .daily-delivery .daily-status{font-size:12px}.daily-milestone>span{letter-spacing:.5px;padding:7px 9px}
}
@media(max-height:650px) and (min-width:451px){.daily-scene{height:200px}.daily-mascot{max-width:220px;left:8%}.daily-note{top:40px;right:7%;padding:12px 7px}.daily-bubble{top:2px}.daily-stamps{margin-top:12px}.daily-delivery .daily-milestone{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.daily-delivery *,.daily-delivery *:before,.daily-delivery *:after{animation:none!important;transition:none!important}.daily-confetti{display:none}}