@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Arial,sans-serif;background:url(/rikcarl.jpg) no-repeat center center fixed;background-size:cover;color:#fff;margin:0;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:flex;justify-content:center;align-items:center;min-height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;transform:scale(1);transition:transform .3s ease}@media (max-width: 48rem),(max-height: 30rem){body{transform:scale(.8)}}@media (max-width: 30rem),(max-height: 20rem){body{transform:scale(.6)}}@media (max-width: 25rem),(max-height: 18rem){body{transform:scale(.6)}}@media (max-width: 20rem),(max-height: 15rem){body{transform:scale(.5)}}@media (max-width: 10rem),(max-height: 8rem){body{transform:scale(.45)}}@media (max-width: 8rem),(max-height: 6rem){body{transform:scale(.4)}}@media (max-width: 6rem),(max-height: 5rem){body{transform:scale(.35)}}@media (max-width: 5rem),(max-height: 4rem){body{transform:scale(.3)}}@media (max-width: 4rem),(max-height: 3rem){body{transform:scale(.25)}}@media (max-height: 460px){body{transform:scale(.5)}}@media (max-height: 300px){body{transform:scale(.4)}}@media (max-height: 240px){body{transform:scale(.35)}}@media (max-height: 200px){body{transform:scale(.3)}}@media (max-height: 150px){body{transform:scale(.25)}}@media (max-height: 120px){body{transform:scale(.2)}}@media (max-width: 4rem),(max-height: 2rem){body{transform:scale(.2)}}@media (max-width: 2rem),(max-height: 1.5rem){body{transform:scale(.15)}}@media (max-width: 1.5rem),(max-height: 1rem){body{transform:scale(.1)}}body{font-family:Arial,sans-serif;background:url(../versus.webp) no-repeat center center fixed;background-size:cover;color:#fff;margin:0;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;touch-action:none;display:flex;justify-content:center;align-items:center;min-height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;transform:scale(1);transition:transform .3s ease}#app{max-width:600px;padding:20px;background:#000c;border-radius:10px;box-shadow:0 8px 20px #00000080;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}h1{font-size:2rem;margin-bottom:20px;color:#ff6b6b}#quiz-container{margin:20px 0}#question{font-size:1.2rem;margin-bottom:20px}#answers{display:flex;flex-direction:column;align-items:center}#answers button{margin:5px;padding:10px 20px;background:#ff6b6b;color:#fff;border:none;cursor:pointer;border-radius:5px;transition:background .3s}#answers button:hover{background:#ff3b3b}#next-button{margin-top:20px;padding:10px 20px;background:#44c767;color:#fff;border:none;cursor:pointer;border-radius:5px;transition:background .3s;display:block;margin-left:auto;margin-right:auto}#next-button:hover{background:#36a256}#restart-button{margin-top:20px;padding:10px 20px;background:#44c767;color:#fff;border:none;cursor:pointer;border-radius:5px;transition:background .3s;display:block;margin-left:auto;margin-right:auto}#restart-button:hover{background:#36a256}#score{margin-top:20px;font-size:1.2rem;color:#fff}#score span{font-weight:700;color:#ff6b6b}#answers button.selected{background:#9b59b6}#answers button.selected:hover{background:#8e44ad}.answer-button.correct:after{content:" ✅";font-size:1.2rem;margin-left:8px;color:green}@media (max-width: 64rem),(max-height: 40rem){body{transform:scale(.9)}}@media (max-width: 48rem),(max-height: 30rem){body{transform:scale(.9)}}@media (max-width: 30rem),(max-height: 20rem){body{transform:scale(.8)}}@media (max-width: 25rem),(max-height: 18rem){body{transform:scale(.7)}}@media (max-width: 20rem),(max-height: 15rem){body{transform:scale(.6)}}@media (max-width: 15rem),(max-height: 10rem){body{transform:scale(.5)}}@media (max-width: 8rem),(max-height: 8rem){body{transform:scale(.5)}}@media (max-height: 530px){body{transform:scale(.7)}}@media (max-height: 390px){body{transform:scale(.6)}}@media (max-height: 360px){body{transform:scale(.5)}}#music-control{position:absolute;top:100px;right:-60px;transform:translateY(-50%);background:#000c;color:#ffe81f;font-size:2rem;padding:10px;border-radius:50%;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;box-shadow:0 0 15px #ffe81f80}#music-control:hover{background:#ffe81f;color:#000;transform:scale(1.2);box-shadow:0 0 25px #ffe81f,0 0 50px #ffed4a}.icon{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-shadow:0 0 10px #ffe81f,0 0 20px #ffed4a}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 15px #ffe81f80}50%{transform:scale(1.1);box-shadow:0 0 25px #ffe81fcc}}#music-control{animation:pulse 1.5s infinite}@font-face{font-family:Star Jedi;src:url(path-to-your-font/Starjedi.ttf) format("truetype")}#hint-control{position:absolute;top:100px;left:-40px;width:20px;height:20px;background-color:#ff0c;border-radius:50%;display:flex;justify-content:center;align-items:center;font-family:Star Jedi,sans-serif;color:#000;cursor:pointer;background:#000c;color:#ffe81f;font-size:2rem;padding:10px;box-shadow:0 0 15px #ff0c,0 0 30px #ff09;transition:transform .2s,box-shadow .3s;animation:pulse 1.5s infinite}#hint-control:hover{background:#ffe81f;color:#000;transform:scale(1.2);box-shadow:0 0 25px #ffe81f,0 0 50px #ffed4a}.hint-icon{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-shadow:0 0 10px #ffe81f,0 0 20px #ffed4a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{position:relative;background:linear-gradient(145deg,#000,#1a1a1a);border:2px solid rgba(255,255,0,.8);padding:2rem;border-radius:.5rem;max-width:450px;width:100%;text-align:center;box-shadow:0 0 15px #ff0c,0 0 30px #ff09;animation:modalOpen .5s ease-out,pulse 1.5s infinite;font-family:Star Jedi,sans-serif;color:#ff0c}@keyframes modalOpen{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 15px #ff0c,0 0 30px #ff09}50%{transform:scale(1.1);box-shadow:0 0 25px #ff0,0 0 40px #ff0c}}.modal-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.5rem;color:#ff0c;cursor:pointer;transition:transform .3s,color .3s}.modal-close:hover{transform:rotate(90deg);color:#fff}.modal-content h2{font-size:1.75rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;text-shadow:0 0 10px rgba(255,255,0,.8),0 0 20px rgba(255,255,0,.6)}.modal-content p{font-size:1rem;color:#fff;margin-bottom:1.5rem;text-shadow:0 0 5px rgba(255,255,255,.8)}.modal-actions{display:flex;gap:1rem;justify-content:center}.modal-button{padding:.5rem 1.5rem;border-radius:.375rem;border:2px solid rgba(255,255,0,.8);font-size:1rem;font-family:Star Jedi,sans-serif;cursor:pointer;transition:background-color .3s,color .3s,transform .3s;text-shadow:0 0 10px rgba(255,255,0,.8);animation:pulse 1.5s infinite}.modal-button.cancel{background-color:#000000b3;color:#ff0c}.modal-button.cancel:hover{background-color:#ff0000b3;color:#fff}.modal-button.confirm{background-color:#000000b3;color:#ff0c}.modal-button.confirm:hover{background-color:#008000b3;color:#fff}