:root{--purple-gradient:linear-gradient(180deg,#fff 0%,#e0b0ff 40%,#9370db 100%);--bg-dark:#0a0a12}body,html{background-color:var(--bg-dark);width:100%;height:100%;margin:0;padding:0;font-family:Noto Serif SC,Cinzel,serif;overflow:hidden}.app-container{background:radial-gradient(circle,#1a1a2e 0%,#000 120%);width:100vw;height:100vh;position:relative}.app-container:after{content:"";pointer-events:none;z-index:10;background:radial-gradient(circle,#0000 50%,#000 100%);position:absolute;inset:0}.mystic-header{text-align:center;z-index:20;pointer-events:none;width:100%;position:absolute;top:15%;left:50%;transform:translate(-50%,-50%)}.art-title{letter-spacing:.4em;background:var(--purple-gradient);color:#0000;text-shadow:0 0 10px #fff6,0 0 20px #e0b0ff4d,0 0 40px #9370db80;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Noto Serif SC,serif;font-size:2.5rem;font-weight:700;animation:5s ease-in-out infinite breathe}.art-sub{color:#d8bfd8;letter-spacing:.6em;text-transform:uppercase;text-shadow:0 0 10px #9370db80;opacity:.9;font-family:Cinzel,serif;font-size:.8rem}.interpretation-container{text-align:center;z-index:20;pointer-events:none;width:80%;position:absolute;bottom:25%;left:50%;transform:translate(-50%)}.card-name{color:#fff;letter-spacing:.2em;text-shadow:0 0 10px #fffc;opacity:0;margin-bottom:8px;font-family:Cinzel,serif;font-size:1.5rem;animation:.8s ease-out forwards fadeUp}.card-meaning{color:#e6e6fa;letter-spacing:.1em;text-shadow:0 2px 4px #000c;opacity:0;background:linear-gradient(90deg,#0000,#0009,#0000);padding:5px 20px;font-family:Noto Serif SC,serif;font-size:1.1rem;font-weight:300;animation:.8s ease-out .3s forwards fadeUp;display:inline-block}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{filter:brightness()}50%{filter:brightness(120%)drop-shadow(0 0 10px #e0b0ff66)}}.hud-layer{pointer-events:none;z-index:20;position:absolute;inset:0}.camera-feed-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:-1000px;left:-1000px}.video-element,.canvas-overlay{object-fit:cover;width:100%;height:100%;position:absolute}.loading-text{color:#e0b0ff;letter-spacing:.2em;text-shadow:0 0 10px #9370dbcc;pointer-events:auto;font-family:Cinzel,serif;font-size:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.instructions-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#0f0f1ed9 0%,#32145033 100%);border-left:3px solid #9370db;border-radius:0 10px 10px 0;padding:20px 30px;position:absolute;bottom:40px;left:40px;box-shadow:0 10px 30px #0009}.instruction-item{opacity:.5;align-items:center;margin-bottom:12px;transition:all .4s;display:flex}.instruction-item.active{opacity:1;transform:translate(10px)scale(1.05)}.instruction-item.active .icon{text-shadow:0 0 15px #e0b0ff}.icon{text-align:center;color:#e0b0ff;width:30px;margin-right:15px;font-size:1.5rem}.label{color:#f0f0f0;font-family:Noto Serif SC;font-size:1rem}.desc{color:#b0b0d0;margin-top:2px;font-family:Cinzel;font-size:.65rem;display:block}.sound-toggle{cursor:pointer;z-index:50;pointer-events:auto;filter:drop-shadow(0 0 #e0b0ff00);background:0 0;border:none;align-items:center;gap:12px;padding:10px;transition:all .5s ease-out;display:flex;position:absolute;top:40px;left:40px}.sound-toggle:hover{filter:drop-shadow(0 0 8px #9370db99);transform:scale(1.05)}.sound-toggle.active{filter:drop-shadow(0 0 12px #e0b0ffcc)}.sound-toggle.active .mystic-pulse path{animation:3s ease-in-out infinite alternate pulseWave}@keyframes pulseWave{0%{opacity:.4;stroke-width:1px;transform:scale(.95)}to{opacity:1;stroke-width:1.5px;transform:scale(1.05)}}.sound-label{color:#d8bfd8;letter-spacing:.15em;text-shadow:0 0 5px #9370db80;white-space:nowrap;font-family:Cinzel,serif;font-size:.75rem}.fade-in{animation:.8s ease-out forwards fadeInOpacity}@keyframes fadeInOpacity{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.sound-toggle:active{filter:drop-shadow(0 0 5px #e0b0ffe6);transform:scale(.95)}canvas{filter:drop-shadow(0 0 10px #8a2be299)}