@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Orbitron:wght@700;900&display=swap");:root{--game-bg:#020617;--game-bg-surface:hsla(0,0%,100%,.025);--game-bg-elevated:hsla(0,0%,100%,.04);--game-border:hsla(0,0%,100%,.08);--game-border-hover:hsla(0,0%,100%,.14);--game-accent:#22c55e;--game-accent-soft:rgba(34,197,94,.12);--game-accent-glow:rgba(34,197,94,.18);--game-accent-hover:#16a34a;--game-text-primary:#f8fafc;--game-text-secondary:rgba(248,250,252,.6);--game-text-muted:rgba(248,250,252,.35);--game-destructive:#ef4444;--game-destructive-soft:rgba(239,68,68,.1);--game-font-display:"Orbitron",sans-serif;--game-font-mono:"JetBrains Mono",monospace}@keyframes game-bg-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes game-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes game-pulse-glow{0%,to{box-shadow:0 0 20px rgba(34,197,94,.08)}50%{box-shadow:0 0 40px rgba(34,197,94,.2)}}@keyframes game-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes game-celebrate{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02);opacity:1}to{transform:scale(1);opacity:1}}.game-viewport{max-width:80%;margin-left:auto;margin-right:auto}@media (max-width:767px){.game-viewport{max-width:100%}}.game-animated-bg{background:linear-gradient(135deg,#020617,#0a0f1f 25%,#0f172a 50%,#0a0f1f 75%,#020617);background-size:400% 400%;animation:game-bg-shift 20s ease infinite}.game-glass{background:var(--game-bg-elevated);border:1px solid var(--game-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:border-color .2s ease,background-color .2s ease}.game-glass:hover{border-color:var(--game-border-hover);background:hsla(0,0%,100%,.06)}.game-card{background:var(--game-bg-surface);border:1px solid var(--game-border);border-radius:12px;padding:20px;transition:border-color .2s ease,transform .15s ease,box-shadow .15s ease}.game-card.interactive:hover{border-color:var(--game-accent);transform:translateY(-2px);box-shadow:0 8px 32px rgba(34,197,94,.06)}.game-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 24px;border-radius:10px;border:1px solid rgba(34,197,94,.3);background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:14px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px rgba(34,197,94,.2)}.game-btn-primary:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 24px rgba(34,197,94,.3);transform:translateY(-1px)}.game-btn-primary:active{transform:scale(.98)}.game-btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.game-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 24px;border-radius:10px;border:1px solid var(--game-border);background:var(--game-bg-surface);color:var(--game-text-secondary);font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .2s ease}.game-btn-secondary:hover{border-color:var(--game-border-hover);background:var(--game-bg-elevated);color:var(--game-text-primary)}.game-btn-secondary:active{transform:scale(.98)}.game-btn-secondary:disabled{opacity:.35;cursor:not-allowed;transform:none}.game-btn-destructive{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 24px;border-radius:10px;border:1px solid rgba(239,68,68,.2);background:var(--game-destructive-soft);color:#ef4444;font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .2s ease}.game-btn-destructive:hover{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.35)}.game-btn-destructive:active{transform:scale(.98)}.game-metric-card{background:var(--game-bg-surface);border:1px solid var(--game-border);border-radius:12px;padding:16px 20px;transition:border-color .2s ease}.game-metric-card:hover{border-color:var(--game-border-hover)}.game-metric-label{display:flex;align-items:center;gap:8px;color:var(--game-text-muted);margin-bottom:8px}.game-metric-label span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.game-metric-value{font-family:var(--game-font-mono);font-size:28px;font-weight:500;color:var(--game-text-primary);letter-spacing:-.01em}.game-progress-track{height:6px;background:hsla(0,0%,100%,.06);border-radius:9999px;overflow:hidden}.game-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:9999px;transition:width .4s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px rgba(34,197,94,.3)}.game-section-title{font-family:var(--game-font-display);font-weight:700;font-size:24px;letter-spacing:.04em;color:var(--game-text-primary)}.game-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;background:var(--game-accent-soft);border:1px solid rgba(34,197,94,.2);color:#4ade80;font-size:12px;font-weight:600;letter-spacing:.04em}.game-instruction-step{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:10px;background:var(--game-bg-surface);border:1px solid var(--game-border);transition:border-color .15s ease}.game-instruction-step:hover{border-color:var(--game-accent)}.game-instruction-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--game-accent-soft);border:1px solid rgba(34,197,94,.2);color:#4ade80;font-family:var(--game-font-mono);font-size:13px;font-weight:500;flex-shrink:0}.game-research-card{background:var(--game-bg-surface);border:1px solid var(--game-border);border-radius:12px;padding:20px;transition:all .2s ease;cursor:pointer;text-decoration:none;display:block}.game-research-card:hover{border-color:var(--game-accent);transform:translateY(-3px);box-shadow:0 8px 32px rgba(34,197,94,.08);background:hsla(0,0%,100%,.05)}.game-results-band{font-family:var(--game-font-display);font-size:32px;font-weight:900;letter-spacing:.06em;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-setting-option{display:block;width:100%;text-align:left;padding:10px 14px;border-radius:8px;border:1px solid var(--game-border);background:transparent;color:var(--game-text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;line-height:1.5}.game-setting-option:hover:not(:disabled){border-color:var(--game-border-hover);background:var(--game-bg-surface);color:var(--game-text-secondary)}.game-setting-option.selected{border-color:rgba(34,197,94,.4);background:var(--game-accent-soft);color:#4ade80}.game-setting-option.selected:hover{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.16)}.game-setting-option:disabled{opacity:.3;cursor:not-allowed}.game-setting-option .setting-desc{display:block;margin-top:2px;font-size:11px;opacity:.6}.game-qa-card{background:var(--game-bg-surface);border:1px solid var(--game-border);border-radius:14px;padding:24px;transition:border-color .2s ease}.game-qa-card:hover{border-color:var(--game-border-hover)}.game-fullscreen-overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#020617,#0a0f1f 50%,#020617);background-size:100% 200%;animation:game-bg-shift 25s ease infinite}@media (prefers-reduced-motion:reduce){.game-animated-bg,.game-fullscreen-overlay{animation:none}.game-btn-destructive:hover,.game-btn-primary:hover,.game-btn-secondary:hover,.game-card.interactive:hover,.game-research-card:hover{transform:none}.game-progress-fill{transition:none}}