:root{--space-dark: #0f172a;--space-purple: #1e1b4b;--star-white: #f8fafc;--neon-blue: #0ea5e9;--neon-green: #22c55e;--neon-red: #ef4444;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body{margin:0;padding:0;font-family:var(--font-main);background:radial-gradient(circle at center,var(--space-purple),var(--space-dark));color:var(--star-white);min-height:100vh;overflow-x:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000005e;width:100%;max-width:500px;text-align:center}.btn{background:linear-gradient(135deg,#ffffff1a,#fff0);border:1px solid var(--glass-border);color:#fff;padding:1rem 2rem;font-size:1.2rem;border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%;margin-bottom:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,var(--neon-blue) 0%,#2563eb 100%);border:none;box-shadow:0 0 15px #0ea5e980}.btn-option{font-size:1.5rem;height:80px;margin:0;background:#ffffff0d}.btn-option:hover{background:#ffffff26}.grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}h1,h2,h3{margin:0;text-shadow:0 0 10px rgba(255,255,255,.3)}.question-text{font-size:4rem;font-weight:800;margin:2rem 0;text-shadow:0 0 20px rgba(14,165,233,.8)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.shake{animation:shake .4s ease-in-out}.success-pulse{animation:successPop .4s ease-out}@keyframes successPop{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 30px var(--neon-green)}to{transform:scale(1)}}.gauge-container{position:fixed;right:20px;top:50%;transform:translateY(-50%);height:60vh;width:60px;display:flex;flex-direction:column;align-items:center;z-index:100;transition:all .3s ease}.gauge-track{width:10px;height:100%;background:#ffffff1a;border-radius:10px;position:relative}.gauge-fill{position:absolute;bottom:0;left:0;background:linear-gradient(to top,var(--neon-blue),var(--neon-green));border-radius:10px;width:100%}.gauge-rocket{position:absolute;left:50%;transform:translate(-50%);font-size:2rem;margin-bottom:-15px;filter:drop-shadow(0 0 5px rgba(255,255,255,.5));transition:bottom .5s cubic-bezier(.175,.885,.32,1.275)}.gauge-milestone{position:absolute;left:0;width:100%;display:flex;align-items:center}.milestone-line{width:20px;height:2px;background:#ffffff4d;margin-left:-5px}.milestone-label{position:absolute;right:15px;font-size:.7rem;color:#fff9;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 2px black;text-align:right}.gauge-container.horizontal{inset:0 0 auto;transform:none;width:100%;height:50px;flex-direction:row;padding:0 1rem;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);border-top:none;box-shadow:0 4px 20px #00000080}.gauge-container.horizontal .gauge-track{width:100%;height:8px;margin:0 10px}.gauge-container.horizontal .gauge-fill{bottom:0;left:0;height:100%;background:linear-gradient(to right,var(--neon-blue),var(--neon-green))}.gauge-container.horizontal .gauge-rocket{left:0;bottom:50%;transform:translateY(50%) translate(-50%) rotate(90deg);margin-bottom:0;margin-left:0;font-size:1.5rem}.gauge-container.horizontal .gauge-milestone{top:0;height:100%;width:2px;flex-direction:column;justify-content:center}.gauge-container.horizontal .milestone-line{width:2px;height:12px;margin-left:0;margin-top:-15px}.gauge-container.horizontal .milestone-label{inset:auto auto 2px 50%;transform:translate(-50%);font-size:.55rem}