@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #00ffff;--primary-dim: #00aaaa;--secondary: #ff00ff;--accent: #ffff00;--success: #00ff88;--danger: #ff4444;--bg-dark: #0a0a1a;--bg-panel: rgba(0, 20, 40, .9);--text: #ffffff;--text-dim: #88aacc;--glow: 0 0 20px var(--primary);--font-main: "Orbitron", "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-main);background:var(--bg-dark);color:var(--text);-webkit-font-smoothing:antialiased}.app{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#0a0a1a,#1a1a3a,#0a1a2a)}.title-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.title-background{position:absolute;inset:0;overflow:hidden;pointer-events:none}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(var(--primary-dim) 1px,transparent 1px),linear-gradient(90deg,var(--primary-dim) 1px,transparent 1px);background-size:50px 50px;opacity:.1;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.scan-line{position:absolute;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.3;animation:scanMove 3s linear infinite}@keyframes scanMove{0%{top:-4px}to{top:100%}}.title-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:30px;max-width:600px;width:100%}.logo-container{text-align:center}.main-title{display:flex;flex-direction:column;gap:5px}.title-line{font-size:clamp(2rem,8vw,4rem);font-weight:900;letter-spacing:.2em;text-shadow:var(--glow);line-height:1.1}.title-line.accent{color:var(--primary);text-shadow:0 0 30px var(--primary),0 0 60px var(--primary)}.subtitle{margin-top:15px;font-size:1rem;color:var(--text-dim);letter-spacing:.3em}.difficulty-selector{width:100%}.difficulty-selector h3{text-align:center;color:var(--primary);margin-bottom:15px;font-size:.9rem;letter-spacing:.2em}.difficulty-options{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.difficulty-button{padding:15px 20px;background:var(--bg-panel);border:1px solid var(--primary-dim);color:var(--text);cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:120px}.difficulty-button:hover{border-color:var(--primary);box-shadow:0 0 15px #00ffff4d}.difficulty-button.selected{border-color:var(--primary);background:#00ffff1a;box-shadow:0 0 20px #0ff6,inset 0 0 20px #00ffff1a}.diff-label{font-weight:700;font-size:1rem}.diff-desc{font-size:.7rem;color:var(--text-dim)}.start-button{padding:20px 60px;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#0ff3,#00ffff1a);border:2px solid var(--primary);color:var(--primary);cursor:pointer;font-family:var(--font-main);letter-spacing:.1em;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:5px}.start-button:hover{background:linear-gradient(135deg,#00ffff4d,#0ff3)}.button-subtext{font-size:.8rem;opacity:.7}.instructions{text-align:center;padding:20px;background:var(--bg-panel);border:1px solid var(--primary-dim);width:100%}.instructions h4{color:var(--primary);margin-bottom:15px;letter-spacing:.2em}.instructions ul{list-style:none;text-align:left;display:grid;gap:10px}.instructions li{font-size:.9rem;color:var(--text-dim)}.instructions strong{color:var(--text)}.hint{margin-top:15px;color:var(--accent);font-size:.85rem}.key-badge{display:inline-block;padding:1px 6px;margin-left:8px;background:#ffff0026;border:1px solid var(--accent);color:var(--accent);font-size:.7rem;font-family:var(--font-mono);vertical-align:middle}.countdown-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-dark)}.countdown-background{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;width:300px;height:300px;border:2px solid var(--primary);border-radius:50%;animation:pulse 2s ease-out infinite;opacity:.5}.pulse-ring.delay-1{animation-delay:.5s}.pulse-ring.delay-2{animation-delay:1s}@keyframes pulse{0%{transform:scale(.5);opacity:.8}to{transform:scale(2);opacity:0}}.countdown-content{position:relative;z-index:1;text-align:center}.count-number{font-size:15rem;font-weight:700;color:var(--primary);text-shadow:0 0 50px var(--primary),0 0 100px var(--primary);line-height:1}.count-message{font-size:1.5rem;color:var(--text-dim);letter-spacing:.3em;margin-top:20px}.start-text{font-size:5rem;font-weight:700;color:var(--accent);text-shadow:0 0 50px var(--accent);letter-spacing:.2em}.game-area{position:absolute;inset:0;display:flex;flex-direction:column;padding:10px}.game-hud{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:var(--bg-panel);border:1px solid var(--primary-dim);margin-bottom:10px}.timer-container,.score-container,.multi-bonus{text-align:center}.timer-label,.score-label,.bonus-label{font-size:.7rem;color:var(--text-dim);letter-spacing:.2em}.timer-value,.score-value,.bonus-value{font-size:1.8rem;font-weight:700;font-family:var(--font-mono)}.timer-value{color:var(--primary)}.timer-value.warning{color:var(--danger);animation:blink .5s infinite}.score-value{color:var(--accent)}.bonus-value{color:var(--success)}@keyframes blink{50%{opacity:.5}}.timer-bar{width:100px;height:4px;background:#0ff3;margin-top:5px;overflow:hidden}.timer-fill{height:100%;background:var(--primary)}.task-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;min-height:0}.task-cell{position:relative;overflow:hidden}.grid-overlay{position:absolute;inset:70px 10px 10px;pointer-events:none}.corner-accent{position:absolute;width:20px;height:20px;border:2px solid var(--primary)}.corner-accent.top-left{top:0;left:0;border-right:none;border-bottom:none}.corner-accent.top-right{top:0;right:0;border-left:none;border-bottom:none}.corner-accent.bottom-left{bottom:0;left:0;border-right:none;border-top:none}.corner-accent.bottom-right{bottom:0;right:0;border-left:none;border-top:none}.task-panel{width:100%;height:100%;background:var(--bg-panel);border:1px solid var(--primary-dim);display:flex;flex-direction:column;overflow:hidden}.task-header{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#00ffff1a;border-bottom:1px solid var(--primary-dim)}.task-icon{font-size:1.2rem}.task-title{font-size:.85rem;font-weight:700;letter-spacing:.1em;color:var(--primary)}.level-badge{padding:2px 8px;background:var(--primary);color:var(--bg-dark);font-size:.7rem;font-weight:700}.key-hint{margin-left:auto;padding:2px 6px;background:#ff03;border:1px solid var(--accent);color:var(--accent);font-size:.65rem;font-family:var(--font-mono);letter-spacing:0}.key-label{position:absolute;top:2px;left:4px;font-size:.6rem;color:var(--accent);font-family:var(--font-mono);opacity:.8}.option-button,.number-button,.pattern-cell,.submit-button{position:relative}.cell-key-label{position:absolute;top:1px;left:3px;font-size:.55rem;color:var(--accent);font-family:var(--font-mono);opacity:.7;z-index:1}.space-hint{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--accent);background:#000000b3;padding:1px 4px;border-radius:2px}.reflex-target.oldest .target-inner{background:var(--accent);box-shadow:0 0 15px var(--accent)}.calculation-task .challenge-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;gap:15px}.expression{font-size:clamp(1.5rem,4vw,2.5rem);font-family:var(--font-mono);color:var(--text);padding:10px 20px;background:#0000004d;border:1px solid var(--primary-dim);transition:all .3s}.expression.correct{border-color:var(--success);box-shadow:0 0 20px #00ff8880}.expression.wrong{border-color:var(--danger);box-shadow:0 0 20px #ff444480}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:250px}.option-button{padding:12px;font-size:1.2rem;font-family:var(--font-mono);background:#00ffff1a;border:1px solid var(--primary-dim);color:var(--text);cursor:pointer;transition:all .2s}.option-button:hover:not(:disabled){background:#0ff3;border-color:var(--primary)}.option-button:disabled{opacity:.5}.reflex-task{position:relative}.target-area{flex:1;position:relative;overflow:hidden}.reflex-target{width:50px;height:50px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.target-inner{width:20px;height:20px;background:var(--danger);border-radius:50%;box-shadow:0 0 15px var(--danger)}.target-ring{position:absolute;width:50px;height:50px;color:var(--primary)}.memory-task .memory-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;gap:10px}.memory-task .instruction{font-size:.9rem;color:var(--accent);letter-spacing:.1em}.sequence-display,.user-input-display{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.sequence-number,.input-slot{width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-family:var(--font-mono);background:#0ff3;border:1px solid var(--primary-dim);transition:all .3s}.input-slot.filled{background:#0ff6;border-color:var(--primary)}.input-slot.correct{background:#0f86;border-color:var(--success)}.input-slot.wrong{background:#f446;border-color:var(--danger)}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:180px}.number-pad.numpad-layout{display:flex;flex-direction:column;gap:4px}.numpad-row{display:flex;gap:4px;justify-content:center}.number-button{width:45px;height:45px;font-size:1.1rem;font-family:var(--font-mono);background:#00ffff1a;border:1px solid var(--primary-dim);color:var(--text);cursor:pointer;transition:all .2s}.number-button:hover:not(:disabled){background:#00ffff4d;border-color:var(--primary)}.pattern-task .pattern-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;gap:10px}.pattern-task .instruction{font-size:.9rem;color:var(--accent);letter-spacing:.1em}.pattern-grid{display:grid;gap:5px;max-width:200px;width:100%}.pattern-cell{aspect-ratio:1;background:#00ffff1a;border:1px solid var(--primary-dim);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pattern-cell.show-phase{cursor:default}.pattern-cell.active{background:#0ff9;border-color:var(--primary);box-shadow:0 0 10px #00ffff80}.pattern-cell.input-phase:hover:not(.active):not(:disabled){background:#00ffff4d}.cell-inner{width:60%;height:60%;background:var(--primary);border-radius:2px}.submit-button{margin-top:10px;padding:10px 30px;font-size:1rem;background:linear-gradient(135deg,#00ffff4d,#00ffff1a);border:1px solid var(--primary);color:var(--primary);cursor:pointer;font-family:var(--font-main);letter-spacing:.1em}.feedback{position:absolute;bottom:10px;left:50%;transform:translate(-50%);padding:5px 15px;font-size:.8rem;font-weight:700;letter-spacing:.1em}.feedback.correct{background:#0f83;border:1px solid var(--success);color:var(--success)}.feedback.wrong{background:#f443;border:1px solid var(--danger);color:var(--danger)}.result-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.result-background{position:absolute;inset:0;overflow:hidden}.aurora{position:absolute;inset:-50%;background:radial-gradient(ellipse at 30% 20%,rgba(0,255,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,0,255,.1) 0%,transparent 50%);animation:aurora 10s ease-in-out infinite alternate}@keyframes aurora{0%{transform:rotate(0) scale(1)}to{transform:rotate(10deg) scale(1.1)}}.result-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:25px;max-width:500px;width:100%}.result-header{text-align:center}.result-header h2{font-size:1.5rem;color:var(--primary);letter-spacing:.3em}.result-header p{color:var(--text-dim);font-size:.9rem}.rank-display{text-align:center;padding:30px;background:var(--bg-panel);border:2px solid var(--rank-color, var(--primary));box-shadow:0 0 30px color-mix(in srgb,var(--rank-color, var(--primary)) 30%,transparent);width:100%}.rank-badge{margin-bottom:15px}.rank-inner{display:flex;flex-direction:column;align-items:center;gap:5px}.rank-label{font-size:.8rem;color:var(--text-dim);letter-spacing:.3em}.rank-name{font-size:2rem;font-weight:700;letter-spacing:.1em;text-shadow:0 0 20px currentColor}.rank-title{font-size:1rem;color:var(--text-dim)}.rank-description{font-size:.9rem;color:var(--text-dim);font-style:italic}.awakening-meter{width:100%;padding:15px 20px;background:var(--bg-panel);border:1px solid var(--primary-dim)}.meter-label{font-size:.8rem;color:var(--text-dim);margin-bottom:8px}.meter-bar{position:relative;height:25px;background:#00ffff1a;border:1px solid var(--primary-dim)}.meter-fill{height:100%;transition:width 1.5s ease-out}.meter-value{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-weight:700;text-shadow:0 0 10px black}.score-breakdown{width:100%;padding:20px;background:var(--bg-panel);border:1px solid var(--primary-dim);display:flex;flex-direction:column;gap:15px}.total-score{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--primary-dim)}.total-score .label{color:var(--text-dim);letter-spacing:.1em}.total-score .value{font-size:2rem;font-family:var(--font-mono);color:var(--accent)}.task-scores{display:flex;flex-direction:column;gap:8px}.task-score-item{display:flex;justify-content:space-between;align-items:center}.task-name{color:var(--text-dim);font-size:.9rem}.task-stats{display:flex;gap:10px;align-items:center}.task-score{font-family:var(--font-mono);color:var(--primary)}.task-accuracy{font-size:.8rem;color:var(--text-dim)}.bonus-section,.accuracy-section{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--primary-dim)}.bonus-section .value{color:var(--success);font-family:var(--font-mono)}.accuracy-section .value{color:var(--primary);font-family:var(--font-mono)}.retry-button{padding:15px 50px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#0ff3,#00ffff1a);border:2px solid var(--primary);color:var(--primary);cursor:pointer;font-family:var(--font-main);letter-spacing:.2em;transition:all .3s}.retry-button:hover{background:linear-gradient(135deg,#00ffff4d,#0ff3);box-shadow:0 0 30px #00ffff80}@media(max-width:600px){.task-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.game-hud{flex-wrap:wrap;gap:10px}.hud-left,.hud-center,.hud-right{flex:1;min-width:80px}.timer-value,.score-value,.bonus-value{font-size:1.3rem}.title-line{font-size:clamp(1.5rem,6vw,3rem)}.difficulty-options{flex-direction:column;align-items:center}.difficulty-button{width:100%;max-width:200px}}