@font-face{font-family:Manrope;src:url('assets/fonts/Manrope.ttf') format('truetype');font-display:swap;font-weight:200 800}@font-face{font-family:Cormorant;src:url('assets/fonts/CormorantGaramond.ttf') format('truetype');font-display:swap;font-weight:300 700}
:root{color-scheme:dark;--ink:#201713;--deep:#100e0c;--cream:#f1e4cb;--parchment:#d7c5a7;--gold:#c4a36a;--gold-bright:#e4c890;--wine:#8f0914;--muted:#bdac92;--line:rgba(208,173,119,.25);--serif:Cormorant,Georgia,'Times New Roman',serif;--sans:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;padding:0;min-width:280px}html{scroll-behavior:smooth}body{background:var(--deep);color:var(--cream);font-family:var(--sans);font-size:14px;line-height:1.6;overflow-x:hidden}[hidden]{display:none!important}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #f5ddb2;outline-offset:5px}button{touch-action:manipulation}button,a,select{position:relative}::selection{background:#915748;color:#fff}.scenery,.vignette,.dust{position:fixed;inset:0;pointer-events:none}.scenery{background:url('assets/shop-cinematic.webp') center/cover no-repeat;transform:scale(1.015);animation:breathe 28s ease-in-out infinite alternate}.vignette{background:linear-gradient(90deg,rgba(10,8,7,.85),rgba(13,9,8,.36) 55%,rgba(13,9,8,.08)),linear-gradient(0deg,#120e0c 0%,transparent 32%,rgba(10,8,7,.62) 100%)}.dust{overflow:hidden;opacity:.4}.dust i{position:absolute;width:2px;height:2px;background:#ffdda0;border-radius:50%;box-shadow:0 0 7px #e2b866;animation:float-dust 22s linear infinite;opacity:0}.experience{max-width:1800px;min-height:100svh;position:relative;margin:auto;padding:0 4.2%;display:flex;flex-direction:column}main{flex:1}.masthead{height:116px;display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid var(--line)}.brand{width:151px;display:block;flex-shrink:0}.brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 14px #0006)}.edition{display:flex;align-items:center;gap:18px;letter-spacing:2.5px;font-size:9px;color:#cfbea5;text-align:center}.fine-rule{width:32px;height:1px;background:var(--line)}.settings{display:flex;gap:5px;align-items:center}.icon-button{background:rgba(25,17,13,.45);border:1px solid #dcc49a30;min-height:40px;padding:8px 12px;font-size:10px;letter-spacing:.3px;transition:.2s}.icon-button:hover{background:#704a2f55;border-color:#d2ad7180}.welcome{position:relative;min-height:745px;min-height:min(820px,calc(100svh - 176px));display:flex;align-items:center;padding:64px 0 100px}.welcome-copy{position:relative;z-index:1;width:650px;max-width:62%}.eyebrow{font-size:10px;letter-spacing:2.7px;color:var(--gold);font-weight:600;text-transform:uppercase;margin:0 0 22px;line-height:1.6}.glow-dot{display:inline-block;width:5px;height:5px;background:#e9bd76;border-radius:100%;margin-right:9px;box-shadow:0 0 14px #e9b666}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1}h1{font-size:clamp(68px,7.6vw,126px);letter-spacing:-3px;margin:0 0 24px;line-height:.87}h1 em{font-weight:400;color:var(--gold-bright);font-style:italic}h2{font-size:48px;letter-spacing:-.8px;margin:0 0 16px}h3{font-size:34px;margin:0 0 12px}.tagline{font-family:var(--serif);font-size:27px;font-style:italic;color:#e3cfb0;margin-bottom:18px}.intro{max-width:450px;font-size:13px;color:#c8bba9;line-height:1.9;margin-bottom:29px}.start-actions{display:flex;gap:12px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:14px 26px;font-weight:600;font-size:12px;letter-spacing:.35px;border:1px solid #e2c89d;transition:transform .22s,background .22s,box-shadow .22s;border-radius:2px}.primary{background:linear-gradient(110deg,#dbc098,#f1dec0 45%,#bd965f);color:#281b13;box-shadow:0 4px 25px #0006,inset 0 1px 0 #fff7}.primary span{font-size:20px;font-weight:400}.primary:hover{transform:translateY(-2px);box-shadow:0 7px 35px #d4af6440;background:#f3dfbc}.secondary{background:#221a15bf;color:#dfc59a;border-color:#c3a87955;gap:12px}.secondary:hover{background:#72553744;border-color:#ceb07c}.text-button{border:0;background:transparent;font-size:11px;padding:10px 6px;min-height:40px;color:var(--parchment)}.text-button:hover{color:#ffdfaa}.welcome-options{margin-top:23px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--muted)}select{border:0;border-bottom:1px solid #c8ac7c70;background:#211710dd;color:#e5d2b4;font-size:11px;padding:9px 23px 9px 9px;min-height:40px;border-radius:0}option{background:#201713}.option-dot{color:var(--gold)}.microcopy{font-size:10px;color:#bca78c;letter-spacing:.6px;margin:14px 0}.welcome-note{position:absolute;right:0;bottom:172px;text-align:right;text-shadow:0 1px 18px #000}.note-index{font-size:10px;color:var(--gold);letter-spacing:5px}.welcome-note p{font-family:var(--serif);font-size:31px;line-height:1.15;margin:16px 0}.welcome-note p em{font-size:26px;color:#d3b67c}.mini-rule{width:45px;height:1px;background:#cba56b;margin:18px 0 16px auto}.welcome-note>span:last-child{font-size:10px;color:#dbc9ad}.welcome-bottom{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;gap:30px;align-items:center}.chapter-preview{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:1.3px;color:#c6b297}.chapter-preview span{font-family:var(--serif);font-size:22px;color:#d1aa6c}.chapter-preview i{width:35px;height:1px;background:var(--line);margin:0 8px}.shop-link{font-size:11px;border-bottom:1px solid var(--line);padding:8px 0;white-space:nowrap}.shop-link span{margin-left:18px}footer{min-height:61px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.9px;color:#a69682}footer a{color:#d6bc91}footer>div{display:flex;gap:28px;align-items:center}footer .text-button{font-size:9px;padding-left:0;letter-spacing:.2px}footer a:hover{text-decoration:underline}.play{padding:26px 0 32px;max-width:1280px;margin:auto;animation:arrive .65s both}.game-topline{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px}.chapter-track{display:flex;align-items:center;gap:14px;font-family:var(--serif);font-size:22px;color:#897354}.chapter-track small{font-size:8px;letter-spacing:1.8px;font-family:var(--sans);margin-left:7px}.chapter-track i{width:28px;height:1px;background:var(--line)}.chapter-track .is-current{color:#f1d7a7}.chapter-track .is-complete{color:#adbf98}.journal-button{background:#211711d9;border:1px solid #a9844655;padding:10px 15px;min-height:44px;font-size:11px;box-shadow:0 3px 10px #0004}.journal-button span{color:var(--gold);padding-left:10px}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:24px}.game-heading .eyebrow{margin-bottom:5px;letter-spacing:2px}.game-heading h2{font-size:47px;margin-bottom:9px}.chapter-story{max-width:670px;font-size:12px;color:#cbbb9f;margin:0;line-height:1.75}.stats{display:flex;gap:28px;flex-shrink:0;text-align:center}.stats>div{min-width:60px}.stats span{display:block;font-family:var(--serif);font-size:32px;line-height:1.3;color:#e6c68e;font-variant-numeric:tabular-nums}.stats small{font-size:8px;letter-spacing:1.5px;color:#c6b394}.board-wrap{position:relative;padding:24px 29px 13px;border:1px solid #b18d5855;border-radius:6px;background:linear-gradient(110deg,#39281fed,#1c1513f5 60%,#352016ed);box-shadow:0 20px 75px #0009,inset 0 0 0 5px #ad84400b,inset 0 1px 0 #e0b98c33}.board-wrap:before{content:'';position:absolute;inset:7px;border:1px solid #ac8c5244;pointer-events:none;border-radius:2px}.board-engraving{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:17px;letter-spacing:7px;color:#bf9f62;background:#291d17;padding:0 17px}.card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;position:relative}.card{aspect-ratio:.87;padding:0;background:transparent;border:0;perspective:1100px;position:relative;border-radius:4px;min-width:0;outline-offset:4px;isolation:isolate;transition:filter .25s,transform .25s}.card:hover:not(.is-flipped):not(.matched){transform:translateY(-4px);filter:brightness(1.1)}.card-inner{position:absolute;inset:0;transition:transform .7s cubic-bezier(.22,.7,.15,1);transform-style:preserve-3d;border-radius:4px;box-shadow:0 5px 10px #0009}.is-flipped .card-inner,.matched .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.card-back{border:1px solid #d0aa66aa;background:radial-gradient(ellipse at 45% 25%,#78342a80,transparent 70%),repeating-linear-gradient(35deg,transparent 0 2px,#d8a76407 3px 4px),linear-gradient(140deg,#501b1d,#2b1113 55%,#592124);box-shadow:inset 0 0 0 5px #201516,inset 0 0 0 6px #b18b4d,inset 0 0 30px #000a;color:#d8b478}.card-back:before{content:'✦';font-family:var(--serif);position:absolute;top:14%;font-size:22px;color:#b88d4e}.card-back:after{content:'THE MIDNIGHT\A JUNCTION';white-space:pre;text-align:center;position:absolute;bottom:13%;left:0;right:0;line-height:1.7;font-family:var(--serif);font-size:clamp(9px,1vw,14px);letter-spacing:2px;color:#d7b57a}.card-back>*{font-family:var(--serif);font-size:35px;letter-spacing:3px;font-weight:400}.card-back .card-number{position:absolute;right:13px;top:8px;font-size:9px;letter-spacing:0}.card-front{transform:rotateY(180deg);background:#dac6a3;border:1px solid #e3c58c;justify-content:flex-start;color:#312519;box-shadow:inset 0 0 0 4px #ac8d4d}.card-art{display:block;width:100%;aspect-ratio:1;background-size:300% 200%;background-repeat:no-repeat;background-color:#272019;flex:1;min-height:0}.item-name{font-size:10px;line-height:1.25;padding:7px 4px;width:100%;min-height:32px;display:flex;align-items:center;justify-content:center;font-weight:600;background:linear-gradient(100deg,#bfa984,#e2d0ad,#c9b38b)}.matched .card-inner{box-shadow:0 0 0 1px #deb67c,0 0 24px #b898553b}.matched{animation:matched-bloom .65s both}.matched:after{content:'✓';position:absolute;right:6px;top:6px;width:20px;height:20px;line-height:20px;border-radius:50%;font-size:12px;background:#334433;color:#f1e3c5;box-shadow:0 2px 5px #0008}.mismatch{animation:wrong .34s ease-in-out}.hint-active{filter:drop-shadow(0 0 9px #ffcf76);z-index:2}.board-under{display:flex;justify-content:space-between;gap:16px;position:relative;font-size:9px;color:#b79d79;margin-top:14px;letter-spacing:.3px}.play-tip{font-style:italic}.game-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px}.game-tools .secondary{min-height:43px;padding:10px 19px;font-size:11px}.game-tools p{margin:0;font-family:var(--serif);font-size:18px;color:#c1ad8c;font-style:italic}.game-tools>div{display:flex;gap:17px}.hint-count{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#c8a56822;border:1px solid #c8a56855;border-radius:50%;font-size:9px}.chapter-complete{display:flex;justify-content:space-between;align-items:center;gap:32px;border:1px solid #d2af6e70;background:linear-gradient(120deg,#2f3929f5,#201611f5);padding:28px 32px;margin-top:26px;animation:arrive .7s both;box-shadow:0 10px 50px #0005}.chapter-complete>div{max-width:700px}.chapter-complete .eyebrow{margin-bottom:10px;font-size:9px}.chapter-complete p:last-child{font-size:12px;color:#d9cab0;margin:0}.chapter-complete .primary{flex-shrink:0}.finale{padding:65px 0 70px;text-align:center;max-width:880px;margin:auto;animation:arrive .9s both}.finale-seal{font-family:var(--serif);font-size:48px;color:#dbb774;border:1px solid #c8ab7566;outline:1px solid #c8ab7533;outline-offset:8px;display:flex;align-items:center;justify-content:center;margin:30px auto 40px;width:92px;height:92px;border-radius:50%;background:#51252ab0;box-shadow:0 0 60px #cc9e4930}.finale h2{font-size:65px;line-height:1.04}.finale h2 em{color:#e4c38c}.finale>p:not(.eyebrow){color:#cfbda2;font-size:13px;line-height:1.9}.final-stats{display:flex;gap:54px;justify-content:center;margin:35px 0}.final-stats strong{display:block;font-family:var(--serif);font-size:37px;color:var(--gold-bright);font-weight:400}.final-stats span{font-size:8px;letter-spacing:1.5px}.final-options{display:flex;gap:20px;justify-content:center;margin-top:22px}dialog{color:var(--cream);border:1px solid #ba965b80;background:linear-gradient(145deg,#35271f,#19120f);border-radius:4px;padding:36px;width:min(960px,calc(100% - 36px));max-height:90svh;box-shadow:0 35px 100px #000c;overflow:auto}dialog::backdrop{background:#070604cb;backdrop-filter:blur(7px)}dialog[open]{animation:dialog-in .28s both}dialog h2{font-size:43px}.dialog-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.dialog-heading .eyebrow{margin-bottom:8px}.dialog-intro{color:#c4af91;font-size:12px;max-width:640px}.close-button{min-width:44px;min-height:44px;padding:8px;background:#18110c88;border:1px solid #d2b47866;font-size:17px;color:#e4c596}.journal-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:25px}.journal-item{position:relative;display:block;border:1px solid #b2915844;background:#17120f;padding:0;color:#e3caa4;text-align:center;min-width:0}.journal-item .card-art{height:auto;width:100%;aspect-ratio:1}.journal-item span{display:block;padding:10px;font-size:11px}.journal-item:hover{border-color:#dac493}.journal-empty{grid-column:1/-1;padding:30px 0;color:#cbbb9f}.small-dialog{max-width:600px;padding:42px}.small-dialog>.close-button{float:right;margin:-20px -20px 10px 15px}.small-dialog p:not(.eyebrow){color:#d0bfa5;font-size:13px;line-height:1.8}.small-dialog a:not(.primary):not(.secondary){text-decoration:underline;color:#ebce98}.small-dialog .eyebrow{margin-bottom:12px}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.story-dialog{padding:0;max-width:780px}.story-dialog>.close-button{position:absolute;right:15px;top:15px;z-index:2}.story-detail-art{width:100%;height:auto;aspect-ratio:1.65;background-size:300% 200%;background-repeat:no-repeat;background-color:#211a15}.story-detail-copy{padding:28px 34px 36px}.story-detail-copy .eyebrow{font-size:9px;margin-bottom:12px}.story-detail-copy p{color:#d5bda0}.story-detail-copy a{font-size:12px;border-bottom:1px solid #be9b6655;padding-bottom:5px}.story-detail-copy small{display:block;margin-top:18px;font-size:10px;color:#b4a084}.toast{position:fixed;z-index:30;left:50%;bottom:26px;transform:translateX(-50%);max-width:90%;min-width:260px;background:#211a12f5;color:#ecd2a7;border:1px solid #d4ae7480;padding:13px 22px;box-shadow:0 8px 35px #000b;text-align:center;font-size:12px;pointer-events:none}.collectible-fly,.collection-flight{position:fixed!important;pointer-events:none;z-index:99;border:1px solid #ebc589;box-shadow:0 0 22px #dcb27080}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:relative;padding:20px;text-align:center;background:#3a211d}.noscript a{text-decoration:underline}
@keyframes breathe{from{transform:scale(1.015)}to{transform:scale(1.06)}}@keyframes float-dust{0%{transform:translate(0,30px);opacity:0}20%,75%{opacity:.5}100%{transform:translate(40px,-160px);opacity:0}}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes matched-bloom{0%,100%{filter:brightness(1)}45%{filter:brightness(1.32)}}@keyframes wrong{0%,100%{transform:translateX(0)}30%{transform:translateX(-3px)}65%{transform:translateX(3px)}}
body:has(#play:not([hidden])) .vignette{background:linear-gradient(#120d0ad9,#0f0c09d2)}body:has(#finale:not([hidden])) .vignette{background:linear-gradient(#120d0abd,#0f0c09ed)}body:has(#play:not([hidden])) .scenery{animation-duration:50s}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduced-motion .dust{display:none}.reduced-motion .scenery{transform:none}
@media(min-width:1600px){.welcome{min-height:800px}.welcome-copy{padding-left:3%}.welcome-note{right:3%}.play{padding-top:33px}.card-grid{gap:17px}.card{aspect-ratio:.94}}
@media(max-width:1199px){.edition{display:none}.welcome{min-height:710px}.welcome-copy{max-width:70%}.welcome-note{right:0;bottom:125px}.welcome-note p{font-size:26px}.chapter-preview{font-size:8px;gap:7px}.chapter-preview i{width:20px}.game-heading{align-items:flex-start;gap:20px}.stats{gap:16px}.chapter-story{max-width:580px}.card-grid{gap:10px}.board-wrap{padding:23px 21px 12px}.card-back:after{letter-spacing:1px}.chapter-track small{display:none}.chapter-complete{align-items:flex-start}.chapter-complete .primary{max-width:235px;gap:10px;padding:14px 18px}.game-heading h2{font-size:40px}}
@media(max-width:800px){.experience{padding:0 5%}.masthead{height:96px}.brand{width:125px}.settings{gap:4px}.icon-button{padding:7px 9px;font-size:9px}.welcome{min-height:720px;padding-top:52px;align-items:flex-start}.welcome-copy{max-width:85%;width:560px}.welcome-note{display:none}h1{font-size:92px}.welcome-bottom{display:block;bottom:18px}.welcome-bottom .shop-link{display:inline-block;margin-top:10px}.chapter-preview{gap:7px;flex-wrap:wrap}.chapter-preview i{width:15px;margin:0 2px}.game-heading{display:block}.stats{justify-content:flex-start;margin-top:17px;gap:35px}.stats>div{min-width:55px;text-align:left}.stats span{font-size:26px}.stats small{font-size:7px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.card{aspect-ratio:.87}.card-back:after{font-size:12px}.game-topline{gap:12px;flex-wrap:wrap}.chapter-track{gap:8px}.chapter-track i{width:17px}.game-topline .text-button{font-size:10px;padding-left:0}.journal-button{font-size:10px;padding:9px 12px}.game-tools{gap:12px;flex-wrap:wrap}.game-tools p{display:none}.chapter-complete{display:block;padding:25px}.chapter-complete .primary{margin-top:20px;max-width:none}.journal-items{grid-template-columns:repeat(3,minmax(0,1fr))}footer{gap:10px;flex-wrap:wrap;padding:16px 0 12px}footer>div{gap:20px}footer>span{font-size:8px}.finale h2{font-size:55px}.final-stats{gap:30px}.finale{padding:50px 0}.story-detail-art{aspect-ratio:1.2}}
@media(max-width:520px){.experience{padding:0 5%}.masthead{height:87px;gap:10px}.brand{width:106px}.icon-button{font-size:8px;padding:7px 6px;min-height:38px}.settings{gap:4px}.welcome{min-height:720px;padding:49px 0 106px}.welcome-copy{max-width:100%;width:100%}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:21px}h1{font-size:clamp(65px,17vw,90px);letter-spacing:-1.8px;line-height:.93;margin-bottom:23px}.tagline{font-size:23px;max-width:300px;line-height:1.15;margin-bottom:22px}.intro{font-size:11px;line-height:1.85;max-width:310px;margin-bottom:25px}.intro br{display:none}.primary,.secondary{font-size:11px;min-height:50px;padding:12px 21px;gap:26px}.welcome-options{gap:8px;margin-top:17px;font-size:9px}.welcome-options select{font-size:10px;max-width:170px}.welcome-options .text-button{font-size:10px}.option-dot{display:none}.welcome-options label{margin-right:1px}.microcopy{font-size:9px;margin-top:12px}.welcome-bottom{bottom:16px}.chapter-preview{display:grid;grid-template-columns:21px 1fr;gap:0 8px;font-size:8px;letter-spacing:.9px}.chapter-preview span{font-size:17px;line-height:1.6}.chapter-preview i{display:none}.welcome-bottom .shop-link{position:absolute;right:0;bottom:5px;font-size:10px;max-width:100px;white-space:normal}.shop-link span{margin-left:5px}.vignette{background:linear-gradient(90deg,#0f0b09e8,#0f0b0955),linear-gradient(0deg,#110d0bf5,transparent 70%)}.scenery{background-position:67% center}.play{padding-top:15px}.game-topline{margin-bottom:20px;gap:6px}.chapter-track{order:3;width:100%;justify-content:center;gap:18px;margin-top:12px}.chapter-track small{display:inline;font-size:7px;letter-spacing:1px;margin-left:4px}.chapter-track span{font-size:19px}.chapter-track i{width:20px}.game-heading h2{font-size:37px;margin-bottom:10px}.chapter-story{font-size:11px;line-height:1.7}.game-heading .eyebrow{font-size:8px}.game-heading{margin-bottom:24px}.stats{gap:37px;margin-top:17px}.stats span{font-size:27px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.board-wrap{padding:22px 14px 12px;margin-left:-3px;margin-right:-3px;border-radius:4px}.card{aspect-ratio:.83}.card-back:before{font-size:16px;top:13%}.card-back:after{font-size:9px;letter-spacing:1px;bottom:14%}.card-back>*{font-size:27px}.item-name{font-size:8px;padding:5px 3px;min-height:29px}.board-under{font-size:8px;line-height:1.4;margin-top:12px;min-height:22px}.play-tip{display:none}.game-tools{margin-top:15px;gap:5px}.game-tools .secondary{font-size:9px;padding:9px 11px;min-height:44px}.game-tools .text-button{font-size:10px;min-height:44px}.game-tools>div{gap:10px}.journal-button{min-height:44px;font-size:9px}.journal-button span{padding-left:5px}.chapter-complete{padding:22px 18px}.chapter-complete h3{font-size:29px}.chapter-complete p:last-child{font-size:11px}.chapter-complete .primary{width:100%}.finale{padding:41px 0}.finale h2{font-size:44px}.finale>p:not(.eyebrow){font-size:11px}.final-stats{gap:24px}.final-stats strong{font-size:30px}.final-stats span{font-size:7px;letter-spacing:.7px}.final-options{flex-direction:column;gap:8px;align-items:center}.finale>.primary{font-size:10px;gap:15px}.finale-seal{width:73px;height:73px;font-size:36px;margin:26px auto 34px}dialog{padding:24px 19px;width:calc(100% - 24px)}dialog h2{font-size:34px}.journal-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.small-dialog{padding:32px 23px}.small-dialog p:not(.eyebrow){font-size:12px}.small-dialog>.close-button{margin:-18px -10px 8px 8px}.story-dialog{padding:0}.story-detail-copy{padding:23px}.story-detail-copy h2{font-size:38px}.story-detail-copy p{font-size:13px}.story-detail-art{aspect-ratio:1}.journal-item span{font-size:10px}.dialog-actions .primary,.dialog-actions .secondary{width:100%}.close-button{min-width:44px;min-height:44px}.story-detail-copy a{font-size:11px}.toast{font-size:11px;padding:12px 15px;bottom:15px}footer{font-size:8px;letter-spacing:.3px;gap:4px}footer>span{line-height:1.8}footer>div{width:100%;justify-content:space-between}.dust{opacity:.2}}
@media(prefers-reduced-motion:reduce){body:not([data-motion="full"]) *{scroll-behavior:auto!important}body:not([data-motion="full"]) .scenery,body:not([data-motion="full"]) .dust i{animation:none}body:not([data-motion="full"]) .card-inner{transition:none}body:not([data-motion="full"]) :is(.card,.matched,dialog[open],.play,.chapter-complete,.finale){animation:none}body:not([data-motion="full"]) .dust{display:none}}
@media print{.scenery,.vignette,.dust,button,.settings{display:none}body{background:white;color:black}.experience{padding:0}footer{color:black}}
/* Keep the six photographic tiles geometrically square at every breakpoint. */
.card{aspect-ratio:auto}.card:before{content:'';display:block;padding-top:calc(100% + 32px)}.card-art{flex:0 0 auto;aspect-ratio:1}.item-name{height:32px;min-height:32px;flex:0 0 32px}.story-detail-art{width:min(100%,460px);aspect-ratio:1;margin:auto}.journal-items .card-art{aspect-ratio:1}
.scenery{transition:opacity 1.1s ease}.scenery-next{opacity:0}body:has(#play:not([hidden])) .vignette{background:linear-gradient(#120d0aaa,#0f0c09c4)}

.icon-button,.text-button{min-height:44px}footer>span{font-size:10px;letter-spacing:.5px}@media(max-width:520px){footer>span{font-size:9px}}

.icon-button{min-width:44px}