.app{isolation:isolate;background:linear-gradient(180deg,#101320b8 0%,#10132020 42%,#101320d9 100%),url('assets/background-v2.png') center/cover;max-width:520px}
.sky{z-index:0;opacity:.5}.scene,header,footer{position:relative;z-index:1}header{color:#e7d9ce}.scene>p{text-shadow:0 2px 10px #080c22;color:#e1d6df}h1{text-shadow:0 3px 20px #080c22;font-size:clamp(33px,8vw,43px)}
.art{height:260px}.art>.fire{width:190px;height:220px;object-fit:contain}.art>.sun{width:225px;height:225px;object-fit:contain}.floor{display:none}.illustration{width:100%;height:330px;margin:18px 0 0;border-radius:25px;overflow:hidden;box-shadow:0 15px 50px #03061544}.illustration img{width:100%;height:100%;object-fit:cover;object-position:50% 49%;display:block}.app[data-scene="4"] .illustration{height:240px}.letter{background:#11162ac9;backdrop-filter:blur(10px)}
.board{height:360px;background:url('assets/background-v2.png') center/cover;border-radius:26px;border-color:#fed68b38;box-shadow:inset 0 0 35px #070b20aa}.star{width:68px;height:68px;padding:0;filter:drop-shadow(0 0 9px #ffd47c80);transition:opacity .3s,filter .3s}.star img{width:100%;height:100%;object-fit:contain;pointer-events:none;animation:star-bob 2.8s ease-in-out infinite}.star:nth-child(even) img{animation-delay:-1.3s}.star.collected{opacity:0;pointer-events:none}.player{width:82px;height:96px}.player .fire{width:82px;height:96px;object-fit:contain;filter:drop-shadow(0 0 13px #ff9c49aa)}.count{padding:8px 17px;background:#101320bb;border:1px solid #ffd18b30;border-radius:20px}.phrase{margin-top:7px!important}.sleep{filter:brightness(.65)}.primary{background:linear-gradient(120deg,#ffe1a3,#ffc58b);box-shadow:0 8px 32px #ffb96b25}.gift{filter:drop-shadow(0 0 35px #ffc77688)}footer{color:#b7a5b5}.eyebrow{color:#f5ce9c;text-shadow:0 2px 7px #080c22}@keyframes star-bob{50%{translate:0 -5px;rotate:5deg}}@media(max-height:740px){.art{height:195px}.art>.fire{height:180px}.illustration{height:240px}.board{height:285px}.scene{padding-top:20px}.app[data-scene="4"] .illustration{height:190px}}@media(prefers-reduced-motion:reduce){.star img{animation:none}}
.illustration{background:#0c1128}.illustration img{object-fit:contain;object-position:center}.app[data-scene="2"] .illustration{height:390px}.app[data-scene="4"] .illustration{height:300px}@media(max-height:740px){.app[data-scene="2"] .illustration{height:300px}.app[data-scene="4"] .illustration{height:230px}}