@import url('ranking.css');
:root{color-scheme:dark;--paper:#211a30;--ink:#f8efdf;--muted:#c0aecb;--coral:#efd29a;--line:#544264}body{background:radial-gradient(ellipse at 50% 0,#403051 0,#211a30 650px);color:var(--ink)}.wrap{max-width:560px;padding-bottom:70px}.header{color:#eadfcf}.brand b{color:#efd29a}h1{font-size:clamp(30px,7.8vw,40px);margin:14px 0;word-break:keep-all}h1 em{color:#efd29a}h2{font-size:25px}p{word-break:keep-all}.eyebrow{background:#3f324e;color:#f2dba9;border-color:#705c7d;font-size:11px}.night-hero{position:relative;isolation:isolate;min-height:390px;padding:24px 20px;border:1px solid #6e557c;border-radius:26px;background:radial-gradient(ellipse at 80% 80%,#73538070,transparent 65%),linear-gradient(130deg,#3c2c50,#2a213b);overflow:hidden}.night-hero:before{content:'✦　　　·　　　　　✧';position:absolute;right:14px;top:125px;color:#e8c890;font-size:25px}.night-hero h1,.night-hero p{position:relative;z-index:1}.night-hero p{font-size:13px;color:#d5c5da;line-height:1.9}.mascot{position:absolute;width:210px;height:195px;right:2px;bottom:0;z-index:0}.mascot svg{width:100%;height:100%}.steps{color:#c6b5d0;margin:20px 0 29px;font-size:11px}.tarot-topic{display:grid;gap:8px;margin:14px 0 20px}.tarot-topic button{min-height:50px;border:1px solid #635170;background:#2e253f;border-radius:14px;text-align:left;padding:12px 15px;color:#ddcde3}.tarot-topic [aria-pressed=true]{border-color:#e2c58c;background:#51405d;color:#ffedbd;font-weight:bold}input,textarea{background:#30263e;border:1px solid #695476;color:#f9f0e1}input::placeholder{color:#b4a3bf}.primary{background:linear-gradient(110deg,#f1dbb0,#d9b47c);color:#3d2b30;box-shadow:none}.primary:disabled{background:#4a3e56;color:#ac9bb7}.secondary{border:1px solid #665274;background:#30263d;color:#e0d0e9}.text-button{color:#d0b5e5}.sub{color:#c6b4d3}.ritual{text-align:center;color:#d7be91;font-size:12px;padding:16px}.ritual span{font-size:30px;display:block;animation:glimmer 1.4s ease both}.fan{position:relative;display:flex;align-items:center;height:280px;overflow-x:auto;overflow-y:hidden;padding:30px calc(50% - 52px);scrollbar-width:thin;scrollbar-color:#b397c2 #30263e;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.tarot-back{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;width:116px;height:188px;flex:0 0 116px;border:4px double #c5a779;border-radius:14px;background:radial-gradient(ellipse at 50% 45%,#78618f,#3d2c52);color:#f8e5b7;box-shadow:0 9px 18px #120b2066;overflow:hidden}.tarot-back:before,.tarot-back:after{content:'✦';position:absolute;color:#e3c894;font-size:17px}.tarot-back:before{top:9px;left:9px}.tarot-back:after{bottom:9px;right:9px}.tarot-back .moon{font-size:65px;line-height:1}.tarot-back small{font-size:11px}.fan .tarot-back{margin-right:-42px;scroll-snap-align:center;transform:translateY(var(--drop,0)) rotate(var(--angle,0deg));transition:transform .18s,filter .18s;animation:shuffle-in .65s ease both}.fan .tarot-back:last-child{margin-right:0}.fan .tarot-back.centered{z-index:2;filter:brightness(1.18)}.fan .tarot-back[aria-pressed=true]{border-color:#fff0ba;box-shadow:0 0 0 3px #e0b57f,0 0 35px #dcc2ff55;transform:translateY(-12px) rotate(0);z-index:3}.fan-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 15px}.fan-nav button{width:44px;height:44px;flex:none;border:1px solid #715c81;border-radius:50%;background:#372a48;color:#f3deb2;font-size:21px}.fan-nav span{text-align:center;font-size:12px;color:#cbbbce}.preview{padding:18px 0}.preview-key{text-align:center;font-size:16px;color:#f1d59e;margin-top:14px}.tarot-face{width:180px;height:262px;max-width:100%;margin:auto;border:5px double #d7b478;border-radius:16px;background:radial-gradient(ellipse at 50% 40%,#fff5d6,#ddcde9);color:#554060;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:15px 10px;box-shadow:0 10px 40px #08051144}.arcana-number{font-family:Georgia,serif;font-size:18px;color:#967449}.arcana-symbol{font-size:67px;line-height:1.2}.tarot-face h2{font-size:26px;text-align:center}.card-alias{font-size:11px;letter-spacing:3px;color:#896d88}.sealed-note{text-align:center;border:1px dashed #796181;border-radius:18px;background:#362940;padding:20px 12px}.sealed-note>span{font-size:23px}.sealed-note h2{font-size:21px;margin:10px 0}.sealed-note p,.shared-note{font-size:12px;line-height:1.9;color:#c8b5d1}.shared-note{text-align:center;margin:20px 0}.tarot-reading,.result-sheet{border:1px solid #64506f;background:linear-gradient(150deg,#372a46,#2a2138);border-radius:23px;padding:23px 19px;margin:20px 0}.reading-role{text-align:center;color:#d9c4e3;font-size:12px;overflow-wrap:anywhere;margin-bottom:19px}.reveal-card{margin:0 auto;width:180px;height:262px}.reveal-card:disabled{opacity:.45}.reveal-card small{padding:0 12px;text-align:center}.wax{display:grid;place-items:center;border:2px solid #f1d39a;border-radius:50%;background:#b78c4d;color:#fff1c9;width:39px;height:39px;font-size:20px}.revealed .reading-body{animation:unseal .5s ease both}.reading-copy{font-size:15px;line-height:1.95;margin-top:20px;color:#e3d7e7;word-break:keep-all}.keywords{text-align:center;color:#f0d3a1;margin-top:18px;font-size:13px}.overline{text-align:center;color:#c5add3;font-size:12px;margin:13px 0 8px}.pair-name{text-align:center;color:#f4d8a0;font-size:37px;line-height:1.4}.map-shell{position:relative;max-width:330px;margin:20px auto 0;padding:32px 45px}.axis-map{position:relative;height:210px;border:1px solid #7e638d;border-radius:12px;background:linear-gradient(90deg,transparent calc(50% - .5px),#725880 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),#725880 50%,transparent calc(50% + .5px)),#44314e}.map-top,.map-bottom,.map-left,.map-right{position:absolute;font-size:10px;color:#d3bedc}.map-top{top:4px;left:50%;transform:translateX(-50%)}.map-bottom{bottom:4px;left:50%;transform:translateX(-50%);white-space:nowrap}.map-left{left:0;top:48%}.map-right{right:0;top:48%}.map-point{position:absolute;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);font-size:12px;font-weight:bold;color:#362738;border:2px solid #fff3d4;background:#f1d299;z-index:2}.map-point.yours{border-radius:7px;background:#ccb0e7;border-color:#f1ddff;transform:translate(-50%,-50%) translate(8px,14px);z-index:3}.map-legend{font-size:12px;text-align:center;color:#ead5b5;overflow-wrap:anywhere}.question-copy{font-family:PlayTitle,sans-serif;font-size:25px;line-height:1.55;color:#f3dbb0;margin:20px 0}.result-sheet h2{margin-top:13px}textarea{width:100%;min-height:110px;padding:12px;border-radius:10px;font:inherit}#sameBadge{display:table;margin:auto}.psy-nav{display:flex;justify-content:space-around;padding:25px 0 12px;font-size:12px;color:#cdbbd6}.disclaimer{position:fixed;bottom:0;left:0;right:0;z-index:10;text-align:center;background:#211a30ed;border-top:1px solid #55405f;color:#beafc7;font-size:11px;padding:8px 12px;backdrop-filter:blur(10px)}:focus-visible{outline:3px solid #f4d29a!important;outline-offset:4px}#invalid{text-align:center}#shareControls{padding-top:6px}@keyframes glimmer{0%{opacity:.2;transform:rotate(-45deg)}100%{opacity:1;transform:none}}@keyframes shuffle-in{from{opacity:0;transform:translateX(-35px) rotate(-20deg)}to{opacity:1}}@keyframes unseal{from{opacity:.2;transform:rotateY(-75deg) scale(.94)}to{opacity:1;transform:none}}@media(max-width:360px){.night-hero{padding:22px 16px;min-height:380px}.mascot{width:190px;height:180px}.steps{font-size:10px}.tarot-reading,.result-sheet{padding:20px 14px}.map-shell{padding-left:40px;padding-right:40px}.axis-map{height:175px}.pair-name{font-size:31px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.tarot-face.long-name h2{font-size:20px;white-space:nowrap;letter-spacing:-1px}.reading-body{position:relative}.seal-break{position:absolute;left:50%;top:110px;pointer-events:none}.seal-break:before,.seal-break:after{content:'✦';position:absolute;top:0;width:25px;height:44px;background:#c79a53;color:#fff2cb;border:2px solid #f5d59b;display:grid;place-items:center;animation:wax-left .6s ease forwards}.seal-break:before{left:-25px;border-radius:50% 0 0 50%}.seal-break:after{left:0;border-radius:0 50% 50% 0;animation-name:wax-right}@keyframes wax-left{0%{opacity:1;transform:none}100%{opacity:0;transform:translate(-60px,40px) rotate(-45deg)}}@keyframes wax-right{0%{opacity:1;transform:none}100%{opacity:0;transform:translate(60px,40px) rotate(45deg)}}@media(prefers-reduced-motion:reduce){.seal-break{display:none}}
.personal-reading{margin:4px 0 22px;padding:22px 18px;border:1px solid #6f577c;border-radius:23px;background:linear-gradient(150deg,#392c49,#2b2239);box-shadow:0 12px 28px #10091c2e}.personal-reading>.overline{display:block;text-align:left;margin:0 0 5px;color:#d7ba85}.personal-reading h2{font-size:27px;line-height:1.35;margin:0 0 13px;color:#f4ddb0}.personal-reading>.reading-copy{margin:0;color:#e2d5e6}.personal-message,.personal-action{margin-top:17px;padding:15px;border-radius:16px;background:#4a3959}.personal-action{background:#3a3349;border:1px solid #665875}.personal-message strong,.personal-action strong{display:block;margin-bottom:5px;color:#f0d39c;font-size:12px}.personal-message p,.personal-action p{margin:0;color:#eadfeb;font-size:14px;line-height:1.85;word-break:keep-all}