:root{--bg-primary:#0d0d1a;--bg-secondary:#1a1a2e;--bg-tertiary:#252542;--bg-card:rgba(37,37,66,.8);--bg-card-hover:rgba(45,45,80,.9);--text-primary:#f5f0e8;--text-secondary:#c9c0b0;--text-muted:#9a9080;--accent-gold:#d4af37;--accent-gold-light:#f0d060;--accent-gold-dark:#b8960c;--accent-purple:#8b5cf6;--accent-purple-light:#a78bfa;--btn-primary:linear-gradient(135deg,#d4af37,#b8960c);--btn-primary-hover:linear-gradient(135deg,#f0d060,#d4af37);--btn-secondary:rgba(139,92,246,.2);--btn-secondary-hover:rgba(139,92,246,.3);--border-default:rgba(212,175,55,.3);--border-hover:rgba(212,175,55,.6);--shadow-glow:0 0 20px rgba(212,175,55,.2);--shadow-card:0 4px 20px rgba(0,0,0,.4)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:Crimson Text,Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-primary) 100%);background-attachment:fixed;color:var(--text-primary);min-height:100vh}a{color:var(--accent-gold);text-decoration:none}a:hover{color:var(--accent-gold-light)}.tarot-btn{padding:.6rem 1.2rem;border:1px solid var(--border-default);border-radius:6px;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.95rem}.tarot-btn-primary{background:var(--btn-primary);color:var(--bg-primary);font-weight:600;border:none}.tarot-btn-primary:hover{background:var(--btn-primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.tarot-btn-secondary{background:var(--btn-secondary);color:var(--text-primary);border:1px solid var(--accent-purple)}.tarot-btn-secondary:hover{background:var(--btn-secondary-hover);border-color:var(--accent-purple-light)}.tarot-btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.tarot-btn-ghost:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-hover)}.tarot-btn-ghost.active{background:var(--bg-card);color:var(--accent-gold);border-color:var(--accent-gold)}.tarot-card-container{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-card)}.tarot-section-title{color:var(--accent-gold);font-size:1.3rem;margin-bottom:1rem;text-shadow:0 0 10px rgba(212,175,55,.3)}.tarot-select{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;cursor:pointer}.tarot-select:hover{border-color:var(--border-hover)}.tarot-select:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px rgba(212,175,55,.2)}.card-pool-container{perspective:1000px;display:flex;flex-direction:column;align-items:center;padding:2rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;margin:2rem 0;box-shadow:var(--shadow-card)}.card-pool-header{text-align:center;margin-bottom:1.5rem;color:var(--text-primary)}.card-pool-header h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--accent-gold);text-shadow:0 0 10px rgba(212,175,55,.3)}.card-pool-header p{font-size:1.1rem;color:var(--text-secondary)}.card-pool-progress{font-size:1.25rem;font-weight:700;color:var(--accent-gold-light);margin-bottom:1rem;text-shadow:0 0 15px rgba(212,175,55,.5)}.card-pool-grid{display:grid;grid-template-columns:repeat(13,1fr);grid-gap:6px;gap:6px;max-width:100%;overflow-x:auto;padding:1rem}@media (max-width:900px){.card-pool-grid{grid-template-columns:repeat(13,45px)}}.pool-card{width:55px;height:85px;perspective:500px;cursor:pointer;transition:transform .2s ease}@media (max-width:900px){.pool-card{width:45px;height:70px}}.pool-card:hover:not(.selected):not(.disabled){transform:translateY(-8px) scale(1.05)}.pool-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease;border-radius:6px}.pool-card.selected .pool-card-inner{transform:rotateY(180deg)}.pool-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:6px;background:linear-gradient(145deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:2px solid var(--border-default);box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 0 20px rgba(212,175,55,.05);display:flex;align-items:center;justify-content:center;overflow:hidden}.pool-card-back:before{content:"";position:absolute;width:80%;height:80%;background:radial-gradient(ellipse at center,rgba(212,175,55,.15) 0,transparent 70%)}.pool-card-back:after{content:"";position:absolute;width:40%;height:40%;border:1px solid rgba(212,175,55,.3);border-radius:50%}.pool-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg);border-radius:6px;background:var(--btn-primary);border:2px solid var(--accent-gold);box-shadow:0 0 20px rgba(212,175,55,.5);display:flex;align-items:center;justify-content:center}.pool-card.selected{cursor:default;animation:cardSelected .5s ease forwards}@keyframes cardSelected{0%{transform:scale(1)}50%{transform:scale(1.2) translateY(-10px)}to{transform:scale(.9);opacity:.7}}.pool-card.disabled{cursor:not-allowed;opacity:.4}.reveal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(13,13,26,.98),rgba(26,26,46,.98));display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reveal-cards{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:cardsGather 1s ease forwards}@keyframes cardsGather{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.reveal-card{width:80px;height:120px;background:var(--btn-primary);border-radius:8px;border:3px solid var(--accent-gold);box-shadow:0 0 30px rgba(212,175,55,.6);animation:cardFloat 2s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.reveal-text{position:absolute;bottom:20%;color:var(--accent-gold-light);font-size:1.5rem;text-shadow:0 0 20px rgba(212,175,55,.8);animation:textPulse 1s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.6}}.pool-card:hover:not(.selected):not(.disabled) .pool-card-back{box-shadow:0 0 20px rgba(212,175,55,.4),0 4px 8px rgba(0,0,0,.3),inset 0 0 20px rgba(212,175,55,.15);border-color:var(--accent-gold)}.result-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease}.result-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.result-card-label{font-size:.85rem;color:var(--accent-gold);margin-bottom:.5rem}.result-card-name{font-size:1rem;color:var(--text-primary);margin:.5rem 0}.result-card-orientation{font-size:.9rem;color:var(--text-secondary)}.interpretation-container{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem;margin-top:2rem}.interpretation-section{margin-bottom:1.5rem}.interpretation-title{color:var(--accent-gold);font-weight:700;margin-bottom:.5rem}.interpretation-text{color:var(--text-secondary);line-height:1.8;white-space:pre-line}.interpretation-card{margin-bottom:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:6px;border-left:3px solid var(--accent-purple)}.interpretation-card.gold-border{border-left-color:var(--accent-gold)}.interpretation-card-title{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:600}.interpretation-card-text{color:var(--text-secondary);line-height:1.6;white-space:pre-line}.advice-box{padding:1rem;background:rgba(139,92,246,.1);border:1px solid var(--accent-purple);border-radius:8px;margin-bottom:1.5rem}.disclaimer-box{margin-top:2rem;padding:1rem;background:hsla(0,0%,39%,.1);border-top:1px solid var(--border-default)}.disclaimer-text{font-size:.75rem;color:var(--text-muted);line-height:1.6;text-align:center}.timing-box{padding:1rem;background:rgba(212,175,55,.1);border:1px solid var(--accent-gold);border-radius:8px;margin-bottom:1.5rem}.error-container{margin-top:2rem;padding:1rem;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.5);border-radius:8px;color:#fca5a5}.error-container strong{color:#f87171}.loading-text{text-align:center;padding:2rem;color:var(--text-secondary)}