@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto+Mono:wght@400;700&display=swap";:root{--neon-pink: #ff00ff;--neon-green: #00ff00;--neon-cyan: #00ffff;--neon-red: #ff0000;--bg-color: #0a0a0a;--card-bg: #000000;--text-color: #ffffff}body{background-color:var(--bg-color);color:var(--text-color);font-family:Roboto Mono,monospace;margin:0;padding:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px}.container{max-width:1000px;width:100%;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.logo{font-family:"Press Start 2P",cursive;color:gold;font-size:24px;text-transform:uppercase;text-shadow:2px 2px #ff0000}.start-game-btn{font-family:"Press Start 2P",cursive;color:gold;font-size:18px;text-transform:uppercase;text-shadow:2px 2px #ff0000;background:#ffd7001a;border:3px solid #ffd700;padding:20px 50px;cursor:pointer;position:relative;transition:all .3s ease;box-shadow:0 0 8px #ffd7004d,0 0 15px #ffd70033,inset 0 0 8px #ffd70014;animation:arcadePulse 1.5s ease-in-out infinite}.start-game-btn:hover:not(:disabled){background:#ffd70026;box-shadow:0 0 15px #ffd70080,0 0 25px #ffd7004d,inset 0 0 12px #ffd70026}.start-game-btn:disabled{opacity:.4;cursor:not-allowed;animation:none}@keyframes arcadePulse{0%,to{transform:scale(1);box-shadow:0 0 8px #ffd7004d,0 0 15px #ffd70033,inset 0 0 8px #ffd70014;background:#ffd7001a;border-color:gold}50%{transform:scale(1.08);box-shadow:0 0 18px #ffd70080,0 0 30px #ffd7004d,inset 0 0 15px #ffd70026;background:#ffd70026;border-color:#ffed4e}}.lang-btn{background:transparent;border:1px solid white;color:#fff;padding:5px 10px;cursor:pointer;font-family:"Press Start 2P",cursive;font-size:10px;box-shadow:0 0 6px #fff3;transition:all .2s ease}.lang-btn:hover{box-shadow:0 0 10px #fff6,0 0 5px #ffffff4d}.back-to-lobby-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff9;padding:5px 12px;font-size:12px;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:35px;height:30px}.back-to-lobby-btn:hover{border-color:#ffffff80;color:#ffffffe6;background:#ffffff0d;box-shadow:0 0 8px #fff3}.back-to-lobby-btn i{font-size:12px}.stats-bar{display:flex;justify-content:space-between;gap:15px;margin-bottom:30px}.stat-box{flex:1;background:var(--card-bg);border:2px solid;padding:10px;text-align:center;position:relative;box-shadow:0 0 8px #00000080}.stat-box.pink{border-color:var(--neon-pink);box-shadow:0 0 10px #f0f6,0 0 5px var(--neon-pink)}.stat-box.green{border-color:var(--neon-green);box-shadow:0 0 10px #0f06,0 0 5px var(--neon-green)}.stat-box.red{border-color:var(--neon-red);box-shadow:0 0 10px #f006,0 0 5px var(--neon-red)}.stat-box.cyan{border-color:var(--neon-cyan);box-shadow:0 0 10px #0ff6,0 0 5px var(--neon-cyan)}.stat-label{font-size:10px;font-weight:700;display:block;margin-bottom:5px;text-transform:uppercase;color:#aaa}.stat-value{font-family:"Press Start 2P",cursive;font-size:20px;display:block}.stat-box.pink .stat-value{color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink)}.stat-box.green .stat-value{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green)}.stat-box.red .stat-value{color:var(--neon-red);text-shadow:0 0 5px var(--neon-red)}.stat-box.cyan .stat-value{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.config-section{padding:30px;background:var(--card-bg);position:relative;box-shadow:0 0 12px #0ff6,0 0 8px #00ffff4d;border-radius:4px;width:1000px;box-sizing:border-box;margin:0 auto}.section-header{color:var(--neon-cyan);font-weight:700;text-transform:uppercase;margin-bottom:25px;display:flex;align-items:center;gap:12px;text-shadow:0 0 5px var(--neon-cyan);font-family:"Press Start 2P",cursive;font-size:14px;padding-bottom:15px;border-bottom:2px solid rgba(0,255,255,.3)}.input-group{margin-bottom:25px;padding:15px;background:#0000004d;border-radius:4px;border:1px solid rgba(0,255,255,.1)}.input-label{display:block;color:var(--neon-cyan);font-size:12px;margin-bottom:12px;text-transform:uppercase;display:flex;align-items:center;gap:10px;text-shadow:0 0 3px rgba(0,255,255,.6);font-family:"Press Start 2P",cursive;font-size:10px;letter-spacing:1px}.input-label i,.section-header i{color:inherit;font-size:16px}.info-text{font-size:11px;color:#aaac;margin-top:8px;font-style:italic;font-family:Roboto Mono,monospace;border-left:2px solid rgba(0,255,255,.3);padding-left:10px}.cyber-btn i,.generate-btn i{font-size:14px;display:inline-flex;align-items:center;line-height:1}.cyber-input{width:100%;background:#00000080;border:2px solid var(--neon-cyan);color:#fff;padding:12px 15px;font-family:Roboto Mono,monospace;box-sizing:border-box;transition:all .3s ease;box-shadow:0 0 8px #00ffff4d;border-radius:4px}.cyber-input:focus{outline:none;box-shadow:0 0 15px #0ff9,0 0 10px var(--neon-cyan);border-color:#fff;background:#000000b3}select.cyber-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300ffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:35px}select.cyber-input option{background:#000;color:#fff;padding:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:25px}.two-col>div{padding:20px;background:#0006;border:1px solid rgba(0,255,255,.2);border-radius:4px;transition:all .3s ease}.two-col>div:hover{border-color:#0ff6;box-shadow:0 0 10px #0ff3}.file-input-wrapper{position:relative;margin-bottom:15px;border:2px solid #ffd700;display:flex;align-items:center;transition:all .3s ease;box-shadow:0 0 8px #ffd70066;border-radius:4px;overflow:hidden;background:#ffd7000d;width:100%;box-sizing:border-box}.file-input-wrapper:hover{box-shadow:0 0 15px #ffd70099,0 0 8px gold;border-color:#ffed4e;transform:translateY(-1px)}.file-input-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:10px 15px;font-weight:700;font-size:10px;text-transform:uppercase;font-family:"Press Start 2P",cursive;cursor:pointer;transition:all .2s ease;border-right:2px solid rgba(0,0,0,.2);flex-shrink:0;white-space:nowrap;min-width:fit-content}.file-input-btn:hover{background:linear-gradient(135deg,#ffed4e,gold);box-shadow:inset 0 0 10px #0003}.file-input-text{padding:10px 15px;font-size:12px;color:#fff;flex:1;font-family:Roboto Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}textarea.cyber-input{background-color:#00000080;resize:vertical;min-height:120px;border-radius:4px;font-size:13px;line-height:1.6}textarea.cyber-input::placeholder{color:#fff6;font-style:italic}textarea.cyber-input[style*="border: '1px solid #ff00ff'"],textarea.cyber-input[style*="border: 1px solid #ff00ff"]{box-shadow:0 0 6px #ff00ff4d}textarea.cyber-input[style*="border: '1px solid #ff00ff'"]:focus,textarea.cyber-input[style*="border: 1px solid #ff00ff"]:focus{box-shadow:0 0 12px #ff00ff80,0 0 8px #f0f}.action-buttons{display:flex;justify-content:center;gap:25px;margin-top:30px;padding-top:25px;border-top:2px solid rgba(0,255,255,.2)}.cyber-btn{display:flex;align-items:center;background:transparent;border:2px solid var(--neon-cyan);color:var(--neon-cyan);padding:10px 30px;font-family:"Press Start 2P",cursive;font-size:12px;cursor:pointer;text-transform:uppercase;transition:all .2s ease;box-shadow:0 0 8px #00ffff4d;position:relative}.cyber-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#555!important;color:#555!important;box-shadow:none!important}.cyber-btn:hover:not(:disabled){transform:translateY(-1px)}.cyber-btn[style*="color: '#00ffff'"]:hover:not(:disabled),.cyber-btn[style*='color: "#00ffff"']:hover:not(:disabled){background-color:#00ffff1a!important;box-shadow:0 0 20px #0ff,0 0 15px #00ffff80!important}.cyber-btn[style*="color: '#ff00ff'"]:hover:not(:disabled),.cyber-btn[style*='color: "#ff00ff"']:hover:not(:disabled){background-color:#ff00ff1a!important;box-shadow:0 0 20px #f0f,0 0 15px #ff00ff80!important}.cyber-btn[style*="color: '#00ff00'"]:hover:not(:disabled),.cyber-btn[style*='color: "#00ff00"']:hover:not(:disabled){background-color:#00ff001a!important;box-shadow:0 0 20px #0f0,0 0 15px #00ff0080!important}.cyber-btn:hover:not(:disabled):not([style*="color:"]){background:#00ffff1a;box-shadow:0 0 20px var(--neon-cyan),0 0 15px #00ffff80}.question-section{border:2px solid var(--neon-pink);padding:30px;background:var(--card-bg);text-align:center;min-height:200px;display:flex;flex-direction:column;justify-content:center;position:relative;box-shadow:0 0 12px #f0f6,0 0 8px #ff00ff4d}.question-section.loading-state{border:none;box-shadow:none;padding:0;background:transparent}.question-section .arcade-loading{border:2px solid #ffd700;box-shadow:0 0 20px #ffd70080,inset 0 0 20px #ffd7001a;margin:0;border-radius:4px}.question-title{color:var(--neon-pink);font-family:"Press Start 2P",cursive;font-size:16px;margin-bottom:20px;text-transform:uppercase;text-shadow:2px 2px rgba(255,0,255,.3),0 0 5px var(--neon-pink)}.question-content{color:#fff;font-size:18px;margin-bottom:30px;line-height:1.5;text-shadow:0 0 2px rgba(255,255,255,.3)}.generate-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid var(--neon-green);color:var(--neon-green);padding:15px 40px;font-family:"Press Start 2P",cursive;font-size:14px;cursor:pointer;text-transform:uppercase;align-self:center;transition:all .2s ease;box-shadow:0 0 8px #00ff004d;position:relative}.generate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 0 5px #00ff001a!important}.generate-btn:hover:not(:disabled){transform:translateY(-2px)}.generate-btn[style*="#ff00ff"]:hover:not(:disabled){background-color:#f0f3!important;box-shadow:0 0 25px #f0f,0 0 20px #f0f9!important;transform:translateY(-2px)}.generate-btn[style*="#00ffff"]:hover:not(:disabled){background-color:#0ff3!important;box-shadow:0 0 25px #0ff,0 0 20px #0ff9!important;transform:translateY(-2px)}.generate-btn[style*="#00ff00"]:hover:not(:disabled){background-color:#0f03!important;box-shadow:0 0 25px #0f0,0 0 20px #0f09!important;transform:translateY(-2px)}.generate-btn:hover:not(:disabled):not([style*="color:"]){background:#0f03;box-shadow:0 0 25px var(--neon-green),0 0 20px #0f09;transform:translateY(-2px)}.redo-question-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff9;padding:10px 15px;font-size:14px;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:45px;height:45px}.redo-question-btn:hover{border-color:#ffffff80;color:#fffc;background:#ffffff0d;box-shadow:0 0 8px #fff3}.redo-question-btn i{font-size:14px}.feedback-box{margin-top:20px;padding:20px;border-left:5px solid;text-align:left;background:#ffffff0d;line-height:1.8}.feedback-box>div{margin-top:10px}.feedback-box p{margin:12px 0}.feedback-box ul,.feedback-box ol{margin:12px 0;padding-left:25px}.feedback-box li{margin:8px 0;line-height:1.6}.feedback-box.good{border-color:var(--neon-green);box-shadow:inset 0 0 10px #00ff001a}.feedback-box.bad{border-color:var(--neon-red)}.interview-result{color:#eee;line-height:1.8}.result-section{margin-bottom:30px;padding:20px;background:#ffffff05;border-left:4px solid;border-radius:4px}.result-section-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;font-family:"Press Start 2P",cursive;font-size:12px;text-transform:uppercase}.result-section-header i{font-size:18px}.result-section-header h3{margin:0;font-family:"Press Start 2P",cursive;font-size:12px;text-transform:uppercase}.strengths-section{border-left-color:var(--neon-green);box-shadow:0 0 10px #0f03}.strengths-section .result-section-header,.strengths-section .result-section-header i{color:var(--neon-green)}.weaknesses-section{border-left-color:var(--neon-red)}.weaknesses-section .result-section-header,.weaknesses-section .result-section-header i{color:var(--neon-red)}.score-section{border-left-color:var(--neon-cyan);box-shadow:0 0 10px #0ff3}.score-section .result-section-header{color:var(--neon-cyan)}.score-section .result-section-header i{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.verdict-section{border-left-color:var(--neon-pink);box-shadow:0 0 10px #f0f3}.verdict-section .result-section-header,.verdict-section .result-section-header i{color:var(--neon-pink)}.result-list{list-style:none;padding:0;margin:0}.result-list li{padding:10px 0 10px 25px;position:relative;color:#ddd;font-size:14px}.result-list li:before{content:"▸";position:absolute;left:0;color:inherit;font-weight:700}.strengths-section .result-list li:before{color:var(--neon-green);text-shadow:0 0 3px var(--neon-green)}.weaknesses-section .result-list li:before{color:var(--neon-red);text-shadow:0 0 3px var(--neon-red)}.score-value{font-family:"Press Start 2P",cursive;font-size:32px;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan);text-align:center;padding:20px;background:#00ffff0d;border:2px solid var(--neon-cyan);border-radius:4px;box-shadow:0 0 15px #00ffff4d}.verdict-value{font-family:"Press Start 2P",cursive;font-size:18px;text-align:center;padding:15px;background:#ffffff0d;border:2px solid;border-radius:4px;text-transform:uppercase;box-shadow:0 0 15px #ff00ff4d}.verdict-value.proceed{color:var(--neon-green);border-color:var(--neon-green);text-shadow:0 0 10px var(--neon-green);box-shadow:0 0 15px #00ff004d}.verdict-value.no-proceed{color:var(--neon-red);border-color:var(--neon-red);text-shadow:0 0 10px var(--neon-red);box-shadow:0 0 15px #ff00004d}.verdict-explanation{margin-top:15px;padding:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#bbb;font-size:12px;line-height:1.6;text-align:center;font-style:italic}.result-summary{margin-top:30px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#ddd;font-size:14px;line-height:1.8;font-style:italic}.arcade-loading{position:relative;width:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#0000004d;border:2px solid #ffd700;box-shadow:0 0 20px #ffd70080,inset 0 0 20px #ffd7001a;animation:arcadeGlow 2s ease-in-out infinite}.arcade-loading-title{font-family:"Press Start 2P",cursive;font-size:32px;color:gold;text-shadow:3px 3px 0 #ff0000,0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6);margin-bottom:20px;animation:arcadeTitlePulse 1.5s ease-in-out infinite;letter-spacing:4px;text-transform:uppercase}.arcade-loading-subtitle{font-family:"Press Start 2P",cursive;font-size:14px;color:gold;text-shadow:2px 2px 0 #ff0000,0 0 8px rgba(255,215,0,.6);margin-bottom:40px;animation:arcadeSubtitleBlink 1s ease-in-out infinite;letter-spacing:3px}.arcade-progress-container{width:80%;max-width:400px;height:20px;border:3px solid #ffd700;background:#000c;box-shadow:inset 0 0 10px #00000080,0 0 10px #ffd7004d;position:relative;overflow:hidden}.arcade-progress-bar{height:100%;background:linear-gradient(90deg,red,gold,red,gold,red);background-size:200% 100%;width:0%;animation:arcadeProgress 2s linear infinite,arcadeProgressFill 3s ease-in-out infinite;box-shadow:0 0 15px #ffd700cc,inset 0 0 10px #ffd70066;position:relative}.arcade-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:arcadeShine 1.5s ease-in-out infinite}.arcade-scan-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,215,0,.03) 2px,rgba(255,215,0,.03) 4px);pointer-events:none;animation:arcadeScan .1s linear infinite}@keyframes arcadeTitlePulse{0%,to{transform:scale(1);text-shadow:3px 3px 0 #ff0000,0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6)}50%{transform:scale(1.05);text-shadow:3px 3px 0 #ff0000,0 0 15px rgba(255,215,0,1),0 0 30px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4)}}@keyframes arcadeSubtitleBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes arcadeProgress{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes arcadeProgressFill{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes arcadeShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes arcadeGlow{0%,to{box-shadow:0 0 20px #ffd70080,inset 0 0 20px #ffd7001a;border-color:gold}50%{box-shadow:0 0 30px #ffd700cc,0 0 40px #ffd70066,inset 0 0 30px #ffd70033;border-color:#ffed4e}}@keyframes arcadeScan{0%{transform:translateY(0)}to{transform:translateY(4px)}}.error-display{text-align:center;padding:40px 20px;background:#ff00001a;border:2px solid var(--neon-red);border-radius:4px;box-shadow:0 0 20px #ff00004d}.error-icon{font-size:48px;color:var(--neon-red);margin-bottom:20px;text-shadow:0 0 10px var(--neon-red);animation:errorPulse 2s ease-in-out infinite}.error-title{font-family:"Press Start 2P",cursive;font-size:18px;color:var(--neon-red);text-shadow:0 0 10px var(--neon-red);margin-bottom:15px;text-transform:uppercase}.error-message{color:#faa;font-size:14px;margin-bottom:30px;line-height:1.6;font-family:Roboto Mono,monospace}.error-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.error-btn{background:transparent;border:2px solid;padding:12px 25px;font-family:"Press Start 2P",cursive;font-size:10px;cursor:pointer;text-transform:uppercase;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.error-btn.retry-btn{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 8px #00ffff4d}.error-btn.retry-btn:hover{background:#00ffff1a;box-shadow:0 0 15px #00ffff80}.error-btn.back-btn{border-color:var(--neon-green);color:var(--neon-green);box-shadow:0 0 8px #00ff004d}.error-btn.back-btn:hover{background:#00ff001a;box-shadow:0 0 15px #00ff0080}.error-inline{display:flex;align-items:center;justify-content:center;margin-bottom:15px;padding:10px;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:4px}@keyframes errorPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){body{padding:10px}.container{max-width:100%;padding:10px;width:100%}.config-section{width:100%;max-width:100%;padding:20px 15px}.section-header{font-size:10px;margin-bottom:15px;padding-bottom:10px}.input-group{padding:12px;margin-bottom:15px}.input-label{font-size:8px;margin-bottom:8px}.input-label i,.section-header i{font-size:12px}.two-col{grid-template-columns:1fr;gap:15px}.two-col>div{padding:15px}.file-input-btn{padding:8px 12px;font-size:8px}.file-input-text{padding:8px 10px;font-size:10px}.cyber-input{padding:12px 15px;font-size:14px}textarea.cyber-input{min-height:120px;font-size:14px}.stats-bar{gap:8px;margin-bottom:20px;flex-wrap:nowrap}.stat-box{padding:8px;flex:1;min-width:0}.stat-label{font-size:8px}.stat-value,.logo{font-size:16px}.header{margin-bottom:15px}.start-game-btn{padding:15px 30px;font-size:12px}.question-section{padding:25px 20px}.question-title{font-size:14px;margin-bottom:20px}.question-content{font-size:16px;line-height:1.7;margin-bottom:25px}.generate-btn,.cyber-btn{padding:12px 20px;font-size:10px}.feedback-box{padding:15px;max-height:300px}.action-buttons{gap:15px;margin-top:20px;position:fixed;bottom:0;left:0;right:0;background:var(--bg-color);padding:15px;z-index:1000;box-shadow:0 -5px 20px #000c;border-top:2px solid rgba(0,255,255,.2)}.config-section{padding-bottom:100px}.lang-btn{font-size:10px;padding:5px 10px}.back-to-lobby-btn{width:30px;height:28px;font-size:14px}}@media(max-width:480px){.config-section{padding:15px 10px}.section-header{font-size:9px}.input-label{font-size:7px}.file-input-btn{padding:6px 10px;font-size:7px}.stats-bar{gap:5px;flex-wrap:nowrap}.stat-box{padding:6px;flex:1;min-width:0}.stat-label{font-size:7px}.stat-value,.logo{font-size:14px}.start-game-btn{padding:12px 25px;font-size:11px;width:calc(100% - 30px);max-width:none}.action-buttons{padding:12px 15px}.config-section{padding-bottom:90px}.question-title{font-size:12px;margin-bottom:18px}.question-content{font-size:15px;line-height:1.7;margin-bottom:20px}.question-section{padding:20px 15px}.generate-btn,.cyber-btn{padding:10px 15px;font-size:9px}.cyber-input{padding:12px 15px;font-size:14px}textarea.cyber-input{min-height:120px;font-size:14px}}