.book-front{container-type:inline-size}
.book-front .book-kicker{font:11px/1.4 Bungee;letter-spacing:1.5px;color:#fff4da;padding-bottom:13px;text-align:center}
.book-front .cover-theme{position:relative;z-index:2;font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:clamp(15px,9cqw,22px);line-height:1.42;letter-spacing:-.5px;text-align:center;text-transform:uppercase;margin:25px -4px 0;animation:coverTitleFloat 4.8s ease-in-out infinite}
.cover-theme .cover-title-line{display:block;white-space:nowrap;font:inherit;margin:0}
.cover-theme .cover-word{font:inherit;color:var(--word-color,#fff4da);-webkit-text-stroke:2px #123852;paint-order:stroke fill;text-shadow:none}
.cover-word.coral{--word-color:#ff6252}.cover-word.sky{--word-color:#73cbff}.cover-word.gold{--word-color:#ffe464}.cover-word.green{--word-color:#98e675}
.cover-sparkles{position:absolute;inset:60px 12px 30px;pointer-events:none;z-index:1}
.cover-sparkles i{position:absolute;width:10px;height:10px;background:#ffe369;clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);animation:coverSparkle 3.8s ease-in-out infinite}
.cover-sparkles i:nth-child(1){left:1%;top:3%;width:7px;height:7px}.cover-sparkles i:nth-child(2){right:0;top:10%;animation-delay:-1.6s;width:7px;height:7px}.cover-sparkles i:nth-child(3){left:9%;bottom:10%;animation-delay:-.7s}.cover-sparkles i:nth-child(4){right:10%;bottom:17%;animation-delay:-2.4s;width:6px;height:6px}
@keyframes coverTitleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes coverSparkle{0%,100%{opacity:.25;transform:translateY(2px) scale(.75)}50%{opacity:1;transform:translateY(-2px) scale(1)}}
@media(max-width:600px){.book-front .book-kicker{font-size:10px;padding-bottom:10px}.book-front .cover-theme{margin-top:23px;line-height:1.5}.cover-sparkles{top:52px}}
@media(prefers-reduced-motion:reduce){.book-front .cover-theme,.cover-sparkles i{animation:none!important}.cover-sparkles i{opacity:.7}}




.book-front{background:linear-gradient(180deg,#102d4310 0%,#102d4316 66%,transparent 82%),url('assets/cover-world.png') center/cover}