*{box-sizing:border-box}:root{color:#f5fbff;font-synthesis:none;text-rendering:optimizelegibility;background:#030712;font-family:Courier New,monospace}html{min-height:100%}body{color:#f5fbff;background:radial-gradient(circle at 20% 20%,#0b2844 0,#0000 25%),radial-gradient(circle at 80% 75%,#111b40 0,#0000 25%),linear-gradient(135deg,#02040a,#07111f 50%,#02040a);min-width:320px;min-height:100vh;margin:0;padding:30px 16px;overflow-x:hidden}body:before{z-index:-2;content:"";pointer-events:none;opacity:.85;background-image:radial-gradient(circle,#61dafb 0 1px,#0000 2px),radial-gradient(circle,#fff 0 1px,#0000 2px),radial-gradient(circle,#9beaff 0 2px,#0000 3px),radial-gradient(circle,#8b5cf6 0 1px,#0000 2px);background-position:20px 30px,100px 150px,220px 80px,350px 210px;background-size:180px 180px,240px 240px,320px 320px,270px 270px;animation:25s linear infinite moveStars;position:fixed;inset:0}body:after{z-index:-1;content:"";pointer-events:none;opacity:.12;background-image:linear-gradient(#61dafb4d 1px,#0000 1px),linear-gradient(90deg,#61dafb4d 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000,#0000);mask-image:linear-gradient(#0000,#000,#0000)}@keyframes moveStars{0%{background-position:20px 30px,100px 150px,220px 80px,350px 210px}to{background-position:20px 390px,100px 630px,220px 720px,350px 750px}}.app-container{background:#050d1bf0;border:3px solid #61dafb;border-radius:4px;width:min(100%,760px);margin:30px auto;padding:36px;position:relative;overflow:hidden;box-shadow:0 0 0 6px #07111f,0 0 0 9px #61dafb40,0 0 35px #61dafb66,inset 0 0 30px #61dafb14}.app-container:before,.app-container:after{content:"";background:#61dafb;width:18px;height:18px;position:absolute;box-shadow:0 0 15px #61dafb}.app-container:before{top:8px;left:8px}.app-container:after{bottom:8px;right:8px}h1,h2{text-align:center;margin-top:0}h1{color:#61dafb;letter-spacing:3px;text-shadow:3px 3px #172554,0 0 10px #61dafb,0 0 25px #61dafba6;margin-bottom:30px;font-size:clamp(2rem,6vw,3.3rem)}h1:before{content:"⚛ "}h2{color:#c4f1ff;letter-spacing:1px;font-size:clamp(1.3rem,4vw,2rem)}.question{color:#fff;min-height:70px;margin:24px 0;font-family:Segoe UI,sans-serif;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:600;line-height:1.5}.option{color:#dff8ff;cursor:pointer;text-align:left;background:#101c2d;border:2px solid #263e54;border-radius:3px;width:100%;margin:12px 0;padding:16px 18px;font-family:Segoe UI,sans-serif;font-size:1rem;transition:transform .15s,color .15s,background .15s,border-color .15s,box-shadow .15s;display:block;position:relative}.option:before{color:#61dafb;content:"▸";margin-right:12px}.option:hover{color:#fff;background:#152a3d;border-color:#61dafb;transform:translate(7px);box-shadow:-5px 0 #61dafb,0 0 16px #61dafb40}.option.selected{color:#031019;background:#61dafb;border-color:#fff;font-weight:700;box-shadow:5px 5px #2563eb,0 0 24px #61dafbb3}.option.selected:before{color:#031019;content:"★"}.nav-buttons{justify-content:space-between;gap:16px;margin-top:30px;display:flex}.nav-buttons button,.restart-button{color:#031019;cursor:pointer;text-transform:uppercase;background:#61dafb;border:0;border-radius:2px;min-width:130px;padding:13px 22px;font-family:Courier New,monospace;font-size:1rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:5px 5px #1d4ed8,0 0 12px #61dafb59}.nav-buttons button:hover,.restart-button:hover{background:#baf3ff;transform:translate(-2px,-2px);box-shadow:8px 8px #1d4ed8,0 0 22px #61dafba6}.nav-buttons button:active,.restart-button:active{transform:translate(3px,3px);box-shadow:2px 2px #1d4ed8}.nav-buttons button:disabled{color:#60758a;cursor:not-allowed;background:#263442;transform:none;box-shadow:4px 4px #111827}.score{color:#61dafb;text-align:center;text-shadow:0 0 15px #61dafbbf;margin:28px 0;font-size:clamp(1.5rem,5vw,2.4rem);font-weight:800}.restart-button{margin:25px auto 0;display:block}@media (width<=600px){body{padding:12px}.app-container{margin:10px auto;padding:28px 18px}.nav-buttons{flex-direction:column-reverse}.nav-buttons button{width:100%}.option:hover{transform:none}}@media (prefers-reduced-motion:reduce){body:before{animation:none}.option,.nav-buttons button,.restart-button{transition:none}}