:root{--night-950: #0e0a1c;--night-900: #140f26;--night-800: #1e1638;--night-700: #2a1f4d;--night-600: #3a2c66;--violet-500: #7b5cd6;--violet-300: #b9a4f5;--gold-500: #e0ac4a;--gold-400: #f2c66d;--gold-300: #f7dc9c;--paper: #fff7ea;--paper-2: #f6ead3;--paper-line: #e4d3b4;--ink: #2b2140;--ink-soft: #5d5078;--pink-300: #ff9fb8;--pink-400: #ff7c9c;--mint-300: #8fe3cf;--sky-300: #9cd3ff;--font-display: "Jua", "Gowun Dodum", system-ui, sans-serif;--font-body: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--radius-card: 16px;--radius-ui: 14px;--shadow-card: 0 18px 40px -12px rgba(0, 0, 0, .55), 0 0 0 1px rgba(242, 198, 109, .25);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}:root{--night-sky: linear-gradient(180deg, #231a45 0%, var(--night-900) 45%, var(--night-950) 100%);--text-on-night: #f6f1ff;--text-on-night-soft: #c8bce6;--stamp-ink: #e0486e;--sky-400: #6fb6f0;--paper-shadow: 0 30px 60px -24px rgba(0, 0, 0, .7), 0 2px 0 rgba(255, 255, 255, .6) inset;--gold-foil: linear-gradient(135deg, var(--gold-300) 0%, var(--gold-400) 38%, var(--gold-500) 70%, var(--gold-300) 100%);--font-tarot: "Cinzel", "Times New Roman", serif;--page-max: 560px;--gutter: 16px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--night-950);color-scheme:dark}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--night-950);color:var(--text-on-night);font-family:var(--font-body);font-size:16px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}h1,h2,h3,p,dl,dd,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button{font:inherit;color:inherit}a{color:inherit}svg{display:block}:focus-visible{outline:3px solid var(--gold-400);outline-offset:3px;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#root{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh}.screen{position:relative;z-index:1;width:100%;max-width:calc(var(--page-max) + 2 * var(--gutter));margin:0 auto;padding:max(16px,env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));animation:screen-in .38s var(--ease-out) backwards}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}}.eyebrow{font-family:var(--font-tarot);font-weight:700;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-400)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;min-height:52px;padding:0 1.4rem;border:0;border-radius:999px;font-family:var(--font-display);font-size:1.08rem;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .16s var(--ease-out),box-shadow .2s var(--ease-out),background-color .2s var(--ease-out),opacity .2s}.btn:active{transform:translateY(1px) scale(.98)}.btn[disabled],.btn[aria-disabled=true]{opacity:.4;cursor:default;pointer-events:none}.btn svg{width:1.15em;height:1.15em;flex:none}.btn--primary{background:var(--gold-foil);color:var(--ink);box-shadow:0 10px 24px -10px #f2c66dbf,0 0 0 1px #ffffff59 inset,0 -3px #a0681440 inset}.btn--primary:hover{box-shadow:0 14px 30px -10px #f2c66de6,0 0 0 1px #ffffff73 inset,0 -3px #a0681440 inset}.btn--ghost{background:#ffffff0f;color:var(--text-on-night);box-shadow:0 0 0 1.5px #f2c66d73 inset}.btn--ghost:hover{background:#ffffff1f}.btn--block{width:100%}.icon-btn{display:inline-grid;place-items:center;flex:none;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:#ffffff14;color:var(--text-on-night);box-shadow:0 0 0 1.5px #f2c66d59 inset;text-decoration:none;cursor:pointer;transition:background-color .2s,transform .16s var(--ease-out)}.icon-btn:hover{background:#ffffff29}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:22px;height:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-bottom:18px}.topbar__brand{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:1.05rem;color:var(--gold-300);text-decoration:none}.topbar__brand svg{width:20px;height:20px}.pill-link{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 16px 0 12px;border-radius:999px;background:#ffffff14;box-shadow:0 0 0 1.5px #f2c66d59 inset;font-family:var(--font-display);font-size:.98rem;color:var(--text-on-night);text-decoration:none;transition:background-color .2s}.pill-link:hover{background:#ffffff29}.pill-link svg{width:20px;height:20px}.toast-region{position:fixed;z-index:50;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);pointer-events:none}.toast{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:600;font-size:.95rem;box-shadow:0 12px 30px -8px #0009,0 0 0 1px #f2c66d66;animation:toast-in .28s var(--ease-spring) both}.toast svg{width:18px;height:18px;color:var(--gold-400)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}}.chip{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;background:var(--paper-2);box-shadow:0 0 0 1px var(--paper-line) inset;color:var(--ink);font-size:.82rem;font-weight:600;line-height:1}.chip:before{content:"#";margin-right:1px;color:var(--stamp-ink)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}#root{overflow-x:clip}.starfield{position:fixed;inset:0;z-index:-1;background:var(--night-sky);pointer-events:none}.starfield__glow{position:absolute;top:-18vmax;right:-14vmax;width:52vmax;height:52vmax;border-radius:50%;background:radial-gradient(closest-side,rgba(185,164,245,.28),rgba(123,92,214,.1) 55%,transparent)}.starfield:after{content:"";position:absolute;inset:auto 0 0;height:40vh;background:radial-gradient(70% 100% at 50% 100%,rgba(123,92,214,.22),transparent 70%)}.starfield__svg{position:absolute;inset:0;width:100%;height:100%}.star{fill:#fff8e7;opacity:.55}.star--twinkle{animation:twinkle 3.6s ease-in-out infinite}.star--sparkle{fill:var(--gold-300);opacity:.8;transform-box:fill-box;animation:twinkle 4.8s ease-in-out infinite}@keyframes twinkle{50%{opacity:.12}}.tcard{container-type:inline-size;position:relative;width:240px;aspect-ratio:240 / 380;flex:none}.tcard__frame{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:7cqw 6.5cqw 6cqw;border-radius:6.5cqw;background:radial-gradient(120% 60% at 50% 0%,rgba(123,92,214,.35),transparent 70%),linear-gradient(180deg,var(--night-700),var(--night-900));box-shadow:0 0 0 1.2cqw var(--gold-400),0 0 0 1.7cqw #9a6a1f,0 5cqw 10cqw -3cqw #0000008c;overflow:hidden}.tcard__frame:before{content:"";position:absolute;inset:3cqw;border:.8cqw solid var(--gold-400);border-radius:4cqw;pointer-events:none;opacity:.9}.tcard__frame:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 35%,rgba(255,255,255,.14) 48%,transparent 60%);pointer-events:none}.tcard__numeral{display:flex;align-items:center;gap:3cqw;height:12cqw;font-family:var(--font-tarot);font-weight:700;font-size:9.5cqw;line-height:1;color:var(--gold-300);letter-spacing:.06em}.tcard__orn{width:7cqw;height:.7cqw;border-radius:1cqw;background:var(--gold-500);position:relative}.tcard__orn:after{content:"";position:absolute;top:50%;width:1.8cqw;height:1.8cqw;border-radius:50%;background:var(--gold-400);transform:translateY(-50%)}.tcard__orn:first-child:after{left:-1cqw}.tcard__orn:last-child:after{right:-1cqw}.tcard__art{position:relative;width:100%;aspect-ratio:240 / 300;margin-top:2cqw;border-radius:3cqw;overflow:hidden;box-shadow:0 0 0 .9cqw var(--gold-500),0 0 0 1.6cqw #140f26cc;background:var(--night-800)}.tcard__art svg{width:100%;height:100%}.tcard__plate{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:1.2cqw;width:100%;margin-top:3.4cqw;padding:1.6cqw 3cqw;border-radius:2.5cqw;background:linear-gradient(180deg,#f7dc9c24,#f7dc9c0d);box-shadow:0 0 0 .6cqw #f2c66d8c inset;text-align:center;min-height:0}.tcard__en{font-family:var(--font-tarot);font-weight:700;font-size:7.2cqw;line-height:1.05;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-300);white-space:nowrap}.tcard__ko{font-family:var(--font-display);font-size:5.6cqw;line-height:1.1;color:var(--text-on-night);white-space:nowrap}.draw{--page-max: 1040px;display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;text-align:center}.draw__hero{display:flex;flex-direction:column;align-items:center;padding-top:4px}.draw__cat{width:84px;height:auto;aspect-ratio:200 / 250;margin-bottom:6px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45));animation:cat-bob 3.2s ease-in-out infinite}@keyframes cat-bob{50%{transform:translateY(-4px) rotate(-2deg)}}.draw__title{display:flex;flex-direction:column;align-items:center;margin-top:6px;font-family:var(--font-display);font-weight:400;line-height:1.02}.draw__title-main{font-size:clamp(2.9rem,11vw,4.4rem);background:var(--gold-foil);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(242,198,109,.35));letter-spacing:.02em}.draw__title-sub{margin-top:4px;font-size:clamp(1.45rem,5.6vw,2.1rem);color:var(--text-on-night)}.draw__subtitle{margin-top:10px;color:var(--text-on-night-soft);font-size:.98rem}.draw__hint{display:inline-flex;align-items:center;gap:8px;margin:22px 0 14px;padding:8px 16px;border-radius:999px;background:#ffffff0f;box-shadow:0 0 0 1px #f2c66d38 inset;font-family:var(--font-display);font-size:1.02rem;color:var(--gold-300)}.draw__hint svg{width:16px;height:16px;opacity:.8}.draw__hint svg:last-child{transform:scaleX(-1)}.draw__actions{margin-top:14px}.draw__foot{margin-top:auto;padding-top:18px;font-size:.8rem;color:var(--text-on-night-soft);opacity:.8}.spread{container-type:inline-size;position:relative;width:100%;max-width:420px;transition:opacity .3s,filter .3s}.spread.is-dimmed{opacity:.35;filter:saturate(.6)}.spread__card{position:absolute;top:0;left:0;width:calc(var(--card-w) * 1cqw);aspect-ratio:240 / 380;padding:0;border:0;background:none;cursor:pointer;transform:translate(calc(var(--x) * 1cqw - 50%),calc(var(--y) * 1cqw - 50%)) rotate(var(--r));transition:transform .56s var(--ease-spring) var(--delay);-webkit-touch-callout:none}.spread__card:disabled{cursor:default}.spread__card.is-picked{visibility:hidden}.spread__lift{display:block;width:100%;height:100%;border-radius:7%/4.5%;box-shadow:0 6px 14px -4px #0009;transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out)}.spread__lift svg{width:100%;height:100%}@media(hover:hover){.spread__card:not(:disabled):hover .spread__lift{transform:translateY(-12%);box-shadow:0 14px 24px -6px #0009,0 0 22px #f2c66d73}}.spread__card:focus-visible{outline:none}.spread__card:focus-visible .spread__lift{transform:translateY(-12%);outline:3px solid var(--gold-400);outline-offset:2px}.spread__card:not(:disabled):active .spread__lift{transform:translateY(-6%) scale(.97)}@media(min-width:720px){.spread{max-width:1000px;margin-top:8px}.draw__cat{width:96px}}html.is-locked{overflow:hidden}.reveal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));overflow-y:auto}.reveal__backdrop{position:fixed;inset:0;background:radial-gradient(80% 60% at 50% 45%,#3a2c66bf,#0e0a1cf0);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .3s ease-out both}@keyframes fade-in{0%{opacity:0}}.reveal__body{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px}.reveal__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;opacity:0;transition:opacity .4s}.reveal__eyebrow svg{width:14px;height:14px}.reveal--revealed .reveal__eyebrow{opacity:1}.reveal__stage{position:relative;display:grid;place-items:center;--card: clamp(150px, min(60vw, 250px, calc((100dvh - 330px)*.6316) ), 250px);width:var(--card);aspect-ratio:240 / 380}.reveal__rays{position:absolute;inset:-30% -60%;border-radius:50%;background:radial-gradient(closest-side,rgba(247,220,156,.5),rgba(242,198,109,.14) 45%,transparent 72%),repeating-conic-gradient(from 0deg,rgba(247,220,156,.1) 0deg 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(closest-side,#000 25%,transparent 85%);mask:radial-gradient(closest-side,#000 25%,transparent 85%);opacity:0;transform:scale(.6);transition:opacity .6s ease-out,transform .9s var(--ease-out)}.reveal--flip .reveal__rays,.reveal--revealed .reveal__rays{opacity:1;transform:scale(1);animation:rays-spin 24s linear infinite}@keyframes rays-spin{to{rotate:360deg}}.reveal__fly{position:relative;width:100%;height:100%;perspective:1200px;transition:transform .56s var(--ease-out)}.reveal__flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .68s var(--ease-spring)}.reveal--flip .reveal__flipper,.reveal--revealed .reveal__flipper{transform:rotateY(180deg)}.reveal__face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:drop-shadow(0 22px 30px rgba(0,0,0,.55))}.reveal__face svg,.reveal__face .tcard{width:100%;height:100%}.reveal__face--front{transform:rotateY(180deg)}.reveal__burst{position:absolute;inset:0;pointer-events:none}.reveal__spark{position:absolute;width:26px;height:26px;color:var(--gold-300);opacity:0}.reveal--revealed .reveal__spark{animation:spark-pop .9s var(--ease-out) both}.reveal__spark--0{top:-4%;left:-10%;animation-delay:0ms}.reveal__spark--1{top:10%;right:-14%;width:18px;height:18px;animation-delay:80ms}.reveal__spark--2{top:48%;left:-18%;width:16px;height:16px;animation-delay:.16s}.reveal__spark--3{bottom:16%;right:-16%;animation-delay:60ms}.reveal__spark--4{bottom:-5%;left:4%;width:20px;height:20px;animation-delay:.2s}.reveal__spark--5{top:62%;right:-9%;width:14px;height:14px;animation-delay:.12s}@keyframes spark-pop{0%{opacity:0;transform:scale(0) rotate(0)}40%{opacity:1;transform:scale(1.2) rotate(40deg)}to{opacity:.85;transform:scale(1) rotate(90deg)}}.reveal__text{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:22px}.reveal__text>*{opacity:0;transform:translateY(10px);transition:opacity .32s ease-out,transform .42s var(--ease-spring)}.reveal--revealed .reveal__text>*{opacity:1;transform:none}.reveal--revealed .reveal__text>:nth-child(2){transition-delay:70ms}.reveal--revealed .reveal__text>:nth-child(3){transition-delay:.14s}.reveal__title{font-family:var(--font-display);font-weight:400;font-size:1.7rem;line-height:1.25}.reveal__theme{margin-top:6px;color:var(--text-on-night-soft)}.reveal__theme strong{color:var(--gold-300);font-weight:700}.reveal__actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px;margin-top:20px}.reveal:not(.reveal--revealed) .reveal__actions{pointer-events:none}.result{padding-bottom:0}.sheet{position:relative;margin-top:34px;padding:26px 20px 22px;border-radius:22px;color:var(--ink);background:repeating-linear-gradient(180deg,transparent 0 31px,rgba(228,211,180,.35) 31px 32px),radial-gradient(120% 50% at 50% 0%,#fffdf7,var(--paper) 60%);box-shadow:var(--paper-shadow);animation:sheet-in .52s var(--ease-spring) both}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px) rotate(-1deg)}}.sheet__ears{position:absolute;top:-30px;left:0;right:0;height:34px;pointer-events:none}.sheet__ears:before,.sheet__ears:after{content:"";position:absolute;bottom:0;width:58px;height:40px;background:#fffdf7;clip-path:polygon(0 100%,42% 4%,50% 0,58% 4%,100% 100%);border-radius:6px}.sheet__ears:before{left:30px;transform:rotate(-8deg)}.sheet__ears:after{right:30px;transform:rotate(8deg)}.sheet__head{position:relative;padding:4px 84px 16px 0;border-bottom:2px dashed var(--paper-line)}.sheet__kicker{font-family:var(--font-tarot);font-weight:700;font-size:.66rem;letter-spacing:.16em;color:var(--ink-soft)}.sheet__title{margin-top:4px;font-family:var(--font-display);font-weight:400;font-size:clamp(1.6rem,7vw,2.1rem);line-height:1.15}.sheet__title span{display:block}.sheet__title span:first-child{font-size:.72em;color:var(--ink-soft)}.sheet__date{margin-top:4px;font-size:.85rem;font-weight:600;color:var(--ink-soft)}.stamp{position:absolute;top:8px;right:-2px;display:grid;place-items:center;width:84px;height:84px;color:var(--stamp-ink);transform:rotate(-14deg);opacity:.88;mix-blend-mode:multiply;animation:stamp-in .48s var(--ease-spring) .38s both}.stamp svg{position:absolute;inset:0;width:100%;height:100%}.stamp__ring{font-family:var(--font-tarot);font-weight:700;font-size:9.4px;letter-spacing:1.4px;fill:currentColor}.stamp__nyang{font-family:var(--font-display);font-size:30px;line-height:1}@keyframes stamp-in{0%{opacity:0;transform:rotate(-30deg) scale(1.8)}}.sheet__profile{display:flex;align-items:center;gap:16px;padding:18px 0 14px}.sheet__card{width:96px;transform:rotate(-4deg)}.sheet__who{min-width:0}.sheet__field{font-size:.75rem;font-weight:700;color:var(--ink-soft)}.sheet__card-name{font-family:var(--font-display);font-weight:400;font-size:1.5rem;line-height:1.2}.sheet__cat-name{font-weight:700;color:var(--stamp-ink)}.sheet__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sheet__type{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:var(--radius-ui);background:var(--night-800);color:var(--text-on-night)}.sheet__type span{font-size:.8rem;color:var(--text-on-night-soft)}.sheet__type strong{font-family:var(--font-display);font-weight:400;font-size:1.1rem;color:var(--gold-300);text-align:right}.sheet__reading{padding:20px 2px 4px;text-align:center}.sheet__headline{font-family:var(--font-display);font-weight:400;font-size:clamp(1.35rem,5.6vw,1.65rem);line-height:1.35}.sheet__headline:before,.sheet__headline:after{color:var(--gold-500)}.sheet__headline:before{content:"“"}.sheet__headline:after{content:"”"}.sheet__summary{margin-top:8px;color:var(--ink-soft);line-height:1.7}.sheet__section{padding-top:22px}.sheet__label{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:var(--font-display);font-weight:400;font-size:1.12rem}.sheet__label span{display:inline-grid;place-items:center;width:30px;height:22px;border-radius:6px;background:var(--ink);color:var(--gold-300);font-family:var(--font-tarot);font-weight:700;font-size:.72rem}.sheet__label--plain{margin-bottom:2px;font-size:.95rem;color:var(--ink-soft)}.gauges{display:grid;gap:12px}.gauge__head{display:flex;align-items:baseline;justify-content:space-between}.gauge__label{font-weight:700}.gauge__score{font-family:var(--font-display);font-size:1.25rem;line-height:1}.gauge__score small{margin-left:1px;font-size:.7rem;color:var(--ink-soft)}.gauge__track{position:relative;height:16px;margin-top:5px;border-radius:999px;background:var(--paper-2);box-shadow:0 0 0 1.5px var(--paper-line) inset}.gauge__fill{position:relative;width:var(--score);height:100%;border-radius:inherit;background:var(--gauge-color);box-shadow:0 -3px #0000001a inset;transform-origin:left center;animation:gauge-fill .9s var(--ease-out) calc(.3s + var(--i) * .12s) both}.gauge--0{--gauge-color: linear-gradient(90deg, var(--pink-300), var(--pink-400))}.gauge--1{--gauge-color: linear-gradient(90deg, var(--sky-300), var(--sky-400))}.gauge--2{--gauge-color: linear-gradient(90deg, var(--violet-300), var(--violet-500))}.gauge--3{--gauge-color: linear-gradient(90deg, var(--gold-300), var(--gold-500))}.gauge__paw{position:absolute;top:50%;right:-4px;width:22px;height:22px;padding:3px;border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:0 0 0 2px var(--ink);transform:translateY(-50%)}.gauge__comment{margin-top:4px;font-size:.85rem;color:var(--ink-soft)}@keyframes gauge-fill{0%{transform:scaleX(0)}}.rx{border-top:2px solid var(--ink)}.rx__row{display:grid;grid-template-columns:8.2em 1fr;gap:10px;padding:11px 2px;border-bottom:1px dashed var(--paper-line)}.rx__row dt{font-size:.85rem;font-weight:700;color:var(--ink-soft);white-space:nowrap}.rx__row dd{font-weight:600}.rx__row--caution dd{font-weight:500;font-size:.95rem}.missions__list{display:grid;gap:8px}.mission{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 12px;border:0;border-radius:var(--radius-ui);background:#fffdf8;box-shadow:0 0 0 1.5px var(--paper-line) inset;text-align:left;cursor:pointer;transition:background-color .2s,box-shadow .2s}.mission:hover{background:#fff}.mission__box{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;box-shadow:0 0 0 2px var(--paper-line) inset;color:transparent;transition:background-color .2s,color .2s,box-shadow .2s}.mission__box svg{width:20px;height:20px;transform:scale(.4);transition:transform .32s var(--ease-spring)}.mission[aria-checked=true]{background:#fff1f4;box-shadow:0 0 0 1.5px var(--pink-300) inset}.mission[aria-checked=true] .mission__box{background:var(--pink-400);color:#fff;box-shadow:none}.mission[aria-checked=true] .mission__box svg{transform:scale(1) rotate(-12deg)}.mission__text{font-weight:600;line-height:1.4}.missions__count{margin-top:8px;font-size:.85rem;font-weight:600;color:var(--ink-soft);text-align:right}.cat-says{display:flex;align-items:flex-end;gap:8px;margin:0}.cat-says__cat{flex:none;width:72px;height:auto}.cat-says__bubble{position:relative;flex:1;margin:0 0 30px;padding:14px 16px;border-radius:18px 18px 18px 6px;background:var(--ink);color:var(--paper);font-family:var(--font-display);font-size:1.08rem;line-height:1.45}.cat-says__bubble:before{content:"";position:absolute;left:-9px;bottom:8px;width:16px;height:14px;background:var(--ink);clip-path:polygon(100% 0,0 100%,100% 70%)}.sheet__match{display:flex;align-items:center;gap:14px;margin-top:22px;padding:14px;border-radius:16px;background:var(--paper-2);box-shadow:0 0 0 1.5px var(--paper-line) inset}.sheet__match-card{width:62px;transform:rotate(5deg)}.sheet__match-text{line-height:1.45}.sheet__match-text strong{font-family:var(--font-display);font-weight:400;font-size:1.1rem;color:var(--stamp-ink)}.sheet__match-cat{margin-top:2px;font-size:.85rem;color:var(--ink-soft)}.theme-callout{position:relative;margin-top:22px;padding:22px 18px 18px;border-radius:18px;background:radial-gradient(90% 80% at 85% 0%,rgba(123,92,214,.55),transparent 60%),linear-gradient(160deg,var(--night-700),var(--night-900));box-shadow:0 0 0 2px var(--gold-500) inset,0 0 0 5px var(--night-900) inset,0 0 0 6px #f2c66d80 inset;color:var(--text-on-night);text-align:center;overflow:hidden}.theme-callout__kicker{font-size:.82rem;font-weight:700;color:var(--gold-300);letter-spacing:.08em}.theme-callout__title{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:6px;font-family:var(--font-display);font-weight:400;font-size:clamp(1.7rem,7.5vw,2.1rem);line-height:1.2}.theme-callout__emoji{font-size:2.6rem;line-height:1.1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}.theme-callout__sub{margin-top:6px;color:var(--text-on-night-soft)}.theme-callout__note{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:6px 12px;border-radius:999px;background:#ffffff14;font-size:.82rem;color:var(--gold-300)}.theme-callout__note svg{width:16px;height:16px}.sheet__disclaimer{margin-top:16px;font-size:.75rem;color:var(--ink-soft);text-align:center}.action-bar{position:sticky;bottom:0;z-index:5;margin:18px calc(-1 * var(--gutter)) 0;padding:16px var(--gutter) max(16px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#0e0a1c00,#0e0a1ce0 38%)}@media(min-width:600px){.sheet{padding:34px 34px 28px}.sheet__card{width:116px}.action-bar{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}.deck{--page-max: 760px;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.deck.is-presenting{--page-max: 1120px}.deck__top{display:flex;align-items:center;gap:12px}.deck__spacer{width:46px;flex:none}.deck__theme{flex:1;min-width:0;text-align:center}.deck__theme-title{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:1.28rem;line-height:1.25;color:var(--gold-300)}.deck__theme-sub{font-size:.82rem;line-height:1.4;color:var(--text-on-night-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deck__progress{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0 18px}.paws{display:flex;gap:4px}.paws__paw{width:18px;height:18px;color:#ffffff2e;transition:color .3s,transform .3s var(--ease-spring)}.paws__paw:nth-child(odd){transform:rotate(-12deg)}.paws__paw:nth-child(2n){transform:rotate(12deg) translateY(-3px)}.paws__paw--done{color:var(--gold-400)}.paws__paw--current{color:var(--pink-300);animation:paw-step .5s var(--ease-spring)}@keyframes paw-step{0%{transform:scale(.3)}}.deck__count{min-width:3.6em;font-family:var(--font-display);font-size:.98rem;color:var(--text-on-night-soft)}.deck__count b{font-weight:400;font-size:1.25rem;color:var(--text-on-night)}.deck__stage{position:relative;display:grid;margin-bottom:40px}.deck__stage>*{grid-area:1 / 1}.qcard-back{border-radius:24px;background:var(--paper-2);box-shadow:0 0 0 1.5px var(--gold-500) inset,0 10px 20px -10px #0009}.qcard-back--1{transform:translateY(12px) scale(.965) rotate(1.4deg);filter:brightness(.9)}.qcard-back--2{transform:translateY(23px) scale(.93) rotate(-1.6deg);filter:brightness(.75)}.qcard-back--3{transform:translateY(33px) scale(.895) rotate(.8deg);filter:brightness(.62)}.qcard{position:relative;z-index:2;padding:9px;border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 0 0 1.5px var(--gold-500) inset,0 24px 50px -20px #000000bf;touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:transform .32s var(--ease-spring);will-change:transform}.qcard.is-dragging{transition:none;cursor:grabbing}.qcard__inner{display:flex;flex-direction:column;min-height:clamp(330px,52vh,600px);padding:16px 16px 12px;border-radius:17px;border:3px double var(--gold-500);background:radial-gradient(90% 60% at 50% 45%,#fffdf7,transparent 70%),repeating-linear-gradient(135deg,transparent 0 14px,rgba(228,211,180,.18) 14px 15px)}.qcard__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.qcard__level{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 13px 0 10px;border-radius:999px;background:var(--lv-bg);font-family:var(--font-display);font-size:.98rem;color:var(--ink)}.qcard--lv1{--lv-bg: var(--mint-300)}.qcard--lv2{--lv-bg: var(--sky-300)}.qcard--lv3{--lv-bg: var(--pink-300)}.qcard__level-dots{display:inline-flex;gap:3px}.qcard__level-dots i{width:7px;height:7px;border-radius:50%;background:#2b214038}.qcard__level-dots i.on{background:var(--ink)}.qcard__num{font-family:var(--font-tarot);font-weight:700;font-size:.95rem;letter-spacing:.06em;color:var(--ink-soft)}.qcard__num b{margin-left:3px;font-size:1.5rem;color:var(--ink)}.qcard__q{display:grid;flex:1;place-items:center;padding:22px 4px;font-family:var(--font-display);font-size:clamp(1.55rem,.9rem + 2.9vw,2.9rem);line-height:1.42;text-align:center;text-wrap:balance;color:var(--ink)}.is-presenting .qcard__q{font-size:clamp(1.8rem,1rem + 3.2vw,4.2rem)}.qcard__follow{display:flex;flex-direction:column;align-items:center;gap:10px}.qcard__follow-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--paper-2);box-shadow:0 0 0 1.5px var(--paper-line) inset;font-family:var(--font-display);font-size:.98rem;color:var(--ink);cursor:pointer;transition:background-color .2s}.qcard__follow-btn:hover{background:#efe0c4}.qcard__follow-btn svg{width:18px;height:18px;transition:transform .26s var(--ease-out)}.qcard__follow-btn svg.is-open{transform:rotate(180deg)}.qcard__follow-panel{width:100%;padding:14px 16px;border-radius:14px;background:#fff1f4;box-shadow:0 0 0 1.5px var(--pink-300) inset;font-size:clamp(1.02rem,.85rem + .9vw,1.45rem);font-weight:600;line-height:1.5;text-align:center;animation:follow-in .32s var(--ease-spring)}.qcard__follow-panel[hidden]{display:none}.qcard__follow-mark{margin-right:6px;color:var(--stamp-ink);font-weight:800}@keyframes follow-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.qcard__foot{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding-top:10px;border-top:1px dashed var(--paper-line);font-size:.75rem;font-weight:600;color:var(--ink-soft)}.qcard__foot span:first-child{font-family:var(--font-tarot);letter-spacing:.08em;text-transform:uppercase}.qcard--enter-initial{animation:q-deal .52s var(--ease-spring) backwards}.qcard--enter-next{animation:q-rise .42s var(--ease-spring) backwards}.qcard--enter-prev{z-index:3;animation:q-return .44s var(--ease-out) backwards}.qcard--exit-next{z-index:3;pointer-events:none;animation:q-fly-left .4s cubic-bezier(.55,0,.8,.4) both}.qcard--exit-prev{z-index:1;pointer-events:none;animation:q-sink .4s var(--ease-out) both}@keyframes q-deal{0%{opacity:0;transform:translateY(40px) scale(.94)}}@keyframes q-rise{0%{transform:translateY(12px) scale(.965) rotate(1.4deg);filter:brightness(.9)}}@keyframes q-return{0%{transform:translate(-115%) rotate(-12deg)}}@keyframes q-fly-left{0%{transform:translate(var(--from-x, 0)) rotate(var(--from-r, 0deg))}to{transform:translate(-125%) translateY(-4%) rotate(-16deg);opacity:.4}}@keyframes q-sink{0%{transform:translate(var(--from-x, 0)) rotate(var(--from-r, 0deg))}to{transform:translateY(12px) scale(.965) rotate(1.4deg);opacity:0}}.deck__nav{display:grid;grid-template-columns:1fr 1.6fr;gap:10px}.deck__tip{margin-top:14px;text-align:center;font-size:.8rem;color:var(--text-on-night-soft)}.deck__tip kbd{display:inline-block;min-width:1.9em;padding:1px 6px;border-radius:6px;background:#ffffff1a;box-shadow:0 -2px #0000004d inset;font-family:inherit;font-size:.78rem;color:var(--text-on-night)}.deck__tip-keys{display:none}@media(hover:hover)and (pointer:fine){.deck__tip-touch{display:none}.deck__tip-keys{display:inline}}@media(min-width:720px){.deck__top{gap:20px}.deck__theme-title{font-size:1.6rem}.deck__theme-sub{font-size:.95rem}.qcard{padding:12px;border-radius:30px}.qcard-back{border-radius:30px}.qcard__inner{padding:26px 34px 16px;border-radius:21px}.qcard__level{min-height:38px;font-size:1.1rem}.qcard__foot{font-size:.82rem}.deck__nav{width:min(100%,520px);margin:0 auto}}.done{--page-max: 440px;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;text-align:center}.done__hero{display:flex;flex-direction:column;align-items:center;padding-top:18px}.done__visual{position:relative;width:270px;height:230px;margin-bottom:18px}.done__card{position:absolute;top:0;left:14px;width:124px;transform:rotate(-10deg);animation:done-card .7s var(--ease-spring) backwards}.done__cat{position:absolute;right:0;bottom:-6px;width:136px;height:auto;aspect-ratio:200 / 250;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5));transform-origin:50% 100%;animation:done-cat .7s var(--ease-spring) .15s backwards,done-hop 1.6s ease-in-out 1s 3}@keyframes done-card{0%{opacity:0;transform:rotate(-30deg) translateY(30px) scale(.7)}}@keyframes done-cat{0%{opacity:0;transform:translateY(40px) scale(.6)}}@keyframes done-hop{0%,to{transform:none}30%{transform:translateY(-14px) scaleY(1.04)}55%{transform:translateY(0) scaleY(.95)}}.done__title{margin-top:8px;font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,8.6vw,2.6rem);line-height:1.2;background:var(--gold-foil);-webkit-background-clip:text;background-clip:text;color:transparent}.done__text{margin-top:12px;color:var(--text-on-night-soft);line-height:1.7}.done__actions{display:grid;gap:10px;margin-top:28px}.done__back{align-self:center;display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:0 12px;font-size:.9rem;color:var(--text-on-night-soft);text-underline-offset:3px}.confetti{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.confetti__piece{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;opacity:0;animation:confetti-fall 3s cubic-bezier(.3,.6,.5,1) both}.confetti__piece--1{width:10px;height:10px;border-radius:50%}.confetti__piece--2{width:6px;height:16px}@keyframes confetti-fall{0%{opacity:1;transform:translate(0) rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(var(--drift),105vh) rotate(720deg)}}@media(prefers-reduced-motion:reduce){.confetti{display:none}}