:root{--bg-void: #030312;--bg-deep: #070720;--bg-surface: #0d0d2b;--bg-panel: #0f0f30;--bg-card: #12122e;--bg-hover: #1a1a40;--bg-input: #0a0a22;--amber: #d4a040;--amber-dim: #8a6420;--amber-bright: #f0c060;--amber-glow: rgba(212, 160, 64, .15);--holo-blue: #3dcfef;--holo-blue-dim: #1a6070;--holo-glow: rgba(61, 207, 239, .12);--light-cyan: #4fc3f7;--dark-red: #ef5350;--dark-red-dim: #7a1a18;--sith-purple: #9c27b0;--force-green: #4caf50;--neutral-gray: #9e9e9e;--text-primary: #e8d89a;--text-secondary: #a09060;--text-muted: #606080;--text-holo: #3dcfef;--border-amber: rgba(212, 160, 64, .3);--border-holo: rgba(61, 207, 239, .25);--border-dim: rgba(255, 255, 255, .05);--shadow-amber: 0 0 20px rgba(212, 160, 64, .2);--shadow-holo: 0 0 20px rgba(61, 207, 239, .2);--shadow-card: 0 4px 24px rgba(0, 0, 0, .6);--font-display: "Rajdhani", "Orbitron", "Exo 2", system-ui, sans-serif;--font-body: "Share Tech Mono", "Courier New", monospace;--font-narrative: "Crimson Text", "Georgia", serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;line-height:1.6}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 25% 40%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 40% 8%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 55% 65%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 85% 50%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 92% 80%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 15% 75%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 60% 90%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 33% 55%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 78% 35%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 48% 42%,rgba(255,255,255,.3) 0%,transparent 100%);pointer-events:none;z-index:0}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:9999;opacity:.4}.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:var(--bg-deep);border-bottom:1px solid var(--border-amber);box-shadow:var(--shadow-amber);position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:10px}.nav-logo{font-size:20px;color:var(--amber);text-shadow:0 0 10px var(--amber)}.nav-title{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:3px;color:var(--amber);text-shadow:0 0 10px var(--amber-glow)}.nav-links{display:flex;gap:4px}.nav-btn{background:none;border:1px solid transparent;color:var(--text-secondary);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:2px;padding:6px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.nav-btn:hover{color:var(--amber);border-color:var(--border-amber);background:var(--amber-glow)}.nav-btn.active{color:var(--amber);border-color:var(--amber-dim);background:var(--amber-glow)}.nav-user{display:flex;align-items:center;gap:12px}.nav-username{font-family:var(--font-display);font-size:13px;letter-spacing:1px;color:var(--holo-blue)}.nav-logout{background:none;border:1px solid var(--border-dim);color:var(--text-muted);font-family:var(--font-display);font-size:11px;letter-spacing:1px;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.nav-logout:hover{border-color:var(--dark-red);color:var(--dark-red)}.splash-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-void)}.splash-logo{text-align:center}.splash-text{margin-top:24px;font-family:var(--font-display);font-size:14px;letter-spacing:4px;color:var(--holo-blue);text-shadow:0 0 10px var(--holo-blue)}.btn-primary{background:linear-gradient(135deg,var(--amber-dim),rgba(212,160,64,.2));border:1px solid var(--amber);color:var(--amber-bright);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:2px;padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);text-transform:uppercase;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(212,160,64,.1));opacity:0;transition:var(--transition)}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-amber),inset 0 0 10px #d4a0401a;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-primary.btn-pulse{animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--amber)}50%{box-shadow:0 0 20px var(--amber),0 0 40px #d4a0404d}}.btn-ghost{background:none;border:1px solid var(--border-dim);color:var(--text-secondary);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:1px;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-ghost:hover{border-color:var(--border-amber);color:var(--amber)}.btn-danger{background:linear-gradient(135deg,var(--dark-red-dim),rgba(239,83,80,.15));border:1px solid var(--dark-red);color:#ff8a80;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:1px;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-danger:hover{box-shadow:0 0 15px #ef53504d}.btn-danger-ghost{background:none;border:1px solid var(--dark-red-dim);color:var(--dark-red);font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:1px;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-danger-ghost:hover{border-color:var(--dark-red);background:#ef535014}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase}input[type=text],input[type=password],input[type=number],select,textarea{background:var(--bg-input);border:1px solid var(--border-dim);color:var(--text-primary);font-family:var(--font-body);font-size:14px;padding:10px 12px;border-radius:var(--radius-sm);outline:none;transition:var(--transition);width:100%}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--amber-dim);box-shadow:0 0 8px var(--amber-glow);background:var(--bg-surface)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--bg-panel);color:var(--text-primary)}textarea{resize:vertical;min-height:80px;line-height:1.5}.holo-panel{background:var(--bg-panel);border:1px solid var(--border-holo);border-radius:var(--radius-md);box-shadow:var(--shadow-holo),var(--shadow-card);padding:24px}.holo-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:20px;transition:var(--transition)}.holo-card:hover{border-color:var(--border-holo);box-shadow:var(--shadow-holo),var(--shadow-card)}.section-heading{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:4px;color:var(--holo-blue);text-transform:uppercase;border-bottom:1px solid var(--border-holo);padding-bottom:8px;margin-bottom:20px}.error-banner{background:#ef53501a;border:1px solid var(--dark-red);color:#ff8a80;padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;display:flex;justify-content:space-between;align-items:center;margin:12px 24px}.error-banner button{background:none;border:none;color:#ff8a80;cursor:pointer;font-size:16px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:80px 24px;color:var(--text-muted);font-family:var(--font-display);letter-spacing:2px;font-size:13px}.holo-spinner{width:32px;height:32px;border:2px solid var(--holo-blue-dim);border-top-color:var(--holo-blue);border-radius:50%;animation:spin 1s linear infinite}.holo-spinner.large{width:60px;height:60px;border-width:3px;box-shadow:0 0 20px #3dcfef4d}.spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid rgba(212,160,64,.3);border-top-color:var(--amber);border-radius:50%;animation:spin .7s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.login-card{width:100%;max-width:420px;background:var(--bg-panel);border:1px solid var(--border-amber);border-radius:var(--radius-lg);box-shadow:var(--shadow-amber),var(--shadow-card);padding:40px;position:relative}.login-logo{text-align:center;margin-bottom:32px}.login-icon{font-size:48px;display:block;margin-bottom:12px;filter:drop-shadow(0 0 10px var(--amber));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.login-title{font-family:var(--font-display);font-size:22px;font-weight:900;letter-spacing:6px;color:var(--amber);text-shadow:0 0 20px var(--amber);line-height:1.2}.login-subtitle{font-family:var(--font-display);font-size:11px;letter-spacing:3px;color:var(--text-secondary);margin-top:4px}.tab-row{display:flex;gap:0;margin-bottom:28px;border-bottom:1px solid var(--border-dim)}.tab-btn{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:2px;padding:10px;cursor:pointer;transition:var(--transition);margin-bottom:-1px}.tab-btn.active{color:var(--amber);border-bottom-color:var(--amber)}.login-form{display:flex;flex-direction:column}.pin-input{text-align:center;font-size:24px;letter-spacing:8px}.login-discord-hint{font-size:11px;color:var(--text-muted);text-align:center;margin-top:-8px;margin-bottom:16px}.stars-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);overflow:hidden;pointer-events:none;z-index:-1}.char-select{padding:32px 24px;max-width:1200px;margin:0 auto;width:100%}.char-select-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-title{font-family:var(--font-display);font-size:28px;font-weight:900;letter-spacing:4px;color:var(--amber);text-shadow:0 0 15px var(--amber-glow)}.page-sub{font-size:12px;color:var(--text-muted);letter-spacing:2px;margin-top:4px}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.char-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-md);padding:20px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.char-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--amber),transparent);opacity:0;transition:var(--transition)}.char-card:hover{border-color:var(--border-amber);box-shadow:var(--shadow-amber);transform:translateY(-2px)}.char-card:hover:before{opacity:1}.char-card.complete-card{border-color:var(--holo-blue-dim);opacity:.6}.char-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.char-name{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--amber);letter-spacing:1px}.char-level-badge{background:var(--amber-glow);border:1px solid var(--amber-dim);color:var(--amber);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:var(--radius-sm)}.char-identity{font-size:12px;color:var(--text-secondary);letter-spacing:1px;margin-bottom:14px}.char-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.char-tag{font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:1px;padding:2px 8px;border-radius:2px;background:var(--holo-glow);border:1px solid var(--border-holo);color:var(--holo-blue)}.char-tag.dark{background:#ef53501a;border-color:var(--dark-red-dim);color:var(--dark-red)}.char-tag.light{background:#4fc3f71a;border-color:#1a5070;color:var(--light-cyan)}.char-tag.neutral{background:#9e9e9e1a;border-color:#404040;color:var(--neutral-gray)}.char-tag.complete{background:#3dcfef1a;border-color:var(--holo-blue-dim);color:var(--holo-blue)}.char-tag.legendary{background:#9c27b01a;border-color:#4a1060;color:#ce93d8}.char-bars{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.char-bar{display:flex;align-items:center;gap:8px;font-size:11px}.char-bar-label{color:var(--text-muted);font-family:var(--font-display);letter-spacing:1px;width:32px;flex-shrink:0}.char-bar-track{flex:1;height:4px;background:var(--bg-void);border-radius:2px;overflow:hidden}.char-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.bar-hp{background:linear-gradient(90deg,#4caf50,#8bc34a)}.bar-fp{background:linear-gradient(90deg,#3dcfef,#4fc3f7)}.bar-xp{background:linear-gradient(90deg,var(--amber-dim),var(--amber))}.bar-align-light{background:linear-gradient(90deg,#29b6f6,#4fc3f7)}.bar-align-dark{background:linear-gradient(90deg,#b71c1c,var(--dark-red))}.bar-align-neutral{background:linear-gradient(90deg,#616161,var(--neutral-gray))}.char-bar-value{color:var(--text-muted);font-size:10px;width:50px;text-align:right;flex-shrink:0}.char-story-progress{font-size:11px;color:var(--text-muted);margin-bottom:14px;font-family:var(--font-display);letter-spacing:1px}.progress-phase{font-size:10px;letter-spacing:2px;padding:2px 6px;border-radius:2px}.phase-opening{color:#81d4fa;background:#81d4fa1a}.phase-rising{color:#aed581;background:#aed5811a}.phase-complications{color:var(--amber);background:var(--amber-glow)}.phase-final{color:#ff8a65;background:#ff8a651a}.phase-climax{color:var(--dark-red);background:#ef53501a}.char-card-actions{display:flex;gap:8px;margin-top:8px}.empty-chars{grid-column:1 / -1;text-align:center;padding:80px 24px;color:var(--text-muted)}.empty-icon{font-size:64px;display:block;margin-bottom:16px;opacity:.3}.empty-chars p{font-family:var(--font-display);font-size:15px;letter-spacing:2px;margin-bottom:8px}.empty-sub{font-size:12px;color:var(--text-muted);margin-bottom:24px}.levelup-indicator{position:absolute;top:12px;right:12px;background:#4caf50;color:#000;font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:2px;animation:pulse-glow 1.5s ease-in-out infinite}.char-create{min-height:calc(100vh - 56px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px}.create-container{width:100%;max-width:700px}.create-header{text-align:center;margin-bottom:32px}.create-title{font-family:var(--font-display);font-size:24px;font-weight:900;letter-spacing:4px;color:var(--amber);text-shadow:0 0 15px var(--amber-glow)}.step-indicator{display:flex;justify-content:center;gap:8px;margin:20px 0}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-hover);border:1px solid var(--border-dim);transition:var(--transition)}.step-dot.active{background:var(--amber);box-shadow:0 0 8px var(--amber);border-color:var(--amber)}.step-dot.done{background:var(--amber-dim);border-color:var(--amber-dim)}.create-panel{background:var(--bg-panel);border:1px solid var(--border-holo);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-holo),var(--shadow-card)}.step-title{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:3px;color:var(--holo-blue);text-transform:uppercase;margin-bottom:24px}.create-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.class-grid,.species-grid,.era-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.select-card{background:var(--bg-input);border:1px solid var(--border-dim);border-radius:var(--radius-sm);padding:12px 14px;cursor:pointer;transition:var(--transition);text-align:center}.select-card:hover{border-color:var(--border-amber);background:var(--bg-hover)}.select-card.selected{border-color:var(--amber);background:var(--amber-glow);box-shadow:var(--shadow-amber)}.select-card-title{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:1px;color:var(--text-primary);margin-bottom:4px}.select-card.selected .select-card-title{color:var(--amber)}.select-card-sub{font-size:11px;color:var(--text-muted);line-height:1.4}.stat-allocator{display:flex;flex-direction:column;gap:12px}.stat-row{display:grid;grid-template-columns:60px 1fr 28px 40px 28px;align-items:center;gap:10px}.stat-label{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:2px;color:var(--holo-blue)}.stat-bar-track{height:6px;background:var(--bg-void);border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--amber-dim),var(--amber));border-radius:3px;transition:width .2s ease}.stat-btn{width:28px;height:28px;background:var(--bg-input);border:1px solid var(--border-dim);color:var(--text-primary);font-size:16px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.stat-btn:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.stat-btn:disabled{opacity:.3;cursor:not-allowed}.stat-value{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--amber);text-align:center}.points-remaining{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--holo-blue);text-shadow:0 0 10px var(--holo-blue)}.derived-preview{background:var(--bg-input);border:1px solid var(--border-holo);border-radius:var(--radius-sm);padding:12px 16px;display:flex;gap:24px;margin-top:8px;font-family:var(--font-display);font-size:13px}.derived-item{display:flex;flex-direction:column;align-items:center;gap:2px}.derived-label{font-size:10px;letter-spacing:2px;color:var(--text-muted)}.derived-value{font-size:20px;font-weight:700;color:var(--amber)}.length-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.length-card{background:var(--bg-input);border:1px solid var(--border-dim);border-radius:var(--radius-md);padding:16px;cursor:pointer;transition:var(--transition)}.length-card:hover{border-color:var(--border-amber)}.length-card.selected{border-color:var(--amber);background:var(--amber-glow)}.length-title{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:2px;color:var(--text-primary);margin-bottom:6px}.length-card.selected .length-title{color:var(--amber)}.length-sessions{font-family:var(--font-display);font-size:11px;color:var(--holo-blue);letter-spacing:1px;margin-bottom:6px}.length-desc{font-size:11px;color:var(--text-muted);line-height:1.5}.create-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.points-box{text-align:center}.points-label{font-family:var(--font-display);font-size:10px;letter-spacing:2px;color:var(--text-muted)}.char-sheet{background:var(--bg-panel);border:1px solid var(--border-dim);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:14px;height:100%;overflow-y:auto}.char-sheet::-webkit-scrollbar{width:4px}.char-sheet::-webkit-scrollbar-track{background:var(--bg-void)}.char-sheet::-webkit-scrollbar-thumb{background:var(--amber-dim);border-radius:2px}.sheet-name{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:2px;color:var(--amber);text-shadow:0 0 8px var(--amber-glow)}.sheet-identity{font-size:11px;color:var(--text-secondary);letter-spacing:1px;line-height:1.6}.sheet-level-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:12px;letter-spacing:1px}.sheet-level{color:var(--holo-blue);font-size:18px;font-weight:700}.xp-bar-track{height:4px;background:var(--bg-void);border-radius:2px;overflow:hidden;margin-top:4px}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--amber-dim),var(--amber));border-radius:2px;transition:width .4s ease}.sheet-section-label{font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-dim);padding-bottom:4px;margin-bottom:8px}.vital-bars{display:flex;flex-direction:column;gap:8px}.vital-row{display:flex;align-items:center;gap:8px;font-size:11px}.vital-label{font-family:var(--font-display);letter-spacing:1px;color:var(--text-muted);width:28px}.vital-track{flex:1;height:6px;background:var(--bg-void);border-radius:3px;overflow:hidden}.vital-fill{height:100%;border-radius:3px;transition:width .4s ease}.vital-value{color:var(--text-secondary);font-size:10px;width:40px;text-align:right}.align-bar-container{display:flex;flex-direction:column;gap:4px}.align-labels{display:flex;justify-content:space-between;font-family:var(--font-display);font-size:9px;letter-spacing:1px;color:var(--text-muted)}.align-track{height:6px;background:linear-gradient(90deg,#b71c1c,#444,#1565c0);border-radius:3px;position:relative}.align-cursor{position:absolute;top:-3px;width:12px;height:12px;background:#fff;border-radius:50%;transform:translate(-50%);box-shadow:0 0 6px #fffc;transition:left .4s ease}.align-label-center{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:2px;text-align:center}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-item-label{font-family:var(--font-display);font-size:9px;letter-spacing:2px;color:var(--text-muted)}.stat-item-val{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--holo-blue)}.abilities-list{display:flex;flex-direction:column;gap:4px}.ability-item{font-size:11px;color:var(--text-secondary);padding:4px 8px;background:var(--bg-input);border-radius:var(--radius-sm);border-left:2px solid var(--amber-dim);letter-spacing:.5px}.story-phase-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:11px;letter-spacing:1px}.progress-track{height:4px;background:var(--bg-void);border-radius:2px;overflow:hidden;margin-top:4px}.progress-fill{height:100%;border-radius:2px;transition:width .4s ease}.levelup-alert{background:#4caf501a;border:1px solid #4caf50;color:#a5d6a7;font-family:var(--font-display);font-size:11px;letter-spacing:1px;padding:8px 10px;border-radius:var(--radius-sm);text-align:center;animation:pulse-glow 1.5s ease-in-out infinite}.game-screen{display:grid;grid-template-columns:260px 1fr;height:calc(100vh - 56px);overflow:hidden}.game-sidebar{background:var(--bg-deep);border-right:1px solid var(--border-dim);overflow-y:auto;padding:16px}.game-sidebar::-webkit-scrollbar{width:4px}.game-sidebar::-webkit-scrollbar-track{background:var(--bg-void)}.game-sidebar::-webkit-scrollbar-thumb{background:var(--amber-dim);border-radius:2px}.game-main{display:flex;flex-direction:column;overflow:hidden;position:relative}.game-top-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--bg-deep);border-bottom:1px solid var(--border-dim);flex-shrink:0}.game-back{background:none;border:1px solid var(--border-dim);color:var(--text-muted);font-family:var(--font-display);font-size:11px;letter-spacing:1px;padding:5px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.game-back:hover{border-color:var(--amber-dim);color:var(--amber)}.game-title-bar{text-align:center}.game-char-name{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:3px;color:var(--amber)}.game-phase-tag{font-family:var(--font-display);font-size:10px;letter-spacing:2px;color:var(--text-muted)}.game-actions-bar{display:flex;gap:8px}.narrative-area{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.narrative-area::-webkit-scrollbar{width:4px}.narrative-area::-webkit-scrollbar-track{background:var(--bg-void)}.narrative-area::-webkit-scrollbar-thumb{background:var(--amber-dim);border-radius:2px}.narrative-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;padding:60px 24px;text-align:center}.narrative-empty .empty-icon{font-size:48px;opacity:.3}.narrative-empty p{font-family:var(--font-display);font-size:14px;letter-spacing:2px;color:var(--text-muted)}.narrative-block{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-md);padding:16px 20px;position:relative}.narrative-block.animate-in{animation:fade-slide-in .5s ease forwards}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.narrative-speaker{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:3px;color:var(--holo-blue);margin-bottom:10px;text-transform:uppercase}.narrative-action-label{font-family:var(--font-display);font-size:10px;letter-spacing:2px;color:var(--amber-dim);margin-bottom:8px;font-style:italic}.narrative-text{font-family:var(--font-narrative);font-size:16px;line-height:1.75;color:var(--text-primary)}.narrative-text p+p{margin-top:12px}.roll-badge{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 12px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:12px;letter-spacing:1px;margin-top:10px}.roll-badge.roll-success{background:#4caf501a;border:1px solid rgba(76,175,80,.3)}.roll-badge.roll-fail{background:#ef53501a;border:1px solid rgba(239,83,80,.3)}.roll-badge.roll-critical.roll-success{background:#ffd7001a;border:1px solid rgba(255,215,0,.5);box-shadow:0 0 15px #ffd70033}.roll-d20{color:var(--amber);font-weight:700}.roll-stat{color:var(--text-muted)}.roll-total{color:var(--text-primary);font-weight:700;font-size:15px}.roll-vs{color:var(--text-muted)}.roll-label{font-weight:700;margin-left:auto}.roll-badge.roll-success .roll-label{color:#4caf50}.roll-badge.roll-fail .roll-label{color:var(--dark-red)}.roll-badge.roll-critical.roll-success .roll-label{color:gold}.roll-badge.roll-critical.roll-fail .roll-label{color:#ff5722}.xp-toast,.align-toast{position:fixed;top:70px;right:24px;padding:10px 18px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:2px;z-index:200;animation:toast-in .3s ease}.xp-toast{background:var(--amber-glow);border:1px solid var(--amber);color:var(--amber-bright);box-shadow:var(--shadow-amber)}.align-toast{background:var(--holo-glow);border:1px solid var(--holo-blue);color:var(--holo-blue);top:110px}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.game-input-area{border-top:1px solid var(--border-dim);padding:16px;background:var(--bg-deep);flex-shrink:0}.action-form{display:flex;gap:10px;align-items:flex-end}.action-input{flex:1;background:var(--bg-input);border:1px solid var(--border-dim);color:var(--text-primary);font-family:var(--font-body);font-size:14px;padding:10px 14px;border-radius:var(--radius-sm);resize:none;outline:none;transition:var(--transition);line-height:1.5}.action-input:focus{border-color:var(--amber-dim);box-shadow:0 0 8px var(--amber-glow)}.action-send{white-space:nowrap;padding:10px 20px;align-self:flex-end;display:flex;align-items:center}.action-send.loading{pointer-events:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030312d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:300;padding:24px}.levelup-modal{background:var(--bg-panel);border:1px solid var(--amber);border-radius:var(--radius-lg);padding:32px;max-width:560px;width:100%;box-shadow:var(--shadow-amber),var(--shadow-card);animation:modal-in .3s ease}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-title{font-family:var(--font-display);font-size:22px;font-weight:900;letter-spacing:4px;color:var(--amber);text-align:center;margin-bottom:24px}.ability-choices{display:flex;flex-direction:column;gap:10px}.ability-choice-card{background:var(--bg-input);border:1px solid var(--border-dim);border-radius:var(--radius-sm);padding:14px;cursor:pointer;transition:var(--transition)}.ability-choice-card:hover{border-color:var(--border-amber);background:var(--bg-hover)}.ability-choice-card.selected{border-color:var(--amber);background:var(--amber-glow)}.ability-choice-name{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:1px;color:var(--text-primary);margin-bottom:4px}.ability-choice-card.selected .ability-choice-name{color:var(--amber)}.ability-choice-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.ability-choice-meta{display:flex;gap:8px;margin-top:6px}.ability-meta-tag{font-family:var(--font-display);font-size:10px;letter-spacing:1px;padding:2px 6px;border-radius:2px;background:var(--holo-glow);border:1px solid var(--border-holo);color:var(--holo-blue)}.story-complete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030312e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:400}.story-complete-card{background:var(--bg-panel);border:1px solid var(--amber);border-radius:var(--radius-lg);padding:48px;text-align:center;max-width:480px;box-shadow:var(--shadow-amber),var(--shadow-card);animation:modal-in .5s ease}.complete-icon{font-size:64px;margin-bottom:24px}.story-complete-card h2{font-family:var(--font-display);font-size:22px;font-weight:900;letter-spacing:4px;color:var(--amber);margin-bottom:16px}.story-complete-card p{color:var(--text-secondary);font-family:var(--font-narrative);font-size:16px;line-height:1.6;margin-bottom:8px}.complete-sub{font-size:13px;color:var(--text-muted);margin-bottom:24px}.rest-btn{background:none;border:1px solid var(--border-dim);color:var(--text-muted);font-family:var(--font-display);font-size:11px;letter-spacing:1px;padding:5px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.rest-btn:hover:not(:disabled){border-color:#4caf50;color:#4caf50}.rest-btn:disabled{opacity:.3;cursor:not-allowed}.coop-lobby{padding:32px 24px;max-width:1100px;margin:0 auto;width:100%}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.lobby-title{font-family:var(--font-display);font-size:24px;font-weight:900;letter-spacing:4px;color:var(--amber)}.coop-loading,.coop-error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-family:var(--font-display);letter-spacing:2px;color:var(--text-muted)}.create-panel{background:var(--bg-panel);border:1px solid var(--border-holo);border-radius:var(--radius-lg);padding:28px;margin-bottom:32px;box-shadow:var(--shadow-holo)}.panel-title{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:3px;color:var(--holo-blue);margin-bottom:20px}.create-form{display:flex;flex-direction:column;gap:4px;max-width:480px}.story-section{margin-bottom:36px}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.story-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-md);padding:20px;transition:var(--transition);position:relative}.story-card:hover{border-color:var(--border-holo)}.story-card.my-turn{border-color:var(--amber-dim);box-shadow:var(--shadow-amber)}.story-card.open-invite{border-color:var(--holo-blue-dim)}.story-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.story-name{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:1px;color:var(--amber)}.story-status{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:1px}.story-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-bottom:12px}.story-chars{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.story-char-badge{background:var(--bg-input);border:1px solid var(--border-dim);border-radius:var(--radius-sm);padding:4px 10px;display:flex;flex-direction:column;align-items:center;gap:1px}.char-badge-name{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--amber);letter-spacing:1px}.char-badge-info{font-size:10px;color:var(--text-muted)}.story-actions{display:flex;gap:8px;flex-wrap:wrap}.join-panel{display:flex;flex-direction:column;gap:8px}.join-btns{display:flex;gap:8px}.empty-coop{text-align:center;padding:80px 24px;color:var(--text-muted)}.empty-coop .empty-icon{font-size:64px;display:block;margin-bottom:16px;opacity:.3}.empty-coop p{font-family:var(--font-display);font-size:15px;letter-spacing:2px;margin-bottom:8px}.empty-coop .empty-sub{font-size:12px;margin-bottom:24px}.coop-game{display:flex;flex-direction:column;height:calc(100vh - 56px);overflow:hidden}.coop-game-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:var(--bg-deep);border-bottom:1px solid var(--border-dim);flex-shrink:0}.coop-title-block{text-align:center}.coop-story-title{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:3px;color:var(--amber)}.turn-indicator{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:2px;padding:3px 10px;border-radius:2px;margin-top:4px;display:inline-block}.my-turn-badge{background:#4caf5026;border:1px solid #4caf50;color:#4caf50;animation:pulse-glow 1.5s ease-in-out infinite}.their-turn-badge{background:var(--bg-hover);border:1px solid var(--border-dim);color:var(--text-muted)}.coop-game-body{display:grid;grid-template-columns:240px 1fr 240px;flex:1;overflow:hidden}.coop-sidebar{background:var(--bg-deep);border-right:1px solid var(--border-dim);padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.coop-sidebar:last-child{border-right:none;border-left:1px solid var(--border-dim)}.coop-sidebar::-webkit-scrollbar{width:3px}.coop-sidebar::-webkit-scrollbar-thumb{background:var(--amber-dim)}.coop-sidebar-label{font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:3px;color:var(--text-muted);text-align:center;padding-bottom:6px;border-bottom:1px solid var(--border-dim)}.coop-main{display:flex;flex-direction:column;overflow:hidden}.context-banner{background:var(--bg-input);border-bottom:1px solid var(--border-dim);padding:10px 16px;flex-shrink:0}.context-label{font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:3px;color:var(--holo-blue);display:block;margin-bottom:4px}.context-text{font-size:12px;color:var(--text-secondary);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.coop-narrative{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.coop-narrative::-webkit-scrollbar{width:4px}.coop-narrative::-webkit-scrollbar-thumb{background:var(--amber-dim);border-radius:2px}.narrative-line{font-family:var(--font-narrative);font-size:16px;line-height:1.75;color:var(--text-primary)}.narrative-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:10px;color:var(--text-muted);font-family:var(--font-display);letter-spacing:2px;font-size:13px;text-align:center}.coop-input-area{border-top:1px solid var(--border-dim);padding:14px 16px;background:var(--bg-deep);flex-shrink:0}.coop-input-area.locked{opacity:.5;pointer-events:none}.waiting-panel{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;color:var(--text-muted);font-family:var(--font-display);font-size:13px;letter-spacing:1px;text-align:center}.waiting-pulse{width:10px;height:10px;border-radius:50%;background:var(--amber);animation:pulse-glow 1s ease-in-out infinite}.waiting-sub{font-size:11px;color:var(--text-muted)}.partner-waiting{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;color:var(--text-muted);font-size:12px;text-align:center;font-family:var(--font-display);letter-spacing:1px}.partner-avatar{width:48px;height:48px;border:1px dashed var(--border-dim);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-muted)}.coop-xp{top:70px}.text-amber{color:var(--amber)}.text-holo{color:var(--holo-blue)}.text-muted{color:var(--text-muted)}.text-light{color:var(--light-cyan)}.text-dark{color:var(--dark-red)}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-16{gap:16px}@media (max-width: 900px){.game-screen{grid-template-columns:220px 1fr}.coop-game-body{grid-template-columns:180px 1fr}.coop-game-body .coop-sidebar:last-child{display:none}}@media (max-width: 640px){.game-screen{grid-template-columns:1fr}.game-sidebar{display:none}.char-grid,.coop-game-body{grid-template-columns:1fr}.coop-sidebar{display:none}.length-cards,.create-grid-2{grid-template-columns:1fr}}.suggestion-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;animation:chips-in .4s ease}@keyframes chips-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.suggestion-chip{background:var(--holo-glow);border:1px solid var(--border-holo);color:var(--holo-blue);font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.5px;padding:7px 14px;border-radius:16px;cursor:pointer;transition:var(--transition);text-align:left}.suggestion-chip:hover{background:#3dcfef33;border-color:var(--holo-blue);box-shadow:0 0 12px #3dcfef4d;transform:translateY(-1px)}.suggestion-chip:active{transform:translateY(0)}.dice-container{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-md);margin:4px 0;max-width:420px}.dice-d20{width:56px;height:56px;flex-shrink:0;background:linear-gradient(135deg,var(--bg-hover),var(--bg-panel));border:2px solid var(--amber-dim);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;position:relative}.dice-number{font-family:var(--font-display);font-size:22px;font-weight:900;color:var(--amber)}.rolling .dice-d20{animation:dice-tumble .16s linear infinite;border-color:var(--holo-blue)}.rolling .dice-number{color:var(--holo-blue)}@keyframes dice-tumble{0%{transform:rotate(-8deg) scale(1)}25%{transform:rotate(4deg) scale(1.06)}50%{transform:rotate(8deg) scale(.97)}75%{transform:rotate(-4deg) scale(1.04)}to{transform:rotate(-8deg) scale(1)}}.landed .dice-d20{animation:dice-land .35s cubic-bezier(.2,2.2,.4,1)}@keyframes dice-land{0%{transform:scale(1.5)}to{transform:scale(1)}}.landed.success .dice-d20{border-color:#4caf50;box-shadow:0 0 14px #4caf5066}.landed.success .dice-number{color:#4caf50}.landed.fail .dice-d20{border-color:var(--dark-red);box-shadow:0 0 14px #ef535066}.landed.fail .dice-number{color:var(--dark-red)}.landed.crit-success .dice-d20{border-color:gold;box-shadow:0 0 24px #ffd70099;animation:dice-land .35s cubic-bezier(.2,2.2,.4,1),crit-pulse 1.2s ease-in-out .4s 2}.landed.crit-success .dice-number{color:gold}.landed.crit-fail .dice-d20{border-color:#ff5722;box-shadow:0 0 24px #ff572299;animation:dice-land .35s cubic-bezier(.2,2.2,.4,1),crit-shake .5s ease .4s}.landed.crit-fail .dice-number{color:#ff5722}@keyframes crit-pulse{0%,to{box-shadow:0 0 24px #ffd70099}50%{box-shadow:0 0 40px #ffd700e6}}@keyframes crit-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.dice-info{display:flex;flex-direction:column;gap:3px}.dice-label{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:2px}.rolling .dice-label{color:var(--holo-blue);animation:pulse-text .5s ease-in-out infinite}.landed.success .dice-label{color:#4caf50}.landed.fail .dice-label{color:var(--dark-red)}.landed.crit-success .dice-label{color:gold}.landed.crit-fail .dice-label{color:#ff5722}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.dice-math{font-size:11px;color:var(--text-muted);font-family:var(--font-body)}.dice-math strong{color:var(--text-primary);font-size:13px}.typewriter-cursor{display:inline-block;color:var(--amber);animation:cursor-blink .7s step-end infinite;margin-left:1px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.recap-banner{background:linear-gradient(135deg,var(--bg-panel),var(--bg-card));border:1px solid var(--amber-dim);border-left:3px solid var(--amber);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:8px;animation:chips-in .5s ease}.recap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.recap-title{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:3px;color:var(--amber)}.recap-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 6px}.recap-close:hover{color:var(--amber)}.recap-text{font-family:var(--font-narrative);font-size:14px;font-style:italic;line-height:1.7;color:var(--text-secondary)}.item-toast{position:fixed;bottom:120px;right:24px;background:var(--bg-panel);border:1px solid var(--border-amber);border-radius:var(--radius-md);padding:12px 18px;z-index:250;box-shadow:var(--shadow-amber),var(--shadow-card);animation:toast-in .3s ease;display:flex;flex-direction:column;gap:4px}.item-toast-line{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:1px}.item-toast-line.gained{color:#4caf50}.item-toast-line.lost{color:var(--dark-red)}.inventory-list{display:flex;flex-direction:column;gap:3px}.inventory-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-secondary);padding:4px 8px;background:var(--bg-input);border-radius:var(--radius-sm);cursor:help}.inventory-icon{color:var(--amber-dim);font-size:10px}.inventory-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.npc-list{display:flex;flex-direction:column;gap:3px}.npc-item{display:flex;flex-direction:column;padding:5px 8px;background:var(--bg-input);border-radius:var(--radius-sm);border-left:2px solid var(--text-muted)}.npc-item.npc-friendly{border-left-color:#4caf50}.npc-item.npc-hostile{border-left-color:var(--dark-red)}.npc-item.npc-neutral{border-left-color:var(--neutral-gray)}.npc-item.npc-unknown{border-left-color:var(--sith-purple)}.npc-name{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--text-primary)}.npc-role{font-size:10px;color:var(--text-muted)}.combat-banner{background:linear-gradient(135deg,rgba(239,83,80,.12),var(--bg-deep));border-bottom:1px solid rgba(239,83,80,.4);padding:10px 20px;flex-shrink:0;animation:combat-flash .6s ease}@keyframes combat-flash{0%{background:#ef535066}to{background:linear-gradient(135deg,rgba(239,83,80,.12),var(--bg-deep))}}.combat-banner-top{display:flex;align-items:center;gap:12px;margin-bottom:6px}.combat-label{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:3px;color:var(--dark-red);background:#ef535026;border:1px solid rgba(239,83,80,.4);padding:2px 8px;border-radius:2px;animation:pulse-text 1.2s ease-in-out infinite}.combat-enemy-name{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:1px;color:var(--text-primary);flex:1}.combat-enemy-hp{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--dark-red)}.combat-hp-track{height:8px;background:var(--bg-void);border-radius:4px;overflow:hidden;border:1px solid rgba(239,83,80,.2)}.combat-hp-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #ef535080}.combat-enemy-desc{font-size:11px;color:var(--text-muted);font-style:italic;margin-top:4px}.combat-actions{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap;animation:chips-in .4s ease}.combat-btn{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:1.5px;padding:10px 18px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:1px solid}.combat-btn:disabled{opacity:.4;cursor:not-allowed}.combat-btn.attack{background:#ef53501f;border-color:var(--dark-red);color:#ff8a80}.combat-btn.attack:hover:not(:disabled){background:#ef535040;box-shadow:0 0 14px #ef535066}.combat-btn.defend{background:#4fc3f71a;border-color:var(--light-cyan);color:var(--light-cyan)}.combat-btn.defend:hover:not(:disabled){background:#4fc3f733;box-shadow:0 0 14px #4fc3f74d}.combat-btn.ability{background:#9c27b01f;border-color:#ce93d8;color:#ce93d8}.combat-btn.ability:hover:not(:disabled){background:#9c27b040;box-shadow:0 0 14px #9c27b059}.combat-btn.flee{background:var(--bg-input);border-color:var(--border-dim);color:var(--text-muted)}.combat-btn.flee:hover:not(:disabled){border-color:var(--amber-dim);color:var(--amber)}.ability-dropdown-wrap{position:relative}.ability-dropdown{position:absolute;bottom:calc(100% + 6px);left:0;background:var(--bg-panel);border:1px solid #ce93d8;border-radius:var(--radius-md);box-shadow:0 0 20px #9c27b04d,var(--shadow-card);min-width:220px;max-height:240px;overflow-y:auto;z-index:50;animation:chips-in .2s ease}.ability-dropdown-item{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;border-bottom:1px solid var(--border-dim);color:var(--text-primary);font-family:var(--font-display);font-size:13px;letter-spacing:.5px;padding:10px 14px;cursor:pointer;transition:var(--transition);text-align:left}.ability-dropdown-item:last-child{border-bottom:none}.ability-dropdown-item:hover{background:#9c27b026;color:#ce93d8}.ability-dropdown-fp{font-size:10px;color:var(--sith-purple);background:#9c27b026;padding:1px 6px;border-radius:2px}.defeat-overlay{background:#0a0000eb;animation:defeat-fade .8s ease}@keyframes defeat-fade{0%{background:#78000099}to{background:#0a0000eb}}.defeat-card{background:var(--bg-panel);border:1px solid var(--dark-red);border-radius:var(--radius-lg);padding:44px;text-align:center;max-width:440px;width:100%;box-shadow:0 0 40px #ef53504d,var(--shadow-card);animation:modal-in .5s ease}.defeat-icon{font-size:56px;margin-bottom:16px;filter:drop-shadow(0 0 12px rgba(239,83,80,.6))}.defeat-title{font-family:var(--font-display);font-size:28px;font-weight:900;letter-spacing:8px;color:var(--dark-red);text-shadow:0 0 20px rgba(239,83,80,.5);margin-bottom:14px}.defeat-text{font-family:var(--font-narrative);font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.defeat-losses{background:var(--bg-input);border:1px solid rgba(239,83,80,.25);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:20px}.defeat-losses-label{font-family:var(--font-display);font-size:10px;letter-spacing:3px;color:var(--text-muted);margin-bottom:6px}.defeat-loss-item{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--dark-red);letter-spacing:1px}.defeat-hp{font-size:12px;color:var(--text-muted);margin-bottom:24px}.nav-username-btn{background:none;border:1px solid transparent;color:var(--holo-blue);font-family:var(--font-display);font-size:13px;letter-spacing:1px;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.nav-username-btn:hover{border-color:var(--border-holo);background:var(--holo-glow)}.nav-gear{font-size:11px;opacity:.6}.settings-modal{background:var(--bg-panel);border:1px solid var(--border-holo);border-radius:var(--radius-lg);padding:32px;max-width:460px;width:100%;box-shadow:var(--shadow-holo),var(--shadow-card);animation:modal-in .25s ease}.settings-title{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:4px;color:var(--holo-blue);margin-bottom:8px}.settings-user{font-size:13px;color:var(--text-secondary);margin-bottom:24px}.settings-user strong{color:var(--amber)}.settings-hint{font-size:11px;color:var(--text-muted);line-height:1.5;margin-top:6px}.settings-error{background:#ef53501a;border:1px solid var(--dark-red);color:#ff8a80;font-size:12px;padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:16px}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.theme-card{background:var(--bg-input);border:1px solid var(--border-dim);border-radius:var(--radius-md);padding:24px 18px;cursor:pointer;transition:var(--transition);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.theme-card:hover{border-color:var(--border-amber);background:var(--bg-hover);transform:translateY(-2px)}.theme-card.active{border-color:var(--amber);background:var(--amber-glow);box-shadow:var(--shadow-amber)}.theme-emblem{font-size:40px;filter:drop-shadow(0 0 8px var(--amber-glow))}.theme-name{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:1.5px;color:var(--text-primary)}.theme-card.active .theme-name{color:var(--amber)}.theme-tagline{font-size:11px;color:var(--text-muted);line-height:1.5}.step-theme-badge{font-family:var(--font-display);font-size:11px;letter-spacing:1.5px;color:var(--holo-blue);background:var(--holo-glow);border:1px solid var(--border-holo);padding:3px 10px;border-radius:12px;display:inline-block;margin-top:6px}.delete-confirm-box{background:#ef53500f;border:1px solid rgba(239,83,80,.3);border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.delete-warning{font-size:13px;color:#ff8a80;line-height:1.5}.admin-panel{background:var(--bg-input);border:1px solid var(--amber-dim);border-radius:var(--radius-md);padding:14px;margin-bottom:16px}.admin-panel-title{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:3px;color:var(--amber);margin-bottom:12px}.admin-sub-label{font-family:var(--font-display);font-size:9px;letter-spacing:2px;color:var(--text-muted);margin-bottom:6px;margin-top:10px}.admin-clear{font-size:12px;color:#4caf50;font-family:var(--font-display);letter-spacing:1px;margin-bottom:8px}.admin-locked-list{margin-bottom:8px}.admin-locked-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--border-dim);font-size:11px}.admin-ip{color:var(--dark-red);font-family:var(--font-body);flex:1}.admin-attempts{color:var(--text-muted);font-size:10px}.admin-user-list{margin-top:8px}.admin-user-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--border-dim);font-size:12px}.admin-username{font-family:var(--font-display);color:var(--text-primary);flex:1;letter-spacing:.5px}.admin-charcount{font-size:10px;color:var(--text-muted)}.admin-btn{background:var(--bg-panel);border:1px solid var(--border-dim);color:var(--holo-blue);font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.admin-btn:hover{border-color:var(--holo-blue)}.admin-btn.admin-btn-danger{color:var(--dark-red)}.admin-btn.admin-btn-danger:hover{border-color:var(--dark-red)}.admin-btn-full{width:100%;background:none;border:1px solid var(--border-dim);color:var(--text-muted);font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:1px;padding:7px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);margin-top:8px}.admin-btn-full:hover{border-color:var(--amber-dim);color:var(--amber)}.admin-msg{font-size:11px;color:#4caf50;font-family:var(--font-display);letter-spacing:1px;margin-top:8px;padding:6px 8px;background:#4caf5014;border-radius:var(--radius-sm)}.admin-msg:empty{display:none}.admin-setup{padding:12px;background:var(--bg-input);border-radius:var(--radius-md)}.admin-setup-title{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:2px;color:var(--amber);margin-bottom:6px}.admin-setup-reason{font-size:11px;color:var(--dark-red);margin-bottom:12px;font-family:var(--font-body)}.admin-setup-steps{font-size:12px;color:var(--text-secondary);line-height:1.6}.admin-setup-steps p{margin-bottom:6px}.admin-setup-steps ol{padding-left:20px;display:flex;flex-direction:column;gap:4px}.admin-setup-steps code{background:var(--bg-panel);border:1px solid var(--border-dim);padding:1px 6px;border-radius:3px;font-family:var(--font-body);font-size:11px;color:var(--holo-blue)}