@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:wght@400;700&family=Orbitron:wght@400;700;900&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-50{z-index:50}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-\[min\(40vw\,140px\)\]{height:min(40vw,140px)}.h-auto{height:auto}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-\[28px\]{min-height:28px}.min-h-\[56px\]{min-height:56px}.w-\[min\(40vw\,140px\)\]{width:min(40vw,140px)}.w-auto{width:auto}.w-full{width:100%}.max-w-\[90vw\]{max-width:90vw}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.object-contain{object-fit:contain}.text-center{text-align:center}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-100{opacity:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}:root{--color-void:#050508;--color-background:#0a0a0f;--color-surface:#12121a;--color-surface-elevated:#1a1a24;--color-border:#2a2a3a;--color-text-primary:#fff;--color-text-secondary:#99a;--color-text-muted:#556;--simon-green:#0f8;--simon-green-dim:#003d20;--simon-green-glow:0 0 30px #0f86,0 0 60px #0f83,0 0 90px #0f81;--simon-red:#f36;--simon-red-dim:#3d0015;--simon-red-glow:0 0 30px #f366,0 0 60px #f363,0 0 90px #f361;--simon-yellow:#fe0;--simon-yellow-dim:#3d3800;--simon-yellow-glow:0 0 30px #fe06,0 0 60px #fe03,0 0 90px #fe01;--simon-blue:#0cf;--simon-blue-dim:#023;--simon-blue-glow:0 0 30px #0cf6,0 0 60px #0cf3,0 0 90px #0cf1;--accent-primary:#f0f;--accent-primary-glow:0 0 20px #f0f6,0 0 40px #f0f3;--accent-secondary:#0ff;--accent-success:#0f8;--accent-warning:#fe0;--accent-danger:#f36;--font-display:"Bebas Neue","Impact",sans-serif;--font-mono:"Space Mono","JetBrains Mono",monospace;--font-score:"Orbitron",monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.1s ease-out;--transition-normal:.2s ease-out;--transition-slow:.4s ease-out}.light{--color-background:#f0f0f5;--color-surface:#fff;--color-surface-elevated:#fff;--color-border:#e0e0e8;--color-text-primary:#0a0a0f;--color-text-secondary:#556;--color-text-muted:#999}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{min-height:100vh;font-family:var(--font-mono);background-color:var(--color-background);color:var(--color-text-primary);overscroll-behavior:none;-webkit-overflow-scrolling:touch;margin:0}*{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation;font-family:inherit}.game-area{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#root{padding-top:env(safe-area-inset-top);padding-bottom:max(env(safe-area-inset-bottom),16px);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}input,select,textarea{font-size:16px!important}.font-display{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase}.font-mono{font-family:var(--font-mono)}.font-score{font-family:var(--font-score);font-variant-numeric:tabular-nums}.scanlines:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000026 2px 4px);position:fixed;inset:0}.vignette:before{content:"";pointer-events:none;z-index:9998;background:radial-gradient(#0000 0% 60%,#0006);position:fixed;inset:0}.neon-text{text-shadow:0 0 10px,0 0 20px,0 0 40px}.neon-box{box-shadow:0 0 10px,0 0 20px,inset 0 0 10px #ffffff1a}.arcade-btn{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(#2a2a3a,#1a1a24);justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;display:inline-flex;position:relative;transform:translateY(0);box-shadow:0 4px #0a0a0f,0 6px 20px #00000080}.arcade-btn:hover{transform:translateY(-2px);box-shadow:0 6px #0a0a0f,0 8px 30px #0009}.arcade-btn:active{transform:translateY(3px);box-shadow:0 1px #0a0a0f,0 2px 10px #0006}.arcade-btn-primary{color:#fff;box-shadow:0 4px #606,0 6px 20px #ff00ff4d,var(--accent-primary-glow);background:linear-gradient(#f4f,#c0c,#909);border-color:#f0f}.arcade-btn-primary:hover{box-shadow:0 6px #606,0 8px 30px #f0f6,0 0 40px #f0f6}.arcade-btn-primary:active{box-shadow:0 1px #606,0 2px 10px #ff00ff4d}.arcade-btn-success{color:#032;box-shadow:0 4px #042,0 6px 20px #00ff884d,var(--simon-green-glow);background:linear-gradient(#2f9,#0c6,#094);border-color:#0f8}.arcade-btn-success:hover{box-shadow:0 6px #042,0 8px 30px #0f86,0 0 40px #0f86}.arcade-btn-success:active{box-shadow:0 1px #042,0 2px 10px #00ff884d}.arcade-btn-secondary{color:#023;background:linear-gradient(#4df,#0ac,#079);border-color:#0cf;box-shadow:0 4px #034,0 6px 20px #00ccff4d}.arcade-btn-secondary:hover{box-shadow:0 6px #034,0 8px 30px #0cf6,0 0 40px #0cf6}.arcade-btn-ghost{border:2px solid var(--color-border);color:var(--color-text-secondary);box-shadow:none;background:0 0}.arcade-btn-ghost:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary);box-shadow:0 0 20px #ffffff1a}.arcade-btn-ghost:active{transform:translateY(1px)}.arcade-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.arcade-btn:disabled:hover,.arcade-btn:disabled:active{transform:none}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.card-elevated{background:var(--color-surface-elevated);box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d}.card-glow{box-shadow:0 4px 20px #0000004d,0 0 40px #ff00ff1a,inset 0 1px #ffffff0d}.input{width:100%;font-family:var(--font-mono);color:var(--color-text-primary);background:var(--color-void);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding:.875rem 1rem;font-size:1rem}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 20px #f0f3}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{border-color:var(--simon-green);color:var(--simon-green);background:#00ff8826}.badge-warning{border-color:var(--simon-yellow);color:var(--simon-yellow);background:#ffee0026}.badge-danger{border-color:var(--simon-red);color:var(--simon-red);background:#ff336626}.badge-info{border-color:var(--simon-blue);color:var(--simon-blue);background:#00ccff26}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow-pulse{0%,to{opacity:1;filter:brightness()}50%{opacity:.8;filter:brightness(1.2)}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 10px,0 0 20px,0 0 40px}20%,24%,55%{opacity:.8;text-shadow:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes submit-pulse{0%,to{box-shadow:0 4px #042,0 6px 20px #00ff884d,0 0 30px #00ff884d}50%{box-shadow:0 4px #042,0 6px 30px #00ff8880,0 0 60px #00ff8880}}.submit-pulse{animation:1.5s ease-in-out infinite submit-pulse}@keyframes eliminated-shake{0%,to{transform:translate(0)rotate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)rotate(-1deg)}20%,40%,60%,80%{transform:translate(5px)rotate(1deg)}}.eliminated-shake{animation:.6s ease-out eliminated-shake}@keyframes skull-float{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-5px)rotate(5deg)}}.skull-float{animation:2s ease-in-out infinite skull-float;display:inline-block}@keyframes attention-glow{0%,to{text-shadow:0 0 10px var(--simon-yellow);transform:scale(1)}50%{text-shadow:0 0 20px var(--simon-yellow),0 0 40px var(--simon-yellow),0 0 60px var(--simon-yellow);transform:scale(1.05)}}.attention-glow{animation:1s ease-in-out infinite attention-glow}@keyframes score-pop{0%{opacity:1;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-30px)scale(1.2)}to{opacity:0;transform:translateY(-60px)scale(.8)}}.score-pop{animation:.8s ease-out forwards score-pop}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes toast-slide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-slide{animation:.3s ease-out toast-slide}@keyframes countdown-pop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.countdown-pop{animation:.3s ease-out countdown-pop}.animate-fade-in{animation:.3s ease-out fade-in}.animate-fade-up{animation:.4s ease-out fade-up}.animate-fade-down{animation:.4s ease-out fade-down}.animate-scale-in{animation:.3s ease-out scale-in}.animate-float{animation:3s ease-in-out infinite float}.animate-glow{animation:2s ease-in-out infinite glow-pulse}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.animate-fill-both{animation-fill-mode:both}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}