*{box-sizing:border-box;margin:0;padding:0}:root{--url: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:svgjs='http://svgjs.dev/svgjs'%20viewBox='0%200%20700%20700'%20width='700'%20height='700'%20opacity='0.96'%3e%3cdefs%3e%3cfilter%20id='nnnoise-filter'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%20filterUnits='objectBoundingBox'%20primitiveUnits='userSpaceOnUse'%20color-interpolation-filters='linearRGB'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.116'%20numOctaves='4'%20seed='15'%20stitchTiles='stitch'%20x='0%25'%20y='0%25'%20width='100%25'%20height='100%25'%20result='turbulence'%3e%3c/feTurbulence%3e%3cfeSpecularLighting%20surfaceScale='21'%20specularConstant='1.9'%20specularExponent='20'%20lighting-color='%23ffeb01'%20x='0%25'%20y='0%25'%20width='100%25'%20height='100%25'%20in='turbulence'%20result='specularLighting'%3e%3cfeDistantLight%20azimuth='3'%20elevation='155'%3e%3c/feDistantLight%3e%3c/feSpecularLighting%3e%3c/filter%3e%3c/defs%3e%3crect%20width='700'%20height='700'%20fill='%23ffffffff'%3e%3c/rect%3e%3crect%20width='700'%20height='700'%20fill='%23ffeb01'%20filter='url(%23nnnoise-filter)'%3e%3c/rect%3e%3c/svg%3e");--text-color: #293264;--text-color-1: #293264;--text-color-alt: #4D5B9E;--border-color: #007bff;--color-green: #4CBB17;--ques-bottom-color: #DBDEF0;--ques-text: indianred;--ques-btn-bg-color: #F5F7FB;--ques-btn-border-color: #4D5B9E;--ques-btn-selected: #B6D0E2;--ques-btn-correct: #94D7A2;--ques-btn-incorrect: #f86e6e;--scroll-thumb: #4682B4;--scroll-track: #F5F7FB;--box-shdow-toggle: rgba(15, 14, 14, .1);--box-shadow-ques: 0 4px 8px rgba(0, 0, 0, .1);--text-clr-opt: #7F00FF}html{overflow-x:hidden;overflow-y:auto;width:100%;height:100%}.dark{--url: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:svgjs='http://svgjs.dev/svgjs'%20viewBox='0%200%20700%20700'%20width='700'%20height='700'%20opacity='0.9'%3e%3cdefs%3e%3cfilter%20id='nnnoise-filter'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%20filterUnits='objectBoundingBox'%20primitiveUnits='userSpaceOnUse'%20color-interpolation-filters='linearRGB'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.176'%20numOctaves='4'%20seed='15'%20stitchTiles='stitch'%20x='0%25'%20y='0%25'%20width='100%25'%20height='100%25'%20result='turbulence'%3e%3c/feTurbulence%3e%3cfeSpecularLighting%20surfaceScale='26'%20specularConstant='0.8'%20specularExponent='20'%20lighting-color='%23f8e71c'%20x='0%25'%20y='0%25'%20width='100%25'%20height='100%25'%20in='turbulence'%20result='specularLighting'%3e%3cfeDistantLight%20azimuth='3'%20elevation='121'%3e%3c/feDistantLight%3e%3c/feSpecularLighting%3e%3c/filter%3e%3c/defs%3e%3crect%20width='700'%20height='700'%20fill='%23000000ff'%3e%3c/rect%3e%3crect%20width='700'%20height='700'%20fill='%23f8e71c'%20filter='url(%23nnnoise-filter)'%3e%3c/rect%3e%3c/svg%3e");--text-color: #ffed76;--text-color-alt: #BF40BF;--ques-text: #c0b2f8;--border-color: #c0b2f8;--box-shdow-toggle: rgba(255, 255, 255, .1);--box-shadow-ques: 0 4px 8px rgba(255, 255, 255, .453)}body{margin:0;min-width:320px;width:100%;max-width:100vw;min-height:100vh;height:100%;background-image:var(--url);background-size:cover;background-repeat:no-repeat;background-attachment:scroll;color:var(--text-color);transition:background-image .3s ease-in,color .3s ease-in-out;font-family:Karla,sans-serif;overflow-x:hidden;overflow-y:auto;position:relative}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb)}main{position:relative;transform:translateZ(0);width:100%;max-width:100vw;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}img{-webkit-user-drag:none}footer{color:var(--text-color);text-align:center;padding:1.5em 0;width:100%;max-width:200px;margin:0 auto;-webkit-user-select:none;user-select:none;transition:color .3s ease-in-out;flex-shrink:0}footer>a{color:var(--ques-text);transition:color .3s ease-in-out}.btn-primary{background-color:var(--text-color-alt);color:var(--ques-btn-bg-color);font-family:Inter,sans-serif;font-weight:600;font-size:clamp(.9rem,2vw,1rem);border-radius:8px;width:min(190px,80vw);max-width:100%;height:50px;padding:0 1rem;border:none;cursor:pointer;z-index:100;-webkit-user-select:none;user-select:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease-in-out}.btn-primary:hover{background-color:var(--border-color);transform:translateY(-3px);box-shadow:0 4px 8px #0003}.btn-primary:active{transform:translateY(-1px);box-shadow:0 2px 4px #0003}@media (max-width: 768px){body{will-change:background-image,color;transition:background-image .3s ease-in-out,color .3s ease-in-out;backface-visibility:hidden;background-attachment:scroll}.theme-toggle{position:fixed;top:0;right:0;margin:1rem;z-index:9999;pointer-events:auto}body.dark,body:not(.dark){background-image:var(--url);background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-position:center}footer,.btn-primary{will-change:color,background-color,transform;transition:color .3s ease-in-out,background-color .3s ease-in-out,transform .3s ease-in-out}}@media (max-width: 690px){footer{padding:1em 0}}@media (max-width: 480px){footer{padding:.85em 0}}@media (max-width: 380px){footer{padding:.75em 0}}.game-title{font-weight:700;font-size:clamp(2rem,5vw + 1rem,3.25rem);text-align:center;backface-visibility:hidden;word-wrap:break-word}.game-intro{display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;backface-visibility:hidden;padding:2rem 1.5rem;box-sizing:border-box}.game-intro h1{margin:0}.game-intro p{margin:1.5em 0;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(1rem,2vw,1.25rem);max-width:90%}.game-container{position:relative;backface-visibility:hidden}.game-text{text-align:center;backface-visibility:hidden}.gameOptions-container{margin-bottom:1em;backface-visibility:hidden;width:100%;max-width:min(550px,90vw);display:flex;flex-direction:column;align-items:center}.select-container{margin-bottom:1.1em;width:min(550px,90vw);max-width:100%;display:flex;align-items:center;justify-content:space-between}.custom-select{border:0;font:inherit;width:100%;max-width:100%;height:3em;padding:0 1em;color:var(--text-color-1);border-radius:.25em;box-shadow:0 0 .6em #0003;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease;background-color:var(--ques-btn-bg-color)}.custom-select:focus{border-color:var(--border-color);box-shadow:0 0 0 .2rem #007bff40;outline:none}.custom-label{font-size:clamp(.95rem,2vw,1.15rem);font-weight:700;margin-right:1em;width:min(250px,40%);-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noQuestions-text{margin-bottom:1.5em;text-align:center;font-size:clamp(1rem,2.5vw,1.25rem);word-wrap:break-word;max-width:90%;margin-left:auto;margin-right:auto}.theme-toggle{position:absolute;top:0;right:0;margin:1em;border:none;cursor:pointer;z-index:9999;color:var(--text-color);padding:8px;border-radius:50%;transition:transform .3s ease,background-color .3s ease,color .3s ease-in-out;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--box-shdow-toggle);will-change:transform,opacity;backface-visibility:hidden}.theme-toggle:hover{background-color:#fff3;transform:scale(1.1);color:var(--text-clr-opt)}.dark .theme-toggle:hover{background-color:transparent}.theme-toggle svg{position:absolute;transition:all .5s cubic-bezier(.4,0,.2,1)}.dark .theme-toggle .feather-sun{transform:rotate(90deg) scale(1);opacity:1}.theme-toggle .feather-sun{transform:rotate(-90deg) scale(0);opacity:0}.dark .theme-toggle .feather-moon{transform:rotate(90deg) scale(0);opacity:0}.theme-toggle .feather-moon{transform:rotate(0) scale(1);opacity:1}.theme-toggle svg *{transition:stroke-dasharray .5s ease,stroke-dashoffset .5s ease}.theme-toggle:focus{outline:2px solid var(--primary-color, #007bff);outline-offset:2px}.theme-toggle:focus:not(:focus-visible){outline:none}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;margin:2em auto}.loading-spinner p{margin-top:1em;font-size:1rem;font-weight:500;color:var(--text-color);animation:fadeIn .5s ease-in-out}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--text-color-alt);animation:spin .8s linear infinite;will-change:transform}@keyframes spin{to{transform:rotate(360deg)}}.api-status{display:flex;align-items:center;justify-content:center;padding:.4rem .85rem;border-radius:6px;margin:0 auto 1.5rem;font-size:.8rem;font-weight:600;background-color:var(--bg-color);box-shadow:0 2px 6px #0000001a;transition:all .3s ease;animation:fadeIn .6s ease-out .2s both;max-width:280px;width:fit-content;min-width:200px}.status-light{width:10px;height:10px;border-radius:50%;margin-right:8px;flex-shrink:0}.status-light.online{background-color:#4cd964;box-shadow:0 0 10px #4cd964;animation:blink 2s infinite}.status-light.offline{background-color:#ff3b30;box-shadow:0 0 10px #ff3b30;animation:blink .8s infinite}.status-light.checking{background-color:#fc0;box-shadow:0 0 10px #fc0;animation:blink 1.5s infinite}.status-message{font-family:Inter,sans-serif}.api-status.online .status-message{color:#4cd964}.api-status.offline .status-message{color:#ff3b30}.api-status.checking .status-message{color:#fc0}@keyframes blink{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.api-error-message{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;background-color:#ff3b30f2;border:1px solid var(--ques-btn-incorrect);box-shadow:0 4px 12px #00000026;animation:slideDown .4s cubic-bezier(.2,.8,.2,1);max-width:500px;width:90%;position:fixed;top:85px;left:50%;transform:translate(-50%);z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.api-error-message p{color:#fff;font-family:Inter,sans-serif;font-weight:600;font-size:.9rem;text-align:left;margin:0;line-height:1.5;flex:1}.toast-close-btn{background:#fff3;border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease,transform .2s ease;flex-shrink:0;font-weight:700}.toast-close-btn:hover{background-color:#ffffff4d;transform:scale(1.1)}.toast-close-btn:active{transform:scale(.95)}.toast-close-btn:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.dark .api-error-message{background-color:#ff3b30eb;border:1px solid rgba(255,59,48,.6)}.dark .api-status{background-color:var(--bg-dark-secondary)}@media screen and (max-width: 625px){.api-status{font-size:.7rem;padding:.35rem .7rem;margin-bottom:1rem;max-width:240px;min-width:180px}.status-light{width:8px;height:8px;margin-right:6px}.api-error-message{width:95%;max-width:420px;padding:.65rem .85rem;top:75px}.api-error-message p{font-size:.85rem;line-height:1.4}.toast-close-btn{font-size:1.4rem;width:26px;height:26px}}@media screen and (max-width: 480px){.api-status{font-size:.65rem;padding:.3rem .6rem;max-width:220px;min-width:160px}.status-light{width:7px;height:7px;margin-right:5px}.api-error-message{width:92%;max-width:380px;padding:.6rem .75rem;top:70px}.api-error-message p{font-size:.8rem}.toast-close-btn{font-size:1.3rem;width:24px;height:24px}}@media screen and (max-width: 380px){.api-status{font-size:.6rem;padding:.28rem .55rem;max-width:200px;min-width:150px}.status-light{width:6px;height:6px;margin-right:5px}.api-error-message{width:90%;padding:.55rem .7rem;top:65px}.api-error-message p{font-size:.75rem;line-height:1.3}.toast-close-btn{font-size:1.2rem;width:22px;height:22px}}@media screen and (max-height: 600px) and (orientation: landscape){.api-status{font-size:.7rem;padding:.3rem .65rem;margin-bottom:.75rem;max-width:220px;min-width:160px}.status-light{width:8px;height:8px;margin-right:6px}.api-error-message{top:10px;padding:.5rem .85rem}.api-error-message p{font-size:.8rem}}@media screen and (min-width: 1200px){.api-status{font-size:.85rem;padding:.45rem .9rem;max-width:300px}.status-light{width:11px;height:11px;margin-right:9px}}@media (prefers-reduced-motion: reduce){.status-light,.api-error-message{animation:none!important}}@media screen and (min-width: 600px){.theme-toggle{position:fixed}.theme-toggle:active{transform:rotate(180deg)}}@media screen and (max-width: 690px){.game-intro{padding:1.5rem 1rem}footer{padding:1rem 0}}@media screen and (max-width: 625px){.game-container{position:static;top:unset;left:unset;transform:none;padding:2em 1em 0}.game-intro{padding:1.25rem 1rem;font-size:1rem}.custom-label{margin-right:.5rem;width:min(140px,35%);font-size:.9rem}.select-container{width:100%;gap:.5rem}.custom-select{font-size:.9rem;padding:0 .75rem;height:2.75em}.game-title{font-size:clamp(1.75rem,8vw,2.5rem);margin-bottom:.5rem}.game-intro p{font-size:1rem;margin:1rem 0}.noQuestions-text{font-size:1rem;padding:0 .5rem}}@media screen and (max-width: 380px){.game-intro{padding:1rem .75rem .75rem}.game-title{font-size:clamp(1.75rem,10vw,2.5rem);margin-bottom:.5rem}.game-intro p{font-size:.9rem;margin:.75rem 0}.custom-label{font-size:.85rem;width:min(120px,35%)}.custom-select{font-size:.85rem;padding:0 .5rem}.gameOptions-container{margin-bottom:.75em}.select-container{margin-bottom:.85em}footer{padding:.75rem 0}}@media screen and (max-width: 480px){.game-intro{padding:1rem .85rem .75rem}footer{padding:.85rem 0}}@media screen and (max-height: 800px) and (orientation: landscape){.game-container{position:static;top:unset;left:unset;transform:none;padding:2em 0;width:min(700px,95%);margin-right:auto;margin-left:auto}.game-intro{padding:1.5rem 1rem}footer{padding:1rem 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.theme-toggle{animation:slideIn .6s ease-out}.game-intro{animation:fadeIn .5s ease-out}.game-title{animation:scaleIn .6s ease-out}.game-text{animation:fadeIn .6s ease-out .1s both}.gameOptions-container{animation:fadeIn .6s ease-out .2s both}.game-container{animation:slideIn .6s ease-out}footer{animation:fadeIn .6s ease-out .3s both;backface-visibility:hidden}