@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#0A0014;--surface:#1A0028;--primary:#00F5FF;--primary-dark:#00C2D1;--accent:#FF006E;--text:#F0F0FF;--text-muted:#A8A8C8;--border:#2A1845;--success:#10B981;--warning:#F59E0B;--danger:#FF006E;--radius:4px;--shadow:0 12px 36px rgba(0,0,0,.4),0 0 28px #00F5FF26}body{margin:0;padding:0;font-family:JetBrains Mono,SF Mono,Consolas,monospace;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;background-image:linear-gradient(135deg,#0a0014,#1a0028),repeating-linear-gradient(0deg,transparent,transparent 39px,#00F5FF11 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#FF006E08 40px)}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background-size:cover;background-position:center;background-blend-mode:overlay}.glow-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(0,245,255,.08) 0%,transparent 60%),radial-gradient(circle at 80% 100%,rgba(255,0,110,.06) 0%,transparent 50%);z-index:1}.start-page,.quiz-page,.scene-page,.result-page{position:relative;z-index:2;width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center}.title-icon{display:flex;gap:8px;margin-bottom:12px;color:var(--primary);filter:drop-shadow(0 0 12px var(--primary))}.title{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:900;background:linear-gradient(135deg,#00f5ff,#ff006e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-shadow:none;letter-spacing:2px}.subtitle{color:var(--text-muted);font-size:1rem;margin:12px 0 24px;text-align:center}.start-btn{background:var(--primary);color:var(--bg);border:none;border-radius:var(--radius);padding:14px 36px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 0 24px var(--primary);transition:all .2s}.start-btn:hover{background:var(--primary-dark);box-shadow:0 0 36px var(--primary)}.history-card{background:#1a0028d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:12px 20px;margin-top:20px;color:var(--text-muted);font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:border-color .2s}.history-card:hover{border-color:var(--primary)}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#10b981e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 24px;border-radius:20px;font-size:.9rem;z-index:100;box-shadow:0 4px 20px #0006}.progress-bar{width:100%;height:6px;background:var(--border);border-radius:3px;margin-bottom:24px;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px;transition:width .4s ease;box-shadow:0 0 12px var(--primary)}.progress-text{position:absolute;right:0;top:-22px;font-size:.8rem;color:var(--text-muted)}.question-card,.scene-card{background:#1a0028d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;width:100%;box-sizing:border-box;box-shadow:var(--shadow)}.question-card h2,.scene-card h2{font-size:1.2rem;margin:0 0 20px;line-height:1.5;color:var(--text)}.options,.scene-options{display:flex;flex-direction:column;gap:10px}.option-btn{background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius);padding:12px 18px;cursor:pointer;font-size:.95rem;color:var(--text);text-align:left;transition:all .2s;font-family:inherit}.option-btn:hover{background:#00f5ff1f;border-color:var(--primary);box-shadow:0 0 16px #00f5ff26}.scene-desc{color:var(--text-muted);line-height:1.6;margin-bottom:20px;font-size:.95rem}.scene-btn{font-size:.9rem;padding:10px 16px}.loading-page{z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--primary)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-page{gap:20px}.result-header{display:flex;flex-direction:column;align-items:center;gap:8px}.result-role{font-family:Orbitron,sans-serif;font-size:2rem;background:linear-gradient(135deg,#00f5ff,#ff006e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-shadow:none}.stars{display:flex;gap:4px}.star-filled{color:gold;font-size:1.4rem;text-shadow:0 0 12px #FFD70080}.result-desc{background:#1a0028cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius);padding:20px;line-height:1.7;color:var(--text);font-size:.95rem;max-width:600px}.retry-btn{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:12px 28px;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 0 20px var(--accent);transition:all .2s;font-weight:700}.retry-btn:hover{background:#e0005c;box-shadow:0 0 30px var(--accent)}.history-list{margin-top:24px;width:100%;max-width:500px}.history-list h3{color:var(--text-muted);font-size:.95rem;display:flex;align-items:center;gap:6px;margin:0 0 12px}.history-item{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}@media (max-width:480px){.title,.result-role{font-size:1.5rem}.question-card,.scene-card{padding:20px 16px}}