body[data-page=explore]{--body:'Bricolage Grotesque',sans-serif;--display:'Bricolage Grotesque',sans-serif;background:#302219;color:#f6ecd3;font-family:var(--body);font-size:16px}body[data-page=explore] :is(h1,h2,h3,input,button){font-family:var(--body)}body[data-page=explore] :is(.button,.text-button,.filter){font-weight:700}body[data-page=explore] em,.collection-script{font-family:'Luxurious Script',cursive;font-style:normal;font-weight:400;letter-spacing:0}.collection-script{font-size:clamp(34px,3.6vw,54px);line-height:1.15}.collection-hero{max-width:1500px;margin:auto;padding:70px 6% 76px;display:grid;grid-template-columns:.85fr 1.15fr;gap:25px;align-items:center;overflow:hidden;min-height:510px}.collection-hero h1{font-size:clamp(44px,4.5vw,68px);font-weight:700;line-height:1.12;margin:14px 0 20px;letter-spacing:-.025em}.collection-hero-copy>p:not(.collection-script){font-size:17px;line-height:1.5;font-weight:600}.choose-card{border:1.5px solid #f6ecd3;background:transparent;border-radius:40px;padding:12px 22px;margin-top:28px;text-align:left;line-height:1.25;font-weight:700;display:flex;align-items:center;gap:15px;transition:background .25s,color .25s}.choose-card:hover{background:#f6ecd3;color:#302219}.choose-card span{font-size:25px}.card-fan{position:relative;height:380px;width:100%;max-width:620px;justify-self:center;isolation:isolate}.mystery-card{position:absolute;left:calc(50% - 100px + (var(--i) - 4)*34px);top:35px;width:200px;aspect-ratio:510/738;padding:0;background:transparent;border-radius:9px;transform-origin:50% 105%;transform:translateY(var(--rise)) rotate(var(--angle));transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .3s;box-shadow:0 10px 22px #120b0640;cursor:pointer}.mystery-card:hover,.mystery-card:focus-visible{transform:translateY(calc(var(--rise) - 35px)) rotate(var(--angle));z-index:20;filter:brightness(1.08)}.mystery-card:focus-visible{outline-color:#fff0bd}.card-back{position:absolute;inset:0;overflow:hidden;border:5px solid #f5dfb7;border-radius:8px;background:radial-gradient(ellipse at 40% 40%,#fbedcc,#efd5aa);display:flex;align-items:center;justify-content:center;color:#e99c69}.card-back::before{content:'';position:absolute;inset:9px;border:1.3px solid #d64a34}.card-back::after{content:'';position:absolute;inset:20px;border-top:1px solid #e8b384;border-bottom:1px solid #e8b384}.card-back>img{width:88%;height:auto;opacity:.55;filter:sepia(1) saturate(2)}.back-corner{position:absolute;width:15px;height:15px;border:3px double #d64a34}.back-corner.tl{top:7px;left:7px}.back-corner.br{bottom:7px;right:7px}.back-cloud{position:absolute;font-size:58px;line-height:1;opacity:.6}.back-cloud.c1{left:-10px;top:21%}.back-cloud.c2{right:-10px;bottom:19%}.fan-hint{position:absolute;bottom:0;width:100%;text-align:center;font-size:12px;letter-spacing:.06em;color:#d4bca1}.card-fan.is-invited .mystery-card{animation:card-invite .7s ease both;animation-delay:calc(var(--i)*65ms)}@keyframes card-invite{50%{transform:translateY(calc(var(--rise) - 18px)) rotate(var(--angle))}}
body[data-page=explore] .light{background:#f7edd4;color:#382a20}.collection-section{padding:65px 6% 80px}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.collection-heading h2{font-size:clamp(26px,3vw,42px);font-weight:650;margin-top:10px}.collection-heading .collection-script{font-size:38px}.journal-inline{display:flex;align-items:center;gap:20px;border-top:1px solid #543b2425;border-bottom:1px solid #543b2425;padding:18px 0;margin-bottom:30px;font-size:13px}.journal-inline strong{margin-left:12px;font-size:20px}.journal-inline #progress-count span{font-size:13px}.journal-inline .progress-track{width:100px;flex-shrink:0;margin:0;background:#dbc9ae}.journal-inline p{margin:0;flex:1}.journal-inline button{font-size:13px}.collection-toolbar{gap:25px}.filter{font-size:13px}.search input{font-size:14px}.results-row{font-size:12px}.collection-grid{gap:45px 28px;grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page=explore] .card-art{border-radius:150px 150px 12px 12px;background:radial-gradient(ellipse at 50% 30%,#fff7e8,color-mix(in srgb,var(--card-color) 45%,#efe3ca));aspect-ratio:1/1.17;isolation:isolate;overflow:hidden;box-shadow:inset 0 0 0 1px #70543118}body[data-page=explore] .card-art>a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}body[data-page=explore] .card-art img{width:82%;height:82%;max-width:82%;object-fit:contain;margin:0;filter:drop-shadow(0 16px 13px #38261b2b);transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .5s}body[data-page=explore] .character-card:hover .card-art img,body[data-page=explore] .character-card:focus-within .card-art img{transform:translateY(-7px) scale(1.07);filter:drop-shadow(0 22px 15px #38261b38)}body[data-page=explore] .art-caption{display:none}body[data-page=explore] .card-code{font-size:11px}body[data-page=explore] .card-info h3{font-size:29px;font-weight:650}body[data-page=explore] .card-info>p:last-child{font-size:14px}body[data-page=explore] .card-info .eyebrow{font-size:10px}body[data-page=explore] .save-button{z-index:2}.card-info{padding-top:18px}.art-note{font-size:12px}body[data-page=explore] .detail-art img{object-fit:contain;max-height:530px;width:90%;margin:auto;filter:drop-shadow(0 20px 18px #21130e35)}body[data-page=explore] .detail-intro h1{font-weight:700}body[data-page=explore] .detail-intro h2{font-weight:500}body[data-page=explore] #story-panel>p:not(.eyebrow){font-size:17px;line-height:1.9}body[data-page=explore] .story-tabs button{font-size:14px}body[data-page=explore] .detail-footnote{font-size:12px}.collection-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}.collection-reveal.is-visible{opacity:1;transform:none}#story-panel{animation:story-appear .5s ease}@keyframes story-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
#draw-dialog{width:min(880px,94vw);max-width:880px;max-height:94dvh;overflow:auto;background:#302219;color:#f6ecd3;padding:52px;border:1px solid #a7875b;border-radius:18px;box-shadow:0 25px 100px #0008}#draw-dialog::backdrop{background:#100b08bb;backdrop-filter:blur(7px)}.draw-close{position:absolute;right:16px;top:10px;background:transparent;font-size:34px;line-height:1;width:40px;height:40px}.draw-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.reveal-stage{perspective:1200px}.reveal-card{position:relative;width:100%;aspect-ratio:510/738;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.reveal-card.is-flipped{transform:rotateY(180deg)}.reveal-back,.reveal-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.reveal-front{transform:rotateY(180deg)}.reveal-front img{width:100%;height:100%;object-fit:contain;border-radius:8px;box-shadow:0 15px 30px #0005}.draw-copy .collection-script{font-size:34px}#draw-title{font-size:42px;font-weight:650;margin:20px 0 14px}#draw-description{font-size:16px;line-height:1.65}.draw-copy .button{margin-top:28px;width:100%;justify-content:space-between}.draw-copy>.text-button{display:block;margin:18px auto}.draw-note{font-size:12px;text-align:center;color:#c9b493}.draw-copy #read-drawn-story{transition:opacity .3s}#draw-dialog:not(.revealed) #read-drawn-story{opacity:0;visibility:hidden}
@media(max-width:1000px){.collection-hero{padding:50px 5% 55px;grid-template-columns:1fr 1fr;min-height:430px}.card-fan{height:320px}.mystery-card{width:155px;left:calc(50% - 77.5px + (var(--i) - 4)*24px)}.collection-hero-copy>p:not(.collection-script){font-size:14px}.choose-card{font-size:14px;padding:12px 17px}.collection-heading{align-items:start}.journal-inline p{display:none}.journal-inline button{margin-left:auto}.collection-grid{gap:32px 20px}}
@media(max-width:650px){.collection-hero{grid-template-columns:1fr;padding:36px 6% 20px;gap:15px}.collection-hero h1{font-size:46px;margin:10px 0 15px}.collection-hero-copy>p:not(.collection-script){font-size:15px}.collection-hero .collection-script{font-size:38px}.choose-card{margin-top:22px}.card-fan{height:310px;width:100%;margin-top:5px}.mystery-card{width:143px;left:calc(50% - 71.5px + (var(--i) - 4)*21px);top:27px}.fan-hint{font-size:10px;bottom:5px}.collection-section{padding:40px 6% 50px}.collection-heading{display:block}.collection-heading .collection-script{font-size:31px}.collection-heading h2{font-size:28px}.collection-heading>a{display:inline-block;font-size:12px;margin-top:18px}.journal-inline{gap:10px;font-size:11px}.journal-inline strong{margin-left:4px;font-size:16px}.journal-inline .progress-track{width:50px}.journal-inline button{font-size:11px}.filter-group{gap:7px}.filter{font-size:11px;padding:9px 11px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}body[data-page=explore] .card-info h3{font-size:23px}body[data-page=explore] .card-info>p:last-child{font-size:12px;line-height:1.5}body[data-page=explore] .card-info .eyebrow{font-size:8px}body[data-page=explore] .card-code{font-size:8px}.results-row{font-size:10px}body[data-page=explore] .detail-intro h1{font-size:46px}body[data-page=explore] #story-panel>p:not(.eyebrow){font-size:15px}body[data-page=explore] .story-tabs{gap:20px}body[data-page=explore] .story-tabs button{font-size:12px}#draw-dialog{padding:40px 22px 22px;width:92vw}.draw-layout{grid-template-columns:1fr;gap:20px}.reveal-stage{width:190px;margin:auto}.draw-copy{text-align:center}.draw-copy .collection-script{font-size:28px}#draw-title{font-size:30px;margin:12px 0 8px}#draw-description{font-size:14px}.draw-copy .button{margin-top:16px}.draw-note{display:none}.draw-copy>.text-button{margin:12px auto 0}}
@media(prefers-reduced-motion:reduce){.mystery-card,.reveal-card,.collection-reveal,body[data-page=explore] .card-art img{transition:none!important;animation:none!important}.collection-reveal{opacity:1;transform:none}#story-panel{animation:none}.card-fan.is-invited .mystery-card{animation:none}}
#draw-dialog .collection-script{color:#f6ecd3}#draw-dialog #draw-description{color:#e1cfb6}#draw-dialog .draw-note{color:#c9b493}#draw-dialog .button{font-size:15px}#draw-dialog .text-button{font-size:14px}body[data-page=explore] .detail-intro>p:not(.eyebrow):not(.small-note){font-size:17px}body[data-page=explore] .detail-intro h2{font-style:normal}body[data-page=explore] .detail-intro .button{font-size:14px}body[data-page=explore] .detail-intro .small-note{font-size:12px}
body[data-page=explore] .card-code{top:auto;bottom:16px;left:18px;color:#493626;z-index:2}body[data-page=explore] .save-button{top:auto;bottom:12px;right:14px;background:#f9f0dc;color:#493626}body[data-page=explore] .save-button.saved{background:#71402e;color:#fff6e3}body[data-page=explore] .visited-label{bottom:17px;background:#f9f0dc;color:#493626}
@media(max-width:650px){.card-fan{height:280px}.mystery-card{width:120px;left:calc(50% - 60px + (var(--i) - 4)*16px)}.fan-hint{bottom:12px}body[data-page=explore] .card-code{bottom:15px;left:11px}body[data-page=explore] .visited-label{bottom:46px;font-size:8px}}
@media(max-width:380px){.mystery-card{width:112px;left:calc(50% - 56px + (var(--i) - 4)*15px)}}

body[data-page=explore] .section h2.related-story-heading{font-family:'Bricolage Grotesque',sans-serif;font-style:normal;font-weight:600;font-size:clamp(17px,4.5vw,58px);line-height:1.2;white-space:nowrap;letter-spacing:-.035em}
body[data-page=explore] .warm .section-head{flex-wrap:wrap;gap:24px}
body[data-page=explore] #story-panel:has(.character-article){max-width:900px;margin:0 auto}.character-article{font-size:17px;line-height:1.9}.character-article .character-article-title{font:650 clamp(25px,3vw,42px)/1.3 'Bricolage Grotesque',sans-serif!important;margin:0 0 28px!important;letter-spacing:-.025em}.character-article h3{font-size:27px;font-weight:650;line-height:1.4;margin:44px 0 20px;scroll-margin-top:32px}.character-article h4{font-size:21px;font-weight:650;line-height:1.45;margin:28px 0 14px}.character-article p{font-size:17px;line-height:1.95;margin:0 0 20px}.character-article p a{color:#84452d;text-decoration:underline;text-underline-offset:3px}.article-toc{border-top:1px solid #6d51394a;border-bottom:1px solid #6d51394a;margin:24px 0 30px;padding:16px 0}.article-toc summary{cursor:pointer;font-weight:700}.article-toc nav{display:grid;gap:10px;padding:16px 0 0;font-size:15px}.article-toc nav a:hover{text-decoration:underline}@media(max-width:650px){.character-article h3{font-size:23px}.character-article h4{font-size:19px}.character-article p{font-size:16px}}
