:root{--navy:#061128;--navy2:#0b1c3d;--gold:#d8ae5b;--gold2:#fff0bd;--paper:#fffaf0;--ink:#172038;--red:#b94752;--blue:#345ba9}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;background:radial-gradient(circle at 50% 10%,#18366a 0,#07162f 35%,#030817 100%);color:#fff}
body{min-height:100svh;overflow-x:hidden}button{font:inherit}#stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}
.site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;width:min(100%,960px);min-height:70px;margin:0 auto;padding:13px 20px;font-family:system-ui,-apple-system,"Yu Gothic",sans-serif}.site-brand{color:#fff;text-decoration:none;font-size:clamp(21px,5vw,29px);font-weight:750;letter-spacing:-.03em;text-shadow:0 2px 14px #000}.site-menu-toggle{display:grid;place-content:center;gap:5px;width:46px;height:46px;padding:0;border:1px solid transparent;border-radius:11px;background:transparent;color:#fff;cursor:pointer}.site-menu-toggle span{display:block;width:28px;height:3px;border-radius:4px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.site-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.site-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.site-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.site-menu-toggle:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}.site-menu{position:absolute;top:62px;right:20px;width:min(310px,calc(100vw - 40px));padding:10px;border:1px solid #d8ae5b88;border-radius:16px;background:rgba(5,17,39,.98);box-shadow:0 18px 45px #000b;backdrop-filter:blur(16px)}.site-menu[hidden]{display:none}.site-menu a{display:block;padding:12px 13px;border-radius:9px;color:#f6f1e4;text-decoration:none;font-size:14px;font-weight:600}.site-menu a:hover,.site-menu a:focus-visible,.site-menu a[aria-current="page"]{background:#18345e;color:#ffe49b;outline:0}
.app{position:relative;width:min(100%,760px);margin:auto;padding:28px 18px 52px}.brand{position:relative;text-align:center;margin-bottom:25px}.eyebrow{font:600 11px/1.2 system-ui;letter-spacing:.36em;color:var(--gold)}.sound-toggle{position:absolute;right:0;top:-6px;width:38px;height:38px;border:1px solid #d8ae5b88;border-radius:50%;background:#0a1d3e;color:#f5d786;cursor:pointer;box-shadow:0 5px 18px #0005}.sound-toggle.off{opacity:.45}.sound-toggle:hover{background:#173664}
h1{font-size:clamp(34px,9vw,56px);font-weight:500;letter-spacing:.14em;margin:8px 0;color:var(--gold2);text-shadow:0 0 28px #d7aa5266}.brand p{font-size:14px;opacity:.78;margin:0}
.panel{background:linear-gradient(145deg,#fffdf8f5,#f9f0def2);border:1px solid #e7c679;color:var(--ink);box-shadow:0 18px 60px #0008,inset 0 0 35px #d4af5b17;border-radius:22px}
.history-btn{width:100%;margin-top:14px;padding:13px;border:1px solid #967126;border-radius:999px;background:#0d2449;color:#f9dfa1;cursor:pointer}.history-btn:hover{background:#173664}.history-note{text-align:center;color:#f3d98e;font-size:13px;margin:0 0 16px}
.question-theme{display:inline-block;color:#9a7225;border:1px solid #d7bb7c;border-radius:999px;padding:5px 13px;font-size:12px}.questions{display:grid;gap:10px}.questions button{border:1px solid #c7a65b;background:#fffdf7;color:#162342;border-radius:13px;padding:16px;text-align:left;cursor:pointer}.questions button:hover,.questions button:focus-visible{background:#102852;color:#ffe8a2;transform:translateX(3px)}.text-back{display:block;margin:18px auto 0;border:0;background:transparent;color:inherit;opacity:.65;cursor:pointer}.ritual-screen{text-align:center;padding:18px 0}.ritual-screen>p{line-height:1.8;opacity:.8}.ritual-screen small{display:block;opacity:.55;margin-top:12px}.ritual-orbit{position:relative;width:150px;height:150px;margin:0 auto 18px;border:1px solid #d9b45d55;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 45px #dbb35a22}.ritual-orbit:before,.ritual-orbit:after{content:"";position:absolute;inset:17px;border:1px solid #d9b45d44;border-radius:50%;transform:rotate(45deg)}.ritual-orbit:after{transform:rotate(-45deg)}.ritual-orbit span{font-size:48px;color:#f7dc91;text-shadow:0 0 22px #e0b95a}.ritual-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:#f7dc91;box-shadow:0 0 12px #f7dc91;animation:orbit 5s linear infinite}.ritual-orbit i:nth-child(2){animation-duration:7s;animation-delay:-2s}.ritual-orbit i:nth-child(3){animation-duration:9s;animation-delay:-5s}@keyframes orbit{from{transform:rotate(0) translateX(72px)}to{transform:rotate(360deg) translateX(72px)}}.shuffle-btn{position:relative;isolation:isolate;width:150px;height:150px;border-radius:50%;overflow:hidden;border:1px solid #e1bd67;background:#091a39;color:#f9e3aa;box-shadow:0 0 0 8px #d9b45d12,0 18px 45px #0008;cursor:pointer}.shuffle-btn b{position:relative;z-index:2;line-height:1.5}.shuffle-progress{position:absolute;z-index:1;left:0;right:0;bottom:0;height:0;background:linear-gradient(#d8ad4f,#f1d584)}.shuffle-btn.holding{transform:scale(.98);box-shadow:0 0 30px #e3be66aa}.shuffle-btn.complete{color:#07142c}.ritual-screen.shuffling .ritual-orbit{animation:ritualPulse .35s ease-in-out infinite alternate}@keyframes ritualPulse{to{transform:scale(1.05);filter:brightness(1.35)}}
.screen{display:none}.screen.active{display:block;animation:appear .55s ease both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
#theme-screen{text-align:center;padding:30px 20px}.moon-mark{font-size:48px;color:var(--gold);line-height:1}h2{font-weight:500;margin:10px 0 24px}.themes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.themes button{border:1px solid #b78c38;background:#fffaf0;color:#152448;border-radius:13px;padding:15px 8px;font-size:24px;box-shadow:0 4px 13px #2d180b18;cursor:pointer}.themes button:last-child{grid-column:1/-1}.themes span{display:block;font-size:14px;margin-top:5px}.themes button:hover,.themes button:focus-visible{background:#102852;color:#ffe8a2;transform:translateY(-2px)}
.step{text-align:center;margin:8px 0 24px}.step span{display:block;color:var(--gold);font:700 12px/1 system-ui;letter-spacing:.18em;text-transform:uppercase}.step b{display:block;font-size:21px;font-weight:500;margin-top:8px}.deck{display:flex;align-items:center;justify-content:center;gap:clamp(8px,3vw,20px);min-height:420px;perspective:1000px}.pick{width:min(27vw,170px);aspect-ratio:540/1000;border:0;padding:0;border-radius:12px;background:url('assets/card-back.png') center/cover;box-shadow:0 15px 28px #000a,0 0 0 1px #e1b85b;cursor:pointer;transition:.3s ease;animation:float 3s ease-in-out infinite}.pick:nth-child(2){animation-delay:-1s}.pick:nth-child(3){animation-delay:-2s}.pick:hover,.pick:focus-visible{transform:translateY(-18px) scale(1.04);box-shadow:0 23px 38px #000c,0 0 22px #e8be6288}.pick:disabled{cursor:default;opacity:.4}.pick.chosen{animation:none;transform:rotateY(90deg) scale(1.08);opacity:1}@keyframes float{50%{transform:translateY(-8px)}}.hint{text-align:center;font-size:12px;opacity:.62}
.revealed-wrap{display:flex;gap:20px;align-items:center;margin-bottom:20px}.revealed-card{width:145px;flex:0 0 auto;aspect-ratio:540/1000;background-position:center;background-size:cover;border-radius:10px;box-shadow:0 16px 32px #000b,0 0 0 1px #d9b45d;animation:reveal .75s cubic-bezier(.2,.8,.2,1)}.revealed-card.reversed{transform:rotate(180deg)}@keyframes reveal{from{filter:brightness(2);opacity:0;scale:.6;rotate:y 90deg}to{filter:none;opacity:1;scale:1;rotate:y 0}}
.reading-head h2{font-size:30px;margin:8px 0}.keyword{color:#f5d786;font-size:17px}.reading-head span{display:inline-block;border:1px solid var(--gold);border-radius:999px;padding:5px 12px;color:#ffe6a8;font:700 12px/1 system-ui}.reading{padding:22px;font-size:16px;line-height:1.9}.reading>p{margin-top:0;white-space:pre-line}.advice{border-top:1px solid #d9bd80;padding-top:14px}.advice span{color:#8c651b;font-weight:700}.advice p{margin:5px 0 0}.actions{display:grid;gap:10px;margin-top:18px}.actions button{border-radius:999px;padding:14px;border:1px solid var(--gold);cursor:pointer}.primary{background:linear-gradient(90deg,#a87d2d,#e1bd6d);color:#07142c;font-weight:700}.secondary{background:#071732;color:#f6dfa8}.spread-summary{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.summary-card{text-align:center;flex:1;max-width:190px}.summary-card img{width:100%;border-radius:9px;box-shadow:0 8px 20px #0008}.summary-card img.reversed{transform:rotate(180deg)}.summary-card b{display:block;color:#f5d786;margin-top:8px}.summary-card span{font-size:12px;opacity:.7}footer{text-align:center;color:#fff8;font:11px/1.5 system-ui;padding:0 12px 25px}
.shuffle-deck{position:relative;width:230px;height:205px;margin:2px auto 0;border:0;background:transparent;color:#f9e3aa;cursor:pointer;touch-action:none}.shuffle-card{position:absolute;left:81px;top:0;width:72px;height:132px;border:1px solid #e3bc62;border-radius:7px;background:url('assets/card-back.png') center/cover;box-shadow:0 8px 20px #000a;transform-origin:50% 110%;transition:transform .3s ease}.c1{transform:translate(-6px,6px) rotate(-2deg)}.c2{transform:translate(-4px,4px) rotate(-1deg)}.c3{transform:translate(-2px,2px)}.c4{transform:translate(0)}.c5{transform:translate(2px,2px)}.c6{transform:translate(4px,4px) rotate(1deg)}.c7{transform:translate(6px,6px) rotate(2deg)}.shuffle-deck b{position:absolute;left:0;right:0;bottom:13px;font-size:15px;letter-spacing:.08em}.shuffle-meter{width:210px;height:3px;margin:-7px auto 0;background:#ffffff20;border-radius:9px;overflow:hidden}.shuffle-meter .shuffle-progress{position:static;display:block;width:0;height:100%;background:linear-gradient(90deg,#a97d2c,#ffe49b);box-shadow:0 0 12px #edc76c}.shuffle-deck.holding{filter:drop-shadow(0 0 15px #d9b45d77)}.ritual-screen.shuffling .c1{animation:shuffleLeft .48s ease-in-out infinite}.ritual-screen.shuffling .c2{animation:shuffleRight .52s ease-in-out infinite -.18s}.ritual-screen.shuffling .c3{animation:shuffleLeft .55s ease-in-out infinite -.32s}.ritual-screen.shuffling .c4{animation:shuffleRight .46s ease-in-out infinite -.1s}.ritual-screen.shuffling .c5{animation:shuffleLeft .5s ease-in-out infinite -.38s}.ritual-screen.shuffling .c6{animation:shuffleRight .58s ease-in-out infinite -.25s}.ritual-screen.shuffling .c7{animation:shuffleTop .5s ease-in-out infinite -.12s}@keyframes shuffleLeft{0%,100%{transform:translate(0,5px) rotate(0)}45%{transform:translate(-68px,-5px) rotate(-12deg)}70%{transform:translate(9px,8px) rotate(3deg)}}@keyframes shuffleRight{0%,100%{transform:translate(0,4px) rotate(0)}45%{transform:translate(68px,-4px) rotate(12deg)}70%{transform:translate(-8px,9px) rotate(-3deg)}}@keyframes shuffleTop{0%,100%{transform:translate(0,0)}50%{transform:translate(0,-25px) rotate(4deg)}}.shuffle-deck.complete .shuffle-card{animation:none}.shuffle-deck.complete .c1{transform:translate(-58px,5px) rotate(-8deg)}.shuffle-deck.complete .c2{transform:translate(0,-5px)}.shuffle-deck.complete .c3{transform:translate(58px,5px) rotate(8deg)}.shuffle-deck.complete .c4,.shuffle-deck.complete .c5,.shuffle-deck.complete .c6,.shuffle-deck.complete .c7{opacity:0}
@media(max-width:520px){.site-header{min-height:62px;padding:9px 17px}.site-menu{top:56px;right:14px;width:calc(100vw - 28px)}.app{padding-top:12px}.brand{margin-bottom:18px}.deck{min-height:350px}.revealed-wrap{align-items:flex-start}.revealed-card{width:118px}.reading-head h2{font-size:24px}.reading{font-size:15px;padding:18px}.summary-card b{font-size:13px}}
.video-recommendations{margin-top:18px;padding:22px}.video-recommendations[hidden]{display:none}.video-eyebrow{display:block;color:#916816;font:700 12px/1.3 system-ui;letter-spacing:.12em;text-align:center}.video-recommendations h2{color:#142445;font-size:clamp(21px,5vw,28px);margin:8px 0 7px;text-align:center}.video-intro{color:#47516a;font-size:14px;line-height:1.7;margin:0 auto 17px;text-align:center}.video-links{display:grid;gap:11px}.tarot-video-link{display:grid;grid-template-columns:68px 1fr auto;gap:13px;align-items:center;min-height:96px;padding:10px 12px;border:1px solid #cda84f;border-radius:15px;background:linear-gradient(135deg,#0b1f44,#061229);color:#fff;text-decoration:none;box-shadow:0 8px 19px #08122930;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tarot-video-link:hover,.tarot-video-link:focus-visible{transform:translateY(-2px);border-color:#ffe09a;box-shadow:0 12px 24px #08122955,0 0 0 3px #e8bd5b30;outline:0}.tarot-video-thumb{width:58px;aspect-ratio:540/1000;object-fit:cover;border-radius:5px;box-shadow:0 5px 12px #0008}.tarot-video-thumb.reversed{transform:rotate(180deg)}.tarot-video-copy{min-width:0}.tarot-video-meta{display:block;color:#f1c96d;font:700 11px/1.4 system-ui;letter-spacing:.06em}.tarot-video-title{display:block;margin-top:4px;color:#fff;font-size:16px;line-height:1.4}.tarot-video-cta{display:block;margin-top:4px;color:#d9e5ff;font:600 12px/1.4 system-ui}.tarot-video-play{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d9ae50;color:#07142d;font:700 16px/1 system-ui}.youtube-note{margin:15px 0 0;color:#626a7c;font-size:12px;line-height:1.6;text-align:center}@media(max-width:420px){.video-recommendations{padding:18px 14px}.tarot-video-link{grid-template-columns:57px 1fr auto;gap:10px;padding:9px}.tarot-video-thumb{width:50px}.tarot-video-title{font-size:14px}.tarot-video-play{width:30px;height:30px}}
.embedded-video{overflow:hidden;aspect-ratio:16/9;border:1px solid #cda84f;border-radius:14px;background:#061229;box-shadow:0 10px 25px #08122955}.embedded-video iframe{display:block;width:100%;height:100%;border:0}.video-switches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}.video-switch{min-width:0;padding:10px 5px;border:1px solid #b99548;border-radius:10px;background:#fdf8ec;color:#192540;cursor:pointer;font:700 12px/1.45 system-ui}.video-switch span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-switch small{display:block;color:#75643e;font-size:10px;font-weight:600}.video-switch[aria-pressed="true"]{background:#102852;color:#ffe6a0;border-color:#d4aa4c}.video-switch[aria-pressed="true"] small{color:#ead49d}.youtube-watch-link{display:flex;justify-content:center;align-items:center;min-height:43px;margin-top:10px;border:1px solid #cda84f;border-radius:999px;background:#fffaf0;color:#6e4d0d;text-decoration:none;font:700 13px/1.4 system-ui}.youtube-watch-link:hover,.youtube-watch-link:focus-visible{background:#102852;color:#ffe6a0;outline:0}.youtube-note{margin:15px 0 0;color:#626a7c;font-size:12px;line-height:1.6;text-align:center}@media(max-width:600px){.embedded-video{width:calc(100vw - 8px);margin-left:calc(50% - 50vw + 4px);border-radius:10px}}@media(max-width:420px){.video-recommendations{padding:18px 14px}.video-switches{gap:5px}.video-switch{padding:9px 3px;font-size:11px}}
.local-video-note{display:grid;place-content:center;height:100%;padding:20px;text-align:center;color:#f7e5b5;font:600 13px/1.8 system-ui}.local-video-note strong{display:block;font-size:16px;color:#fff0bd}.local-video-note span{display:block;margin-top:5px;color:#d5dbea;font-weight:500}