*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020305;color:#e8dfc8;font-family:Georgia,serif}body{background-image:linear-gradient(#01030922,#01030922),url('/heavens.png');background-position:center bottom;background-size:cover;background-attachment:fixed}button,a{font:inherit}button{cursor:pointer}#stage{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 22px 170px;position:relative}.prompt{max-width:760px;text-align:center;font-size:clamp(19px,2.2vw,28px);font-weight:normal;line-height:1.5;text-shadow:0 3px 15px #000;margin:0 0 34px;animation:appear .6s both}.hand{display:flex;gap:clamp(16px,3vw,40px);align-items:center;justify-content:center;width:100%;max-width:1140px;perspective:1400px}.card{flex:0 1 235px;max-width:235px;width:235px;aspect-ratio:2/3;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px 22px;appearance:none;color:#e5d5ae;background:radial-gradient(ellipse at 50% 40%,#242132,#090910 75%);border:1px solid #b8a16d;border-radius:12px;box-shadow:0 24px 55px #000a,inset 0 0 35px #000b;transform:rotate(var(--angle,0deg));transition:filter .25s,transform .3s;animation:deal .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--delay,0ms);text-align:center;-webkit-tap-highlight-color:transparent}.card:before{content:'';position:absolute;inset:10px;border:1px solid #c7aa685f;border-radius:6px;pointer-events:none}.card:after{content:'';position:absolute;inset:17px;border:1px solid #bba17225;border-radius:3px;pointer-events:none}.card:hover{filter:brightness(1.2);transform:translateY(-9px) rotate(0deg)}.card:focus-visible{outline:2px solid #ffe3a1;outline-offset:8px}.card:disabled{cursor:default}.card-label{font-size:clamp(16px,1.7vw,23px);line-height:1.5;position:relative;z-index:1}.card-letter{font-size:12px;letter-spacing:3px;position:absolute;top:28px;opacity:.7}.symbol{width:130px;height:145px;margin-bottom:14px;color:#c7ac77;flex-shrink:1}.object-art{width:100%;max-width:190px;margin-bottom:10px}.object-art svg{width:100%;height:auto;filter:drop-shadow(0 8px 15px #0008)}.discovery-card{flex-basis:240px;width:240px}.discovery-card .symbol{width:160px;height:230px;margin:0}.admission{font-size:clamp(18px,2vw,25px);text-align:center;margin:32px 0 0;text-shadow:0 3px 20px #000}.returning{animation:return .45s ease-in both!important;pointer-events:none}.chosen{animation:chosen .45s ease-out both!important;z-index:5;pointer-events:none}.deck{position:fixed;bottom:28px;left:50%;width:82px;height:116px;transform:translateX(-50%);pointer-events:none;z-index:10}.deck span{position:absolute;inset:0;border:1px solid #bba47488;border-radius:5px;background:linear-gradient(140deg,#292232,#080a10);box-shadow:0 8px 20px #0008}.deck span:after{content:'✝';position:absolute;inset:7px;border:1px solid #baa27255;display:grid;place-items:center;font-size:28px;color:#baa27299}.deck span:nth-child(1){transform:translate(7px,5px) rotate(8deg)}.deck span:nth-child(2){transform:translate(-6px,3px) rotate(-6deg)}.deck.shuffling span:nth-child(1){animation:shuffle .55s .05s ease-in-out}.deck.shuffling span:nth-child(2){animation:shuffle .55s .15s ease-in-out reverse}.deck.shuffling span:nth-child(3){animation:shuffle .55s .25s ease-in-out}.reading{max-width:650px;color:#e8dfce;font-size:clamp(18px,2vw,22px);line-height:1.8;white-space:pre-line;text-shadow:0 2px 15px #000;padding:25px;background:#02040aa6;border-radius:14px;margin:24px 0}.reading-art{width:min(330px,70vw);aspect-ratio:2/3;position:relative;overflow:hidden;border-radius:12px;border:1px solid #bba47488;box-shadow:0 25px 60px #000a;animation:appear .6s both}.reading-art img{height:100%;width:200%;max-width:none;position:absolute;right:0;object-fit:fill}.reading-actions{margin-top:20px;max-width:700px}.reading-actions .card{max-width:180px;font-size:17px}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,200px));justify-content:center;gap:25px;width:100%;max-width:1100px}.library-card{width:100%;max-width:200px;padding:20px}.library-card .mini-art{width:100%;aspect-ratio:2/3;overflow:hidden;position:absolute;inset:0;border-radius:11px;opacity:.8}.mini-art img{height:100%;width:200%;max-width:none;position:absolute;right:0;object-fit:fill}.library-card .card-label{margin-top:auto;background:#05060dcc;padding:8px;border-radius:3px;font-size:16px}.library-card .count{position:absolute;top:24px;right:24px;z-index:2;font-size:12px}.empty{font-size:20px}.history{max-width:650px;margin:22px 0;width:100%}.history details{background:#03050abf;padding:16px;border-radius:8px;margin:12px 0}.history summary{cursor:pointer;font-size:16px}.notice:empty{display:none}.notice{position:fixed;bottom:155px;left:50%;transform:translateX(-50%);max-width:90vw;padding:14px 20px;background:#080c15ec;border:1px solid #aa9464;border-radius:8px;z-index:20;text-align:center;font-size:17px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes deal{from{opacity:0;transform:translateY(180px) rotate(-12deg) scale(.35)}to{opacity:1;transform:rotate(var(--angle,0deg))}}@keyframes return{to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(18deg) scale(.25)}}@keyframes chosen{to{transform:translate(var(--center),-12px) rotate(0deg) scale(1.04);filter:brightness(1.25)}}@keyframes shuffle{50%{transform:translateX(35px) rotate(14deg)}100%{transform:translateX(0) rotate(0)}}@keyframes appear{from{opacity:0}to{opacity:1}}@media(max-width:680px){#stage{padding:32px 16px 130px}.hand{gap:14px;flex-wrap:wrap;max-width:500px}.card{flex-basis:calc(50% - 15px);max-width:185px;padding:25px 17px}.hand.single .card{flex-basis:220px;width:220px;max-width:220px}.card-letter{top:22px}.symbol{width:90px;height:100px}.object-art{max-width:145px}.deck{width:58px;height:82px;bottom:20px}.admission{max-width:310px}.prompt{margin-bottom:22px}.reading-actions .card{max-width:145px}.library-grid{grid-template-columns:repeat(2,minmax(0,160px));gap:17px}.notice{bottom:115px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.chosen,.returning{transform:none!important}}
.kept{position:fixed;bottom:32px;left:25px;width:70px;height:100px;pointer-events:none;z-index:9}.kept .card{position:absolute;inset:0;width:65px;height:98px;max-width:none;padding:8px;animation:none;transform:rotate(-7deg);opacity:.75}.kept .card:nth-child(2){transform:translate(9px,-4px) rotate(0deg)}.kept .card:nth-child(3){transform:translate(18px,-8px) rotate(7deg)}.kept .card-label{font-size:7px}.kept .symbol{width:25px;height:35px;margin:0}.kept .card-letter{display:none}.kept .object-art{max-width:38px;margin:0}@media(max-width:680px){.kept{transform:scale(.65);transform-origin:left bottom;bottom:20px;left:15px}}
.hand{position:relative}@keyframes deal{from{opacity:0;transform:translate(var(--from-x,0px),var(--from-y,180px)) rotate(-12deg) scale(.35)}to{opacity:1;transform:rotate(var(--angle,0deg))}}
.scenery{position:fixed;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity 1.3s ease;pointer-events:none;z-index:0}.scenery:after{content:"";position:absolute;inset:0;background:linear-gradient(#01030915,#01030935)}#stage{z-index:1}.card-letter{display:none!important}@media(prefers-reduced-motion:reduce){.scenery{transition:none}}
.card-glint{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--shine-x,50%) 10%,#ffe9ae20,transparent 65%);opacity:0;transition:opacity .25s;z-index:3}.card:hover .card-glint{opacity:1}.card:not(:disabled):hover{transform:translateY(-10px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) rotate(var(--angle,0deg));box-shadow:0 30px 65px #000b,0 0 20px #d2b66b19}.reveal{width:100%;display:flex;flex-direction:column;align-items:center;perspective:1400px}.reveal-card{width:240px;max-width:240px;min-height:360px;flex:none;padding:0;overflow:visible;transform-style:preserve-3d;animation:deal .75s both}.card-turner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.22,.72,.2,1)}.is-revealed .card-turner{transform:rotateY(180deg)}.reveal-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:11px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#242132,#090910 75%)}.reveal-back .symbol{width:160px;height:230px;margin:0}.reveal-front{transform:rotateY(180deg)}.reveal-front img{position:absolute;right:0;width:200%;height:100%;max-width:none;object-fit:fill}.reveal-card:not(.is-revealed){box-shadow:0 25px 60px #000b,0 0 32px #d6b36725}.reveal-copy{margin:28px 0 0;max-width:650px;background:linear-gradient(#03050aaa,#03050a88);border:1px solid #c7aa6822;border-radius:14px}.reveal-copy.arriving{animation:unfold .45s ease-out both}.reveal-card[data-unfolded="1"]+.reveal-copy{animation-delay:.4s}.reading-actions{gap:18px}.reading-actions .card{max-width:155px;min-width:110px;font-size:16px}.reading-actions .card .symbol{width:80px;height:100px}.history-hand{width:100%;max-width:900px}.archive-hand{flex-wrap:wrap;margin:28px auto}.archive-hand .card{max-width:125px;flex-basis:125px;padding:20px 12px}.archive-hand .symbol{width:65px;height:95px}.archive-hand .card-label{font-size:14px}.library-grid{position:relative;perspective:1600px;gap:38px 28px}.library-card.has-art .card-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}.library-card.has-art .mini-art{opacity:1}.library-card{box-shadow:0 20px 45px #0009;transform:rotate(var(--angle,0deg))}.library-card:hover{z-index:5}@keyframes unfold{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:680px){.reveal-card{width:190px;min-height:285px;max-width:190px}.reveal-back .symbol{width:130px;height:200px}.reveal-copy{padding:20px;font-size:18px}.reading-actions{max-width:400px;gap:16px}.reading-actions .card{min-width:0;flex-basis:calc(50% - 16px);max-width:145px}.library-grid{gap:25px 18px}}
body[data-view="reading"] .deck{left:auto;right:28px;transform:none}@media(max-width:680px){body{position:relative}body[data-view="reading"] .deck{position:absolute;right:18px;bottom:22px}}
.sound-controls{position:fixed;bottom:35px;left:calc(50% + 66px);display:flex;gap:8px;z-index:12}.sound-card{width:27px;height:39px;border:1px solid #b8a16d77;border-radius:4px;background:#0b0c15c9;color:#d8c38c;font-size:20px;cursor:pointer}.sound-card.muted{opacity:.4}.sound-card:focus-visible{outline:2px solid #f5d592;outline-offset:4px}.companion{position:fixed;width:65px;right:22px;top:25px;z-index:3;opacity:.75;pointer-events:none;filter:drop-shadow(0 0 12px #d5bb6644)}.companion svg{width:100%;height:auto}.companion[data-object=lantern]{filter:drop-shadow(0 0 20px #e7bd6477)}.scenery{transform:scale(1.015);transform-origin:center;transition:opacity 1.3s ease,filter 1.3s ease}.card.chosen{box-shadow:0 15px 55px #0009,0 0 30px #d9b45b3a}body[data-chapter=recognize] .hand{filter:drop-shadow(0 0 16px #e0bb6633)}body[data-view=reading] .sound-controls{left:auto;right:125px}@media(max-width:680px){.sound-controls{left:calc(50% + 45px);bottom:22px;gap:5px}.sound-card{width:23px;height:32px;font-size:18px}.companion{width:45px;right:14px;top:15px}body[data-view=reading] .sound-controls{position:absolute;right:90px;bottom:24px}}@media(prefers-reduced-motion:reduce){.scenery{transform:none;transition:none}}
.sound-card{width:44px;height:48px;padding:0}body[data-scene="forest"] .scenery:after{background:radial-gradient(ellipse at 10% 85%,#becfd119,transparent 65%),linear-gradient(#01030915,#01030935);animation:mist-breathe 18s ease-in-out infinite alternate}body[data-scene="shore"] .scenery:after{background:radial-gradient(ellipse at 80% 90%,#d9dcee12,transparent 60%),linear-gradient(#01030915,#01030935);animation:light-breathe 14s ease-in-out infinite alternate}body[data-scene="cloister"] .scenery:after{background:radial-gradient(ellipse at 0% 55%,#ddb6650d,transparent 50%),radial-gradient(ellipse at 100% 55%,#ddb6650d,transparent 50%);animation:light-breathe 9s ease-in-out infinite alternate}@keyframes mist-breathe{from{transform:translateX(-2%);opacity:.65}to{transform:translateX(2%);opacity:1}}@keyframes light-breathe{from{opacity:.6}to{opacity:1}}@media(max-width:680px){.sound-card{width:44px;height:44px}}
.approved-back{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}.card:not(.has-art):before,.card:not(.has-art):after{display:none}.card:not(.has-art){border:0;background:#030405}.card .card-label{position:absolute;left:15px;right:15px;bottom:22px;padding:10px 6px;background:#030405c9;border-top:1px solid #c4a06355;border-bottom:1px solid #c4a06355;color:#e8ce97;z-index:4}.discovery-card .approved-back,.reveal-back .approved-back{filter:none}.object-choice .object-art{z-index:3;position:relative;background:radial-gradient(ellipse,#050608e8,transparent 75%);margin-bottom:40px}.object-choice .approved-back{filter:brightness(.65)}.deck span{background-image:url("/engine/assets/card-reference.png");background-size:234.146% 105.133%;background-position:10.455% 28%;border:0;border-radius:7px}.deck span:after{display:none}.reveal-front .card-label{position:absolute}.kept .card-label{left:4px;right:4px;bottom:7px;font-size:7px;padding:3px}.kept .approved-back{opacity:1}@media(max-width:680px){.card .card-label{font-size:16px;bottom:15px;left:12px;right:12px;padding:8px 4px}.kept .card-label{font-size:7px;bottom:7px;left:4px;right:4px;padding:3px}}
.card{aspect-ratio:656/974}.reveal-card{min-height:0;aspect-ratio:656/974}.deck{height:122px}@media(max-width:680px){.reveal-card{min-height:0}.deck{height:86px}}