/* Issue 01: the package's two inks, its white label, and pink from the brand board. */
:root {
  --sheet:#fff; --blush:#f9d7e1; --blush-pale:#fff1f4; --paper:#fff; --bg:#fff;
  --ink:#282120; --muted:#605452; --line:#e6dcda; --rule:#e2cecd; --cream:#fff1f3; --soft:#ffeae5;
  --edition-font:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.site-header,.site-footer {background:var(--sheet)}
.popup-banner {display:flex;align-items:center;gap:22px;margin-top:20px;padding:24px 28px;background:var(--blush-pale);border:1px solid var(--rule);border-radius:16px}
.popup-banner>img {width:54px;height:54px;object-fit:contain;flex:none}
.popup-banner-copy {flex:1;min-width:0}
.popup-label {display:block;font-size:12px;font-weight:750;color:var(--accent-dark);margin-bottom:8px}
.popup-banner h2 {font-size:clamp(19px,2vw,25px);margin:0 0 7px}
.popup-banner p {font-size:16px;font-weight:700}
.popup-banner .btn {flex:none}
.popup-location {display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--blush-pale);margin-bottom:20px}
.popup-location h2 {font-size:24px;margin-bottom:12px}
.popup-date {font-weight:750;margin-bottom:8px}
.store-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.store-card {display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.store-area {font-size:12px;color:var(--accent-dark);font-weight:750}
.store-card h2 {margin:0;font-size:24px}
.store-address {flex:1;color:var(--muted)}
.store-ticket-link {display:flex;align-items:center;gap:28px;padding:28px 0}
.store-ticket-link>img {width:128px;height:160px;object-fit:contain;background:var(--blush-pale);border-radius:14px}
.store-ticket-link p {color:var(--muted);margin-bottom:18px}
.store-ticket-link h2 {margin-bottom:8px}
.registration-result {text-align:center;padding-top:8px}
.registration-result>img {width:72px;height:72px;object-fit:contain;margin:0 auto 20px}
.registration-result h2 {margin:16px 0 12px}
.registration-result .notice {margin:22px 0 14px}
.registration-result .tiny {margin-bottom:24px}
.popup-photo-banner {display:grid;grid-template-columns:1fr 1fr;padding:0;gap:0;overflow:hidden}
.popup-banner-photo {position:relative;align-self:stretch;min-height:270px;overflow:hidden;display:block}
.popup-banner-photo>img {width:100%;height:100%;object-fit:cover;transition:transform .35s}
.popup-banner-photo:hover>img {transform:scale(1.025)}
.popup-banner-photo>span {position:absolute;bottom:16px;left:16px;right:16px;background:#fff;padding:9px 12px;font:700 10px/1.3 var(--edition-font);letter-spacing:.06em;width:fit-content}
.popup-photo-banner .popup-banner-copy {padding:30px 36px}
.popup-photo-banner h2 {font-size:clamp(26px,3.2vw,40px);line-height:1.16;letter-spacing:-.05em;margin:12px 0 16px}
.popup-photo-banner .popup-banner-place {font-size:15px;font-weight:650}
.popup-photo-banner .popup-banner-date {font:750 17px/1.5 var(--edition-font);margin:8px 0 20px}
.popup-photo-banner .btn {font-size:13px}
.printed-ticket-preview {margin:0 0 24px}
.printed-ticket-preview>img {width:min(100%,340px);height:auto;display:block;margin:auto;transform:rotate(-2deg);border-radius:5px;box-shadow:0 7px 15px #60200c20}
.printed-ticket-preview figcaption {font-size:12px;color:var(--muted);line-height:1.6;margin:15px 0 0;text-align:center}
.popup-intro {position:relative;padding:24px 0 40px;overflow:hidden}
.popup-back {display:block;font-size:13px;color:var(--muted);margin-bottom:30px;width:fit-content;padding:8px 0}
.popup-intro>.eyebrow {display:block;color:var(--accent-dark)}
.popup-intro h1 {font-size:clamp(38px,5.8vw,70px);line-height:1.1;letter-spacing:-.055em;margin:18px 0 22px;position:relative;z-index:1}
.popup-intro h1 em {font-style:normal;color:var(--print)}
.popup-intro>p {font-size:16px;line-height:1.8;color:var(--muted);position:relative;z-index:1}
.popup-intro-flower {position:absolute;width:185px;height:185px;right:5%;top:25%;transform:rotate(14deg);z-index:0}
.popup-date-pill {display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:750 16px/1.6 var(--edition-font);margin-top:26px}
.popup-date-pill b {font-family:inherit;font-size:12px;font-weight:650;border:1px solid var(--rule);padding:5px 12px;border-radius:5px;margin-left:8px}
.popup-section-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--ink);margin-bottom:48px}
.popup-section-nav a {display:flex;gap:12px;align-items:center;justify-content:space-between;min-width:0;padding:18px 20px;font-size:14px;font-weight:750;transition:background .15s}
.popup-section-nav a+a {border-left:1px solid var(--rule)}
.popup-section-nav a:hover {background:var(--blush-pale)}
.popup-section-nav span {font:700 10px var(--edition-font);color:var(--accent-dark)}
.popup-space,.popup-events,.popup-visit {scroll-margin-top:100px}
.popup-section-title {margin:0 0 28px}
.popup-section-title h2 {font-size:clamp(26px,3.4vw,38px);letter-spacing:-.05em;margin:11px 0 12px}
.popup-section-title p {font-size:15px;color:var(--muted);line-height:1.7}
.popup-plan {margin:0 0 30px}
.popup-plan>img {display:block;width:100%;height:auto;border-radius:14px}
.popup-plan figcaption {display:flex;justify-content:space-between;gap:10px;padding:12px 0;color:var(--muted);font-size:11px;line-height:1.6}
.popup-plan figcaption>span:first-child {font-family:var(--edition-font);font-weight:750}
.popup-zones {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.popup-zone {min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.popup-zone-image {position:relative;overflow:hidden;aspect-ratio:1.6}
.popup-zone-image>img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.popup-zone:hover .popup-zone-image>img {transform:scale(1.02)}
.popup-zone-image>span {position:absolute;left:15px;bottom:15px;color:#fff;background:var(--action);font:700 11px/1.4 var(--edition-font);padding:7px 11px;border-radius:4px}
.popup-zone-body {padding:26px}
.popup-zone h3,.popup-event h3 {font-size:23px;letter-spacing:-.035em;line-height:1.3;margin:12px 0}
.popup-zone p,.popup-event p {font-size:14px;line-height:1.8;color:var(--muted)}
.popup-zone small {display:block;margin-top:14px;font-size:10px;color:var(--muted)}
.popup-events {padding:56px 0}
.popup-event-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.popup-event {position:relative;min-width:0;padding:24px;background:var(--blush-pale);border-radius:14px;border:1px solid var(--rule)}
.event-number {position:absolute;top:38px;left:36px;z-index:1;background:white;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font:700 12px var(--edition-font)}
.event-art {height:220px;border-radius:8px;overflow:hidden;margin-bottom:24px;background:var(--blush)}
.event-art>img {width:100%;height:100%;object-fit:cover;display:block}
.event-ticket-art {padding:30px 25px;display:flex;align-items:center;justify-content:center;background-color:var(--blush);background-image:radial-gradient(#ce9caa .8px,transparent 1px);background-size:12px 12px}
.event-ticket-art>img {object-fit:contain;max-width:330px;max-height:170px;transform:rotate(-5deg);filter:drop-shadow(0 6px 8px #8a24122b)}
.popup-event .text-button,.event-coming {display:inline-block;margin-top:16px;font-size:13px;font-weight:700}
.event-coming {color:var(--muted)}
.popup-planning-note {font-size:12px;color:var(--muted);line-height:1.7;margin:18px 0 0}
.popup-visit {display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:42px}
.popup-visit figure {margin:0}
.popup-visit figure>img {width:100%;height:auto;border-radius:12px;display:block}
.popup-visit figcaption {font-size:10px;color:var(--muted);margin:10px 0;line-height:1.6}
.popup-visit figcaption a {text-decoration:underline;text-underline-offset:3px}
.popup-visit h2 {font-size:34px;letter-spacing:-.04em;margin:14px 0 26px}
.popup-visit dl {margin:0 0 30px}
.popup-visit dl>div {display:grid;grid-template-columns:48px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.7}
.popup-visit dt {color:var(--muted)}
.popup-visit dd {margin:0;font-weight:700}
.popup-other-stores {display:block;padding:17px 0;text-align:center;font-size:12px}
@media(prefers-reduced-motion:reduce) {.popup-banner-photo>img,.popup-zone-image>img{transition:none!important;transform:none!important}}
@media(max-width:640px) {
  .popup-banner {flex-wrap:wrap;gap:12px;padding:20px}
  .popup-banner>img {width:34px;height:34px}
  .popup-banner-copy {flex-basis:calc(100% - 46px)}
  .popup-banner h2 {font-size:19px;line-height:1.45}
  .popup-banner .btn {width:100%}
  .popup-photo-banner {grid-template-columns:1fr;padding:0;gap:0}
  .popup-banner-photo {min-height:0;aspect-ratio:1.8}
  .popup-photo-banner .popup-banner-copy {padding:24px;min-width:0}
  .popup-photo-banner h2 {font-size:30px;line-height:1.2}
  .popup-intro {padding:12px 0 30px}
  .popup-intro-flower {width:80px;height:80px;right:-18px;top:70px;opacity:.75}
  .popup-intro>p {font-size:14px}
  .popup-date-pill {font-size:15px;gap:8px}
  .popup-date-pill b {margin-left:0;flex-basis:100%;width:fit-content;max-width:fit-content;margin-top:5px}
  .popup-section-nav {margin-bottom:32px}
  .popup-section-nav a {padding:15px 8px;gap:6px;font-size:11px;flex-wrap:wrap;justify-content:center}
  .popup-section-nav span {display:none}
  .popup-zones,.popup-event-grid,.popup-visit {grid-template-columns:1fr;gap:20px}
  .popup-plan figcaption {flex-direction:column;gap:3px}
  .popup-zone-body {padding:22px}
  .popup-events {padding:36px 0}
  .popup-event {padding:18px}
  .event-art {height:190px}
  .event-number {top:30px;left:30px}
  .popup-visit {padding-top:28px}
  .popup-space,.popup-events,.popup-visit {scroll-margin-top:84px}
  .popup-location {align-items:flex-start;flex-direction:column;gap:18px}
  .popup-location .btn {width:100%}
  .store-cards {grid-template-columns:1fr}
  .store-card .btn {width:100%}
  .store-ticket-link {gap:16px}
  .store-ticket-link>img {width:82px;height:125px}
  .store-ticket-link h2 {font-size:19px}
  .store-ticket-link p {font-size:13px}
}
.foot-links {display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;font-size:13px;font-weight:750}
@media(max-width:640px) {.foot-links {grid-column:1/-1}}
.foot-links a,.crumbs a,.next-chapter a,.field-body a,.guide-faq a {text-underline-offset:4px}
.foot-links a:hover,.crumbs a:hover,.field-body a:hover,.guide-faq a:hover {text-decoration:underline}
.brand-caption {color:var(--muted);letter-spacing:.025em}
.folio,.edition-label,.art-index,.art-foot,.chapter-links small,.meaning-grid small,.guide-stamp span {font:750 11px/1.45 var(--edition-font);letter-spacing:.09em}
.folio {color:var(--accent-dark);margin:0 0 10px}
.box-cover {display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);overflow:hidden;border-radius:18px;background:var(--print);isolation:isolate}
.cover-copy {align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4.3vw,64px);color:#fff}
.label-line {display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.edition-tag {background:#fff;color:#ad270e;font:850 11px/1.4 var(--edition-font);letter-spacing:.09em;padding:5px 8px;border-radius:3px}
.edition-label {font-size:11px;color:#fff;background:#a9270c;padding:4px 7px;border-radius:2px}
.cover-copy h1 {font-size:clamp(43px,4.65vw,68px);font-weight:900;letter-spacing:-.055em;line-height:1.15;margin:clamp(19px,2.3vw,33px) 0 17px}
.cover-copy>p {color:#fff;font-size:clamp(14px,1.4vw,17px);font-weight:680;line-height:1.7;background:var(--action);align-self:flex-start;padding:5px 9px;border-radius:4px}
.cover-actions {margin-top:clamp(20px,2.2vw,32px);display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cover-btn {color:#a4260c;background:#fff;border-color:white;gap:14px}
.cover-btn:hover {background:#fff1f3;border-color:#fff1f3}
.cover-link {font-size:14px;font-weight:800;display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:0 8px;background:var(--action);border:1px solid #ffad9d;border-radius:8px;color:white}
.cover-link:hover {text-decoration:underline;text-underline-offset:4px}
.cover-art {min-width:0;position:relative;overflow:hidden;container-type:inline-size;isolation:isolate;background-color:var(--blush);background-image:radial-gradient(#da9caa .85px,transparent .95px);background-size:12px 12px;min-height:350px}
.art-index,.art-foot {position:absolute;font-weight:800;color:#4e3236;font-size:clamp(8px,1.9cqw,11px)}
.art-index {top:5.4%;left:5%}.art-foot {bottom:4%;right:4%}
.cover-print {position:absolute;margin:0;left:38%;top:7%;height:83%;width:49%;transform:rotate(6deg);background:#fff;padding:1.6% 1.6% 1%;box-shadow:2px 5px 0 #57393329;border:1px solid #42332d;display:flex;flex-direction:column;z-index:1}
.cover-photo {width:100%;height:0;min-height:0;flex:1;object-fit:contain;background:#e8e2dd}
.cover-print figcaption {font:800 clamp(7px,1.45cqw,9px)/1 var(--edition-font);margin-top:3%;min-height:1em;display:flex;gap:8px;align-items:center;justify-content:space-between}
.cover-print figcaption i {height:.85em;flex:1;background:repeating-linear-gradient(90deg,#312b2a 0 1px,transparent 1px 3px,#312b2a 3px 5px,transparent 5px 7px);max-width:36%}
.cover-logo {position:absolute;width:43%;left:3%;top:30%;transform:rotate(-11deg);z-index:2;filter:drop-shadow(1px 2px 0 #7e1f2622);height:auto}
.cover-doodle {height:auto;position:absolute;z-index:2}.doodle-key {width:10%;left:17%;top:12%;transform:rotate(-10deg)}
.doodle-heart {width:9%;right:3%;top:18%;transform:rotate(14deg)}.doodle-flower {width:12%;left:8%;bottom:9%;transform:rotate(-14deg)}
.doodle-smile {width:11%;left:29%;bottom:22%;transform:rotate(-12deg)}
.cover-band {grid-column:1/-1;display:flex;gap:clamp(12px,2.7vw,40px);min-width:0;align-items:center;padding:9px 4%;background:#ab290d;border-top:1px solid #ffffff59;color:white}
.cover-band img {width:22px;height:22px;object-fit:contain}.cover-band img.band-copy {width:clamp(190px,34%,345px);height:auto}.cover-band span {margin-left:auto;font:700 10px/1.1 var(--edition-font);letter-spacing:.14em}
.chapter-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:16px;border-block:1px solid #d6c3c2}
.chapter-links a {display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:19px clamp(12px,2.9vw,36px);transition:background .15s}
.chapter-links a+a {border-left:1px solid #d6c3c2}
.chapter-links a:hover {background:var(--blush-pale)}
.chapter-links img {width:43px;height:43px;object-fit:contain}
.chapter-links span {display:grid;gap:3px}
.chapter-links small,.meaning-grid small {color:var(--accent-dark);font-size:10px}
.chapter-links strong {font-size:clamp(16px,1.7vw,22px);letter-spacing:-.045em;line-height:1.35}
.chapter-links b {font-size:20px;font-weight:500;color:var(--accent-dark)}
.quick-grid {margin-top:20px}.wallet-card,.demo-panel,.shop-wallet,.wallet-hero {background:var(--blush-pale);border-color:var(--rule)}
.wallet-card p,.wallet-card .wallet-label,.wallet-card .wallet-balance,.wallet-top .icon,.wallet-top .badge {color:#742b32}
.product-card:nth-child(n) .product-art {background:#f7f4f2}
.prize-main {background:#ffede8}.prize-dryer {background:#fae3ea}.prize-appliance {background:#f2eeee}
.end-banner {display:flex;align-items:center;gap:24px;background:var(--blush-pale);border-block:2px solid var(--print);padding:26px 30px;margin-top:48px}
.end-banner>img {width:70px;height:auto;flex:none}.end-banner h2,.next-chapter h2 {margin:0 0 6px;font-size:clamp(22px,2.4vw,32px)}
.end-banner p:not(.folio),.next-chapter p {font-size:14px;color:var(--muted)}
.end-banner .btn {margin-left:auto;flex:none;background:#fff}
.editorial-page {max-width:1100px;margin:auto}
.crumbs {display:flex;gap:10px;align-items:center;font-weight:650;font-size:12px;color:#635453;margin:0 0 14px}
.crumbs a {display:inline-flex;align-items:center;min-height:35px}
.story-spread,.guide-cover {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);border:1px solid var(--rule);border-radius:16px;overflow:hidden}
.story-intro,.guide-cover>div:first-child {padding:clamp(24px,3.6vw,56px);align-self:center}
.story-spread h1,.guide-cover h1 {font-size:clamp(31px,3.6vw,54px);line-height:1.16;letter-spacing:-.075em;margin:15px 0 19px}
.story-intro>p,.guide-cover p,.study-copy p,.field-body>p:not(.folio),.meaning-grid article>p {max-width:43em;color:var(--muted);font-size:clamp(14px,1.4vw,16px);line-height:1.85}
.story-poster {position:relative;display:grid;place-items:center;min-height:270px;background:var(--print);isolation:isolate}
.poster-mark {width:66%;transform:rotate(-6deg);height:auto}.poster-copy {position:absolute;width:73%;bottom:12%;height:auto}
.poster-flower,.poster-key {width:9%;position:absolute}.poster-flower {left:8%;top:10%}.poster-key {right:8%;top:12%;transform:rotate(9deg)}
.meaning-section,.package-study,.guide-faq {margin-top:clamp(38px,6vw,76px)}
.editorial-page h2 {letter-spacing:-.06em}.meaning-section>h2,.study-copy h2,.guide-faq>h2 {font-size:clamp(26px,3vw,43px);line-height:1.22;margin:0 0 22px}
.meaning-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.symbol-tile {display:grid;place-items:center;aspect-ratio:1.9/1;margin-bottom:16px;overflow:hidden;border-radius:8px}
.tile-type {background:var(--blush)}.tile-type img {width:57%;height:auto}
.tile-keyhole {background:#f5eeeb}.tile-keyhole img {height:78%;width:auto;transform:rotate(6deg);border:1px solid #dfd0cd;border-radius:4px}
.tile-motifs {background:var(--print);grid-template-columns:repeat(2,1fr);padding:6% 20%;gap:3% 10%}
.tile-motifs img {width:79%;height:100%;object-fit:contain;min-height:0}
.meaning-grid h3 {font-size:clamp(19px,2vw,24px);margin:6px 0 8px}
.meaning-grid article>p {font-size:14px}
.package-study {display:grid;grid-template-columns:4fr 5fr;gap:24px;align-items:center;padding:clamp(18px,3.4vw,45px);border-block:1px solid var(--rule);background:#fff7f7}
.study-view {min-width:0;display:grid;justify-items:center}
.study-switch {border:0;margin:0 0 8px;padding:0;display:flex;gap:5px}
.study-switch legend {position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.study-switch label {position:relative;cursor:pointer}
.study-switch input {position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.study-switch span {display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--rule);border-radius:30px;padding:5px 16px;background:white;font-size:13px;font-weight:700}
.study-switch input:checked+span {color:#fff;background:#8e240e;border-color:#8e240e}.study-switch input:focus-visible+span {outline:3px solid var(--ink);outline-offset:2px}
.study-view figure {width:100%;height:clamp(190px,23vw,300px);margin:0;display:grid;place-items:center;background:#fff;border:1px solid #e9dada;border-radius:8px;padding:12px}
.study-view img {width:100%;height:100%;min-height:0;object-fit:contain}
.next-chapter {margin-top:36px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 0}
.next-chapter h2,.next-chapter .folio {margin:0}.next-chapter .btn {margin-left:auto}
.guide-cover {background:var(--blush-pale);grid-template-columns:minmax(0,1fr) minmax(155px,.43fr)}
.guide-cover h1 {margin-bottom:12px}.guide-cover .btn {min-height:43px;margin-top:18px}
.guide-stamp {display:flex;flex-direction:column;align-items:center;align-self:stretch;justify-content:center;gap:10px;background:var(--blush);padding:18px}
.guide-stamp img {width:clamp(80px,13vw,155px);transform:rotate(6deg);border:4px solid white;border-radius:9px;box-shadow:2px 4px 0 #5d263a25}
.guide-stamp span {font-size:9px;color:#553138;margin-top:4px}
.field-steps {list-style:none;margin:28px 0 0;padding:0}
.field-steps li {display:grid;grid-template-columns:auto minmax(85px,17%) minmax(0,1fr);align-items:center;gap:clamp(16px,3.3vw,46px);padding:24px 0;border-bottom:1px solid var(--rule)}
.field-num {align-self:start;font:800 clamp(28px,4vw,55px)/1 var(--edition-font);letter-spacing:-.095em;color:var(--print)}
.field-art {position:relative;aspect-ratio:1.27/1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;background:#eee7e4}
.field-art>img {height:100%;width:100%;object-fit:contain}
.field-art.ticket-art {background:#f6e2e6;gap:3px}.ticket-art img {width:25%;height:auto}.ticket-art span,.result-art span {font:900 clamp(11px,1.2vw,17px)/1 var(--edition-font)}.ticket-art i {height:9px;width:56%;background:repeating-linear-gradient(-45deg,#8e8382 0 2px,#cfc6c4 2px 4px);margin-top:3px}
.field-art.result-art {background:var(--print);gap:6px;color:#fff}.result-art img {width:40%;height:auto}.result-art span {color:#fff;background:#aa260a;padding:3px}
.field-art.points-art {background:var(--blush-pale)}.points-art span {font-weight:900;font-size:clamp(22px,4vw,56px);letter-spacing:-.075em;color:#b02d13}.points-art b {font-size:.55em}.points-art img {position:absolute;right:8%;top:6%;width:20%;height:auto;transform:rotate(9deg)}
.field-body h2 {font-size:clamp(21px,2.2vw,30px);margin:0 0 7px}.field-body .folio {margin-bottom:6px}
.field-body a,.guide-faq a {display:inline-flex;align-items:center;min-height:40px;color:var(--accent-dark);font-size:14px;font-weight:750}
.store-reference {margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:240px;align-items:center;padding:12px 12px 8px;background:var(--blush-pale);border:1px solid var(--rule);border-radius:14px}
.store-reference img {height:100%;max-height:400px;width:100%;object-fit:contain}.store-reference figcaption {text-align:center;padding:8px;color:var(--muted);font:700 10px/1.6 var(--edition-font)}
.ticket-mini {background:var(--blush-pale);border-color:var(--rule)}.policy-note,.notice:not(.error):not(.warning) {background:#f9f3f3;color:var(--muted);border-color:var(--rule)}
@media(min-width:768px) and (max-width:1130px) {
  .header-inner {gap:8px}.desktop-nav {gap:0}.desktop-nav a {font-size:12px;padding:0 7px}.header-inner .brand-image {width:138px}
}
@media(max-width:767px) {
  #app {padding-top:14px}
  .box-cover {grid-template-columns:minmax(0,1fr);border-radius:14px}
  .cover-art {grid-row:1;min-height:0;height:clamp(168px,47vw,265px)}
  .cover-print {left:52%;height:90%;width:31%;top:3%}.cover-logo {width:38%;top:35%;left:11%}
  .art-index {font-size:8px;top:8%}.art-foot {display:none}.doodle-key {width:7%;left:39%;top:12%}.doodle-flower {left:4%;bottom:10%;width:8%}.doodle-smile {width:8%;left:39%;bottom:8%}.doodle-heart {width:7%;right:5%;top:27%}
  .cover-copy {padding:18px 20px 20px}.label-line {gap:7px}.edition-tag,.edition-label {font-size:9px}
  .cover-copy h1 {font-size:clamp(31px,7.6vw,44px);line-height:1.15;margin:10px 0 8px}
  .cover-copy>p {font-size:13px;font-weight:600;line-height:1.6;padding:3px 6px}
  .cover-actions {margin-top:13px;gap:10px}.cover-actions .btn {min-height:43px;padding:9px 12px;font-size:13px;gap:8px}.cover-link {font-size:12px;min-height:43px}
  .cover-band {min-height:24px;padding:4px 5%;justify-content:space-between}.cover-band img {width:15px;height:15px}.cover-band img.band-copy {width:56%}.cover-band>span {display:none}
  .chapter-links {margin-top:12px}.chapter-links a {gap:7px;padding:12px 6px;grid-template-columns:auto minmax(0,1fr)}.chapter-links a+a {padding-left:12px}
  .chapter-links img {width:24px;height:29px}.chapter-links small {font-size:8px}.chapter-links strong {font-size:13px;line-height:1.5}.chapter-links b {display:none}
  .quick-grid {margin-top:14px}.end-banner {display:grid;grid-template-columns:48px 1fr;align-items:center;padding:17px;gap:12px}.end-banner>img {width:48px}.end-banner .btn {grid-column:2;justify-self:start;margin:0}
  .story-spread {grid-template-columns:1fr}.story-intro {padding:22px}.story-spread h1 {margin:9px 0 11px}
  .story-poster {min-height:165px}.poster-mark {width:min(49%,220px)}.poster-copy {width:52%;bottom:7%}
  .meaning-grid {grid-template-columns:1fr}.meaning-grid article {display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:14px;align-content:start;border-bottom:1px solid var(--rule);padding-bottom:14px}
  .symbol-tile {grid-row:1 / 4;aspect-ratio:1;height:100px;margin:0;align-self:center}.tile-type img {width:80%}.tile-motifs {padding:12% 15%}.meaning-grid h3 {margin:3px 0}.meaning-grid article>p {font-size:13px;line-height:1.65}
  .package-study {grid-template-columns:1fr;gap:18px}.study-copy h2 br {display:none}.study-copy h2 {margin-bottom:9px}
  .next-chapter {gap:8px;display:grid}.next-chapter .btn {justify-self:start;margin:8px 0 0}
  .guide-cover {grid-template-columns:minmax(0,1fr) clamp(70px,23vw,140px)}.guide-cover>div:first-child {padding:18px 10px 18px 16px}.guide-cover h1 {font-size:clamp(23px,6vw,37px);margin:8px 0}.guide-cover p {font-size:13px;line-height:1.6}.guide-cover .btn {font-size:12px;padding:8px 10px;margin-top:12px}.guide-stamp {padding:7px}.guide-stamp img {width:85%}.guide-stamp span {font-size:7px;text-align:center}
  .field-steps {margin-top:8px}.field-steps li {grid-template-columns:58px minmax(0,1fr);gap:8px 14px;padding:21px 0}
  .field-num {grid-column:1;grid-row:1;align-self:end;font-size:26px}.field-art {grid-column:1;grid-row:2;width:58px;aspect-ratio:3/4;align-self:start}
  .field-body {grid-column:2;grid-row:1 / 3}.field-body .folio {font-size:9px}.field-body>p:not(.folio) {font-size:14px;line-height:1.7}.field-body h2 {font-size:19px}
  .ticket-art span,.result-art span {font-size:9px}.crumbs {margin:0 0 8px}
}
@media(max-width:370px) {.cover-copy h1 {font-size:30px}.cover-actions {gap:5px}.cover-actions .btn {font-size:12px}.cover-link {font-size:11px;padding:0 5px}.chapter-links a {gap:5px}.chapter-links strong {font-size:12px}.edition-label {letter-spacing:.03em}}

/* The original box reacts to an intentional tap, click, or keyboard activation. */
.cover-box-button {
  display: flex;
  position: relative;
  flex: 1;
  min-height: 0;
  width: 100%;
  padding: 0;
  border: 0;
  background: #e8e2dd;
  overflow: hidden;
}
.cover-box-button .cover-photo {
  flex: none;
  height: 100%;
  width: 100%;
}
.cover-box-button:focus-visible {
  outline: 3px solid var(--ink);
  outline-offset: -4px;
}
.cover-tap-hint {
  position: absolute;
  bottom: 6%;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 9px;
  border-radius: 30px;
  background: #fff;
  color: #a4260c;
  font-size: clamp(9px, 2cqw, 12px);
  font-weight: 800;
  line-height: 1.3;
  white-space: nowrap;
  box-shadow: 0 2px 8px #41221815;
}
.cover-logo, .cover-doodle, .art-index, .art-foot {
  pointer-events: none;
}
.cover-print.is-shaking {
  animation: kiduk-box-wiggle 700ms ease-out;
}
.motion-enter {
  animation: kiduk-section-enter 450ms cubic-bezier(.2, .7, .3, 1) both;
}
.study-view figure:not([hidden]) {
  animation: kiduk-package-switch 260ms ease-out;
}
.btn, .cover-link, .bottom-nav a, .wish-button, .study-switch span {
  transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.btn:not(:disabled):active, .cover-link:active, .bottom-nav a:active, .wish-button:active {
  transform: scale(.96);
}
.chapter-links img, .chapter-links b, .product-art img, .symbol-tile img {
  transition: transform 220ms ease;
}
.chapter-links a:focus-visible img {
  transform: rotate(-8deg) scale(1.08);
}
.chapter-links a:focus-visible b {
  transform: translate(3px, -3px);
}
.product-card:focus-within .product-art img {
  transform: scale(1.04);
}
.study-switch input:checked + span {
  box-shadow: 0 3px 0 #e7bcb3;
}
@media (hover: hover) and (pointer: fine) {
  .btn:not(:disabled):hover, .cover-link:hover {
    transform: translateY(-2px);
  }
  .chapter-links a:hover img, .symbol-tile:hover img {
    transform: rotate(-8deg) scale(1.08);
  }
  .chapter-links a:hover b {
    transform: translate(3px, -3px);
  }
  .product-card:hover .product-art img {
    transform: scale(1.04);
  }
  .btn:not(:disabled):hover:active, .cover-link:hover:active {
    transform: scale(.96);
  }
}
@keyframes kiduk-box-wiggle {
  0%, 100% { transform: rotate(6deg); }
  18% { transform: rotate(-2deg) translateY(-4px); }
  38% { transform: rotate(12deg) translateY(-5px); }
  60% { transform: rotate(2deg) translateY(-2px); }
  80% { transform: rotate(8deg); }
}
@keyframes kiduk-section-enter {
  from { opacity: .45; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes kiduk-package-switch {
  from { opacity: .45; transform: translateY(5px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .cover-print.is-shaking, .motion-enter, .study-view figure:not([hidden]) {
    animation: none;
  }
  .btn, .cover-link, .bottom-nav a, .wish-button, .study-switch span,
  .chapter-links img, .chapter-links b, .product-art img, .symbol-tile img {
    transition: none;
  }
  .btn:not(:disabled):hover, .btn:not(:disabled):active, .btn:not(:disabled):hover:active,
  .cover-link:hover, .cover-link:active, .cover-link:hover:active,
  .bottom-nav a:active, .wish-button:active, .chapter-links a:hover img,
  .chapter-links a:focus-visible img, .chapter-links a:hover b,
  .chapter-links a:focus-visible b, .symbol-tile:hover img,
  .product-card:hover .product-art img, .product-card:focus-within .product-art img {
    transform: none;
  }
}