/* Rissi's drawings frame the content without covering text or controls. */
#root{isolation:isolate}
#main-content,.storybook-footer{position:relative;z-index:1}
.cosmic-doodles{position:fixed;inset:0 0 0 240px;z-index:0;pointer-events:none;overflow:hidden;user-select:none}
.cosmic-doodle{position:absolute;display:block;height:auto;object-fit:contain;pointer-events:none}
.cosmic-doodle-neptune{width:clamp(190px,26vw,380px);right:-140px;top:18%;opacity:.26;transform:rotate(16deg)}
.cosmic-doodle-comet{width:clamp(210px,29vw,420px);left:-125px;bottom:4%;opacity:.18;transform:rotate(-12deg)}
.cosmic-doodle-venus{width:clamp(100px,13vw,180px);left:-85px;top:21%;opacity:.2;transform:rotate(-18deg)}
.cosmic-doodles.is-quiet{opacity:.4}
.tile-placeholder.future-placeholder{position:relative;border:1px solid #eddfbd;background:radial-gradient(circle at 16% 15%,#fffdf3 0,transparent 52%),radial-gradient(circle at 85% 82%,#f6dca1 0,transparent 57%),#fff2d4;padding:12%;overflow:hidden}
.future-placeholder:before,.future-placeholder:after{position:absolute;color:#eeb73c;font-size:clamp(1.1rem,2.5vw,2rem);line-height:1;content:'✦';pointer-events:none;opacity:.75}
.future-placeholder:before{top:8%;left:9%;transform:rotate(-12deg)}
.future-placeholder:after{right:8%;bottom:9%;font-size:1.1rem;transform:rotate(19deg)}
.tile-art .future-world{width:100%;height:100%;object-fit:contain;transform:rotate(-6deg);filter:drop-shadow(0 7px 4px #68441a20);transition:transform .3s ease,scale .3s ease}
.title-style-7 .future-world{transform:rotate(5deg) scale(1.12)}
.title-style-9 .future-world{transform:rotate(-3deg) scale(1.12)}
.title-style-11 .future-world{transform:rotate(8deg)}
.book-tile:hover .future-world,.book-tile:focus-visible .future-world{transform:rotate(0deg) scale(1.08)}
.watch-coming-soon>img{filter:drop-shadow(0 12px 22px #02071638)}
html[data-contrast='high'] .cosmic-doodles{display:none}
html[data-motion='off'] .book-tile .future-world{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.book-tile .future-world{transition:none;transform:none}}
@media(max-width:900px){.cosmic-doodles{left:0}.cosmic-doodle-neptune{right:-120px;opacity:.18}.cosmic-doodle-comet{left:-160px;opacity:.13}.cosmic-doodle-venus{display:none}}
@media(max-width:700px){.tile-placeholder.future-placeholder{padding:9%}.future-placeholder:before{font-size:1rem}.future-placeholder:after{font-size:.7rem}}