/* Day 1: the same Pennyverse, with clear paths and formats. */
.navbar{gap:1rem}.navbar #navigation{gap:1.25rem;align-items:center}.nav-drop{position:relative;display:flex;align-items:center;gap:.15rem}.nav-drop>a{white-space:nowrap}.nav-sub{position:absolute;top:100%;left:-1rem;min-width:240px;padding:1rem;display:none;flex-direction:column;gap:.8rem;background:#24121f;border:1px solid #d9b47488;box-shadow:0 20px 40px #0009;z-index:60}.nav-sub a{display:block;padding:.35rem .5rem}.nav-drop:hover>.nav-sub,.nav-drop:focus-within>.nav-sub,.nav-drop.drop-open>.nav-sub{display:flex}.nav-drop-toggle{background:none;color:#edc7d4;border:0;cursor:pointer;font-size:1.2rem;padding:.25rem}.commerce-grid{align-items:start}.commerce-product{position:relative}.commerce-image,.digital-art{position:relative;perspective:1000px;isolation:isolate;overflow:hidden;border-radius:4px;background:radial-gradient(ellipse at 50% 100%,#ba728744,transparent 70%),#1b1019}.commerce-image img,.digital-art img{object-fit:contain;filter:drop-shadow(10px 15px 12px #000a);transition:transform .35s,filter .35s;transform-origin:50% 80%}.commerce-product:not(.pen-progress):hover .commerce-image img,.commerce-product:not(.pen-progress):hover .digital-art img{transform:translateY(-10px) rotateY(-8deg) rotateZ(-2deg);filter:drop-shadow(18px 25px 18px #000b)}.pen-progress .commerce-image,.pen-progress .digital-art{min-height:310px}.pen-progress .commerce-image:after,.pen-progress .digital-art:after{content:'Pen in progress';position:absolute;inset:0;display:grid;place-items:center;padding:2rem;text-align:center;background:radial-gradient(ellipse at 20% 0%,#f4d8e8b0,transparent 70%),linear-gradient(145deg,#391c35c9,#281523d9);backdrop-filter:blur(7px);color:#ffcfdf;font:700 clamp(2.5rem,4vw,4rem)/1 'Caveat',cursive;transform:none;z-index:3;text-shadow:2px 3px #280f20}.pen-progress .commerce-image img,.pen-progress .digital-art img{filter:blur(5px) saturate(.65)}.format-link{display:inline-block;color:#f2bfd1;text-decoration:underline;text-underline-offset:5px;font-weight:600;margin:.6rem 0}.sticker-collage{min-height:320px;background:radial-gradient(ellipse at center,#8c325c,#241221);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:2rem;gap:.8rem}.sticker-preview{display:grid;place-items:center;min-height:100px;width:130px;text-align:center;padding:1rem;border:7px solid #fff7e9;border-radius:24px;font:700 1.4rem/1.1 'Playfair Display',serif;box-shadow:5px 9px 0 #0005}.sticker-0{background:#663291;color:white;transform:rotate(-10deg)}.sticker-1{background:#e2c29c;color:#43172f;transform:rotate(8deg)}.sticker-2{background:#342238;color:#ffe2b1;transform:rotate(-5deg)}.newsletter-footer{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;border-bottom:1px solid #d9b47455;padding:1rem 0 3rem;margin-bottom:1rem}.newsletter-footer h2,.newsletter-dialog h2{font-size:clamp(2rem,4vw,3.8rem)}.newsletter-form{display:flex;flex-direction:column;gap:1rem}.newsletter-form label{display:block}.newsletter-form input[type=email]{width:100%;padding:.9rem;margin-top:.4rem;border:1px solid #d9b474;background:#1b101a;color:#fff6e7;border-radius:3px;font:inherit}.newsletter-consent{font-size:.9rem;line-height:1.6}.newsletter-consent input{margin-right:.5rem}.newsletter-privacy{font-size:.78rem;line-height:1.5;opacity:.85}.newsletter-honey{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}.newsletter-status{font-size:.9rem;color:#f5c4d5}.newsletter-dialog{max-width:600px;width:calc(100% - 2rem);max-height:90vh;overflow:auto;background:radial-gradient(ellipse at 0 0,#652a49,#21121e 80%);color:#fff0df;border:1px solid #d9b474;padding:clamp(1.5rem,5vw,3rem);box-shadow:0 20px 100px #0009}.newsletter-dialog::backdrop{background:#140816c9;backdrop-filter:blur(5px)}.newsletter-close{position:absolute;right:1rem;top:.5rem;font-size:2rem;background:none;border:0;color:#ffdae5;cursor:pointer}.bundle-choice{display:flex!important;gap:.7rem;align-items:start;padding:.8rem 0;border-bottom:1px solid #fff3}.bundle-choice input{margin-top:.3rem}#digital-bundle-builder>label{display:block;margin:1rem 0}#digital-bundle-builder select{width:100%;padding:1rem;background:#21121e;color:#ffefdf;font:inherit;border:1px solid #d9b474}.format-paths{border-top:1px solid #d9b47455}#home-progress{margin:2rem 0}.commerce-image .title-art{height:100%;min-height:320px}.room-cover img{max-width:100%}@media(max-width:1100px){.navbar #navigation{gap:.8rem}.navbar .wordmark{font-size:1.8rem}}@media(max-width:900px){.navbar #navigation.open{display:flex;flex-direction:column;align-items:stretch}.nav-drop{flex-wrap:wrap}.nav-sub{position:static;flex-basis:100%;width:100%;min-width:0}.newsletter-footer{grid-template-columns:1fr;gap:1.5rem}.nav-drop>a{flex:1}.nav-controls{margin-left:auto}}@media(prefers-reduced-motion:reduce){.commerce-image img,.digital-art img{transition:none!important;transform:none!important}}
/* One catalog composition on /books and /purchase, grouped even under All. */
.shop-grouped{display:block}.shop-type-section{margin-bottom:4rem;scroll-margin-top:110px}.shop-type-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.8rem,4vw,3rem);border-bottom:1px solid #d9b47477;padding:0 0 1rem;margin:0 0 1.75rem;color:#f2c9d6}.shop-type-section>.commerce-grid{background:transparent}
/* Labels exchange in place without moving the neighboring links. */
.nav-name-swap,.nav-home-swap{display:inline-grid;align-items:center}.nav-name-swap>span,.nav-home-swap>span{grid-area:1/1;transition:opacity .2s}.nav-name-swap .name-hover,.nav-home-swap .name-hover{opacity:0}.nav-name-swap:hover .name-rest,.nav-name-swap:focus-visible .name-rest,.nav-home-swap:hover .name-rest,.nav-home-swap:focus-visible .name-rest{opacity:0}.nav-name-swap:hover .name-hover,.nav-name-swap:focus-visible .name-hover,.nav-home-swap:hover .name-hover,.nav-home-swap:focus-visible .name-hover{opacity:1}
/* Same arrow as Enter the Pennyverse; no mobile glyph substitution. */
.invite-arrow,.pennyverse-invite .invite-arrow{display:inline-block;flex:none;font-family:'DM Sans',sans-serif;font-size:1.35rem!important;font-style:normal;font-weight:400;line-height:1;letter-spacing:0;vertical-align:middle;margin-left:.4rem;transition:transform .3s}a:hover>.invite-arrow,button:hover>.invite-arrow,a:focus-visible>.invite-arrow,button:focus-visible>.invite-arrow{transform:translate(3px,-3px)}
.performance-room{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;background:radial-gradient(ellipse at 80% 30%,#78374d55,transparent 60%),#160e19}.performance-room>div>p{max-width:35rem;margin:1.5rem 0}.performance-room .hero-performance{position:relative;inset:auto;transform:none;margin:0;width:100%;height:auto;max-width:600px}.performance-loop img,.performance-loop canvas{display:block;width:100%;height:auto;object-fit:contain}.performance-loop [hidden]{display:none!important}.performance-loop figcaption{position:static;font-size:1rem;text-align:center;padding:1rem;color:#f1c2d3}.performance-loop canvas{filter:drop-shadow(0 14px 30px #0008)}
@media(max-width:700px){.performance-room{grid-template-columns:1fr}.performance-room .hero-performance{max-width:450px;margin:auto}.shop-type-section{margin-bottom:3rem}.invite-arrow{font-size:1.35rem!important}}
@media(hover:none){.nav-name-swap .name-rest{opacity:0}.nav-name-swap .name-hover{opacity:1}.nav-home-swap .name-rest{opacity:1}.nav-home-swap .name-hover{opacity:1;position:static;grid-area:auto;font-family:'DM Sans',sans-serif;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#f2c9d6}.nav-home-swap:hover .name-rest{opacity:1}}
@media(prefers-reduced-motion:reduce){.invite-arrow,.nav-name-swap>span,.nav-home-swap>span{transition:none!important}.invite-arrow{transform:none!important}}

/* Vector geometry is identical on iOS, Android and desktop. */
.invite-arrow,.pennyverse-invite .invite-arrow{width:1.35rem;height:1.35rem;font-size:0!important;line-height:0;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.penny-arrow-vector{display:block!important;width:100%!important;height:100%!important;overflow:visible;flex-shrink:0;}
@media(max-width:700px){.invite-arrow,.pennyverse-invite .invite-arrow{width:1.35rem;height:1.35rem;font-size:0!important;}}

/* One menu state for pointer, keyboard and touch. */
.nav-drop:hover>.nav-sub,.nav-drop:focus-within>.nav-sub{display:none}.nav-drop.drop-open>.nav-sub{display:flex}.navbar a:focus-visible,.navbar button:focus-visible,.button:focus-visible{outline:2px solid #edcf9d;outline-offset:5px}.nav-drop-toggle{min-width:44px;min-height:44px}.nav-drop-toggle[aria-expanded=true] .invite-arrow{transform:rotate(90deg)}
.pd-story-cover img,.pd-detail-art img{transition:transform .3s;max-width:100%;object-fit:contain}@media(hover:hover) and (prefers-reduced-motion:no-preference){.pd-story-cover:hover img,.pd-detail-art:hover img{transform:scale(1.05)}}
.pd-preview-strip,.room-previews{overflow-x:auto;scroll-snap-type:x proximity}.pd-preview-strip figure,.room-previews figure{scroll-snap-align:start}.penny-help-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 0;border-top:1px solid #b99a5a55}.penny-recovery{padding:clamp(2rem,6vw,5rem);max-width:850px;margin:auto}.penny-recovery .actions{display:flex;gap:1rem;flex-wrap:wrap}