:root{--bg: #0f1117;--bg-card: #1a1d27;--bg-input: #252830;--border: #2e3140;--text: #e1e4eb;--text-dim: #8b8fa3;--primary: #6c5ce7;--primary-hover: #7f71ef;--danger: #e74c3c;--success: #2ecc71;--warning: #f39c12}[data-theme=light]{--bg: #f5f6fa;--bg-card: #ffffff;--bg-input: #e8e9ed;--border: #d1d3db;--text: #1a1d27;--text-dim: #6b7080;--primary: #6c5ce7;--primary-hover: #5a4bd6;--danger: #e74c3c;--success: #27ae60;--warning: #e67e22}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger:hover{background:#c0392b}.btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--primary)}input,textarea,select{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 14px;font-size:.95rem;width:100%;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:var(--primary)}textarea{resize:vertical;font-family:Consolas,Fira Code,monospace;line-height:1.5}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px}.error-msg{color:var(--danger);font-size:.85rem;margin-top:4px}.success-msg{color:var(--success);font-size:.85rem;margin-top:4px}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-nav{background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:60px}.app-nav .logo{font-size:1.3rem;font-weight:700;color:var(--primary)}.app-nav .nav-links{display:flex;gap:24px;align-items:center}.app-nav .nav-links a{color:var(--text-dim);font-size:.9rem;font-weight:500}.app-nav .nav-links a:hover,.app-nav .nav-links a.active{color:var(--text)}.app-main{flex:1;max-width:1000px;width:100%;margin:0 auto;padding:32px 24px}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px}.auth-card{width:100%;max-width:420px}.auth-card h1{text-align:center;margin-bottom:8px}.auth-card .subtitle{text-align:center;color:var(--text-dim);margin-bottom:24px}.auth-card .form-group{margin-bottom:16px}.auth-card label{display:block;font-size:.85rem;color:var(--text-dim);margin-bottom:6px}.auth-card button{width:100%;margin-top:8px}.auth-card .auth-footer{text-align:center;margin-top:16px;font-size:.9rem;color:var(--text-dim)}.bot-list{display:grid;gap:16px}.bot-item{display:flex;justify-content:space-between;align-items:center}.bot-item-info h3{margin-bottom:4px}.bot-item-info p{color:var(--text-dim);font-size:.85rem;font-family:Consolas,monospace}.bot-actions{display:flex;gap:8px}.battle-setup{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.battle-ticker{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px 24px}.ticker-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.ticker-tick{margin-right:auto}.ticker-outcome{font-weight:700;font-size:.9rem;letter-spacing:0;text-transform:none}.ticker-arena{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.ticker-bot{flex:1;min-width:0}.ticker-vs{font-size:1.3rem;font-weight:800;color:var(--text-dim);padding-top:12px;flex-shrink:0}.ticker-bot-name{font-weight:700;font-size:.85rem;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-bar-wrap{position:relative;height:22px;background:var(--bg-input);border-radius:6px;margin-bottom:4px;overflow:hidden}.ticker-bar{height:100%;border-radius:6px;transition:width .5s ease,background .5s ease}.ticker-bar-label{position:absolute;top:2px;left:8px;font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.ticker-action-row{display:flex;align-items:center;gap:6px;min-height:24px;margin-top:4px}.ticker-action{font-size:.8rem;font-weight:700;color:var(--primary)}.ticker-action.pop{animation:popIn .3s ease}.ticker-delta{font-size:.75rem;font-weight:700;animation:popIn .3s ease}.ticker-controls{display:flex;gap:8px;flex-wrap:wrap}.btn-sm{padding:4px 12px!important;font-size:.8rem!important}.ticker-log{margin-top:12px;max-height:400px;overflow-y:auto;border-radius:8px}.ticker-current-row{background:#6366f126!important}@media (max-width: 500px){.ticker-arena{flex-direction:column;align-items:stretch;gap:8px}.ticker-vs{text-align:center;padding:4px 0;font-size:1rem}}.battle-viewer{background:var(--bg);border-radius:8px;overflow:hidden;max-height:500px;overflow-y:auto}.battle-table{width:100%;border-collapse:collapse;font-size:.85rem;font-family:Consolas,Fira Code,monospace}.battle-table thead{position:sticky;top:0;background:var(--bg-input);z-index:1}.battle-table th{padding:8px 10px;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);text-align:left}.battle-table td{padding:5px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.bt-tick{width:48px;text-align:center;color:var(--text-dim);font-weight:700}.bt-action{white-space:nowrap;font-weight:600}.bt-hp{width:100px}.bt-sep{width:28px;text-align:center;color:var(--text-dim);font-size:.7rem}.action-attack{color:#e74c3c}.action-defend{color:#3498db}.action-heal{color:#2ecc71}.hp-delta{margin-left:6px;font-size:.75rem;font-weight:700}.hp-gain{color:var(--success)}.hp-loss{color:var(--danger)}.hp-bar-wrap{position:relative;height:16px;background:#ffffff0f;border-radius:3px;overflow:hidden}.hp-bar-fill{height:100%;border-radius:3px;transition:width .2s ease}.hp-val{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:700;line-height:16px;text-shadow:0 0 4px rgba(0,0,0,.8)}.export-buttons{display:flex;gap:8px;margin-top:10px}.export-buttons button{padding:4px 12px;font-size:.8rem}.tick-log{font-family:Consolas,monospace;font-size:.85rem;max-height:400px;overflow-y:auto;padding:16px;background:var(--bg);border-radius:8px;line-height:1.8}.tick-line{padding:2px 0;border-bottom:1px solid var(--border)}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.leaderboard-table th{color:var(--text-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.leaderboard-table tr:hover{background:var(--bg-input)}.account-section{margin-bottom:32px}.account-section h2{margin-bottom:16px;font-size:1.1rem}.inline-form{display:flex;gap:12px;align-items:flex-end}.inline-form .form-group{flex:1}.inline-form button{flex-shrink:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{font-size:1.5rem}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.badge-free{background:var(--bg-input);color:var(--text-dim)}.badge-premium{background:#6c5ce733;color:var(--primary)}.remaining-badge{font-size:.85rem;color:var(--text-dim)}.app-footer{border-top:1px solid var(--border);padding:16px 24px;display:flex;justify-content:center;gap:24px;font-size:.85rem}.app-footer a{color:var(--text-dim)}.app-footer a:hover{color:var(--text)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.stat-card.highlight{border-color:var(--warning)}.stat-value{font-size:2rem;font-weight:700;color:var(--primary)}.stat-card.highlight .stat-value{color:var(--warning)}.stat-label{font-size:.85rem;color:var(--text-dim);margin-top:4px}.admin-nav-cards{display:flex;gap:16px;margin-top:16px}.admin-link-card{flex:1;display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;font-weight:600;color:var(--primary);transition:all .2s}.admin-link-card:hover{border-color:var(--primary);transform:translateY(-2px)}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.data-table th{color:var(--text-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table tr:hover{background:var(--bg-input)}.row-inactive{opacity:.5}.actions-cell{display:flex;gap:6px;flex-wrap:wrap}.reason-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-small{padding:4px 10px;font-size:.75rem;border-radius:6px;border:none;cursor:pointer;font-weight:600;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-success{background:var(--success);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-danger{background:var(--danger);color:#fff}.badge-active{background:#2ecc7133;color:var(--success)}.badge-inactive{background:#e74c3c33;color:var(--danger)}.badge-admin{background:#6c5ce733;color:var(--primary)}.badge-user{background:var(--bg-input);color:var(--text-dim)}.badge-open{background:#f39c1233;color:var(--warning)}.badge-resolved{background:#2ecc7133;color:var(--success)}.badge-dismissed{background:var(--bg-input);color:var(--text-dim)}.filter-bar{display:flex;gap:8px;margin-bottom:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;min-width:320px;max-width:480px}.modal h3{margin-bottom:16px}.modal label{display:block;font-size:.85rem;color:var(--text-dim);margin-bottom:4px}.modal .input{width:100%;margin-bottom:12px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.landing{min-height:100vh;background:var(--bg);color:var(--text)}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid var(--border)}.landing-nav .nav-links{display:flex;align-items:center;gap:12px}.btn-ghost{background:none;border:1px solid var(--border);color:var(--text);padding:8px 18px;border-radius:8px;font-weight:600;font-size:.9rem;transition:all .2s;text-decoration:none}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.btn-ghost-lg{background:none;border:1px solid var(--border);color:var(--text);padding:12px 28px;border-radius:10px;font-weight:600;font-size:1rem;transition:all .2s;text-decoration:none;display:inline-block}.btn-ghost-lg:hover{border-color:var(--primary);color:var(--primary)}.btn-cta-small{background:var(--primary);color:#fff;padding:8px 18px;border-radius:8px;font-weight:700;font-size:.9rem;text-decoration:none;transition:background .2s}.btn-cta-small:hover{background:var(--primary-hover)}.btn-cta{background:var(--primary);color:#fff;padding:14px 36px;border-radius:10px;font-weight:700;font-size:1.1rem;text-decoration:none;display:inline-block;transition:all .2s;box-shadow:0 4px 20px #6c5ce759}.btn-cta:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 28px #6c5ce780}.hero{display:flex;align-items:center;gap:48px;padding:64px 48px 80px;max-width:1200px;margin:0 auto}.hero-content{flex:1}.hero-title{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:16px;background:linear-gradient(135deg,var(--primary),#a29bfe,#fd79a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.15rem;color:var(--text-dim);line-height:1.6;margin-bottom:32px;max-width:480px}.hero-ctas{display:flex;gap:16px;align-items:center}.hero-visual{flex:1;display:flex;justify-content:center}.arena-sim{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px 24px;width:100%;max-width:400px;box-shadow:0 8px 32px #0003}.arena-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.arena-live-dot{width:8px;height:8px;background:#e74c3c;border-radius:50%;animation:pulse 1.5s infinite}.arena-live{color:#e74c3c;font-weight:700}.arena-tick{margin-right:auto}.arena-bots{display:flex;align-items:flex-start;gap:12px}.arena-bot{flex:1}.arena-vs{font-size:1.3rem;font-weight:800;color:var(--text-dim);padding-top:12px}.arena-bot-name{font-weight:700;font-size:.85rem;margin-bottom:8px;white-space:nowrap}.arena-bar-wrap{position:relative;height:18px;background:var(--bg-input);border-radius:4px;margin-bottom:4px;overflow:hidden}.arena-bar{height:100%;border-radius:4px;transition:width .8s ease}.arena-bar.hp{background:linear-gradient(90deg,#e74c3c,#2ecc71)}.arena-bar.energy{background:linear-gradient(90deg,#3498db,#6c5ce7)}.arena-bar-label{position:absolute;top:1px;left:6px;font-size:.65rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.arena-action{font-size:.75rem;font-weight:700;color:var(--primary);margin-top:4px;min-height:20px}.arena-action.pop{animation:popIn .3s ease}@keyframes popIn{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.landing-section{padding:64px 48px;max-width:1200px;margin:0 auto}.dark-section{background:var(--bg-card);max-width:100%;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.dark-section .landing-section,.dark-section{padding:64px 48px}.section-title{text-align:center;font-size:1.8rem;font-weight:800;margin-bottom:12px}.section-subtitle{text-align:center;color:var(--text-dim);margin-bottom:32px;font-size:1rem}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:28px 20px;text-align:center;position:relative;transition:all .2s}.step-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px #6c5ce726}.step-icon{font-size:2rem;margin-bottom:8px}.step-num{position:absolute;top:12px;right:14px;font-size:.75rem;font-weight:800;color:var(--primary);background:var(--bg-input);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.step-card h3{font-size:1rem;margin-bottom:6px}.step-card p{font-size:.85rem;color:var(--text-dim);line-height:1.5}.rule-preview{max-width:440px;margin:0 auto;background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.rule-preview-header{background:var(--bg-input);padding:10px 16px;font-size:.8rem;font-weight:700;color:var(--text-dim);border-bottom:1px solid var(--border)}.rule-code{padding:16px 20px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:1.8;color:var(--primary);margin:0}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px;transition:all .2s}.feature-card:hover{border-color:var(--primary);transform:translateY(-2px)}.feature-icon{font-size:1.5rem;display:block;margin-bottom:8px}.feature-card h3{font-size:1rem;margin-bottom:6px}.feature-card p{font-size:.85rem;color:var(--text-dim);line-height:1.5}.top-players{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.top-player{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 24px;display:flex;align-items:center;gap:12px;min-width:180px}.top-rank{font-weight:800;font-size:1.1rem;color:var(--primary)}.top-name{font-weight:600}.top-points{color:var(--text-dim);font-size:.85rem;margin-left:auto}.cta-section{text-align:center;padding:80px 48px}.cta-headline{font-size:2.2rem;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,var(--primary),#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-sub{color:var(--text-dim);font-size:1.05rem;margin-bottom:28px}.landing-footer{border-top:1px solid var(--border);padding:16px 24px;display:flex;justify-content:center;gap:24px;font-size:.85rem}.landing-footer a{color:var(--text-dim);text-decoration:none}.landing-footer a:hover{color:var(--text)}@media (max-width: 768px){.hero{flex-direction:column;padding:40px 20px 48px;gap:32px;text-align:center}.hero-title{font-size:2rem}.hero-subtitle{max-width:100%}.hero-ctas{justify-content:center;flex-wrap:wrap}.steps-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.landing-section{padding:40px 20px}.top-players{flex-direction:column;align-items:center}}