:root{--card-w: 60px;--card-h: 102px;--reveal-w: 130px;--reveal-h: 220px;--support-w: 75px;--support-h: 115px;--gold: #ffd700;--velvet-base: #1a0505;--z-particles: 1;--z-table: 10;--z-cards-support: 50;--z-cards-tarot: 100;--z-title: 100;--z-reading: 500;--z-reload: 5001;--z-info: 5005;--z-trigger: 5000;--z-gallery: 6000}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--velvet-base);background-image:radial-gradient(circle at 50% 50%, transparent 0%, #000 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E"),radial-gradient(circle at 50% 100%, #3a0000 0%, transparent 60%);height:100vh;width:100vw;overflow:hidden;font-family:"Sorts Mill Goudy",serif;perspective:2500px;display:flex;flex-direction:column;align-items:center}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-particles);background-image:radial-gradient(rgba(255, 215, 0, 0.7) 1px, transparent 1px),radial-gradient(rgba(255, 255, 255, 0.5) 1px, transparent 1px);background-size:60px 60px;background-position:0 0,30px 30px;opacity:.3;animation:twinkle 8s linear infinite}.triggers-row{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:60px;align-items:flex-end;z-index:var(--z-trigger);transition:opacity .5s}.trigger-container{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:opacity .5s}.trigger-container:hover .orb{box-shadow:inset -20px -20px 50px rgba(0,0,0,.8),inset 10px 10px 30px hsla(0,0%,100%,.4),0 0 40px hsla(0,0%,100%,.3),0 0 80px rgba(255,215,0,.2);border-color:hsla(0,0%,100%,.5)}.orb-wrapper{position:relative;width:130px;height:130px;margin-bottom:15px}.orb{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 30%, rgba(0, 0, 0, 0.1) 70%);backdrop-filter:blur(5px) brightness(1.1);-webkit-backdrop-filter:blur(5px) brightness(1.1);box-shadow:inset -15px -15px 40px rgba(0,0,0,.7),inset 10px 10px 20px hsla(0,0%,100%,.2),inset 0 0 0 1px hsla(0,0%,100%,.1),0 20px 40px rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.2);position:relative;overflow:hidden;transition:all .4s ease}.orb::before{content:"";position:absolute;top:15%;left:20%;width:25%;height:15%;background:radial-gradient(ellipse at center, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 70%);transform:rotate(-45deg);filter:blur(1px);z-index:2}.orb::after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.1) 60%, transparent 70%);transform:skewX(-20deg);animation:shineSweep 5s infinite ease-in-out;pointer-events:none}.stand{width:90px;height:30px;background:radial-gradient(ellipse at center, #d4af37 0%, #8a6e2f 50%, #2a1a0a 100%);border-radius:50%;margin-top:-30px;z-index:-1;box-shadow:0 15px 25px rgba(0,0,0,.8);position:relative}.instruction{margin-top:15px;font-family:"Cinzel Decorative",cursive;color:var(--gold);font-size:1rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 10px #000}.tol-wrapper{position:relative;width:130px;height:130px;margin-bottom:15px;display:flex;align-items:center;justify-content:center}.tol-symbol{font-size:5rem;color:var(--gold);opacity:.7;text-shadow:0 0 20px rgba(255,215,0,.4),0 0 40px rgba(255,215,0,.2);transition:all .4s ease;filter:drop-shadow(0 5px 15px rgba(0, 0, 0, 0.6))}#triggerToL:hover .tol-symbol{opacity:1;text-shadow:0 0 30px rgba(255,215,0,.6),0 0 60px rgba(255,215,0,.3),0 0 90px rgba(255,215,0,.1);transform:scale(1.05)}.tol-reading-text{position:absolute;width:200px;background:linear-gradient(to bottom, rgba(25, 5, 5, 0.95), rgba(10, 0, 0, 0.98));border:1px solid var(--gold);border-top:3px solid var(--gold);padding:10px;color:#f0e6d2;text-align:center;opacity:0;transition:opacity .8s ease;box-shadow:0 10px 40px rgba(0,0,0,.9);border-radius:0 0 8px 8px;pointer-events:none;z-index:var(--z-reading)}.tol-reading-text.visible{opacity:1}.tol-reading-text h4{color:var(--gold);font-family:"Cinzel Decorative",cursive;margin-bottom:4px;font-size:.8rem;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:3px}.tol-reading-text .tol-sephira{color:#cba135;font-size:.7rem;font-style:italic;margin-bottom:3px}.tol-reading-text p{font-size:.75rem;line-height:1.3}.btn-round{background:rgba(0,0,0,.6);border:2px solid var(--gold);color:var(--gold);width:45px;height:45px;border-radius:50%;cursor:pointer;transition:.4s;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(255,215,0,.3);pointer-events:auto;font-family:"Cinzel Decorative",serif;font-size:1.2rem;font-weight:bold}.btn-round:hover{background:var(--gold);color:#2a0a0a;box-shadow:0 0 30px var(--gold);transform:scale(1.1)}.btn-round svg{width:24px;height:24px;fill:currentColor}.btn-close{background:rgba(0,0,0,0);border:1px solid var(--gold);color:var(--gold);padding:5px 15px;cursor:pointer;font-family:"Philosopher",sans-serif;text-transform:uppercase}.btn-close:hover{background:var(--gold);color:#000}.info-container{position:absolute;bottom:30px;left:30px;z-index:var(--z-info)}.reload-container{position:absolute;top:30px;right:30px;z-index:var(--z-reload);opacity:0;pointer-events:none;transition:opacity 1s}.reload-container.visible{opacity:1;pointer-events:auto}#table{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;z-index:var(--z-table)}.card{position:absolute;width:var(--card-w);height:var(--card-h);transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(0.25, 0.8, 0.25, 1),left 1.2s,top 1.2s;cursor:default;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.6);animation:idleFloat 6s ease-in-out infinite}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;border-radius:8px}.face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:7px;background-size:100% 100%;background-repeat:no-repeat;overflow:hidden}.face-front{transform:rotateY(0deg);background-color:#111;border:1px solid #333}.face-back{transform:rotateY(180deg);background-image:url("https://images.unsplash.com/photo-1542273917363-3b1817f69a2d?q=80&w=300");background-size:cover;border:2px solid #5a3e1b}.face-back::after{content:"";position:absolute;top:50%;left:50%;width:70%;height:70%;transform:translate(-50%, -50%) rotate(45deg);border:1px solid rgba(255,215,0,.3)}.is-flipped .card-inner{transform:rotateY(180deg)}.shuffling .card-inner{animation:shuffleShake .2s infinite}.revealed-tarot{width:var(--reveal-w) !important;height:var(--reveal-h) !important;z-index:var(--z-cards-tarot) !important;filter:drop-shadow(0 0 20px rgba(255, 215, 0, 0.5));animation:none !important}.revealed-support{width:var(--support-w) !important;height:var(--support-h) !important;z-index:var(--z-cards-support) !important;animation:none !important}#galleryView{position:fixed;inset:0;background:rgba(10,0,0,.95);backdrop-filter:blur(15px);z-index:var(--z-gallery);display:none;flex-direction:column;opacity:0;transition:opacity .5s ease}#galleryView.active{display:flex;opacity:1}.gallery-header{padding:20px;text-align:center;border-bottom:1px solid var(--gold);background:#1a0505;display:flex;justify-content:space-between;align-items:center}.gallery-header h2{font-family:"Cinzel Decorative",cursive;color:var(--gold);font-size:1.5rem;flex-grow:1}.gallery-tabs{display:flex;gap:10px;flex-grow:1;justify-content:center}.gallery-tab{background:rgba(0,0,0,0);border:1px solid var(--gold);color:var(--gold);padding:8px 16px;font-family:"Cinzel Decorative",cursive;font-size:.9rem;cursor:pointer;border-radius:4px;transition:all .3s ease}.gallery-tab:hover{background:rgba(255,215,0,.1)}.gallery-tab.active{background:var(--gold);color:#1a0505}.gallery-grid{flex-grow:1;padding:20px;overflow-y:auto;display:grid;gap:10px;grid-template-columns:repeat(6, 1fr) !important;scrollbar-width:thin;scrollbar-color:var(--gold) #222}.gallery-item{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:transform .2s;min-width:0}.gallery-item:hover{transform:scale(1.1);z-index:10}.g-card-img{width:100%;aspect-ratio:60/102;background-size:cover;border-radius:4px;border:1px solid #444;margin-bottom:3px;box-shadow:0 4px 8px rgba(0,0,0,.5)}.g-name{color:#ddd;font-size:.7rem;font-weight:bold;margin-bottom:2px;line-height:1.1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-mean{display:block;color:#aaa;font-size:.6rem;font-style:italic;line-height:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.g-card-symbol{width:100%;aspect-ratio:60/102;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:linear-gradient(135deg, #2a1a1a 0%, #1a0505 50%, #2a1a1a 100%);border:2px solid var(--gold);border-radius:6px;margin-bottom:3px;box-shadow:0 4px 12px rgba(0,0,0,.6),inset 0 0 20px rgba(255,215,0,.1)}.lenormand-item .g-name{font-size:.65rem}.lenormand-item .g-mean{font-size:.55rem;white-space:normal;line-height:1.2}.title-overlay{position:absolute;top:30px;width:100%;text-align:center;pointer-events:none;z-index:var(--z-title);opacity:1;transition:opacity 1s}.title-overlay h1{font-family:"Cinzel Decorative",cursive;font-size:3rem;color:var(--gold);text-shadow:0 0 20px rgba(0,0,0,.8);opacity:.8}.reading-container{position:absolute;top:0;left:0;width:100%;height:0;pointer-events:none;z-index:var(--z-reading)}.reading-text{position:absolute;width:280px;background:linear-gradient(to bottom, rgba(25, 5, 5, 0.95), rgba(10, 0, 0, 0.98));border:1px solid var(--gold);border-top:3px solid var(--gold);padding:12px;color:#f0e6d2;text-align:center;opacity:0;transition:opacity .8s ease;box-shadow:0 10px 40px rgba(0,0,0,.9);border-radius:0 0 10px 10px;pointer-events:none}.reading-text.visible{opacity:1}.reading-text h3{color:var(--gold);font-family:"Cinzel Decorative",cursive;margin-bottom:6px;font-size:1rem;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:4px}.reading-text p{font-size:.85rem;line-height:1.4}.final-phrase{position:absolute;left:0;width:100%;text-align:center;color:#ddd;font-family:"Sorts Mill Goudy",serif;font-style:italic;font-size:1.1rem;text-shadow:0 2px 8px #000,0 0 20px rgba(0,0,0,.9);opacity:0;transition:opacity 1.5s ease;pointer-events:none;z-index:calc(var(--z-reading) + 10);letter-spacing:.5px;padding:8px 20px}.final-phrase.visible{opacity:1}@keyframes twinkle{0%{transform:translateY(0);opacity:.3}50%{opacity:.5}100%{transform:translateY(-50px);opacity:.3}}@keyframes shineSweep{0%,20%{left:-150%}50%,100%{left:150%}}@keyframes idleFloat{0%,100%{transform:translate(-50%, -50%) rotate(var(--rot)) translateY(0)}50%{transform:translate(-50%, -50%) rotate(var(--rot)) translateY(-5px)}}@keyframes shuffleShake{0%{transform:rotateY(180deg) translate(0, 0) rotate(0)}25%{transform:rotateY(180deg) translate(2px, 0) rotate(1deg)}75%{transform:rotateY(180deg) translate(-2px, 0) rotate(-1deg)}}@media(min-width: 1200px){:root{--card-w: 75px;--card-h: 128px;--reveal-w: 170px;--reveal-h: 290px}}@media(max-width: 900px){:root{--reveal-w: 110px;--reveal-h: 180px;--support-w: 60px;--support-h: 95px}.reading-text h3{font-size:.9rem}.reading-text p{font-size:.8rem}.final-phrase{font-size:.85rem;padding:0 15px}}@media(max-width: 600px){.reading-text{padding:10px}.reading-text h3{font-size:.85rem;margin-bottom:4px}.reading-text p{font-size:.75rem;line-height:1.3}.final-phrase{font-size:.75rem}.gallery-grid{gap:5px;padding:10px;grid-template-columns:repeat(4, 1fr) !important}.g-name{font-size:.5rem}.g-mean{font-size:.4rem}}