:root{color:#f5f7ff;background:#080b14;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-synthesis:none}*{box-sizing:border-box}body{min-width:960px;min-height:100vh;margin:0;background:radial-gradient(circle at 15% 0%,rgba(70,55,170,.2),transparent 36rem),linear-gradient(#080b14,#0d1220)}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(1440px,100%);margin:0 auto;padding:26px 30px 50px}.topbar,.panel-heading,.copy-row,.connection,.arena-state,.obs-settings,.demo-actions{display:flex;align-items:center}.topbar{justify-content:space-between;margin-bottom:22px}h1,h2,p{margin:0}h1{color:#fff;font-size:clamp(30px,4vw,54px);letter-spacing:-.07em;line-height:.9;text-shadow:4px 4px 0 #4b34a7}h2{margin-top:4px;font-size:20px;letter-spacing:-.04em}.eyebrow,.section-index{color:#8a91a8;font-size:11px;letter-spacing:.12em}.connection{gap:9px;padding:10px 13px;border:1px solid #313951;background:#101625;color:#aeb6cf;font-size:12px}.connection-dot{width:8px;height:8px;background:#ffcc35;box-shadow:0 0 12px #ffcc35}.connection.online .connection-dot{background:#4cff91;box-shadow:0 0 12px #4cff91}.connection.offline .connection-dot{background:#ff496d;box-shadow:0 0 12px #ff496d}.panel{border:1px solid #293149;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 35%),#101522;box-shadow:7px 7px #00000042}.preview-panel{padding:18px}.panel-heading{justify-content:space-between;margin-bottom:15px}.panel-heading.compact{margin-bottom:18px}.arena-state{gap:18px;color:#8992aa;font-size:12px}.mode-badge{padding:6px 9px;background:#24334c;color:#9be9ff}.mode-badge.raid{background:#4f1d36;color:#ff8cad}.preview-frame{overflow:hidden;aspect-ratio:16 / 9;border:1px solid #313a52;background:#090c16}.preview-frame iframe{width:100%;height:100%;border:0;pointer-events:none}.dashboard-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;margin-top:18px}.dashboard-grid>.panel{padding:20px}.donation-panel{grid-row:span 2}form{display:grid;gap:14px;margin-top:22px}label{display:grid;gap:7px;color:#909ab4;font-size:11px;letter-spacing:.06em;text-transform:uppercase}input{min-width:0;padding:12px;border:1px solid #37405a;outline:none;background:#080c16;color:#fff}input:focus{border-color:#8f7bff;box-shadow:0 0 0 2px #8f7bff29}.primary-button,.quick-actions button,.demo-actions button,.overlay-presets button,.copy-row button{min-height:42px;border:1px solid #5143a7;background:#251d50;color:#e8e4ff}.primary-button{margin-top:3px;background:#7c5cff;color:#fff;font-weight:800;box-shadow:4px 4px #352a74}.primary-button:hover{background:#9279ff}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.demo-actions{gap:8px;margin-top:18px}.demo-actions button{flex:1}.danger-button{border-color:#663045!important;background:#321421!important;color:#ff9ab5!important}.form-message{min-height:18px;margin-top:12px;color:#62efa2;font-size:12px}.form-message.error{color:#ff6f8d}.leaderboard{display:grid;max-height:260px;margin:0;padding:0;overflow:auto;list-style:none;counter-reset:rank}.leaderboard li{display:grid;grid-template-columns:42px 1fr auto;align-items:center;min-height:52px;border-top:1px solid #242b40;counter-increment:rank}.leaderboard li:before{content:counter(rank,decimal-leading-zero);color:#636d88;font-size:12px}.leaderboard .fighter-name{color:#edf0ff;font-weight:700}.leaderboard .fighter-meta{display:block;margin-top:3px;color:#707b98;font-size:10px}.leaderboard .fighter-hp{color:#75efa8}.leaderboard li.boss .fighter-name{color:#ffd859}.leaderboard li.candidate .fighter-name{color:#ff8cc0}.leaderboard li.dead{opacity:.38}.leaderboard .empty-state{display:block;padding:18px 0;color:#6c7590}.leaderboard .empty-state:before{content:none}.copy-row{gap:8px}.overlay-config{display:grid;gap:14px;margin:20px 0;padding:16px;border:1px solid #293149;background:#0b101c}.range-control{display:grid;gap:8px}.range-heading{display:flex;align-items:center;justify-content:space-between}.range-heading label{display:block}.range-heading output{color:#bcb2ff;font-size:12px;font-weight:800}.range-control input[type=range]{width:100%;height:22px;padding:0;border:0;accent-color:#8f7bff;background:transparent}.overlay-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.overlay-presets button{min-height:36px;padding:5px 7px;font-size:10px}.overlay-config-hint{color:#737e9c;font-size:10px;line-height:1.5}.copy-row input{flex:1;text-transform:none}.copy-row button{padding:0 16px}.obs-settings{flex-wrap:wrap;gap:8px;margin-top:16px}.obs-settings span{padding:6px 8px;background:#181f30;color:#8e98b3;font-size:10px}.login-shell{max-width:560px;padding-top:12vh}.login-panel p{color:#aeb7cb;line-height:1.6}.login-panel form{display:grid;gap:18px;margin:24px 0}.cloud-account{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px;padding:16px 18px}.cloud-account[hidden]{display:none}.cloud-account p{color:#aeb7cb;margin:6px 0 0}
