body{line-height:1.7;-webkit-tap-highlight-color:transparent;word-break:keep-all;min-height:100vh}.tarot-main .tarot-card-wrap,.tarot-main .tarot-card,.tarot-main .card-face,.tarot-main .card-back,.tarot-main .card-front,.tarot-main .card-placeholder{background:#0f0c29;border:none;outline:none;box-shadow:none;border-radius:0}.tarot-main .card-back-img,.tarot-main .card-front-img{border:none;outline:none;box-shadow:none;border-radius:0;display:block}.tarot-main{max-width:900px;margin:0 auto;padding:0 20px 4rem}.tarot-title{font-size:1.8rem;font-weight:900;text-align:center;margin-bottom:.5rem;background:linear-gradient(to right,#fff,var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.spread-select{display:flex;gap:8px;margin-bottom:1.5rem;position:relative;z-index:2}.spread-btn{flex:1;padding:14px 8px;border-radius:16px;border:1px solid var(--glass-border);background:transparent;color:var(--text-sub);cursor:pointer;font-weight:700;font-size:.85rem;transition:.3s;text-align:center}.spread-btn.active{background:var(--primary);color:#0f0c29;border-color:var(--primary)}.spread-btn:hover:not(.active){border-color:var(--primary);color:var(--primary)}.spread-info{text-align:center;color:var(--text-sub);font-size:.85rem;margin-bottom:2rem;position:relative;z-index:2}.card-field{text-align:center;margin:0 auto 2.5rem}.tarot-card{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.tarot-card .card-back{transition:opacity .3s ease-out}.tarot-card .card-front{opacity:0;transition:opacity .3s ease-out .3s}.tarot-card.flipped .card-back{opacity:0}.tarot-card.flipped .card-front{opacity:1}.tarot-card.reversed .card-front{transform:rotate(180deg)}.card-face{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.card-back-img{width:100%;height:100%;object-fit:cover}.card-front{padding:0;text-align:center;gap:0}.card-front-img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.card-front-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent 0%,#000000b3 50%,#000000e6);padding:18px 8px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.card-name{font-size:.85rem;font-weight:900;color:#fff;line-height:1.2;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.card-name-en{font-size:.55rem;color:#c9a84cb3;font-weight:600;text-transform:uppercase;letter-spacing:1px}.card-direction{font-size:.6rem;font-weight:800;padding:3px 12px;border-radius:100px;margin-top:4px;letter-spacing:1px}.card-direction.upright{background:#00cec933;color:#00cec9;border:1px solid rgba(0,206,201,.3)}.card-direction.reversed-tag{background:#ff6b6b33;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.tarot-card:hover{filter:brightness(1.1)}.card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:.75rem;font-weight:800;letter-spacing:1px;transition:all .4s}.card-placeholder.filled{display:none}.tarot-card-wrap{position:relative;width:140px;height:220px;display:inline-block;vertical-align:top;margin:0 10px;overflow:hidden}.card-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:1.5rem 0;margin-bottom:1.5rem;position:relative;z-index:1}.card-pool .tarot-card{position:relative;top:auto;left:auto;width:80px;height:126px;transition:all .4s cubic-bezier(.4,0,.2,1)}.card-pool .tarot-card:hover{transform:translateY(-8px) scale(1.05);z-index:10}.card-pool .tarot-card.picked{opacity:0;transform:scale(.8) translateY(-10px);pointer-events:none}.phase-guide{text-align:center;color:var(--text-sub);font-size:.9rem;margin:1.2rem 0;font-weight:600;line-height:1.8;position:relative;z-index:2}.phase-guide .hl{color:var(--primary);font-weight:800;font-size:1rem}.pick-progress{text-align:center;margin-bottom:1rem;position:relative;z-index:2}.pick-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 5px;background:#ffffff1f;transition:all .4s cubic-bezier(.175,.885,.32,1.275);vertical-align:middle}.pick-dot.filled{background:var(--primary);transform:scale(1.2)}@keyframes pool-appear{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.card-pool .tarot-card{animation:pool-appear .3s ease-out backwards}@keyframes shuffle-wiggle{0%,to{transform:translate(0) rotate(var(--rot, 0deg))}25%{transform:translate(calc(var(--sx, 8px))) rotate(calc(var(--rot, 0deg) + 3deg))}75%{transform:translate(calc(var(--sx, 8px) * -1)) rotate(calc(var(--rot, 0deg) - 3deg))}}.card-pool.shuffling .tarot-card{animation:shuffle-wiggle .35s ease-in-out 2}.card-position-label{display:none}.btn-draw{display:block;width:100%;max-width:400px;margin:0 auto 2rem;padding:18px;border-radius:20px;border:none;background:linear-gradient(45deg,#6c5ce7,#a29bfe,#00cec9);background-size:200% 200%;color:#fff;font-size:1.1rem;font-weight:900;cursor:pointer;box-shadow:0 10px 30px #6c5ce766;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:aurora 5s ease infinite}@keyframes aurora{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-draw:hover{transform:translateY(-3px);box-shadow:0 15px 35px #6c5ce780}.btn-draw:disabled{opacity:.5;cursor:not-allowed;transform:none}.reading-result{display:none;position:relative;z-index:2;margin-top:2rem}.result-card{background:#ffffff08;border-radius:20px;padding:1.5rem;margin-bottom:1.2rem}.result-card-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem;padding-bottom:.8rem}.result-card-symbol{width:44px;height:44px;flex-shrink:0;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px #0000004d}.result-card-symbol img{width:100%;height:100%;object-fit:cover}.result-card-info{flex:1;min-width:0}.result-card-title{font-weight:800;color:#fff;font-size:1.05rem}.result-card-pos{font-size:.75rem;color:var(--primary);font-weight:700}.result-card-dir{font-size:.7rem;font-weight:700;padding:2px 10px;border-radius:100px;flex-shrink:0}.result-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem}.result-keyword{font-size:.7rem;padding:4px 10px;border-radius:100px;background:#a29bfe1a;color:var(--primary);font-weight:600}.result-narrative{font-size:.9rem;color:var(--text-sub);line-height:1.9}.result-narrative p{margin-bottom:.8rem}.result-narrative .advice-line{color:var(--primary);font-weight:700;font-size:.92rem;padding-left:0;margin-top:1rem}.result-section{margin-top:1rem}.result-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:.8rem}.result-section-item{background:#ffffff05;border-radius:14px;padding:12px}.result-section-label{font-size:.7rem;font-weight:800;margin-bottom:6px;display:flex;align-items:center;gap:5px}.result-section-text{font-size:.85rem;line-height:1.7;color:var(--text-sub)}.result-lucky{display:flex;flex-wrap:wrap;gap:8px;margin-top:.8rem}.result-lucky-item{font-size:.75rem;padding:5px 12px;border-radius:100px;background:#ffffff0a;color:var(--text-sub);display:flex;align-items:center;gap:5px}.result-lucky-item span{font-weight:700;color:#fff}.reading-synthesis{background:#a29bfe0f;border-radius:20px;padding:1.5rem;margin-bottom:1.5rem}.synthesis-title{font-size:.8rem;font-weight:800;color:var(--primary);margin-bottom:.8rem;display:flex;align-items:center;gap:6px}.synthesis-text{font-size:.92rem;line-height:1.9;color:var(--text-main)}@media(max-width:480px){.result-section-grid{grid-template-columns:1fr}}.btn-reset{display:block;width:100%;max-width:400px;margin:1.5rem auto 0;padding:14px;border-radius:16px;border:1px solid var(--glass-border);background:#ffffff0d;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:.3s}.btn-reset:hover{background:#ffffff1a}.celtic-layout{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,auto);gap:10px;justify-items:center;text-align:center}.celtic-layout .tarot-card-wrap{display:flex;margin:0}.celtic-layout .tarot-card-wrap:nth-child(1){grid-column:2;grid-row:2}.celtic-layout .tarot-card-wrap:nth-child(2){grid-column:2;grid-row:2;transform:rotate(90deg) translate(10px)}.celtic-layout .tarot-card-wrap:nth-child(3){grid-column:2;grid-row:1}.celtic-layout .tarot-card-wrap:nth-child(4){grid-column:2;grid-row:3}.celtic-layout .tarot-card-wrap:nth-child(5){grid-column:1;grid-row:2}.celtic-layout .tarot-card-wrap:nth-child(6){grid-column:3;grid-row:2}.celtic-layout .tarot-card-wrap:nth-child(7){grid-column:4;grid-row:4}.celtic-layout .tarot-card-wrap:nth-child(8){grid-column:4;grid-row:3}.celtic-layout .tarot-card-wrap:nth-child(9){grid-column:4;grid-row:2}.celtic-layout .tarot-card-wrap:nth-child(10){grid-column:4;grid-row:1}@media(max-width:768px){.tarot-main{padding:0 12px 3rem}.tarot-card{width:110px;height:173px}.card-name{font-size:.7rem}.card-name-en{font-size:.5rem}.card-placeholder{font-size:.65rem}.tarot-card-wrap,.tarot-card{width:110px;height:173px}.spread-btn{font-size:.75rem;padding:10px 4px}.share-container{grid-template-columns:repeat(2,1fr);gap:8px}.share-btn{padding:12px 4px;font-size:.7rem}.card-pool{gap:6px}.card-pool .tarot-card{position:relative;width:70px;height:110px}.celtic-layout{grid-template-columns:repeat(4,1fr);gap:6px}.celtic-layout .tarot-card{width:80px;height:126px}.celtic-layout .card-placeholder{font-size:.5rem}.celtic-layout .tarot-card-wrap{width:80px;height:126px}}