*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Noto Sans JP,sans-serif;color:#f6f0e6;background:radial-gradient(circle at top,rgba(216,177,106,.14),transparent 28%),radial-gradient(circle at 80% 10%,rgba(144,180,216,.16),transparent 24%),linear-gradient(180deg,#0b0a0d,#111116 45%,#18161f);overflow-x:hidden}a{color:inherit}.page-shell{position:relative;min-height:100vh}.grain{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at center,black 40%,transparent 88%)}.nav,main{position:relative;z-index:1}.nav{max-width:1180px;margin:0 auto;padding:1.2rem 1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.logo{font-family:Space Grotesk,sans-serif;font-weight:700;text-decoration:none;letter-spacing:.04em}.nav-actions{display:flex;gap:.7rem;flex-wrap:wrap}.nav-btn,.btn{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;text-decoration:none;border-radius:999px;padding:.78rem 1rem;font-weight:700;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.nav-btn:hover,.btn:hover{transform:translateY(-1px);background:#ffffff12;border-color:#fff3}.btn.primary{border-color:#d8b16a85;background:linear-gradient(135deg,#d8b16a2e,#97b7d924)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.hero{max-width:1040px;margin:0 auto;padding:2.6rem 1rem 1rem;text-align:center}.kicker{font-family:Space Grotesk,sans-serif;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff80}.hero h1{font-family:Cormorant Garamond,serif;font-size:clamp(3rem,8vw,6rem);line-height:.95;font-weight:600;margin:.7rem 0 .8rem}.hero p{max-width:780px;margin:0 auto;color:#ffffffb8;line-height:1.9}.hero-points{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin-top:1.1rem}.pill{padding:.58rem .92rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffc7;font-size:.84rem}.shell{max-width:1180px;margin:1.1rem auto 0;padding:0 1rem 4rem}.panel{border:1px solid rgba(255,255,255,.11);border-radius:30px;overflow:hidden;background:linear-gradient(180deg,#ffffff0b,#ffffff05);backdrop-filter:blur(16px);box-shadow:0 28px 90px #00000052}.progress{display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem;padding:1rem 1rem 0}.progress-item{height:.34rem;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-fill{width:100%;height:100%;background:linear-gradient(90deg,#d8b16a,#b88bd7,#8cb5d8);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.progress-item.done .progress-fill,.progress-item.current .progress-fill{transform:scaleX(1)}.stage{padding:1rem;min-height:700px}.intro,.step,.draw-stage,.reading,.result{border-radius:26px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0d,#ffffff06)}.intro,.reading{min-height:640px;display:grid;place-items:center;text-align:center;padding:1.5rem}.intro-inner,.reading-inner{max-width:720px;display:grid;gap:1rem}.intro h2,.reading h2{font-family:Cormorant Garamond,serif;font-size:clamp(2.8rem,6vw,4.8rem);line-height:1;font-weight:600}.step,.draw-stage,.result{display:grid;gap:1rem;padding:1rem}.step-title{font-size:clamp(1.65rem,3vw,2.5rem);font-weight:900;line-height:1.15}.step-copy,.result-copy,.detail,.value,.meta-note{color:#ffffffb8;line-height:1.85}.selected{display:flex;flex-wrap:wrap;gap:.6rem}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.95rem}.card{min-height:190px;border-radius:24px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at top right,rgba(216,177,106,.15),transparent 32%),linear-gradient(180deg,#ffffff12,#ffffff08);color:#fff;text-align:left;padding:1rem;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.card:hover{transform:translateY(-3px);border-color:#d8b16a57}.card.selected{border-color:#d8b16ac7;background:radial-gradient(circle at top right,rgba(216,177,106,.22),transparent 32%),linear-gradient(180deg,#ffffff1a,#ffffff0a)}.card-index{display:inline-flex;width:2rem;height:2rem;border-radius:999px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);color:#ffffff94;font-size:.78rem;margin-bottom:.95rem}.card-label{display:block;font-weight:800;font-size:1rem;line-height:1.35;margin-bottom:.45rem}.card-summary{display:block;font-size:.84rem;line-height:1.65;color:#ffffff94}.draw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:.5rem}.draw-card{min-height:420px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at top,rgba(216,177,106,.12),transparent 36%),linear-gradient(180deg,#181820e6,#0a0a0ef2);color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;perspective:1400px}.draw-card.is-staged{opacity:0;transform:translate(-28px) translateY(10px) scale(.98)}.draw-card.is-staged.is-visible{opacity:1;transform:translate(0) translateY(0) scale(1);transition:opacity .52s ease,transform .72s cubic-bezier(.16,1,.3,1),border-color .18s ease,box-shadow .18s ease}.draw-card:hover{transform:translateY(-4px);border-color:#d8b16a73;box-shadow:0 18px 36px #00000047}.draw-card.is-dimmed{opacity:.32;transform:scale(.98);pointer-events:none}.draw-card.is-selected{border-color:#ffffff7a;box-shadow:0 0 0 1px #d8b16a66,0 0 34px #d8b16a57;animation:drawPulse .72s ease-in-out 2}.draw-card.is-flashing:after{content:"";position:absolute;inset:0;background:#fffffff5;animation:whiteFlash .88s ease forwards;pointer-events:none}.draw-card:before{content:"";position:absolute;inset:10px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}.draw-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1.56s cubic-bezier(.16,1,.3,1)}.draw-card.is-revealed .draw-card-inner{transform:rotateY(180deg)}.draw-face{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:.85rem;backface-visibility:hidden;-webkit-backface-visibility:hidden}.draw-back{padding:.7rem}.draw-back .draw-mark,.draw-back .detail{display:none}.draw-back-art{width:min(244px,92%);max-width:100%;height:min(372px,calc(100% - 1.4rem));aspect-ratio:270 / 460;margin:0 auto;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 42px #00000047;background:#ffffff0a}.draw-back-art img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;background:#080a12f5}.draw-front{transform:rotateY(180deg);gap:.8rem;grid-template-rows:minmax(0,1fr) auto auto;align-content:stretch;justify-items:center}.draw-art{width:min(180px,62%);max-width:100%;height:min(306px,calc(100% - 5.5rem));aspect-ratio:270 / 460;margin:0 auto;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 42px #00000047;background:#ffffff0a}.draw-art img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;transition:transform .8s ease;background:#080a12f5}.draw-art img.is-reversed{transform:rotate(180deg)}.draw-card-name{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600;line-height:1}.draw-orientation{font-size:.84rem;letter-spacing:.14em;color:#ffffffbd}.draw-stage.is-shuffling>*:not(.shuffle-overlay){filter:blur(12px)}.draw-stage.is-shuffling .draw-grid{opacity:0;transform:translateY(10px);transition:opacity .28s ease,transform .28s ease}.shuffle-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:1.2rem;z-index:5}.shuffle-overlay-inner{width:min(480px,100%);padding:1.4rem;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#0c0c129e;backdrop-filter:blur(18px);text-align:center}.draw-mark{width:86px;height:86px;border-radius:999px;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;font-size:1.2rem;letter-spacing:.2em;color:#ffffffb8;background:#ffffff0a;margin:0 auto 1rem}.actions{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:auto}.orb{width:104px;height:104px;margin:0 auto 1rem;border-radius:999px;background:radial-gradient(circle at 35% 35%,#fffffff5,#d8b16ae0 28%,#b88bd78f 56%,#8cb5d83d);box-shadow:0 0 44px #d8b16a42;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.86}50%{transform:scale(1.08);opacity:1}}@keyframes drawPulse{0%,to{transform:translateY(-4px) scale(1)}50%{transform:translateY(-7px) scale(1.028)}}@keyframes whiteFlash{0%{opacity:0}38%{opacity:1}to{opacity:0}}.result-hero{border-radius:24px;padding:1.2rem;background:radial-gradient(circle at top right,rgba(216,177,106,.18),transparent 34%),linear-gradient(135deg,#ffffff14,#ffffff08);display:grid;gap:1rem}.result-head{display:grid;grid-template-columns:220px 1fr;gap:1rem;align-items:stretch}.tarot-card{border-radius:22px;padding:1rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff12,#ffffff08),radial-gradient(circle at top,rgba(216,177,106,.18),transparent 40%);display:grid;align-content:space-between;min-height:260px}.tarot-card h3{font-family:Cormorant Garamond,serif;font-size:2rem;line-height:1;font-weight:600;margin-top:.35rem}.tarot-badge{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;padding:.44rem .7rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:.74rem;letter-spacing:.08em;color:#ffffff9e}.hero-copy h2{font-family:Cormorant Garamond,serif;font-size:clamp(2.4rem,5vw,4.2rem);line-height:.98;font-weight:600;margin:.38rem 0 .75rem}.signal-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.4rem}.signal{border-radius:999px;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffd1;font-size:.82rem}.summary-box{border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;padding:1rem}.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.reading-card,.glossary-card{border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff06);padding:1rem;display:grid;gap:.7rem}.reading-card h3,.glossary-card h3{font-size:1.08rem;font-weight:900;line-height:1.4}.glossary-art{width:100%;aspect-ratio:270 / 460;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.glossary-art img{width:100%;height:100%;display:block;object-fit:contain;object-position:center center;background:#080a12f5}.mini-label{font-family:Space Grotesk,sans-serif;font-size:.72rem;letter-spacing:.14em;color:#ffffff6b}.sources-box,.glossary-box{border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;padding:1rem;display:grid;gap:.7rem}.source-columns,.glossary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.glossary-toggle{display:grid;gap:.8rem}.glossary-toggle summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem}.glossary-toggle summary::-webkit-details-marker{display:none}.glossary-toggle summary:after{content:"開く";font-size:.82rem;color:#ffffffad}.glossary-toggle[open] summary:after{content:"閉じる"}.result>.glossary-box:not(.glossary-toggle){display:none}.sources-toggle{display:grid;gap:.8rem}.sources-toggle summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem}.sources-toggle summary::-webkit-details-marker{display:none}.sources-toggle summary:after{content:"開く";font-size:.82rem;color:#ffffffad}.sources-toggle[open] summary:after{content:"閉じる"}.intro>.glossary-toggle{display:none}.source-column{border-radius:18px;padding:.85rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.source-column ul{list-style:none;display:grid;gap:.5rem;margin-top:.6rem}.source-column li{color:#ffffffb3;line-height:1.65;font-size:.84rem}.term-hint{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:#d8b16ae6;text-underline-offset:.22em;cursor:help}@media(max-width:1040px){.card-grid,.reading-grid,.source-columns,.glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-head,.draw-grid{grid-template-columns:1fr}}@media(max-width:640px){.stage,.intro,.reading{min-height:auto}.card-grid,.reading-grid,.source-columns,.glossary-grid,.draw-grid{grid-template-columns:1fr}.hero{padding-top:1.7rem}.tarot-card{min-height:220px}.draw-card{min-height:380px}.draw-back-art{width:min(220px,90%);height:min(336px,calc(100% - 1.2rem))}.draw-art{width:min(180px,58%);height:min(286px,calc(100% - 5rem))}}