:root{--parchment:#f3ebd8;--parchment-2:#d9cdb0;--ink:#1a1a1a;--indigo:#2f3e6e;--indigo-pale:#aeb7d3;--ember:#b5542d}*{box-sizing:border-box}html,body{background:var(--parchment);color:var(--ink);margin:0;font:17px/1.45 Georgia,Times New Roman,serif}#app{max-width:430px;min-height:100dvh;margin:0 auto;padding:20px 16px 40px}.screen{flex-direction:column;align-items:stretch;gap:14px;display:flex}h1{letter-spacing:.02em;margin:6px 0 0;font-size:34px;font-weight:600}h2{margin:4px 0;font-size:22px;font-weight:500}p{margin:0}.muted{color:#5b5648;font-size:14px}button{font:inherit;cursor:pointer;border-radius:6px}button.primary{background:var(--ink);color:var(--parchment);border:0;padding:14px 18px;font-size:17px}button.primary:disabled{opacity:.35;cursor:default}button.ghost{color:var(--ink);border:1px solid var(--ink);background:0 0;padding:12px 16px}.row{flex-wrap:wrap;gap:10px;display:flex}.row>button{flex:1}input[type=text]{font:inherit;border:0;border-bottom:2px solid var(--ink);text-align:center;background:0 0;outline:none;width:100%;padding:12px;font-size:24px}.compass{color:var(--ink);align-self:center}:root{--card-full:min(100%, 360px)}.grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.card,.scene,.end-card{aspect-ratio:63/88;color:var(--ink);text-align:left;font:inherit;box-shadow:3px 3px 0 var(--parchment-2);background:#fbf6ea;border-radius:4.5%/3.2%;flex-direction:column;justify-content:flex-end;padding:0;display:flex;position:relative;overflow:hidden;container-type:inline-size}.card{border:1.5px solid var(--ink);width:100%}.card.selected,.scene.selected{outline:3px solid var(--indigo);outline-offset:-3px}.card.spent{opacity:.3;cursor:default}.hand{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.art{z-index:0;background:linear-gradient(172deg,#2b3a8c 0%,#3e63b5 28%,#6a4fa3 52%,#c27ba0 72%,#f2e6b0 92%);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.art img{object-fit:cover;z-index:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.art:before,.art:after{z-index:1}.band{z-index:2;background:linear-gradient(#fbf6ea00,#fbf6eaf2 11cqw);flex-direction:column;gap:1.6cqw;padding:13cqw 6cqw 5.5cqw;display:flex;position:relative}.tag{z-index:2;background:#fbf6eaeb;border-radius:999px;padding:.8cqw 2.8cqw;position:absolute;top:4cqw;left:4cqw}.card-name{font-size:max(11px,8cqw);font-weight:600;line-height:1.15}.card-trait{color:var(--indigo);line-height:0}.card-trait .step-icon{width:max(16px,11cqw);height:max(16px,11cqw);color:inherit;display:inline-block}.card-text{color:#5b5648;font-size:max(10px,6.2cqw);line-height:1.3}.scene{border:1.5px solid var(--ink);width:var(--card-full);align-self:center}.scene.tone-bright{border-color:#6b7f3a}.scene.tone-dark{border-color:var(--ember)}.scene.tone-grey{border-color:var(--indigo-pale)}.scene.tone-grey .art:after{content:"";background:radial-gradient(circle,#dce2f0d9 .8px,#0000 1.2px) 0 0/5px 5px,linear-gradient(#0000,#aeb7d380);height:60%;position:absolute;bottom:0;left:0;right:0;-webkit-mask:linear-gradient(#0000,#000 50%);mask:linear-gradient(#0000,#000 50%)}.scene.tone-grey .scene-step{color:#8a7a4a}button.scene{cursor:pointer}.fork-note{font-style:italic}.scene-step{letter-spacing:.06em;text-transform:uppercase;color:#5b5648;font-size:max(9px,3.4cqw)}.scene-name{font-size:max(12px,6.6cqw);font-weight:600;line-height:1.15}.scene-text{font-size:max(10px,4.2cqw);line-height:1.4}.scene-prompt{font-size:max(10px,4.4cqw);font-style:italic}@container (width<=140px){.card-text{display:none}.card-trait{letter-spacing:.03em}.band{padding:10cqw 6cqw 6cqw}}#app:has(>.screen-meet){padding-top:10px;padding-bottom:max(14px, env(safe-area-inset-bottom))}#app:has(>.screen-meet) .art-toggle{top:calc(10px + env(safe-area-inset-top));width:40px;height:40px;bottom:auto;right:calc(max(14px,50vw - 201px) + 50px)}.screen-meet{gap:10px}.meet-head{align-items:center;gap:12px;min-height:48px;padding-right:104px;display:flex}.meet-step{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft,#5b5648);flex:1;font-size:12px}.meet-head .compass svg{width:48px;height:48px}.scene-row{text-align:left;color:inherit;font:inherit;background:0 0;border:0;grid-template-columns:46% 1fr;align-items:start;gap:12px;padding:0;display:grid}button.scene-row{cursor:pointer;border:1px solid var(--line,#8a8370);border-radius:10px;grid-template-columns:24% 1fr;gap:10px;padding:8px}.screen-meet .fork-note{font-size:15px}button.scene-row.selected{border-color:var(--gold,#b8860b);box-shadow:0 0 0 2px var(--gold,#b8860b), 0 0 14px #f3d27a59}.scene-row .scene-bare{justify-content:flex-start;width:100%}.scene-words{flex-direction:column;gap:6px;min-width:0;display:flex}.scene-words .scene-name{font-size:18px;line-height:1.15}.scene-words .scene-text{font-size:15px;line-height:1.38}.scene-words .scene-prompt{font-size:15px;line-height:1.3}button.scene-row .scene-text{font-size:14px;line-height:1.33}button.scene-row .scene-prompt{display:none}.hand-described .card .card-text{font-size:10.5px;line-height:1.25;display:block}.you-chose{flex-direction:column;gap:4px;margin-top:10px;display:flex}.you-chose-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft,#5b5648);font-size:12px}.you-chose .figure-row{grid-template-columns:17% 1fr;gap:10px}.figure-row .card.selected{animation:none;transform:none;box-shadow:0 0 0 1.5px #f3d27a,0 0 8px 1px #f3d27a73}.you-chose .figure-words .card-text{font-size:13.5px}.screen-meet:has(.you-chose){gap:7px}.screen-meet:has(.you-chose) .scene-row{grid-template-columns:38% 1fr}.screen-meet:has(.you-chose) .scene-words .scene-text{font-size:14px}.screen-meet:has(.you-chose) .scene-words .scene-prompt{font-size:14px}.screen-meet:has(.you-chose) .outcome>p{font-size:14px}.screen-meet:has(.you-chose) button.scene-row{grid-template-columns:20% 1fr;padding:6px 8px}.screen-meet:has(.you-chose) button.scene-row .scene-text{font-size:13px;line-height:1.3}.screen-meet:has(.you-chose) button.scene-row .scene-name{font-size:16px}.screen-meet:has(.you-chose) :-webkit-any(.star-banner,.nearfate-banner){flex-direction:row;justify-content:center;gap:8px;padding:6px 12px}.screen-meet:has(.you-chose) :is(.star-banner,.nearfate-banner){flex-direction:row;justify-content:center;gap:8px;padding:6px 12px}.screen-meet:has(.you-chose) :-webkit-any(.star-banner,.nearfate-banner) p{display:none}.screen-meet:has(.you-chose) :is(.star-banner,.nearfate-banner) p{display:none}.screen-meet:has(.you-chose) .star-icon{width:22px;height:22px}.screen-share-album h1{font-size:26px}.screen-share-album{gap:10px}.share-name{font:inherit;text-align:left;border:1px solid var(--line,#8a8370);color:inherit;background:#ffffff0f;border-radius:6px;padding:8px 12px;font-size:16px}.share-group{border:1px solid var(--line,#8a8370);border-radius:8px;flex-direction:column;gap:8px;padding:8px 12px 10px;display:flex}.share-group legend{letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft,#5b5648);padding:0 6px;font-size:13px}.share-group label{align-items:center;gap:8px;display:flex}.share-fixed{opacity:.7}.share-days{flex-direction:column;gap:6px;max-height:30vh;display:flex;overflow-y:auto}.share-days:empty{display:none}.share-day{align-items:center;gap:8px;font-size:14px;display:flex}.hand-described .card .band{gap:1cqw;padding:8cqw 6cqw 6cqw}.figure-row{grid-template-columns:20% 1fr;align-items:center;gap:12px;display:grid}.figure-row .card .band{display:none}.figure-words{flex-direction:column;gap:4px;display:flex}.figure-words .card-name{font-size:17px}.figure-words .card-trait{font-size:11px}html[data-theme] .figure-words .card-trait{color:var(--text-soft)}.figure-words .card-text{color:inherit;font-size:14px;line-height:1.35}#app:has(>.screen-replay-word){padding-top:10px}#app:has(>.screen-replay-draft){padding-top:10px}.screen-replay-word,.screen-replay-draft{gap:12px}.replay-word{text-align:center;margin:8px 0;font-size:30px;font-style:italic}.word-note{text-align:center;color:var(--text-soft,#5b5648);font-size:14px;line-height:1.4}.word-note:empty{display:none}.word-note a{color:inherit;text-decoration:underline}.profile-card{text-align:left;border:1px solid var(--line,#8a8370);color:inherit;font:inherit;cursor:pointer;background:#ffffff0a;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.profile-card.empty{border-style:dashed}.profile-photo{border:1.5px solid var(--gold,#b8860b);background:radial-gradient(circle at 50% 38%,#efe8d859 0 22%,#0000 23%),radial-gradient(circle at 50% 100%,#efe8d859 0 42%,#0000 43%),#ffffff14;border-radius:50%;flex:none;width:56px;height:56px;overflow:hidden}.profile-photo img{object-fit:cover;width:100%;height:100%;display:block}.profile-photo.large{width:96px;height:96px}.profile-text{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-about{font-style:italic}.profile-photo-row{align-items:center;gap:16px;display:flex}.profile-photo-actions{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.profile-birthday{grid-template-columns:2fr 1fr;gap:8px;display:grid}.profile-select{font:inherit;border:1px solid var(--line,#8a8370);color:inherit;background:#ffffff0f;border-radius:6px;padding:8px;font-size:16px}html[data-theme] .profile-select option{background:var(--page-base);color:var(--text)}.profile-about-input{resize:vertical}.screen-profile{gap:10px}.screen-profile h1{font-size:26px}.birthday-note{text-align:center;color:var(--gold,#b8860b);letter-spacing:.02em;font-weight:600}html[data-theme] .birthday-note{color:#e2be62}.replay-skip{align-self:center;font-size:14px}.replay-skip+.replay-skip{margin-top:-6px}.replay-nav{grid-template-columns:1fr 2fr;gap:10px;display:grid}.replay-btn{align-self:center}.screen-meet:has(.nearfate-banner,.star-banner) .scene-row{grid-template-columns:30% 1fr}.screen-meet:has(.nearfate-banner,.star-banner) .scene-words .scene-text{font-size:14px}.screen-meet .outcome>p{font-size:15px;line-height:1.36}.screen-meet .outcome{gap:4px;padding-top:2px;padding-bottom:2px}.screen-meet .nearfate-banner,.screen-meet .star-banner{gap:2px;padding:8px 12px}.screen-meet .nearfate-banner p,.screen-meet .star-banner p{font-size:13.5px;line-height:1.3}.screen-meet .nearfate-title{font-size:22px}.screen-meet .star-title{font-size:18px}.screen-meet .star-icon{width:30px;height:30px}@media (max-height:620px){.scene-row{grid-template-columns:36% 1fr}.scene-words .scene-text,.scene-words .scene-prompt{font-size:14px}.screen-meet{gap:8px}}.outcome,.spread-item{border-left:4px solid #8a8370;flex-direction:column;gap:6px;padding:6px 0 6px 12px;display:flex}.outcome-combine{border-left-color:#6b7f3a}.outcome-clash{border-left-color:var(--ember)}.outcome-label{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.outcome-combine .outcome-label{color:#4f5f2a}.outcome-clash .outcome-label{color:var(--ember)}.meaning{font-style:italic}.spread{flex-direction:column;gap:14px;display:flex}h3{letter-spacing:.08em;text-transform:uppercase;margin:8px 0 0;font-size:15px;font-weight:600}.log{color:#5b5648;margin:0;padding:0;font-size:14px;list-style:none}.reading p{overflow-wrap:anywhere;margin:0 0 10px}.end-journey-toggle>button{width:100%}.end-actions>button{flex:1 1 0;min-width:0;padding-left:10px;padding-right:10px}.end-journey{overflow-wrap:anywhere;flex-direction:column;gap:14px;display:flex}.end-journey[hidden]{display:none}.wrapper{font-style:italic}.shaped{color:#5b5648;font-size:13px}.new{color:var(--indigo);font-weight:600}.share{border:1px solid var(--parchment-2);white-space:pre-wrap;background:#fbf6ea;padding:10px;font:13px/1.4 ui-monospace,Menlo,monospace}:root{--night:#3b4a7a;--silver:#c9d3ea}.star-banner{text-align:center;border:1.5px solid var(--night);color:var(--ink);background:linear-gradient(160deg,#eef1fa,#fbf6ea);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px;animation:.5s cubic-bezier(.2,1.6,.4,1) pop;display:flex}.star-icon{width:46px;height:46px;color:var(--night);animation:1.2s ease-out streak}.star-title{letter-spacing:.14em;text-transform:uppercase;color:var(--night);font-size:22px;font-weight:700}.scene.starcrossed{border-color:var(--night);box-shadow:0 0 0 3px var(--silver)}.sky-shooting-star{z-index:1;pointer-events:none;opacity:.67;filter:drop-shadow(0 0 1.5px #ffffffb3)drop-shadow(0 0 5px #c8d4ff80);height:42%;position:absolute;top:3%;left:3%;right:3%}.sky-shooting-star svg{width:100%;height:100%;display:block;overflow:visible}.sky-behind{z-index:1;pointer-events:none;-webkit-mask-image:var(--fg-mask);-webkit-mask-image:var(--fg-mask);mask-image:var(--fg-mask);position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sst-head{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite sst-twinkle}.sst-spark{animation:2.4s ease-in-out infinite sst-spark}.sst-spark:nth-child(2){animation-delay:.5s}.sst-spark:nth-child(3){animation-delay:1s}@keyframes sst-twinkle{0%,to{opacity:.8;transform:scale(.9)rotate(0)}35%{opacity:1;transform:scale(1.12)rotate(8deg)}55%{opacity:.9;transform:scale(.96)rotate(3deg)}}@keyframes sst-spark{0%,to{opacity:.2}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.sst-head,.sst-spark{animation:none}}.end-card.starcrossed{border-color:var(--night)}.star-note{text-align:center;color:var(--night);font-style:italic}@keyframes streak{0%{opacity:0;transform:translate(-30px,30px)}to{opacity:1;transform:none}}:root{--gold:#b8860b;--gold-pale:#f6e7b0}.nearfate-banner{text-align:center;border:2px solid var(--gold);background:linear-gradient(120deg, #fff8dc, var(--gold-pale), #fff8dc);background-size:200% 100%;border-radius:10px;flex-direction:column;gap:6px;padding:14px;animation:3s linear infinite sheen,.5s cubic-bezier(.2,1.6,.4,1) pop;display:flex}.nearfate-title{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:30px;font-weight:700}.nearfate-sub{font-size:14px;font-style:italic}.nearfate-banner,.nearfate-banner p{color:#4a3a10}.scene.nearfate{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-pale), 0 0 18px #b8860b8c}.outcome-nearfate,.spread-item.outcome-nearfate{border-left-color:var(--gold)}.outcome-nearfate .outcome-label{color:var(--gold);font-size:14px}.end-card{width:var(--card-full);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--parchment-2);align-self:center}.end-card .band{text-align:center;align-items:center;padding-bottom:7cqw}.end-card-no{letter-spacing:.1em;text-transform:uppercase;color:#5b5648;font-size:3.6cqw}.end-card-name{font-size:7.6cqw;font-weight:600;line-height:1.15}.end-card-dir{color:var(--indigo);letter-spacing:.06em;text-transform:uppercase;font-size:4.4cqw}.shiny-ribbon{z-index:3;background:var(--gold);color:#fff;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.8cqw 3cqw;font-size:max(9px,3.2cqw);font-weight:700;position:absolute;top:2.2cqw;left:50%;transform:translate(-50%)}.nearfate-note{text-align:center;color:var(--gold);font-style:italic;font-weight:600}@keyframes sheen{0%{background-position:0 0}to{background-position:200% 0}}@keyframes foil{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.compass .needle{transition:none}.nearfate-banner,.end-card.shiny,.star-banner,.star-icon{animation:none}}.album-search{text-align:left;border-bottom-width:1px;font-size:16px}.album-list{flex-direction:column;gap:10px;display:flex}.album-item{text-align:left;font:inherit;color:var(--ink);border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--parchment-2);background:#fbf6ea;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.album-item.shiny{border-color:var(--gold)}.album-item.starcrossed{border-color:var(--night)}.album-item.starcrossed .album-luck{color:var(--night)}.album-date{letter-spacing:.06em;text-transform:uppercase;color:#5b5648;font-size:12px}.album-place{font-size:18px;font-weight:600}.album-meta{color:#5b5648;flex-wrap:wrap;gap:4px 12px;font-size:13px;display:flex}.album-luck{color:var(--gold);font-weight:600}.album-thoughts{color:var(--indigo)}.reflections{border-top:1px solid var(--parchment-2);flex-direction:column;gap:10px;padding-top:6px;display:flex}.reflect-prompt{font-style:italic}.reflection{border-left:3px solid var(--indigo-pale);flex-direction:column;gap:4px;padding:4px 0 4px 12px;display:flex}.reflection-text{white-space:pre-wrap;font-size:18px;font-style:italic}.reflection-meta{color:#5b5648;font-size:12px}.reflection-input{border:1px solid var(--ink);resize:vertical;background:#fffdf6;border-radius:6px;width:100%;padding:10px;font:italic 17px/1.45 Georgia,serif}button.link{color:var(--indigo);font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.card.shiny{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-pale), 3px 3px 0 var(--parchment-2)}.card.shiny .art:after{content:"";mix-blend-mode:overlay;opacity:.85;background:linear-gradient(115deg,#fff4c4 0%,#f3d27a 18%,#fffaf0 32%,#c9e4f5 46%,#f5c6e8 60%,#fffaf0 74%,#f3d27a 88%,#fff4c4 100%) 0 0/300% 300%;animation:5s ease-in-out infinite foil;position:absolute;top:0;bottom:0;left:0;right:0}.card-shiny{z-index:3;background:var(--gold);color:#fff;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.5cqw 2.5cqw;font-size:max(8px,4cqw);font-weight:700;position:absolute;top:1.5cqw;left:50%;transform:translate(-50%)}.set-complete{text-align:center;border:2px solid var(--gold);background:#fffaf0;border-radius:10px;flex-direction:column;gap:8px;padding:14px;animation:.5s cubic-bezier(.2,1.6,.4,1) pop;display:flex}.set-complete .card{text-align:left;align-self:center;width:60%}.set-title{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:24px;font-weight:700}.set-pips{justify-content:center;gap:6px;display:inline-flex}.pip{color:#8a8370;opacity:.45;border:1.5px dashed #8a8370;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:inline-flex}.pip.held{opacity:1;border-style:solid}.pip-plain.held{border-color:var(--ink);color:var(--ink)}.pip-starcrossed.held{border-color:var(--night);background:#eef1fa}.pip-nearfate.held{border-color:var(--gold);color:var(--gold);background:var(--gold-pale)}@media (prefers-reduced-motion:reduce){.card.shiny .art:after,.set-complete{animation:none}}.compass .needle{transition:none}@keyframes needle-swing{0%{transform:rotate(var(--from))}50%{transform:rotate(calc(var(--to) + var(--d) * .12))}72%{transform:rotate(calc(var(--to) - var(--d) * .05))}88%{transform:rotate(calc(var(--to) + var(--d) * .015))}to{transform:rotate(var(--to))}}.card.sent{animation:.2s ease-out send}@keyframes send{40%{transform:translateY(-4px)}70%{transform:translateY(-12px)}}.screen-meet .outcome{--t0:.35s;border-left-color:#0000;position:relative}.screen-meet .outcome-nearfate{--t0:1.5s}.screen-meet .outcome:before{content:"";transform-origin:top;width:4px;animation:rule-draw .4s ease-out var(--t0) both;background:#8a8370;position:absolute;top:0;bottom:0;left:-4px}.screen-meet .outcome-combine:before{background:#6b7f3a}.screen-meet .outcome-clash:before{background:repeating-linear-gradient(var(--ember) 0 7px, transparent 7px 11px)}.screen-meet .outcome-nearfate:before{background:var(--gold)}.screen-meet .outcome-label{transform-origin:0;animation:stamp .18s ease-out var(--t0) both}.screen-meet .outcome>p{animation:rise .3s ease-out calc(var(--t0) + .2s) both}.screen-meet .outcome>.meaning{animation-delay:calc(var(--t0) + .32s)}.spread-item.outcome-clash{border-left-style:dashed}@keyframes rule-draw{0%{transform:scaleY(0)}}@keyframes stamp{0%{opacity:0;transform:scale(1.1)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.screen-meet .star-banner{animation:.5s cubic-bezier(.2,1.6,.4,1) .35s both pop}.screen-meet .star-icon{animation:1.2s ease-out .35s both streak}.scene.starcrossed .art:before{content:"";background:linear-gradient(90deg, transparent, var(--silver), #fff);transform-origin:0;opacity:0;pointer-events:none;width:45%;height:1.5px;animation:.6s ease-out .95s silver-streak;position:absolute;top:100%;left:-45%}@keyframes silver-streak{0%{opacity:0;transform:translate(0)rotate(-45deg)}25%{opacity:1}to{opacity:0;transform:translate(150cqw,-150cqw)rotate(-45deg)}}.star-mini{vertical-align:-3px;width:16px;height:16px;color:var(--night);margin-left:6px;display:inline-block}.screen-meet .scene.nearfate{animation:.6s ease-out .5s both gold-glow}@keyframes gold-glow{0%{border-color:var(--ink);box-shadow:3px 3px 0 var(--parchment-2)}}.scene.nearfate .art:before{content:"";mix-blend-mode:multiply;background:radial-gradient(circle,#f6e7b0,#f6e7b099 55%,#f6e7b040);animation:.6s ease-out .5s both light-open;position:absolute;top:0;bottom:0;left:0;right:0}.scene.nearfate .art:after{content:"";mix-blend-mode:screen;background:radial-gradient(circle,#b8860b8c,#b8860b26 70%);animation:.6s ease-out .5s both light-open;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes light-open{0%{clip-path:circle(0%)}to{clip-path:circle(75%)}}.screen-meet .nearfate-banner{animation:3s linear infinite sheen,.5s cubic-bezier(.2,1.6,.4,1) 1.1s both pop}.glint{background:var(--gold);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);width:4cqw;height:4cqw;margin:-2cqw 0 0 -2cqw;position:absolute}.glint-ring{z-index:1;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.glint-ring .glint{opacity:0;animation:glint-rise .8s ease-out calc(1.1s + var(--i) * 30ms) both}@keyframes glint-rise{0%{opacity:0;transform:translateY(0)scale(.4)}35%{opacity:1;transform:translateY(-6px)scale(1)}to{opacity:0;transform:translateY(-22px)scale(.6)}}.end-card.shiny{border:4px double var(--gold);background:radial-gradient(ellipse at center, #fbf6ea 50%, var(--gold-pale) 100%);box-shadow:0 0 0 3px var(--gold-pale), 0 0 26px #b8860b99;animation:none}.foil{z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.6;background:var(--guilloche), linear-gradient(115deg, #fff4c4 0%, #f3d27a 18%, #fffaf0 32%, #c9e4f5 46%, #f5c6e8 60%, #fffaf0 74%, #f3d27a 88%, #fff4c4 100%);background-size:120px 40px,300% 300%;animation:7s ease-in-out infinite foil-loop;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:linear-gradient(#000 22%,#0000 45%);mask:linear-gradient(#000 22%,#0000 45%)}.foil.sweep{animation:1s ease-out foil-sweep,7s ease-in-out 1s infinite foil-loop}.end-card.tilting .foil{background-position:0 0, var(--tx,50%) var(--ty,50%);animation:none}.art img{position:absolute;top:0;bottom:0;left:0;right:0}@keyframes foil-loop{0%,to{background-position:0 0,0%}50%{background-position:0 0,100%}}@keyframes foil-sweep{0%{background-position:0 0,100% 100%}to{background-position:0 0,0%}}.glints{z-index:1;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.glints .glint{width:calc(3.2cqw * var(--s));height:calc(3.2cqw * var(--s));animation:glint-on .3s ease-out var(--on) both, twinkle 2.6s ease-in-out var(--tw) infinite}@keyframes glint-on{0%{opacity:0;transform:scale(0)}}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.compass .needle,.card.sent,.screen-meet .outcome:before,.screen-meet .outcome-label,.screen-meet .outcome>p,.screen-meet .star-banner,.screen-meet .star-icon,.screen-meet .nearfate-banner,.screen-meet .scene.nearfate,.scene.nearfate .art:before,.scene.nearfate .art:after,.glints .glint,.foil{animation:none!important}.scene.starcrossed .art:before,.glint-ring{display:none}.foil{background-position:0 0,35%}}@page{size:69mm 94mm;margin:0}@media print{*{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;transition:none!important;animation:none!important}html,body{background:#fff}body:has(.end-card) #app{max-width:none;min-height:0;margin:0;padding:0}body:has(.end-card) .screen{display:block}body:has(.end-card) .screen>:not(.end-card):not(.fortune-card){display:none!important}.fortune-card,.fortune-in{display:contents}.fortune-back{display:none!important}.fortune-in>.end-card{visibility:visible!important}.card,.scene{box-shadow:none;break-inside:avoid;width:63mm!important}.end-card{aspect-ratio:auto;break-inside:avoid;border:0;border-radius:0;height:94mm;margin:0;padding:0;width:69mm!important;box-shadow:none!important}.end-card:after{content:"";z-index:4;border:.5mm solid var(--ink);pointer-events:none;position:absolute;top:6mm;bottom:6mm;left:6mm;right:6mm}.end-card.starcrossed:after{border-color:var(--night)}.end-card.shiny:after{border:1.2mm double var(--gold)}.end-card.shiny{border:0;box-shadow:none!important}.shiny-ribbon{top:7mm}.end-card .band{padding:14cqw 7.5mm 8.5mm}.foil{background-position:0 0,35%}}html.layer-art .foil,html.layer-art .glints{display:none}html.layer-foil .end-card,html.layer-foil .end-card *{color:#0000!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important}html.layer-foil .end-card:after{border-color:#0000!important}html.layer-foil .end-card.shiny:after{border-color:#000!important}html.layer-foil .sky-shooting-star{display:none}html.layer-foil .foil{mix-blend-mode:normal;opacity:1;-webkit-mask:linear-gradient(#000 38%,#0000 38%);mask:linear-gradient(#000 38%,#0000 38%);background:#000!important}html.layer-foil .art img{visibility:hidden}html.layer-foil .glints .glint{opacity:1;transform:none;background:#000!important;animation:none!important}html.layer-foil .shiny-ribbon{color:#fff!important;background:#000!important}html.layer-gold .foil{display:none}html.layer-holo .end-card.shiny:after{border-color:#0000!important}html.layer-holo .glints,html.layer-holo .shiny-ribbon{visibility:hidden}.toggles{align-self:center;gap:18px;display:flex}.reveal{width:var(--card-full);perspective:1400px;flex-direction:column;align-self:center;align-items:center;gap:12px;display:flex}.flip{aspect-ratio:63/88;cursor:pointer;width:100%;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.flip>.card-back,.flip>.end-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.flip>.end-card{transform:rotateY(180deg)}.card-back{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--parchment-2);background:#1d2550;border-radius:4.5%/3.2%;overflow:hidden}.card-back svg{width:100%;height:100%;display:block}.card-back:after{content:"";background:var(--back-art) center / cover no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}.reveal:not(.turning) .flip{animation:3.6s ease-in-out infinite breathe}.reveal:not(.turning) .flip:focus-visible{outline:3px solid var(--indigo);outline-offset:4px}.reveal-hint{color:var(--indigo);letter-spacing:.04em;margin:0;font-size:14px;animation:.6s ease-out .9s both rise}.turning .reveal-hint{opacity:0;transition:opacity .2s}.turning .flip{animation:4.2s both turn-over,4.2s both turn-lift}.landed .flip{transform-style:flat;cursor:default;animation:none;transform:translate(0,0)scale(1)}.landed .flip>.card-back,.landed .reveal-hint{display:none}.landed .flip>.end-card{position:relative;transform:none}.reveal:not(.landed) .end-card,.reveal:not(.landed) .end-card *{animation-play-state:paused!important}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes turn-over{0%{animation-timing-function:cubic-bezier(.5,0,.9,.6);transform:rotateX(0)rotate(0)rotateY(0)}24%{animation-timing-function:cubic-bezier(.2,.5,.6,1);transform:rotateX(0)rotate(100deg)rotateY(0)}46%{animation-timing-function:linear;transform:rotateX(60deg)rotate(420deg)rotateY(0)}78%{animation-timing-function:cubic-bezier(.3,.6,.4,1);transform:rotateX(60deg)rotate(980deg)rotateY(0)}to{transform:rotateX(0)rotate(1440deg)rotateY(540deg)}}@keyframes turn-lift{0%{animation-timing-function:cubic-bezier(.3,.7,.3,1);translate:0;scale:1}20%{animation-timing-function:linear;translate:0;scale:.52}80%{animation-timing-function:cubic-bezier(.7,0,.3,1);translate:0;scale:.52}93%{translate:0 -8px;scale:1.08}to{translate:0;scale:1}}#app:has(>.screen-arrive.veiled){flex-direction:column;height:100dvh;padding-top:12px;padding-bottom:12px;display:flex}#app:has(>.screen-arrive.veiled) .art-toggle{display:none}.screen-arrive.veiled{flex:1;justify-content:center;min-height:0}.screen-arrive.veiled>:not(.reveal){display:none}.screen-arrive.unveiled>:not(.compass):not(.reveal){animation:.6s ease-out .1s both rise}@media (prefers-reduced-motion:reduce){.reveal .flip,.reveal-hint,.screen-arrive.unveiled>*{animation:none!important}}.share-sheet{z-index:50;background:#1a1a1a8c;justify-content:center;align-items:flex-end;animation:.25s ease-out rise;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.share-panel{background:var(--parchment);width:100%;max-width:460px;max-height:94svh;padding:14px 16px calc(18px + env(safe-area-inset-bottom));box-sizing:border-box;border-radius:16px 16px 0 0;flex-direction:column;gap:10px;display:flex;overflow-y:auto}.share-head{justify-content:space-between;align-items:center;display:flex}.share-head h3{margin:0}.share-head .link{padding:4px 8px;font-size:20px}.share-toggle{border:1px solid var(--ink);border-radius:999px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.share-toggle button{font:inherit;color:var(--ink);background:0 0;border:0;padding:8px;font-size:15px}.share-toggle button[aria-checked=true]{background:var(--ink);color:var(--parchment)}.share-frame{justify-content:center;display:flex}.share-preview{border-radius:8px;max-width:100%;max-height:52svh;transition:opacity .2s;display:block;box-shadow:0 6px 24px #00000040}.share-preview.loading{opacity:.4}.share-note{text-align:center;margin:0;font-size:13px}.share-status{text-align:center;color:var(--indigo);white-space:pre-wrap;min-height:1.2em;margin:0;font-size:14px}@media (min-width:700px){.share-sheet{align-items:center}.share-panel{border-radius:16px}}@media (prefers-reduced-motion:reduce){.share-sheet{animation:none}}html[data-theme]{background:var(--page-base)}html[data-theme] body{background:0 0}html[data-theme] body:before{content:"";z-index:-1;background:var(--page-bg);pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}html[data-theme] .card,html[data-theme] .scene,html[data-theme] .end-card,html[data-theme] .album-item,html[data-theme] .card-back{box-shadow:0 8px 24px var(--card-shadow)}html[data-theme=night]{--page-base:#141a3a;--text:#efe8d8;--text-soft:#b9b5cc;--line:#efe8d88c;--card-shadow:#00000073;--page-bg:radial-gradient(130% 55% at 50% 108%, #f4c48c38, transparent 62%), linear-gradient(180deg, #0e1330 0%, #18204c 40%, #2a2a5e 75%, #3b2e5f 100%)}html[data-theme=night] body:after,html[data-theme=twilight] body:after{content:"";z-index:-1;pointer-events:none;opacity:.7;background:radial-gradient(1.2px 1.2px at 12% 14%,#fff,#0000),radial-gradient(1px 1px at 78% 9%,#fff,#0000),radial-gradient(1.4px 1.4px at 64% 22%,#fbe7c0,#0000),radial-gradient(1px 1px at 30% 33%,#fff,#0000),radial-gradient(1px 1px at 88% 38%,#fff,#0000),radial-gradient(1.3px 1.3px at 45% 6%,#fff,#0000),radial-gradient(1px 1px at 6% 48%,#fff,#0000),radial-gradient(1px 1px at 92% 62%,#fbe7c0,#0000);animation:9s ease-in-out infinite breathe-stars;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes breathe-stars{0%,to{opacity:.45}50%{opacity:.85}}html[data-theme=dusk]{--page-base:#2a3170;--text:#f6efe2;--text-soft:#dcd3e6;--line:#f6efe299;--card-shadow:#14103273;--page-bg:linear-gradient(180deg, #1f2a66 0%, #3d438c 30%, #6b5b9e 58%, #9a6c9c 80%, #b9809b 100%)}html[data-theme=twilight]{--page-base:#2a1640;--text:#fbefe0;--text-soft:#e6d2dc;--line:#fbefe099;--card-shadow:#14081e80;--page-bg:radial-gradient(140% 34% at 50% 106%, #ffaa5ab3, #eb64554d 48%, transparent 74%), linear-gradient(180deg, #150f38 0%, #2b1655 30%, #561d70 58%, #8f2a6b 82%, #b13f58 100%)}html[data-theme=sun]{--page-base:#8fd0f5;--text:#12233f;--text-soft:#2c4160;--line:#12233f8c;--card-shadow:#1e3c6e47;--page-bg:radial-gradient(70% 34% at 86% 2%, #fffffff2, #fff0aabf 34%, transparent 72%), radial-gradient(130% 30% at 50% 106%, #ffc454d9, transparent 72%), linear-gradient(180deg, #58b4f0 0%, #86cdf6 38%, #bfe4f4 66%, #fbe7ad 100%)}html[data-theme] body,html[data-theme] .compass,html[data-theme] .fork-note{color:var(--text)}html[data-theme] .muted,html[data-theme] .shaped,html[data-theme] .log{color:var(--text-soft)}html[data-theme] button.ghost{color:var(--text);border-color:var(--line)}html[data-theme] button.link,html[data-theme] .new,html[data-theme] .reveal-hint{color:var(--text)}html[data-theme] input[type=text]{color:var(--text);border-bottom-color:var(--line)}html[data-theme] .outcome:not(.outcome-combine):not(.outcome-clash):not(.outcome-nearfate),html[data-theme] .spread-item:not(.outcome-combine):not(.outcome-clash):not(.outcome-nearfate){border-left-color:var(--line)}html[data-theme=night] button.primary,html[data-theme=dusk] button.primary,html[data-theme=twilight] button.primary{background:var(--text);color:#1b1f45}html[data-theme=sun] button.primary{color:#fff8e7;background:#12233f}html[data-theme=night] .star-note,html[data-theme=dusk] .star-note,html[data-theme=twilight] .star-note{color:#d7ddf5}html[data-theme=night] .nearfate-note,html[data-theme=dusk] .nearfate-note,html[data-theme=twilight] .nearfate-note{color:#f3d27a}@media (prefers-reduced-motion:reduce){html[data-theme=night] body:after,html[data-theme=twilight] body:after{animation:none}}.band,.tag,.card-shiny,.shiny-ribbon{transition:opacity .35s,transform .35s}html.art-only .band,html.art-only .tag,html.art-only .card-shiny,html.art-only .shiny-ribbon{opacity:0;pointer-events:none;transform:translateY(6px)}.art-toggle{z-index:40;right:max(14px,50vw - 201px);bottom:calc(18px + env(safe-area-inset-bottom));border:1px solid var(--line,#1a1a1a59);width:46px;height:46px;color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fbf6eae0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;box-shadow:0 4px 14px #0000002e}.art-toggle[aria-pressed=true]{background:var(--ink);color:var(--parchment)}.settings-group{border-top:1px solid var(--line,#1a1a1a33);flex-direction:column;gap:10px;padding-top:14px;display:flex}.settings-group h3{margin:0}.settings-group .backup h3{display:none}.setting-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting-switch{min-width:68px;padding:8px 12px}.setting-open{width:100%}.setting-themes{border-color:var(--text);border-radius:18px;grid-template-columns:repeat(4,1fr)}.setting-themes button:first-child{grid-column:1/-1}.setting-themes button{color:var(--text);padding:8px 2px;font-size:14px}html[data-theme] :is(.setting-switch[aria-checked=true],.setting-themes button[aria-checked=true]){background:var(--text);color:#1b1f45}html[data-theme=sun] :is(.setting-switch[aria-checked=true],.setting-themes button[aria-checked=true]){color:#fff8e7}.setting-danger{width:100%}html[data-theme] button.setting-danger{color:#f0b0a6;border-color:#f0b0a6}html[data-theme=sun] button.setting-danger{color:#9e2f22;border-color:#9e2f22}html[data-theme=sun] input[type=search],html[data-theme=sun] textarea{background:#ffffffa6}.screen-guide h1{font-size:30px}.screen-guide .guide-part h3{margin-bottom:4px}.screen-guide .guide-part p{margin:0 0 6px}.sound-fab{z-index:40;top:calc(10px + env(safe-area-inset-top));border:1px solid var(--line,#1a1a1a59);width:40px;height:40px;color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fbf6eae0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;right:max(14px,50vw - 201px);box-shadow:0 4px 14px #0000002e}.sound-fab[aria-pressed=false]{opacity:.75}.music-head{padding-right:50px}.screen>:-webkit-any(h1,h2,p):first-child:not(.wordmark){padding-right:50px}.screen>:is(h1,h2,p):first-child:not(.wordmark){padding-right:50px}@media print{.sound-fab{display:none}}.art-toggle[aria-pressed=true] svg path{stroke-dasharray:3 2}@media (prefers-reduced-motion:reduce){.band,.tag,.card-shiny,.shiny-ribbon{transition:none}}@media print{.art-toggle{display:none}}.wordmark{margin:4px 0 2px;line-height:0}.wordmark svg{width:min(100%,340px);height:auto;margin:0 auto;display:block;overflow:visible}.wm-text{letter-spacing:6px;font:600 33px Georgia,Times New Roman,serif}.wm-engrave{stroke:#3c280a8c;stroke-width:.6px}html[data-theme=night] .wm-engrave,html[data-theme=dusk] .wm-engrave,html[data-theme=twilight] .wm-engrave{stroke:#fff0c859}.wm-shine{mix-blend-mode:normal}.wm-star{transform-origin:160px 20px;animation:60s linear infinite wm-turn}@keyframes wm-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.wm-star{animation:none}.wm-shine{display:none}}html[data-theme] .album-search{color:var(--text)}html[data-theme] .album-search::placeholder{color:var(--text-soft)}@media print{html[data-theme]{background:#fff}html[data-theme] body:before,html[data-theme] body:after{display:none}}html[data-theme=night],html[data-theme=dusk],html[data-theme=twilight]{--ember:#e8896a}html[data-theme=night] .outcome-combine,html[data-theme=dusk] .outcome-combine,html[data-theme=twilight] .outcome-combine{border-left-color:#a9c26b}html[data-theme=night] .outcome-combine .outcome-label,html[data-theme=dusk] .outcome-combine .outcome-label,html[data-theme=twilight] .outcome-combine .outcome-label{color:#bfd483}html[data-theme=night] .screen-meet .outcome-combine:before,html[data-theme=dusk] .screen-meet .outcome-combine:before,html[data-theme=twilight] .screen-meet .outcome-combine:before{background:#a9c26b}html[data-theme=night] .outcome-nearfate .outcome-label,html[data-theme=dusk] .outcome-nearfate .outcome-label,html[data-theme=twilight] .outcome-nearfate .outcome-label{color:#f3d27a}html[data-theme=night] .album-thoughts{color:var(--indigo)}html[data-theme] input[type=search],html[data-theme] textarea{color:var(--text);border:1px solid var(--line);font:inherit;background:#ffffff12;border-radius:8px;padding:10px 12px}html[data-theme] input[type=search]::placeholder,html[data-theme] textarea::placeholder{color:var(--text-soft)}#app:has(.art-toggle){padding-bottom:84px}.album-tabs{border:1px solid var(--line,var(--ink));border-radius:999px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.album-tabs button{font:inherit;color:var(--text,var(--ink));background:0 0;border:0;padding:9px;font-size:15px}.album-tabs button[aria-selected=true]{background:var(--text,var(--ink));color:var(--page-base,var(--parchment))}.place-card{width:100%}.place-card.shiny{border:3px double var(--gold);box-shadow:0 0 0 2px var(--gold-pale), 0 0 18px #b8860b8c}.place-card.starcrossed{border-color:var(--night)}.place-versions{justify-content:center;align-items:center;gap:10px;display:flex}.screen-place .end-card .end-card-dir{text-transform:none;letter-spacing:.02em}.backup{border-top:1px solid var(--line,var(--parchment-2));flex-direction:column;gap:8px;margin-top:6px;padding-top:14px;display:flex}.backup h3{margin:0}.backup-status:empty{display:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.journey{flex-direction:column;gap:6px;margin:0;display:flex}.journey figcaption{text-align:center;font-size:13px}.album-tabs{grid-template-columns:repeat(3,1fr)}.cal-month{flex-direction:column;gap:6px;display:flex}.cal-month h3{margin:6px 0 2px}.cal-month h3 .muted{font-weight:400}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-head span{text-align:center;letter-spacing:.08em;color:var(--text-soft,#5b5648);font-size:11px}.cal-day{aspect-ratio:5/7;color:var(--text-soft,#5b5648);box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:5px;justify-content:flex-start;align-items:flex-start;padding:3px 4px;font-size:11px;display:flex;position:relative}.cal-day.later{opacity:.35}.cal-day.today{border-color:var(--text,var(--ink))}.cal-day.played{cursor:pointer;font:inherit;background:#2b3a8c;border:1px solid #ffffff2e;padding:0;overflow:hidden}.cal-day.played img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.cal-day.played .cal-num{color:#fff;text-shadow:0 1px 2px #000c;font-size:10px;position:absolute;bottom:2px;left:3px}.cal-day.shiny{border:2px solid var(--gold);box-shadow:0 0 8px #f3d27a99}.cal-day.shiny:after{content:"✦";color:#f3d27a;text-shadow:0 1px 2px #000000b3;font-size:10px;position:absolute;top:1px;right:3px}.cal-day.starcrossed{border-color:#d7ddf5}.cal-day.starcrossed:after{content:"★";color:#eef1fa;text-shadow:0 1px 2px #000000b3;font-size:9px;position:absolute;top:1px;right:3px}.sky{background:radial-gradient(120% 90% at 50% 110%,#f4c48c29,#0000 60%),linear-gradient(#0b1029,#161d48 70%,#241f4c);border:1px solid #efe8d824;border-radius:10px;width:100%;height:auto;display:block;overflow:visible}.sky-field circle{fill:#e9e4f5;opacity:.35;animation:6s ease-in-out infinite sky-twinkle}@keyframes sky-twinkle{0%,to{opacity:.18}50%{opacity:.55}}.sky-star{cursor:pointer;outline:none}.sky-star .core{fill:#fffaf0}.sky-star .halo{opacity:.55;transition:opacity .2s}.sky-star .hit{fill:#0000}.sky-star.shiny .core{fill:#f3d27a;stroke:#fff2c4;stroke-width:.5px}.sky-star.starcrossed .core{fill:#e6ebff}.sky-star .tail{stroke:#e6ebffb3;stroke-width:1px;stroke-linecap:round}.sky-star:hover .halo{opacity:1}.sky-star:focus-visible .halo{opacity:1}.sky-star:focus-visible .core{stroke:#fff;stroke-width:1.2px}.sky-star.today .halo{transform-box:fill-box;transform-origin:50%;animation:3.6s ease-in-out infinite sky-breathe}@keyframes sky-breathe{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.sky-field circle,.sky-star.today .halo{animation:none}}.card,.scene{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s}.card.selected,.scene.selected{z-index:2;outline:none;animation:2.4s ease-in-out infinite chosen-glow;transform:translateY(-6px)scale(1.03);box-shadow:0 0 0 3px #f3d27a,0 0 0 5px #b8860b8c,0 0 26px 8px #f3d27a99,0 12px 24px #00000059}.card.selected:before,.scene.selected:before{content:"✓";z-index:5;color:#1b1f45;background:#f3d27a;border-radius:50%;justify-content:center;align-items:center;width:12cqw;min-width:20px;height:12cqw;min-height:20px;font:700 max(11px,7cqw)/1 Georgia,serif;animation:.28s cubic-bezier(.2,1.6,.4,1) pop;display:flex;position:absolute;top:4cqw;right:4cqw;box-shadow:0 2px 6px #00000059}@keyframes chosen-glow{0%,to{box-shadow:0 0 0 3px #f3d27a,0 0 0 5px #b8860b8c,0 0 22px 6px #f3d27a80,0 12px 24px #00000059}50%{box-shadow:0 0 0 3px #fff1c4,0 0 0 5px #b8860b99,0 0 34px 12px #f3d27abf,0 12px 24px #00000059}}.scene.selected .tag{opacity:.9}@media (prefers-reduced-motion:reduce){.card.selected,.scene.selected{animation:none;transform:none}.card.selected:before,.scene.selected:before{animation:none}}.tagline{text-align:center;color:var(--text-soft,#5b5648);align-self:center;max-width:320px;margin-top:-4px;font-style:italic}.home-steps{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0;padding:0;font-size:14px;line-height:1.25;list-style:none;display:grid}.home-steps li{flex-direction:column;align-items:center;gap:6px;display:flex}.step-icon{width:30px;height:30px;color:var(--gold,#c9a24a);flex:none}.step-icon svg{width:100%;height:100%;display:block}.screen-opening{justify-content:center;gap:22px;min-height:70dvh}.screen-opening h1{text-align:center;font-size:28px}.music-head{justify-content:space-between;align-items:center;display:flex}.music-head h1{margin:0}.music-list{flex-direction:column;gap:8px;display:flex}.music-row{grid-template-columns:40% 1fr;align-items:center;gap:10px;display:grid}.music-moment{text-align:left;padding:4px 0;font-size:14px;line-height:1.25}.music-row select{font:inherit;border:1px solid var(--line,#8a8370);color:inherit;background:#ffffff0f;border-radius:6px;width:100%;min-width:0;padding:8px;font-size:15px}html[data-theme] .music-row select option{background:var(--page-base);color:var(--text)}.screen-music{gap:12px}#app:has(>.screen-home){padding-top:10px;padding-bottom:max(14px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.screen-home{flex:1;gap:10px}.screen-home .home-day{text-align:center;font-size:13px}.next-reading{text-align:center;font-variant-numeric:tabular-nums;color:var(--text-soft,#5b5648);margin-top:-4px;font-size:14px}@property --hx{syntax:"<percentage>";inherits:true;initial-value:50%}@property --hy{syntax:"<percentage>";inherits:true;initial-value:40%}.holo{z-index:3;pointer-events:none;border-radius:inherit;mix-blend-mode:overlay;opacity:.5;background:radial-gradient(circle at var(--hx) var(--hy), #fff9 0%, #ffffff1f 20%, #fff0 40%), repeating-linear-gradient(115deg, #ff6f91 0%, #ffc96b 6%, #9dff8a 12%, #64e4ff 18%, #8e7dff 24%, #ff6fd2 30%, #ff6f91 36%), radial-gradient(#ffffff80 .6px, transparent 1.2px) 0 0 / 7px 7px;background-size:100% 100%,260% 260%,7px 7px;background-position:center, var(--hx) var(--hy), 0 0;filter:saturate(1.15)contrast(1.05);animation:9s ease-in-out infinite holo-drift;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:linear-gradient(#000 0 58%,#00000014 70%);mask:linear-gradient(#000 0 58%,#00000014 70%)}.holo:after{content:"";border-radius:inherit;mix-blend-mode:overlay;opacity:.55;background:linear-gradient(calc(115deg + (var(--hx) - 50%) * .6), transparent 30%, #ffffffa6 48%, transparent 66%);position:absolute;top:0;bottom:0;left:0;right:0}.holo-live .holo,html.holo-tilt .holo{opacity:.62;animation:none}@keyframes holo-drift{0%,to{--hx:22%;--hy:28%}50%{--hx:78%;--hy:62%}}.card.shiny .holo{opacity:.42}@media (prefers-reduced-motion:reduce){.holo{animation:none}}@media print{.holo{display:none}}html.layer-foil .holo,html.layer-art .holo{display:none}html.art-only .holo{-webkit-mask:none;mask:none}.card.v-starcrossed,.scene.v-starcrossed{border-color:var(--night)}.card-star{z-index:2;color:#eef1fa;filter:drop-shadow(0 0 1.5px #000000b3)drop-shadow(0 0 4px #c8d4ff99);pointer-events:none;width:24cqw;min-width:16px;height:24cqw;min-height:16px;display:none;position:absolute;top:4cqw;left:4cqw}.card-star svg{width:100%;height:100%;display:block}@container (width<=140px){.card .sky-shooting-star,.scene .sky-shooting-star{display:none}.card-star{display:block}}.scene.v-shiny{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-pale), 0 0 14px #b8860b73}.scene .holo{opacity:.42}.card-marks{vertical-align:-3px;align-items:center;gap:2px;margin-left:4px;display:inline-flex}.card-marks .star-mini{margin-left:0}html[data-theme=night] .card-marks .star-mini,html[data-theme=dusk] .card-marks .star-mini,html[data-theme=twilight] .card-marks .star-mini{color:#d7ddf5}.mark-shiny{color:#f3d27a;font-size:13px;line-height:1}.cards-grid{grid-template-columns:repeat(3,1fr);gap:14px 8px;display:grid}.card-tile{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}.card-tile>.card,.tile-face,.tile-face>.card,.tile-face>.scene{width:100%}.tile-face{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.tile-face>.scene{align-self:stretch}.card-unseen{aspect-ratio:63/88;opacity:.5;border:1px solid var(--line,var(--ink));border-radius:4.5%/3.2%;width:100%;overflow:hidden}.card-unseen svg{width:100%;height:100%;display:block}.tile-label{color:var(--text-soft,#5b5648);text-align:center;align-items:center;min-height:20px;font-size:11px;line-height:1.2;display:flex}.set-pips.small{gap:3px}.set-pips.small .pip{width:20px;height:20px;font-size:10px}.card-large{align-self:center;width:min(62%,240px)}.screen-card>.scene{align-self:center}.pip.current{box-shadow:0 0 0 2px var(--text,var(--ink))}button.pip{font:inherit;cursor:pointer;padding:0;font-size:13px}.shiny-choice{flex-direction:column;gap:6px;display:flex}.shiny-choice [aria-checked=true]{border-color:var(--gold);color:#f3d27a}.album-tabs.four{display:flex}.album-tabs.four button{flex:auto;padding:9px 6px;font-size:14px}.sky-lines line{stroke:#dee2ff24;stroke-width:.8px}.sky-lines line.lit{stroke:#dee2ff8c;stroke-width:1px}.sky-lines line.gap{stroke:#dee2ff66;stroke-width:1px;stroke-dasharray:2.5 3}.sky-unlit circle{fill:#e9e4f547}.sky-star.still{cursor:default}.sky.complete .sky-lines line{stroke:#f3e2aa99}.sky.complete .sky-lines line.gap{stroke:#f3e2aa73}.constellation-complete{text-align:center;border:2px solid var(--gold);color:#efe8d8;background:linear-gradient(#0b1029,#161d48 70%,#241f4c);border-radius:10px;flex-direction:column;gap:8px;padding:14px;animation:.5s cubic-bezier(.2,1.6,.4,1) pop;display:flex}.constellation-complete .set-title{color:#f3d27a}.constellation-complete .sky{background:0 0;border:0;align-self:center;width:min(100%,260px)}.constellation-complete .card{text-align:left;align-self:center;width:46%}.constellation-name{color:#f3d27a;font-size:22px;font-weight:600}.constellation-line{text-align:center;font-style:italic}.constellation-caption{text-align:center}@media (prefers-reduced-motion:reduce){.constellation-complete{animation:none}}.screen-constellation>.sky,.screen-card>.sky{align-self:center;width:min(100%,360px)}.screen-check{text-align:center;justify-content:center;min-height:60dvh}.check-line{font-size:18px;font-style:italic;line-height:1.4}.screen-check .row{flex-wrap:nowrap}.screen-check .row>button{padding-left:8px;padding-right:8px}.came-true,.conjunction{text-align:center;color:var(--text-soft,#5b5648);font-size:14px}.save-warning{z-index:1000;padding:calc(env(safe-area-inset-top,0px) + 8px) 16px 8px;color:#fff;text-align:center;background:#7a2e22;margin:0;font-size:14px;line-height:1.35;position:fixed;top:0;left:0;right:0}.share-thoughts{align-items:center;gap:8px;font-size:15px;display:flex}.sky-layer{z-index:-1;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.sky-star{width:var(--size);height:var(--size);background:#fff8e0;border-radius:50%;animation:4s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 6px #fff8e0}.sky-moon{background:radial-gradient(circle at 38% 34%,#fff6d8,#e2c98a 70%);border-radius:50%;width:36px;height:36px;position:absolute;top:16px;left:18px;overflow:hidden;box-shadow:0 0 26px #ffecb473}.sky-moon-shade{background:#171a3f;border-radius:50%;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.sky-shoot{opacity:0;background:linear-gradient(90deg,#0000,#fff8e0);border-radius:2px;width:90px;height:2px;animation:11s ease-in 3s infinite shoot;position:absolute;top:12%;left:8%;transform:rotate(18deg)}@keyframes shoot{0%{opacity:0;translate:0}2%{opacity:1}9%{opacity:0;translate:260px 86px}to{opacity:0;translate:260px 86px}}html[data-theme=sun] .sky-star,html[data-theme=sun] .sky-shoot{display:none}.deck{cursor:pointer;perspective:700px;--lean-x:0;--lean-y:0;background:radial-gradient(closest-side,#ffd88257,#0000);border:0;align-self:center;width:230px;height:176px;margin:2px 0;padding:0;position:relative}.deck:disabled{cursor:default}.deck-card{background:#141a3c var(--back-art) center / cover;width:112px;height:157px;transform:translateX(calc(var(--fan) * 62px + var(--lean-x) * 14px)) translateY(calc(var(--drop) + var(--lean-y) * 10px)) rotate(calc(var(--fan) * 13deg)) rotateY(calc(var(--lean-x) * 24deg)) rotateX(calc(var(--lean-y) * -18deg));border-radius:8px;margin:-78px 0 0 -56px;animation:4s ease-in-out infinite alternate deck-drift;position:absolute;top:50%;left:50%;box-shadow:0 8px 22px #00000080,0 0 0 1px #d8b46480}.deck-card-0{--fan:-1;--drop:12px;--from-y:0px;animation-delay:-1.3s}.deck-card-1{--fan:0;--drop:0px;--from-y:240px;z-index:1;animation-delay:-2.6s}.deck-card-2{--fan:1;--drop:12px;--from-y:0px;animation-delay:0s}.arriving .deck-card{animation:deck-arrive 1.9s cubic-bezier(.3, .8, .3, 1) var(--deal-delay,0s) backwards, deck-drift 4s ease-in-out calc(var(--deal-delay,0s) + 1.9s) infinite alternate}.arriving:after{content:"";opacity:0;pointer-events:none;animation:deck-flash 1s ease-out calc(var(--deal-delay,0s) + .85s);background:radial-gradient(closest-side,#fff,#ffd882bf 40%,#0000);border-radius:50%;position:absolute;top:10%;bottom:10%;left:20%;right:20%}@keyframes deck-arrive{0%{opacity:0;translate:calc(var(--fan) * 300px) var(--from-y);rotate:calc(var(--fan) * -320deg);scale:.45}20%{opacity:1}55%{translate:calc(var(--fan) * var(--card-h) * -.4) 0;rotate:calc(var(--fan) * -13deg);scale:1.08}to{translate:0;rotate:0deg;scale:1}}@keyframes deck-flash{0%{opacity:0;transform:scale(.3)}25%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(2.4)}}@keyframes deck-drift{0%{translate:0 4px;rotate:calc(var(--fan) * -.6deg - .4deg)}to{translate:0 -6px;rotate:calc(var(--fan) * .6deg + .5deg)}}.deck:active .deck-card{filter:brightness(1.2)}.home-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.home-row button{min-width:0;padding-left:8px;padding-right:8px}.cinema{z-index:2000;background:radial-gradient(circle at 50% 46%,#232a63,#070a1c 72%);justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.cinema.leaving{opacity:0}.cinema .wordmark{width:min(82%,310px);animation:1.5s cubic-bezier(.2,.7,.2,1) .5s both cinema-rise;position:relative}.cinema .sky-star{animation:1.6s ease-out backwards star-gather,4s ease-in-out 1.6s infinite twinkle}.cinema-ring{opacity:0;border:2px solid #ffe096e6;border-radius:50%;width:60px;height:60px;margin:-30px;animation:1.4s ease-out 1.1s cinema-ring;position:absolute;top:46%;left:50%}@keyframes cinema-rise{0%{opacity:0;transform:scale(.72)}70%{opacity:1;transform:scale(1.04)}}@keyframes star-gather{0%{opacity:0;transform:scale(4)}}@keyframes cinema-ring{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(11)}}@media (prefers-reduced-motion:reduce){.sky-star,.sky-shoot,.deck-card{animation:none}}html,body,#app{overflow-x:clip}.screen-leaving{z-index:50;pointer-events:none;margin:0;position:fixed}.leave-turn{animation:.3s ease-in both leave-turn}.enter-turn{animation:.34s cubic-bezier(.2,.8,.3,1) both enter-turn}@keyframes leave-turn{to{opacity:0;transform:translate(-34%)rotateY(14deg)}}@keyframes enter-turn{0%{opacity:0;transform:translate(34%)}}.leave-rise{animation:.28s ease-in both leave-rise}.enter-rise{animation:.42s cubic-bezier(.2,.8,.3,1) both enter-rise}@keyframes leave-rise{to{opacity:0;transform:scale(.94)}}@keyframes enter-rise{0%{opacity:0;transform:translateY(30px)}}.leave-fade{animation:.3s ease-in both leave-fade}.enter-fade{animation:.45s ease-out both enter-fade}@keyframes leave-fade{to{opacity:0}}@keyframes enter-fade{0%{opacity:0}}.card-back{position:relative}.screen-shuffle{text-align:center;justify-content:center;align-items:center;gap:20px;padding:16px;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.turn-row{perspective:900px;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.turn-card>.card-back,.turn-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;bottom:0;left:0;right:0}.turn-front{transform:rotateY(180deg)}.turn-front>*{pointer-events:none;width:100%;height:100%;margin:0}.turn-card.passed{opacity:.45;transition:opacity .4s}.turn-card.passed:not(.turned){opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;transform:scale(.85)}@keyframes flip-glow{0%{box-shadow:0 0 #ffd88200}35%{box-shadow:0 0 30px 6px #ffd882e6}to{box-shadow:0 0 #ffd88200}}@media (prefers-reduced-motion:reduce){.turn-card,.turn-card.turned{animation:none}.turn-card.turned{transform:rotateY(180deg)}.shuffle-deck{animation:none}}.screen-scene-pick{text-align:center;justify-content:center;min-height:72dvh}.fork-choice{visibility:hidden}.fork-choice.ready{visibility:visible}.shuffle-deck{aspect-ratio:63/88;cursor:pointer;background:0 0;border:0;width:150px;margin:26px 0;padding:0;animation:3.6s ease-in-out infinite breathe;position:relative}.shuffle-wheel{transform-style:preserve-3d;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.shuffle-deck .card-back{transform:translate(calc(var(--i) * -1.2px), calc(var(--i) * -1.2px));position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 8px 20px #00000080,0 0 16px #ffdc9673}.screen-shuffle:has(.shuffling) h2{opacity:0;transition:opacity .4s}.shuffle-halo{opacity:.5;background:radial-gradient(closest-side,#ffd88266,#0000);border-radius:50%;position:absolute;top:-40%;bottom:-40%;left:-40%;right:-40%}.shuffling{animation:none}.spark{z-index:1600;pointer-events:none;background:#fff3c8;border-radius:50%;width:5px;height:5px;margin:-2px;animation:.95s ease-out both spark-fly;position:fixed;box-shadow:0 0 8px 2px #ffd678e6}@keyframes spark-fly{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.2)}}.turn-card{aspect-ratio:63/88;transform-style:preserve-3d;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:deal-card .85s cubic-bezier(.2, .9, .3, 1) calc(var(--i,0) * .22s) backwards, card-float 3.4s ease-in-out calc(var(--i,0) * .22s + .85s) infinite alternate;position:relative}.turn-card:not(.turned)>.card-back{box-shadow:0 12px 26px #00000080,0 0 18px #ffdc9659}@keyframes deal-card{0%{opacity:0;transform:translate(var(--dx,0), var(--dy,0)) rotate(-220deg) scale(.3)}18%{opacity:1}72%{transform:translateY(-12px)rotate(7deg)scale(1.1)}to{transform:none}}@keyframes card-float{0%{transform:translateY(-5px)rotate(-1.1deg)rotateX(3deg)}to{transform:translateY(6px)rotate(1.2deg)rotateX(-3deg)}}.turn-card.turned{z-index:5;cursor:default;animation:1.4s cubic-bezier(.2,.7,.2,1) both flip-over;transform:rotateY(180deg)}.turn-card.settled{animation:none}.turn-card.turned .turn-front{border-radius:8px;animation:1.4s ease-out .5s flip-glow}.turn-card.settled .turn-front{animation:none}@keyframes flip-over{0%{transform:rotateY(0)scale(1)}36%{transform:translateY(-26px)rotate(-4deg)rotateY(300deg)scale(1.24)}70%{transform:translateY(-10px)rotate(2deg)rotateY(500deg)scale(1.14)}to{transform:rotateY(540deg)scale(1)}}.fork-figure{cursor:default}.fork-words{text-align:left;min-height:96px}.fork-words .scene-name{font-size:19px}.fork-words .scene-text,.fork-words .scene-prompt{margin:4px 0 0;font-size:15px}.merge{z-index:1500;background:radial-gradient(circle,#1c2358,#060818 74%);place-items:center;animation:.55s ease-in 4.75s forwards merge-out;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.merge-card{aspect-ratio:5/7;border-radius:8px;grid-area:1/1;width:104px;animation:4.4s both merge-in;overflow:hidden;box-shadow:0 0 20px #ffdc96b3}.merge-card .art{width:100%;height:100%}.merge-ring{opacity:0;background:conic-gradient(#0000,#be505abf,#965ac8bf,#0000 40%,#5082bebf,#965ac8bf,#0000 80%);border-radius:50%;grid-area:1/1;width:400px;height:400px;animation:4.4s ease-in both merge-ring;-webkit-mask-image:radial-gradient(closest-side,#000 20%,#0009 55%,#0000 100%);mask-image:radial-gradient(closest-side,#000 20%,#0009 55%,#0000 100%)}.merge-heart{grid-area:1/1;width:2px;height:2px}.merge-flash{opacity:0;background:radial-gradient(#fff,#ffd98a 42%,#0000 70%);border-radius:50%;grid-area:1/1;width:44px;height:44px;animation:1.1s ease-out 3.95s both merge-flash}@keyframes merge-in{0%{opacity:0;transform:rotate(var(--a)) translateY(-168px) rotate(calc(var(--a) * -1)) scale(.5);animation-timing-function:ease-out}10%{opacity:1;transform:rotate(calc(var(--a) + 40deg)) translateY(-150px) rotate(calc(var(--a) * -1 - 40deg)) scale(.85);animation-timing-function:ease-in-out}28%{transform:rotate(calc(var(--a) + 260deg)) translateY(-112px) rotate(calc(var(--a) * -1 - 260deg)) scale(.72);animation-timing-function:linear}33%{transform:rotate(calc(var(--a) + 272deg)) translateY(-110px) rotate(calc(var(--a) * -1 - 272deg)) scale(.72);animation-timing-function:ease-in-out}51%{transform:rotate(calc(var(--a) + 520deg)) translateY(-74px) rotate(calc(var(--a) * -1 - 520deg)) scale(.6);animation-timing-function:linear}56%{transform:rotate(calc(var(--a) + 532deg)) translateY(-72px) rotate(calc(var(--a) * -1 - 532deg)) scale(.6);animation-timing-function:cubic-bezier(.3,0,.5,1)}80%{opacity:1;transform:rotate(calc(var(--a) + 900deg)) translateY(-340px) rotate(calc(var(--a) * -1 - 900deg)) scale(1.05);animation-timing-function:cubic-bezier(.75,0,1,.55)}93%{opacity:1;transform:rotate(calc(var(--a) + 1620deg)) translateY(0) rotate(calc(var(--a) * -1 - 1620deg)) scale(.1)}to{opacity:0;transform:rotate(calc(var(--a) + 1640deg)) translateY(0) rotate(calc(var(--a) * -1 - 1640deg)) scale(.05)}}@keyframes merge-ring{0%{opacity:0;transform:rotate(0)scale(.6)}30%{opacity:.9}85%{opacity:1;transform:rotate(1300deg)scale(1)}to{opacity:0;transform:rotate(1800deg)scale(.15)}}@keyframes merge-flash{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(10)}to{opacity:0;transform:scale(22)}}@keyframes merge-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.turn-card,.turn-card.turned{animation:none}.turn-card.turned{transform:rotateY(180deg)}.shuffle-deck,.shuffling .card-back,.spark{animation:none}}.album-tabs.six{border:0;border-radius:0;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;overflow:visible}.album-tabs.six button{border:1px solid var(--line,var(--ink));border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:14px;display:flex}.album-tabs.six .step-icon{width:24px;height:24px;color:inherit}.album-tabs.six.five{flex-wrap:wrap;justify-content:center;display:flex}.album-tabs.six.five button{flex:0 0 calc(33.3333% - 5.33333px)}.album-panels{flex-direction:column;gap:12px;display:flex}.screen-album .backup{border:1px solid var(--line,var(--parchment-2));background:#ffffff0d;border-radius:14px;gap:10px;margin:0;padding:14px}.screen-album{perspective:1400px}.leave-book{animation:.3s ease-in both leave-fade}.enter-book{transform-origin:0;animation:.6s cubic-bezier(.2,.8,.3,1) both enter-book}@keyframes enter-book{0%{opacity:0;transform:perspective(1200px)rotateY(-72deg)}}.reveal,.reveal>.flip,.reveal>.reveal-hint{position:relative}.reveal-burst{left:50%;top:var(--reveal-y,44%);aspect-ratio:1;opacity:0;pointer-events:none;background:conic-gradient(#0000,#ffd88299,#965ac899,#0000 45%,#ffd8828c,#5082be80,#0000 85%);border-radius:50%;width:170%;margin-left:-85%;position:absolute;translate:0 -50%;-webkit-mask-image:radial-gradient(closest-side,#000 20%,#0009 55%,#0000 100%);mask-image:radial-gradient(closest-side,#000 20%,#0009 55%,#0000 100%)}.turning .reveal-burst{animation:4.2s ease-in both reveal-burst}.landed .reveal-burst{display:none}@keyframes reveal-burst{0%{opacity:0;transform:rotate(0)scale(.5)}26%{opacity:.7;transform:rotate(240deg)scale(.75)}62%{opacity:.85;transform:rotate(640deg)scale(.85)}76%{opacity:.5;transform:rotate(720deg)scale(.6)}96%{opacity:1;transform:rotate(1500deg)scale(1.25)}to{opacity:0;transform:rotate(1620deg)scale(1.7)}}.stick-back{bottom:max(12px, env(safe-area-inset-bottom));z-index:30;position:sticky;box-shadow:0 6px 20px #00000080;color:#f1ead8!important;background:#1b1f45!important}#app:has(>.screen-cards) .art-toggle{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 62px)}.fork-figure-words{text-align:left;margin:0;font-size:15px;line-height:1.3}.fork-figure-words b{font-size:16px;display:block}.screen-scene-pick:has(.fork-figure){gap:10px}.screen-scene-pick:has(.fork-figure) h2{margin:0;font-size:22px}.fork-words{min-height:92px}.tile-num{color:var(--text-soft,#5b5648);font-size:11px}.card-tile>.sky,.tile-face>.sky{border-radius:8px;width:100%;display:block}.star-unseen{aspect-ratio:1;border:1px solid var(--line,var(--parchment-2));opacity:.45;background:radial-gradient(circle at 50% 40%,#ffffff14,#0000 70%);border-radius:8px;width:100%}.shuffling .shuffle-wheel{animation:1.9s both wheel-spin}.shuffling .card-back{animation:1.9s both card-bloom}.shuffling .shuffle-halo{animation:1.9s ease-in-out both halo-swell}.shuffle-ring{opacity:0;border:1.5px solid #ffe096bf;border-radius:50%;width:320px;height:320px;margin:-160px;position:absolute;top:50%;left:50%;box-shadow:0 0 22px #ffd67873,inset 0 0 22px #ffd67840}.shuffle-ring-b{border-style:dashed;border-width:1px;width:250px;height:250px;margin:-125px}.shuffling .shuffle-ring-a{animation:1.9s ease-in-out both ring-a}.shuffling .shuffle-ring-b{animation:1.9s ease-in-out both ring-b}.shuffle-snap{opacity:0;background:radial-gradient(#fff,#ffd98a 40%,#0000 72%);border-radius:50%;width:60px;height:60px;margin:-30px;position:absolute;top:50%;left:50%}.shuffling .shuffle-snap{animation:.55s ease-out 1.5s both wheel-snap}@keyframes wheel-spin{0%{animation-timing-function:cubic-bezier(.5,0,.9,.6);transform:rotateX(0)rotate(0)scale(1)}24%{animation-timing-function:cubic-bezier(.2,.5,.6,1);transform:rotateX(0)rotate(100deg)scale(1)}46%{animation-timing-function:linear;transform:rotateX(60deg)rotate(420deg)scale(1.06)}78%{animation-timing-function:cubic-bezier(.3,.6,.4,1);transform:rotateX(60deg)rotate(980deg)scale(1.06)}to{transform:rotateX(0)rotate(1440deg)scale(1)}}@keyframes card-bloom{0%{animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:rotate(0)translateY(0)scale(1)}22%{transform:rotate(var(--a)) translateY(-112px) scale(.5);animation-timing-function:linear}80%{transform:rotate(var(--a)) translateY(-112px) scale(.5);animation-timing-function:cubic-bezier(.7,0,.9,.5)}98%{transform:rotate(0)translateY(0)scale(1.02)}to{transform:rotate(0)translateY(0)scale(1)}}@keyframes halo-swell{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(2.1)}80%{opacity:.9;transform:scale(1.8)}to{opacity:.4;transform:scale(.8)}}@keyframes ring-a{0%,12%{opacity:0;transform:rotateX(0)rotate(0)scale(.4)}34%{opacity:.9;transform:rotateX(0)rotate(-120deg)scale(1)}60%{opacity:1;transform:rotateX(60deg)rotate(-300deg)scale(1.1)}86%{opacity:.9;transform:rotateX(60deg)rotate(-480deg)scale(1.1)}to{opacity:0;transform:rotateX(0)rotate(-600deg)scale(.2)}}@keyframes ring-b{0%,18%{opacity:0;transform:rotateX(0)rotate(0)scale(.4)}40%{opacity:.8;transform:rotateX(0)rotate(160deg)scale(1)}66%{opacity:.9;transform:rotateX(60deg)rotate(420deg)scale(1.2)}86%{opacity:.7;transform:rotateX(60deg)rotate(620deg)scale(1.2)}to{opacity:0;transform:rotateX(0)rotate(760deg)scale(.2)}}@keyframes wheel-snap{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(5)}to{opacity:0;transform:scale(9)}}@media (prefers-reduced-motion:reduce){.shuffling .shuffle-wheel,.shuffling .shuffle-ring-a,.shuffling .shuffle-ring-b,.shuffling .shuffle-snap{animation:none}}#app:has(>.screen-arrive.veiled){overflow:hidden}.reveal-wheel{left:50%;top:var(--reveal-y,44%);aspect-ratio:63/88;width:118px;transform-style:preserve-3d;opacity:0;pointer-events:none;margin:-82px 0 0 -59px;position:absolute}.reveal-wheel .card-back{position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 6px 16px #00000080,0 0 14px #ffdc9680}.turning .reveal-wheel{opacity:1;animation:4.2s both wheel-spin}.turning .reveal-wheel .card-back{animation:4.2s both reveal-bloom}.landed .reveal-wheel,.landed .shuffle-ring,.landed>.track{display:none}.reveal .shuffle-ring-a{top:var(--reveal-y,44%);width:370px;height:370px;margin:-185px}.reveal .shuffle-ring-b{top:var(--reveal-y,44%);width:290px;height:290px;margin:-145px}.reveal .shuffle-snap{top:var(--reveal-y,44%)}.turning .shuffle-ring-a{animation:4.2s ease-in-out both ring-a}.turning .shuffle-ring-b{animation:4.2s ease-in-out both ring-b}.turning .shuffle-snap{animation:1s ease-out 3.4s both wheel-snap}@keyframes reveal-bloom{0%{animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:rotate(0)translateY(0)scale(.6)}22%{transform:rotate(var(--a)) translateY(-156px) scale(.72);animation-timing-function:linear}80%{transform:rotate(var(--a)) translateY(-156px) scale(.72);animation-timing-function:cubic-bezier(.7,0,.9,.5)}98%{transform:rotate(0)translateY(0)scale(.6)}to{transform:rotate(0)translateY(0)scale(.6)}}.screen-arrive{--card-full:min(100%, 360px, calc((100dvh - 186px) * 5 / 7))}#app:has(>.screen-home){height:100dvh;min-height:0;padding-top:max(6px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom));overflow:hidden}.screen-home{gap:clamp(3px,1.1dvh,10px);min-height:0}.screen-home>*{flex:none}.screen-home>.deck{flex:1 1 0;width:100%;height:auto;min-height:84px;margin:0;container-type:size}.deck-card{--card-h:min(78cqh, 56cqw);width:calc(var(--card-h) * .714);height:var(--card-h);margin:calc(var(--card-h) * -.5) 0 0 calc(var(--card-h) * -.357);transform:translateX(calc(var(--fan) * var(--card-h) * .4 + var(--lean-x) * 14px)) translateY(calc(var(--fan) * var(--fan) * var(--card-h) * .07 + var(--lean-y) * 10px)) rotate(calc(var(--fan) * 13deg)) rotateY(calc(var(--lean-x) * 24deg)) rotateX(calc(var(--lean-y) * -18deg))}.screen-home .tagline{text-wrap:balance;max-width:360px;color:var(--home-call,#ffd97a);text-shadow:0 1px 6px #0a0c28b3;margin:0;font-size:18px;font-style:normal;font-weight:600;line-height:1.26}html[data-theme=sun]{--home-call:#7a2e00}html[data-theme=sun] .screen-home .tagline{text-shadow:0 1px 6px #fff9}.screen-home .home-steps{margin:0;font-size:13px}.screen-home .home-day{margin:0;font-size:12px;line-height:1.25}.screen-home button.primary,.screen-home .home-row button{padding-top:clamp(7px,1.6dvh,14px);padding-bottom:clamp(7px,1.6dvh,14px)}#app:has(>.screen-opening){padding-top:10px;padding-bottom:10px}.screen-opening{gap:clamp(8px,2dvh,22px);min-height:calc(100dvh - 20px)}.screen-opening h1{margin:0;font-size:clamp(21px,4.4dvh,28px);line-height:1.1}.share-panel{color:var(--ink);--text:var(--ink);--text-soft:#5b5648;--line:#1a1a1a80}.share-panel>*{flex-shrink:0}.screen-home{--home-tag:clamp(13px, min(2.85dvh, 4.75vw), 18px)}.screen-home>.deck{min-height:60px}.screen-home .wordmark{margin:0}.screen-home .wordmark svg{width:min(100%,250px,36dvh)}.screen-home .tagline{font-size:var(--home-tag);line-height:1.24}.screen-home .home-steps{gap:6px;font-size:clamp(11px,2.05dvh,13.5px)}.screen-home .home-steps li{gap:clamp(1px,.7dvh,6px)}.screen-home .step-icon{width:clamp(16px,3.6dvh,28px);height:clamp(16px,3.6dvh,28px)}.screen-home button.primary,.screen-home .home-row button{padding-top:clamp(4px,1.5dvh,14px);padding-bottom:clamp(4px,1.5dvh,14px);font-size:clamp(14px,2.7dvh,17px)}.screen-home .toggles{margin:0;font-size:clamp(12.5px,2.4dvh,16px)}.screen-home .toggles button{font-size:inherit;padding-top:0;padding-bottom:0}.screen-home .home-day{font-size:clamp(10.5px,1.9dvh,12px);line-height:1.2}.screen-home .next-reading{margin:0;font-size:clamp(11.5px,2.1dvh,14px)}.screen-home .birthday-note{margin:0;font-size:clamp(12px,2.3dvh,16px)}@media (orientation:landscape) and (max-height:500px){#app:has(>.screen-home){max-width:none}.screen-home{grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-auto-rows:auto;align-content:center;gap:3px 16px;display:grid}.screen-home>*{grid-column:2}.screen-home>.deck{grid-area:1/1/span 9;align-self:center;height:calc(100dvh - 24px)}.screen-home .tagline{max-width:none}.screen-home .wordmark{justify-self:start;width:150px}.screen-home .toggles{justify-self:center}.screen-home .home-steps{justify-content:center;gap:10px;display:flex}.screen-home .home-steps li{text-align:left;flex-direction:row;flex:1;gap:4px}}@media screen{.end-card:after{content:"";z-index:5;outline-offset:2px;pointer-events:none;border:1px solid #b8860b;border-radius:9px;outline:1px solid #b8860b;position:absolute;top:9px;bottom:9px;left:9px;right:9px}}.fortune-card{width:var(--card-full);aspect-ratio:63/88;perspective:1400px;cursor:pointer;-webkit-tap-highlight-color:transparent;align-self:center;position:relative}.flip>.fortune-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;transform:rotateY(180deg)}.landed .flip>.fortune-card{height:auto;position:relative;transform:none}.landed .flip.can-turn{cursor:pointer}.fortune-in{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s ease-in-out;display:block;position:relative}.fortune-shown .fortune-in{transform:rotateY(180deg)}.fortune-in>.end-card,.fortune-back{box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.fortune-back{color:#1a1a1a;box-shadow:0 8px 24px var(--card-shadow,#00000073);background:#fbf6ea;border-radius:4.5%/3.2%;padding:9px;overflow:hidden;transform:rotateY(180deg)}.fortune-frame{box-sizing:border-box;outline-offset:2px;border:1px solid #b8860b;border-radius:9px;outline:1px solid #b8860b;height:100%;padding:11px 13px;display:flex;overflow-y:auto}.fortune-fit{text-align:center;overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:.5em;width:100%;margin:auto;font-size:14px;line-height:1.3;display:flex}.fortune-fit p{color:inherit;margin:0}.fortune-head{letter-spacing:2.5px;text-transform:uppercase;color:#8a6a10;font-size:.8em;font-weight:600}.fortune-fit .fortune-short{color:#2f3e6e;font-size:1.14em;font-style:italic;line-height:1.26}.fortune-rule{color:#b8860b;font-size:.8em;line-height:1}.fortune-hint{text-align:center;color:var(--text-soft,#5b5648);margin:0;font-size:13px}.screen-arrive{--arrive-compass:clamp(52px, 12dvh, 96px);--card-full:min(100%, 360px, calc((100dvh - var(--arrive-compass) - 78px) * 5 / 7))}.screen-arrive .compass svg{width:var(--arrive-compass);height:var(--arrive-compass);display:block}.fortune-when{color:#5b5648;font-size:.8em;line-height:1.2}.fortune-in>.end-card,.fortune-back{transition:visibility 0s linear .4s}.fortune-back,.fortune-shown .fortune-in>.end-card{visibility:hidden}.fortune-shown .fortune-back{visibility:visible}.reveal .shuffle-snap,.reveal .shuffle-ring,.reveal-burst,.reveal-wheel{pointer-events:none}.landed .shuffle-snap,.landed .reveal-burst{display:none}.flip,.fortune-card{touch-action:manipulation}@media (prefers-reduced-motion:reduce){.fortune-in,.fortune-in>.end-card,.fortune-back{transition:none}}.fortune-star{z-index:2;color:#2f3e6e;pointer-events:none;width:30px;height:30px;position:absolute;top:17px;left:19px}.fortune-star svg{width:100%;height:100%;display:block}.fortune-shiny{z-index:2;box-sizing:border-box;color:#8a6a10;pointer-events:none;background:linear-gradient(135deg,#fff4c4,#f3d27a 40%,#fffaf0 60%,#f5c6e8);border:1px solid #b8860b;border-radius:5px;place-items:center;width:26px;height:26px;font-size:15px;line-height:1;display:grid;position:absolute;top:19px;right:19px;overflow:hidden}.fortune-shiny .holo,html.holo-tilt .fortune-shiny .holo{opacity:.75;animation:9s ease-in-out infinite holo-drift;-webkit-mask:none;mask:none}@media (prefers-reduced-motion:reduce){.fortune-shiny .holo{animation:none}}.opening-goal{margin:0;font-size:clamp(13px,2.5dvh,16px);line-height:1.28}.opening-manual{flex-direction:column;gap:clamp(3px,1dvh,10px);margin:0;padding-left:1.5em;font-size:clamp(12.5px,2.35dvh,15.5px);line-height:1.26;display:flex}.opening-manual b{font-weight:600}#app:has(>.screen-opening){min-height:0}#app:has(>.screen-bearings){min-height:0;padding-top:10px;padding-bottom:10px}.screen-bearings{justify-content:center;gap:clamp(6px,1.5dvh,14px);min-height:calc(100dvh - 20px)}.screen-bearings h2{margin:0;font-size:clamp(17px,3.3dvh,22px);line-height:1.2}.screen-bearings .muted{margin:0;font-size:clamp(12.5px,2.2dvh,15px);line-height:1.25}.screen-bearings input[type=text]{padding:clamp(4px,1dvh,12px);font-size:clamp(18px,3.4dvh,24px)}.screen-bearings .word-note{margin:0;font-size:13px}.screen-bearings .row button{flex:1 1 0;min-width:0;padding:clamp(8px,1.8dvh,14px) 10px;font-size:clamp(14px,2.6dvh,17px)}.bearings-place{border:1px solid var(--line,var(--ink));border-radius:10px;align-items:center;gap:10px;padding:clamp(6px,1.2dvh,12px);display:flex}.bearings-place-note{color:var(--text-soft,#5b5648);flex:1;margin:0;font-size:clamp(11.5px,2dvh,13.5px);line-height:1.25}.bearings-place button{flex:none;padding:7px 10px;font-size:clamp(12.5px,2.2dvh,14px)}.step-line{color:var(--text-soft,#5b5648);margin:0;font-size:clamp(13px,2.3dvh,15px);line-height:1.3}.screen-draft h2,.screen-scene-pick h2{margin:0}.screen-bearings h1{margin:0;font-size:clamp(21px,4.2dvh,28px);line-height:1.1}.reveal-title{text-align:center;margin:0;font-size:clamp(18px,3.4dvh,24px);position:relative}.turning .reveal-title{opacity:0;transition:opacity .2s}.landed .reveal-title{display:none}.screen-arrive.veiled{--card-full:min(100%, 360px, calc((100dvh - 136px) * 5 / 7))}@media (max-height:590px){.screen-meet{gap:6px}.screen-meet :-webkit-any(.star-banner,.nearfate-banner){flex-direction:row;justify-content:center;gap:8px;padding:5px 10px}.screen-meet :is(.star-banner,.nearfate-banner){flex-direction:row;justify-content:center;gap:8px;padding:5px 10px}.screen-meet :-webkit-any(.star-banner,.nearfate-banner) p{display:none}.screen-meet :is(.star-banner,.nearfate-banner) p{display:none}.screen-meet .star-icon{width:22px;height:22px}.screen-meet:has(.outcome) .scene-row{grid-template-columns:27% 1fr;gap:10px}.screen-meet:has(.outcome) .scene-words .scene-text{font-size:13px;line-height:1.26}.screen-meet:has(.outcome) .scene-words .scene-prompt{font-size:13px;line-height:1.26}.screen-meet .outcome>p{font-size:13.5px;line-height:1.28}.screen-scene-pick:has(.fork-figure){gap:6px}.screen-scene-pick:has(.fork-figure) .turn-row{align-self:center;width:74%}.screen-scene-pick:has(.fork-figure) .fork-figure-words{font-size:13px;line-height:1.26}.screen-scene-pick:has(.fork-figure) .scene-text{font-size:13px;line-height:1.26}.screen-scene-pick:has(.fork-figure) .scene-prompt{font-size:13px;line-height:1.26}}#app:has(>.screen-fork){height:100dvh;min-height:0;padding:0;overflow:hidden}#app:has(>.screen-fork) .art-toggle{display:none}.screen-fork{gap:0;height:100dvh}.fork-stage{background:#121735;flex-direction:column;height:100%;display:flex;container-type:inline-size}.fork-paint{flex:0 138cqw;min-height:64cqw;position:relative;overflow:hidden}.fork-art{width:100%;height:auto;display:block;position:absolute;top:-32.3cqw;left:0}.fork-roads{pointer-events:none;width:100%;position:absolute;top:0;left:0}.fork-roads svg{width:100%;height:auto;display:block;overflow:visible}.fork-roads path{fill:none;stroke:#ffd97a;stroke-width:5px;stroke-linecap:round;stroke-dasharray:460;stroke-dashoffset:460px;filter:drop-shadow(0 0 5px #ffd97a);transition:stroke-dashoffset 1.5s ease-in-out}.fork-roads path.lit{stroke-dashoffset:0}.fork-head{z-index:6;text-align:center;pointer-events:none;padding:0 58px;position:absolute;top:2.5cqw;left:0;right:0}.fork-head h2{color:#efe8d8;text-shadow:0 2px 10px #0b0f24,0 0 3px #0b0f24;margin:0;font-size:5.4cqw;line-height:1.14}.fork-head .step-line{color:#fff;text-shadow:0 1px 6px #0b0f24,0 0 3px #0b0f24;margin-top:1cqw;font-size:3.6cqw;line-height:1.22}.fork-paint .turn-card{z-index:4;width:24.5cqw;position:absolute;top:26cqw}.fork-road-0{left:21cqw}.fork-road-1{right:2cqw}.fork-glow{z-index:3;pointer-events:none;background:radial-gradient(closest-side,#ffd97ab3,#ffd97a00);border-radius:50%;width:30cqw;height:10cqw;position:absolute;top:51cqw}.fork-glow-0{left:18.5cqw}.fork-glow-1{right:-3cqw}.fork-panel{box-sizing:border-box;padding:clamp(6px, 1.3dvh, 12px) 16px max(10px, env(safe-area-inset-bottom));color:#efe8d8;border-top:1px solid #b8860b;flex-direction:column;flex:1 0 auto;gap:clamp(4px,1dvh,10px);display:flex}.fork-traveler{align-items:center;gap:12px;display:flex}.fork-who{z-index:7;flex:none;width:clamp(44px,10.5dvh,74px);position:relative}.fork-who .card{pointer-events:none;width:100%}.fork-who .card-text,.fork-who .card-trait{display:none}.fork-panel .fork-figure-words{margin:0;font-size:clamp(12.5px,2.2dvh,15px);line-height:1.26}.fork-panel .fork-figure-words b{font-size:1.1em;display:block}.fork-panel .fork-words{min-height:clamp(60px,13.5dvh,96px);font-size:clamp(12.5px,2.2dvh,15px);line-height:1.26}.fork-panel .fork-words .scene-name{font-size:1.14em;font-weight:600}.fork-panel .fork-words p{font-size:inherit;line-height:inherit;margin:0}.fork-panel .fork-choice{flex-wrap:nowrap;margin-top:auto}.fork-panel .fork-choice button{flex:1 1 0;min-width:0;padding:clamp(7px,1.6dvh,13px) 8px;font-size:clamp(13.5px,2.5dvh,16px)}.trip-bg{z-index:-1;pointer-events:none;background-position:50%;background-size:cover;position:fixed;top:0;bottom:0;left:0;right:0}.trip-bg:after{content:"";background:linear-gradient(#0e13309e,#0e133057 45%,#0e133099);position:absolute;top:0;bottom:0;left:0;right:0}.screen-shuffle,.screen-draft,.screen-scene-pick,.screen-arrive.veiled{color:#efe8d8}:-webkit-any(.screen-shuffle,.screen-draft,.screen-scene-pick,.screen-arrive.veiled) h2{color:#efe8d8;text-shadow:0 2px 8px #0b0f24}:is(.screen-shuffle,.screen-draft,.screen-scene-pick,.screen-arrive.veiled) h2{color:#efe8d8;text-shadow:0 2px 8px #0b0f24}:-webkit-any(.screen-shuffle,.screen-draft,.screen-scene-pick) .step-line{color:#fff;text-shadow:0 1px 6px #0b0f24}:is(.screen-shuffle,.screen-draft,.screen-scene-pick) .step-line{color:#fff;text-shadow:0 1px 6px #0b0f24}html[data-theme] :-webkit-any(.screen-shuffle,.screen-arrive.veiled) .reveal-hint{color:#fff;text-shadow:0 1px 6px #0b0f24}html[data-theme] :is(.screen-shuffle,.screen-arrive.veiled) .reveal-hint{color:#fff;text-shadow:0 1px 6px #0b0f24}.track{--at:0;flex:none;height:12px;margin:2px 66px 0 6px;position:relative}.track:before,.track-fill{content:"";background:#efe8d866;border-radius:1px;height:2px;position:absolute;top:5px;left:0}.track:before{right:0}.track-fill{width:calc(var(--at) * 100%);background:#ffd97a;transition:width 1s ease-in-out;box-shadow:0 0 4px #ffd97a}.track-stop{background:#5c6087;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:3px}.track-stop.done{background:#ffd97a}.track-stop.last{border-radius:1px;width:8px;height:8px;margin-left:-4px;top:2px;transform:rotate(45deg)}.track-mark{top:1px;left:calc(var(--at) * 100%);background:#fff;border-radius:50%;width:10px;height:10px;margin-left:-5px;transition:left 1s ease-in-out;position:absolute;box-shadow:0 0 7px #ffd97a}.fork-head .track{margin:0 -40px 1.4cqw}.meet-where{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.meet-where .track{margin:0 6px 0 5px}.reveal>.track{align-self:stretch;margin:0 56px 0 6px}@media (prefers-reduced-motion:reduce){.track-fill,.track-mark{transition:none}}#app:has(>.screen-meet .meet-hero){height:100dvh;min-height:0;padding:0;overflow:hidden}.screen-meet:has(.meet-hero){gap:0;height:100dvh}.meet-hero{background:#121735;flex:1 1 0;min-height:88px;position:relative;overflow:hidden}.meet-hero>.scene{width:100%;max-width:none;height:auto;box-shadow:none;border:0;border-radius:0;margin:0;position:absolute;top:50%;left:0;transform:translateY(-44%)}.meet-hero:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0e1330d1,#0e133000);height:74px;position:absolute;top:0;bottom:auto;left:0;right:0}.meet-hero .meet-head{z-index:4;align-items:flex-start;min-height:0;padding:8px 104px 0 14px;position:absolute;top:0;left:0;right:0}.meet-hero .meet-step{color:#efe8d8;text-shadow:0 1px 4px #0b0f24}html[data-theme] .meet-hero .compass{color:#efe8d8}.meet-hero .compass svg{width:40px;height:40px}.meet-body{padding:clamp(7px, 1.4dvh, 12px) 16px max(12px, env(safe-area-inset-bottom));flex-direction:column;flex:none;gap:clamp(5px,1.1dvh,10px);display:flex}.meet-body .scene-words p{margin:2px 0 0}#app:has(>.screen-draft){min-height:0;padding-top:12px;padding-bottom:12px}#app:has(>.screen-scene-pick){min-height:0;padding-top:12px;padding-bottom:12px}.screen-draft,.screen-scene-pick{gap:clamp(6px,1.4dvh,14px)}.luck-storm{z-index:1600;cursor:pointer;background:#080b1eed;transition:opacity .35s;animation:.35s ease-out both rise-in;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.luck-storm.closing{opacity:0}.luck-stage{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.luck-line{color:#ffd97a;text-align:center;text-shadow:0 2px 8px #0b0f24;max-width:340px;margin:0;font-size:clamp(17px,3.2dvh,22px);font-weight:600;line-height:1.25}.luck-starcrossed .luck-line{color:#d7ddf5}.luck-card{aspect-ratio:63/88;width:min(74vw,320px,71.4286dvh - 107.143px);animation:.7s cubic-bezier(.2,1.4,.4,1) both luck-pop}.luck-card>*{box-sizing:border-box;width:100%;height:100%;margin:0;position:relative}.luck-card .card-text,.luck-card .card-trait{display:none}@keyframes rise-in{0%{opacity:0}}@keyframes luck-pop{0%{opacity:0;transform:scale(.7)}}.storm-flash{background:radial-gradient(circle,#ffecaabf,#ffd97a00 70%);animation:.9s ease-out both storm-flash;position:absolute;top:0;bottom:0;left:0;right:0}.storm-star{left:var(--x);font-size:var(--s);color:#0000;background:linear-gradient(115deg,#ff6f91,#ffc96b,#9dff8a,#64e4ff,#8e7dff,#ff6fd2,#ff6f91) 0 0/300% 300%;filter:drop-shadow(0 0 5px #ffffffd9);animation:storm-fall var(--t) ease-in var(--d) both, storm-holo 1.5s linear var(--h) infinite;-webkit-background-clip:text;background-clip:text;font-style:normal;line-height:1;position:absolute;top:-40px}.storm-boom{left:var(--x);top:var(--y);width:16px;height:16px;animation:storm-boom .6s ease-out var(--d) both;background:#fff;border-radius:50%;margin:-8px;position:absolute;box-shadow:0 0 26px 12px #ffd97a}.storm-spark{left:var(--x);top:var(--y);background:var(--c);width:5px;height:5px;box-shadow:0 0 7px var(--c);animation:storm-spark 1.1s cubic-bezier(.1, .7, .3, 1) var(--d) both;border-radius:50%;margin:-2.5px;position:absolute}.storm-shoot{left:var(--x);top:var(--y);width:var(--l);transform-origin:0;height:2.5px;animation:storm-shoot var(--t) ease-in var(--d) both;background:linear-gradient(90deg,#cfd8ff00,#cfd8ff99 70%,#fff);border-radius:2px;position:absolute;box-shadow:0 0 8px #d7e1ffe6}.storm-shoot:after{content:"✦";color:#fff;text-shadow:0 0 10px #fff,0 0 20px #cfd8ff;font-size:30px;font-style:normal;line-height:1;position:absolute;top:50%;right:-14px;transform:translateY(-50%)rotate(30deg)}@keyframes storm-holo{to{background-position:300% 300%}}@keyframes storm-flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes storm-fall{0%{opacity:0;transform:translate(0)rotate(0)}12%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(var(--drift), 105dvh) rotate(200deg)}}@keyframes storm-boom{0%{opacity:0;transform:scale(.2)}25%{opacity:1}to{opacity:0;transform:scale(2)}}@keyframes storm-spark{0%{opacity:0;transform:rotate(var(--a)) translateX(0)}12%{opacity:1}75%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(var(--r)) translateY(26px)}}@keyframes storm-shoot{0%{opacity:0;transform:rotate(-30deg)translate(0)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:rotate(-30deg)translate(92vh)}}.reveal{perspective-origin:50% var(--reveal-y,50%)}h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus,.meet-step[tabindex="-1"]:focus,.outcome[tabindex="-1"]:focus,.screen[tabindex="-1"]:focus{outline:none}