@import "https://fonts.googleapis.com/css2?family=Bungee:wght@400&family=Space+Grotesk:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#070b16;--color-bg-secondary:#121c32;--color-bg-card:#141f38;--color-primary:#24d6b4;--color-primary-hover:#45f2cf;--color-secondary:#2468ff;--color-accent:#ffb325;--color-text:#f4fbff;--color-text-muted:#98abcf;--color-success:#59f17f;--color-answer-a:#2fc5ff;--color-answer-b:#f66;--font-display:"Bungee", "Impact", sans-serif;--font-body:"Space Grotesk", "Trebuchet MS", sans-serif;--shadow-neon:0 0 24px #24d6b459;--platform-control-height:3.2rem;--platform-control-radius:.84rem;--platform-control-font-size:1rem;--platform-control-padding-x:.95rem}html,body{min-height:100dvh;color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 20% 0,#13223f 0%,#070b16 52%),radial-gradient(circle at 100% 100%,#1a1644 0%,#070b16 50%);overflow-x:hidden}#app{min-height:100dvh}.app-shell{isolation:isolate;place-items:stretch stretch;min-height:100dvh;display:grid;position:relative}.bg-grid{z-index:-4;background-image:linear-gradient(#3c71ff14 1px,#0000 1px),linear-gradient(90deg,#3c71ff14 1px,#0000 1px);background-size:44px 44px;animation:28s linear infinite drift;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 55%,#0000 100%);mask-image:radial-gradient(circle,#000 55%,#0000 100%)}.bg-orb{aspect-ratio:1;filter:blur(40px);opacity:.18;z-index:-3;border-radius:50%;width:clamp(220px,32vw,460px);position:fixed}.orb-a{background:#2eb8ff;animation:16s ease-in-out infinite floatA;top:-10%;left:-8%}.orb-b{background:#2bffcf;animation:19s ease-in-out infinite floatB;top:25%;right:-12%}.orb-c{background:#ff8c34;animation:21s ease-in-out infinite floatC;bottom:-18%;left:35%}button{cursor:pointer;font-family:var(--font-display);border:none;font-weight:600;transition:all .15s}button:active{transform:scale(.97)}input{font-family:var(--font-body)}.game-surface-card{background:linear-gradient(165deg, #3a82ff2e, #121c34), var(--color-bg-card);box-shadow:0 24px 55px #03070f80, var(--shadow-neon);border:1px solid #7ab1ff40;border-radius:1.2rem}.game-surface-block{background:#0d1730;border:1px solid #7eb1ff40;border-radius:.8rem;box-shadow:0 8px 20px #03081338}.game-status-pill{color:#d8ecff;background:#0d1730;border:1px solid #7bb4ff4d;border-radius:.8rem}.game-error-banner{color:#ffc8c8;background:#4f2028;border:1px solid #ff808080;border-radius:.65rem}@keyframes floatA{0%,to{transform:translate(0)}50%{transform:translate(70px,40px)}}@keyframes floatB{0%,to{transform:translate(0)}50%{transform:translate(-55px,-25px)}}@keyframes floatC{0%,to{transform:translate(0)}50%{transform:translate(30px,-55px)}}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(44px)}}