@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans KR,sans-serif;background:radial-gradient(circle at 50% 10%,#2b1b3d,#171124 40%,#0d0914);color:#e0e0e0;min-height:100vh;position:relative;overflow-x:hidden}.stars-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.star-particle{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 4px 1px #fff6;animation:twinkle linear infinite;opacity:0}@keyframes twinkle{0%{transform:translateY(0) scale(.5);opacity:0}50%{opacity:1;transform:translateY(-10px) scale(1.2);box-shadow:0 0 6px 2px #d4af3799}to{transform:translateY(-20px) scale(.5);opacity:0}}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}.container{max-width:960px;margin:0 auto;padding:0 20px}h1,h2,h3,.logo-icon{font-family:Cinzel,Noto Sans KR,serif}.card-slot{perspective:1200px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.card-slot:hover{transform:translateY(-8px) scale(1.02)}.card-slot:active{transform:translateY(-2px) scale(.98)}.card-inner{width:130px;height:224px;position:relative;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.4,0,.2,1)}.card-inner.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-back{background:linear-gradient(135deg,#1b1229,#0d0914);border:2px solid #8e7344;box-shadow:0 4px 20px #d4af3726,inset 0 0 15px #d4af370d;background-image:radial-gradient(rgba(212,175,55,.15) 1px,transparent 1px);background-size:16px 16px}.card-back .icon{font-size:2.8rem;filter:drop-shadow(0 0 8px rgba(212,175,55,.4));animation:floatKey 3s ease-in-out infinite}.card-back .label{font-size:.7rem;font-family:Cinzel,serif;letter-spacing:4px;color:#d4af37;margin-top:12px;font-weight:600;text-shadow:0 0 5px rgba(212,175,55,.4)}@keyframes floatKey{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.card-front{transform:rotateY(180deg);background:linear-gradient(180deg,#fcf9f2,#ecdcb9);border:2px solid #b89947;box-shadow:0 5px 25px #d4af374d,inset 0 0 10px #b8994733;color:#2b1f15;text-align:center;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.card-front:after{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px solid rgba(184,153,71,.4);border-radius:8px;pointer-events:none;z-index:10}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-front.is-reversed .card-image{transform:rotate(180deg)}.fallback-name{font-size:.8rem;font-weight:700;padding:10px}.card-position-label{text-align:center;font-size:.75rem;color:#c8b6e2;margin-top:12px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.8)}.spread-single,.spread-three{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.celtic-cross{display:grid;grid-template-columns:repeat(6,120px);grid-template-rows:repeat(4,210px);gap:16px;justify-content:center;align-items:center;max-width:850px;margin:0 auto}.celtic-cross .pos-0{grid-column:3;grid-row:2;z-index:2}.celtic-cross .pos-1{grid-column:3;grid-row:2;transform:rotate(90deg) scale(.9);opacity:.95;z-index:3;box-shadow:0 10px 30px #00000080}.celtic-cross .pos-2{grid-column:3;grid-row:1}.celtic-cross .pos-3{grid-column:3;grid-row:3;transform:translateY(10px)}.celtic-cross .pos-4{grid-column:2;grid-row:2}.celtic-cross .pos-5{grid-column:4;grid-row:2}.celtic-cross .pos-6{grid-column:6;grid-row:4}.celtic-cross .pos-7{grid-column:6;grid-row:3}.celtic-cross .pos-8{grid-column:6;grid-row:2}.celtic-cross .pos-9{grid-column:6;grid-row:1}.result-section{background:#2b1b3d66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:32px;margin:24px 0;border:1px solid rgba(212,175,55,.15);box-shadow:0 8px 32px #0003}.result-section.gold-highlight{background:linear-gradient(135deg,#d4af3714,#0000);border-left:4px solid #d4af37}.result-section h3{color:#e6c56b;margin-bottom:20px;font-size:1.25rem;font-weight:700;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:10px}.celtic-cross-group{margin-bottom:28px}.group-title{color:#b89947;font-size:1rem;margin-bottom:12px;display:flex;align-items:center}.group-title:before{content:"✨";margin-right:8px;font-size:.8em}.result-card-item{margin-bottom:20px;background:#0003;padding:16px;border-radius:10px;border-left:2px solid #8a7b9d}.result-card-item:last-child{margin-bottom:0}.result-card-item .pos{color:#d4af37;font-weight:700;font-size:.85rem}.result-card-item .name{color:#e0e0e0;font-weight:600;font-size:.95rem;margin-left:6px}.result-card-item .text{color:#c8cbd0;line-height:1.75;margin-top:10px;font-size:.95rem}.core-message{font-size:1.3rem;color:#fbf5e9;text-align:center;line-height:1.6;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.advice{color:#eaddff;line-height:1.8;font-size:1rem}.overall{color:#e0e0e0;line-height:1.8;font-size:1rem}.btn{padding:16px 36px;border-radius:30px;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,#d4af37,#b89947);color:#171124;box-shadow:0 4px 15px #d4af374d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #d4af3780;background:linear-gradient(135deg,#e6c56b,#c9a84c)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;background:#555;box-shadow:none;color:#888}.animate-pulse-btn{animation:pulseButton 2s infinite}@keyframes pulseButton{0%{box-shadow:0 0 #d4af37b3}70%{box-shadow:0 0 0 15px #d4af3700}to{box-shadow:0 0 #d4af3700}}.btn-secondary{background:transparent;color:#c8b6e2;border:1px solid rgba(200,182,226,.4)}.btn-secondary:hover{background:#c8b6e21a;border-color:#c8b6e2;color:#fff}.btn-spread{background:#2b1b3d99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(212,175,55,.2);color:#e0e0e0;padding:28px;border-radius:20px;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.btn-spread:hover{border-color:#d4af37;background:#d4af371a;transform:translateY(-6px) scale(1.02);box-shadow:0 10px 30px #0000004d,0 0 15px #d4af3733}.btn-spread h3{color:#e6c56b;margin-bottom:8px;font-size:1.3rem;border:none;padding:0}.btn-spread p{font-size:.9rem;color:#a496ba}.loading-wrap,.shuffle-wrap{text-align:center;padding:80px 20px}.crystal{font-size:4rem;display:inline-block;filter:drop-shadow(0 0 20px rgba(212,175,55,.6))}.crystal.spin{animation:spinPulse 2.5s infinite linear}@keyframes spinPulse{0%{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.2) rotate(180deg);opacity:1;filter:drop-shadow(0 0 40px rgba(212,175,55,.8))}to{transform:scale(1) rotate(360deg);opacity:.8}}.shuffle-cards{display:flex;gap:-20px;justify-content:center;margin:30px 0;perspective:800px}.shuffle-card{width:50px;height:80px;background:linear-gradient(135deg,#1b1229,#0d0914);border:1px solid #d4af37;border-radius:6px;box-shadow:0 5px 15px #00000080;animation:mysticShuffle 1.2s infinite ease-in-out alternate}@keyframes mysticShuffle{0%{transform:translate(0) translateY(0) rotate(0) translateZ(0)}50%{transform:translate(20px) translateY(-30px) rotate(15deg) translateZ(50px);box-shadow:0 15px 30px #d4af3766}to{transform:translate(-20px) translateY(-10px) rotate(-10deg) translateZ(-20px)}}.shuffle-card:nth-child(2){animation-delay:.2s}.shuffle-card:nth-child(3){animation-delay:.4s}.shuffle-card:nth-child(4){animation-delay:.6s}.shuffle-card:nth-child(5){animation-delay:.8s}.shuffle-card:nth-child(6){animation-delay:1s}.shuffle-card:nth-child(7){animation-delay:1.2s}.question-input{width:100%;padding:20px 24px;background:#0d091499;border:1px solid rgba(212,175,55,.3);border-radius:16px;color:#fff;font-size:1.1rem;font-family:inherit;outline:none;transition:all .3s;box-shadow:inset 0 2px 10px #00000080;resize:vertical}.question-input:focus{border-color:#d4af37;box-shadow:inset 0 2px 10px #00000080,0 0 15px #d4af3733;background:#1b1229cc}.question-input::placeholder{color:#657}.header{text-align:center;padding:60px 20px 30px}.header .logo-icon{font-size:3.5rem;margin-bottom:10px;filter:drop-shadow(0 0 15px rgba(212,175,55,.6));display:inline-block;animation:unlock 1.5s ease-out}@keyframes unlock{0%{transform:rotate(-90deg) scale(.5);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.header h1{font-size:2.8rem;background:linear-gradient(to right,gold,#ffeb99,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;margin-bottom:8px}.header p{color:#c8b6e2;font-size:1.05rem;letter-spacing:1px}.mt-20{margin-top:20px}.mt-32{margin-top:32px}.mb-20{margin-bottom:20px}.text-center{text-align:center}.flex-center{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.page-wrap{padding:20px;max-width:1000px;margin:0 auto;position:relative;z-index:1}@media(max-width:800px){.celtic-cross{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,150px);gap:8px}.card-inner{width:90px;height:155px}.card-front .emoji{font-size:2rem}.celtic-cross .pos-1{transform:rotate(90deg) scale(.75)}}@media(max-width:600px){.header h1{font-size:2rem}.btn{padding:14px 24px;font-size:.95rem}.celtic-cross{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.celtic-cross>div{margin-bottom:10px}.celtic-cross .pos-1{transform:none;box-shadow:none;margin-top:0}}