@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&display=swap";:root{--bg-gradient:linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);--primary:#08c;--primary-hover:#0077b3;--secondary:#ffc800;--accent:#58cc02;--error:#ff4b4b;--text-main:#2f3337;--white:#fff;--glass:#fff6;--glass-border:#fff9;--shadow:0 8px 32px 0 #1f268726;--font-main:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}button{cursor:pointer;text-transform:uppercase;border:none;border-radius:16px;font-family:inherit;font-weight:800;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}button:active{transform:translateY(2px)}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:2px solid var(--glass-border);box-shadow:var(--shadow);border-radius:24px}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes pulse-red{0%{box-shadow:0 0 #ff4b4b66}70%{box-shadow:0 0 0 20px #ff4b4b00}to{box-shadow:0 0 #ff4b4b00}}.danger-pulse{animation:1.5s infinite pulse-red}.app-container{flex-direction:column;justify-content:center;align-items:center;max-width:600px;min-height:100vh;margin:0 auto;padding:16px;display:flex}@media (width>=768px){.app-container{max-width:1200px}}.startup-wrapper{width:100%;max-width:480px;padding:20px}.main-card{flex-direction:column;gap:24px;padding:32px;display:flex}.header{text-align:center}.header h1{color:var(--primary);margin-bottom:4px;font-size:2.5rem;font-weight:800}.header p{color:#64748b;font-weight:500}.logo-icon{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;box-shadow:0 4px 12px #08c3}.section{flex-direction:column;gap:12px;display:flex}.section label{color:#475569;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:flex}.lang-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.lang-btn{color:#475569;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:2px solid #e2e8f0;border-radius:16px;align-items:center;gap:8px;padding:10px 12px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;overflow:hidden}.lang-btn.active{border-color:var(--primary);color:var(--primary);background:#f0f9ff}.flag{flex-shrink:0;font-size:1.2rem}.name{text-overflow:ellipsis;overflow:hidden}.model-list{flex-direction:column;gap:12px;display:flex}.model-btn{text-align:left;background:#fff;border:2px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.model-btn.active{border-color:var(--accent-color);background:#fffbef}.model-icon{width:40px;height:40px;color:var(--accent-color);background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;display:flex}.model-info{flex-direction:column;display:flex}.model-name{font-size:1.1rem;font-weight:700}.model-desc{color:#64748b;font-size:.8rem}.start-btn{background:var(--primary);color:#fff;width:100%;margin-top:8px;padding:18px;font-size:1.2rem;box-shadow:0 4px #069}.start-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px #069}.start-btn:active{transform:translateY(2px);box-shadow:0 0 #069}.editor-wrapper{flex-direction:column;gap:20px;width:100%;max-width:1200px;height:100vh;padding:20px;display:flex;position:relative}.loading-overlay{background:var(--bg-gradient);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-card{text-align:center;flex-direction:column;gap:20px;width:90%;max-width:400px;padding:40px;display:flex}.progress-bar{background:#e2e8f0;border-radius:6px;height:12px;overflow:hidden}.progress-fill{background:var(--primary);height:100%;transition:width .3s}.game-hud{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.game-hud{grid-template-columns:300px 1fr}}.health-section{flex-direction:column;gap:8px;display:flex}.health-label{text-transform:uppercase;color:#475569;justify-content:space-between;font-size:.9rem;font-weight:800;display:flex}.health-bar-container{background:#fff;border:2px solid #e2e8f0;border-radius:12px;height:24px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.health-bar-fill{background:var(--primary);border-radius:10px;height:100%}.mission-section{flex-direction:column;gap:8px;padding:16px;display:flex}.mission-header{color:var(--primary);text-transform:uppercase;align-items:center;gap:8px;font-size:.8rem;font-weight:800;display:flex}.mission-content{color:#334155;font-size:1.1rem;font-style:italic;font-weight:600}.editor-main{flex:1;position:relative}textarea{background:var(--glass);border:2px solid var(--glass-border);width:100%;height:100%;color:var(--text-main);resize:none;box-shadow:var(--shadow);border-radius:24px;outline:none;padding:24px;font-size:1.25rem;line-height:1.6;transition:all .3s}textarea:focus{border-color:var(--primary);background:#fff}textarea.dead{filter:grayscale()blur(2px);opacity:.6}.game-over-overlay{text-align:center;z-index:10;background:#fffc;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px;display:flex;position:absolute;inset:0}.game-over-overlay h1{color:var(--error);font-size:2rem;font-weight:800}.revive-challenge{background:#fff;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:320px;padding:24px;display:flex;box-shadow:0 4px 12px #0000001a}.challenge-word{color:#475569;font-size:1.2rem}.revive-form{flex-direction:column;gap:12px;display:flex}.revive-form input{border:2px solid #e2e8f0;border-radius:12px;outline:none;padding:12px;font-size:1rem}.revive-form input:focus{border-color:var(--primary)}.revive-btn{background:var(--accent);color:#fff;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 4px #3d8e00}.revive-btn:hover{background:#4cae02}.quit-btn{color:#64748b;text-transform:none;background:0 0;align-items:center;gap:12px;padding:12px 24px;font-size:.9rem;font-weight:600;display:flex}.spin{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shake-container{animation:.1s linear infinite shake}