*{margin:0;padding:0;box-sizing:border-box}@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=MedievalSharp&display=swap");body{font-family:MedievalSharp,cursive;min-height:100vh;color:#f0e6ff;overflow-x:hidden;background:#0a0015}@media (max-width:768px){body,body *{font-family:Arial,Helvetica,sans-serif!important}.title,h1,h2{font-family:MedievalSharp,cursive!important;font-size:2.5rem!important}.action-button,.back-button,.question-input,button,div,input,p,span,textarea{font-family:Arial,Helvetica,sans-serif!important}}body.home-theme{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.5)),url(/images/backgrounds/Cosmos.png) 50%/cover no-repeat;background-attachment:fixed}.container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.star{position:absolute;background:#fff;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:twinkle 3s infinite;width:8px;height:8px;filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.title{font-family:Cinzel,serif;font-size:4rem;text-align:center;margin-bottom:3rem;text-shadow:0 0 30px rgba(138,43,226,.8),0 0 60px rgba(138,43,226,.4);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 30px rgba(138,43,226,.8),0 0 60px rgba(138,43,226,.4)}to{text-shadow:0 0 40px #8a2be2,0 0 80px rgba(138,43,226,.6)}}.wizard-image{width:300px;height:auto;margin:2rem auto;display:block;filter:drop-shadow(0 0 20px rgba(138,43,226,.6));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.menu-buttons{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.menu-button{padding:1.5rem 3rem;font-size:1.8rem;font-family:MedievalSharp,cursive;background:linear-gradient(135deg,#6b2d9c,#8a3db8);color:#f0e6ff;border:3px solid #9d4edd;border-radius:15px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;min-width:300px;box-shadow:0 5px 15px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2);position:relative;overflow:hidden}.menu-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.menu-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.3);border-color:#b164f0;background:linear-gradient(135deg,#7b3dac,#9a4dc8)}.menu-button:hover:before{left:100%}.back-button{position:absolute;top:2rem;left:2rem;padding:.8rem 1.5rem;font-size:1.2rem;background:rgba(61,0,102,.8);border:2px solid #9d4edd;border-radius:10px;color:#f0e6ff;cursor:pointer;transition:all .3s ease;font-family:MedievalSharp,cursive}.back-button:hover{background:rgba(81,20,122,.9);transform:translateX(-3px)}@media (max-width:768px){.back-button{top:1rem;left:1rem;padding:1rem 1.5rem;font-size:1.4rem;min-width:60px;min-height:44px;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-weight:700}}.crystal-ball-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.crystal-ball{width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),transparent 40%),radial-gradient(circle at 70% 70%,rgba(59,130,246,.3),transparent 60%),linear-gradient(135deg,#1e3a8a,#3b82f6 50%,#1e40af);box-shadow:0 0 80px rgba(59,130,246,.8),inset 0 0 60px rgba(96,165,250,.4),0 20px 40px rgba(0,0,0,.5);position:relative;overflow:hidden;animation:pulse-blue 3s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 80px rgba(138,43,226,.8),inset 0 0 60px rgba(138,43,226,.4),0 20px 40px rgba(0,0,0,.5)}50%{box-shadow:0 0 100px #8a2be2,inset 0 0 80px rgba(138,43,226,.6),0 20px 40px rgba(0,0,0,.5)}}@keyframes pulse-blue{0%,to{box-shadow:0 0 80px rgba(59,130,246,.8),inset 0 0 60px rgba(96,165,250,.4),0 20px 40px rgba(0,0,0,.5)}50%{box-shadow:0 0 100px #3b82f6,inset 0 0 80px rgba(96,165,250,.6),0 20px 40px rgba(0,0,0,.5)}}.crystal-ball.active{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.mist{position:absolute;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></svg>');animation:swirl 10s linear infinite}@keyframes swirl{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.response{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:1.2rem;color:#f0e6ff;padding:1rem;max-width:80%;opacity:0;transition:opacity 1s ease;text-shadow:0 0 10px hsla(0,0%,100%,.8)}.response.visible{opacity:1}.input-container{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%;max-width:500px}.question-input{width:100%;padding:1rem;font-size:1.2rem;background:rgba(61,0,102,.5);border:2px solid #9d4edd;border-radius:10px;color:#f0e6ff;font-family:MedievalSharp,cursive}.question-input::placeholder{color:rgba(240,230,255,.5)}.button-group{display:flex;gap:1rem}.action-button{padding:1rem 2rem;font-size:1.3rem;background:linear-gradient(135deg,#6b2d9c,#8a3db8);border:2px solid #9d4edd;border-radius:10px;color:#f0e6ff;cursor:pointer;transition:all .3s ease;font-family:MedievalSharp,cursive}body.doom-theme .action-button{background:linear-gradient(135deg,#8b0000,#b22222);border:2px solid #dc143c;color:#ffe4e1}body.doom-theme .action-button:hover:not(:disabled){background:linear-gradient(135deg,sienna,#dc143c)}body.crystal-theme .action-button{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:2px solid #60a5fa;color:#dbeafe}body.crystal-theme .action-button:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#2563eb)}body.crystal-theme .question-input{background:rgba(30,58,138,.3);border:2px solid #60a5fa;color:#dbeafe}body.crystal-theme .question-input::placeholder{color:rgba(219,234,254,.5)}.action-button:hover:not(:disabled){background:linear-gradient(135deg,#7b3dac,#9a4dc8);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.action-button:disabled{opacity:.5;cursor:not-allowed}.voice-button{padding:1rem;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.voice-button.listening{animation:pulse-red 1s ease-in-out infinite;background:linear-gradient(135deg,#c42d6b,#d83d8a)}@keyframes pulse-red{0%,to{box-shadow:0 0 20px rgba(212,61,138,.8)}50%{box-shadow:0 0 40px #d43d8a}}.wheel-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.wheel-wrapper{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center;margin:0 auto}.wheel{width:100%;height:100%;border-radius:50%;position:absolute;top:50%;left:50%;transform-origin:center center;transform:translate(-50%,-50%);overflow:visible;box-shadow:0 0 50px hsla(0,100%,70%,.6),inset 0 0 50px rgba(0,0,0,.3);transition:transform 4s cubic-bezier(.23,1,.32,1);background:#2c1810;border:4px solid #8b4513}.wheel-segment{position:absolute;width:50%;height:50%;transform-origin:right bottom;display:flex;align-items:flex-start;justify-content:flex-start;font-size:.7rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px #000;border-right:2px solid rgba(139,69,19,.8);border-bottom:2px solid rgba(139,69,19,.8);padding:5px}.pointer{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:40px solid #ff6b6b;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5));z-index:10}.result-display{font-size:1.8rem;text-align:center;min-height:60px;padding:1rem;background:rgba(139,0,0,.7);border:2px solid #b22222;border-radius:10px;width:100%;max-width:500px;color:#ffe4e1}.result-display.show{animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body.crystal-theme{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.4)),url(/images/backgrounds/FortuneTeller.jpg) 50%/cover no-repeat;background-attachment:fixed;min-height:100vh}@media (max-width:768px){body.crystal-theme{background-attachment:scroll}body.crystal-theme,body.doom-theme{min-height:100vh;background-size:cover;background-position:50%;background-repeat:no-repeat}body.doom-theme{background-attachment:scroll!important}body.home-theme{background-attachment:scroll;min-height:100vh;background-size:cover;background-position:50%;background-repeat:no-repeat}}@keyframes flicker{0%{opacity:.7}to{opacity:1}}body.doom-theme{background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.5)),url(/images/backgrounds/Dungeon.png) 50%/cover no-repeat!important;background-attachment:fixed!important}body.doom-theme *{background-color:transparent}@keyframes flame-dance{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-5px) scaleY(1.1)}}.music-toggle{position:fixed;top:1rem;right:1rem;background:rgba(61,0,102,.8);border:2px solid #9d4edd;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f0e6ff;font-size:1.2rem;transition:all .3s ease;z-index:1000}.music-toggle:hover{background:rgba(81,20,122,.9);transform:scale(1.1)}@media (max-width:768px){.title{font-size:2.5rem}.wizard-image{width:200px}.menu-button{font-size:1.4rem;padding:1.2rem 2rem;min-width:250px}.crystal-ball{width:250px;height:250px}.wheel-wrapper{width:300px;height:300px}}