:root{color-scheme:light;--blue: #409eff;--blue-dark: #337ecc;--blue-soft: #ecf5ff;--blue-border: #a0cfff;--surface: #ffffff;--page: #f4f8fc;--line: #dcdfe6;--text: #303133;--muted: #909399;--success: #42b883;--danger: #f56c6c;--gold: #e6a23c;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--page);color:var(--text);font-size:14px}button,input{height:40px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);font:inherit}input{padding:0 12px;outline:none;transition:border-color .15s}input:focus{border-color:var(--blue)}button{border-color:var(--blue);padding:0 18px;background:var(--blue);color:#fff;cursor:pointer;font-weight:600}button:hover{background:var(--blue-dark)}.radar-app{width:min(100%,1120px);height:100%;height:100dvh;margin:auto;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.radar-toolbar{min-width:0;display:flex;align-items:center;gap:14px;margin-bottom:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.brand{display:flex;align-items:center;gap:9px;color:#1f2d3d;font-size:20px;font-weight:700;white-space:nowrap}.brand-mark{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:6px;background:var(--blue);color:#fff;font-weight:800}.room-controls{min-width:0;margin-left:auto;display:flex;gap:8px}.room-controls input{width:210px}.status-badge{display:inline-flex;align-items:center;gap:7px;color:var(--muted);white-space:nowrap}.status-badge i{width:8px;height:8px;border-radius:50%;background:#c0c4cc}.status-badge.online{color:#27825f}.status-badge.online i{background:var(--success)}.status-badge.waiting{color:#a86d18}.status-badge.waiting i{background:var(--gold)}.status-badge.offline{color:var(--muted)}.stage-slot{min-width:0;min-height:0;width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.stage{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--blue-border);border-radius:8px;background:#dceafa}.map{position:absolute;inset:0;background-image:url(https://camp.qq.com/h5/webdist/battle-replay/static/media/battle-replay-map.6ac9ce17d57a4b0c3527.jpg),url(https://camp.qq.com/meta-data/heros/battle-replay-map.jpg);background-position:center;background-size:cover;transition:transform .2s}.shade{position:absolute;inset:0;background:#eaf4ff24;pointer-events:none}.entities{position:absolute;inset:0}.hero-marker,.monster-marker{position:absolute;translate:-50% -50%;will-change:left,top;transition:left 34ms linear,top 34ms linear}.hero-marker{width:var(--hero-size);height:var(--hero-size);z-index:3}.hero-marker.self{width:var(--self-size);height:var(--self-size);z-index:5}.hero-marker.self .health-ring{outline:3px solid #fff}.health-ring{width:100%;height:100%;padding:3px;border-radius:50%;background:conic-gradient(var(--team) calc(var(--hp) * 1turn),#d7dde5 0)}.health-ring img{width:100%;height:100%;display:block;border:2px solid #fff;border-radius:50%;object-fit:cover;background:var(--blue-soft)}.health-ring img.failed{visibility:hidden}.marker-label{position:absolute;left:50%;top:100%;translate:-50% 3px;padding:2px 5px;border:1px solid #d9ecff;border-radius:4px;background:#fff;color:#303133;font-size:var(--entity-font);white-space:nowrap}.camp-tag{position:absolute;right:-5px;top:-5px;z-index:2;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid #fff;border-radius:9px;color:#fff;font-size:10px;line-height:14px}.hero-marker.self .camp-tag{background:var(--success)}.hero-marker.ally .camp-tag{background:var(--blue)}.hero-marker.enemy .camp-tag{background:var(--danger)}.team-legend{position:absolute;left:10px;top:10px;z-index:7;display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:6px;background:#fffffff0;color:#606266;font-size:11px}.team-legend span{display:inline-flex;align-items:center;gap:4px;padding:2px 4px}.team-legend i{width:8px;height:8px;border-radius:50%}.team-legend .self i{background:var(--success)}.team-legend .ally i{background:var(--blue)}.team-legend .enemy i{background:var(--danger)}.monster-marker{width:var(--monster-size);height:var(--monster-size);z-index:2;display:grid;place-items:center;border:2px solid var(--gold);border-radius:50%;background:#fff;color:#9b6518;font-size:var(--entity-font);font-weight:700}.monster-marker.dragon{width:var(--dragon-size);height:var(--dragon-size);border-color:#a86ee6;color:#7f42bd}.monster-marker.buff{border-color:var(--blue);color:var(--blue-dark)}.monster-marker.dead{opacity:.62}.cooldown{position:absolute;top:100%;left:50%;translate:-50% 3px;padding:1px 5px;border-radius:4px;background:#fff;color:var(--text);font-size:var(--cd-font);white-space:nowrap}.empty{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:#f4f9ffdf;color:var(--muted);text-align:center}.empty b{display:block;margin-bottom:5px;color:var(--blue-dark);font-size:18px}.radar-stats{min-height:38px;margin-top:8px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted)}.radar-stats div{display:flex;align-items:center;gap:7px}.radar-stats strong{margin-right:9px;color:var(--blue-dark);font-weight:700}.admin-shell{height:100%;overflow:auto;padding:24px}.panel{width:min(100%,1120px);margin:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.login-panel{width:min(100%,420px);margin-top:8vh;padding:28px}.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.panel-heading h1,.admin-toolbar h1{margin:0;color:#1f2d3d;font-size:22px}.panel-heading p,.admin-toolbar p{margin:3px 0 0;color:var(--muted)}.form-grid{display:grid;gap:16px}.form-grid label{display:grid;gap:7px;color:#606266;font-size:13px}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px}.captcha-row img{width:150px;height:40px;border:1px solid var(--line);border-radius:6px;object-fit:cover;cursor:pointer}.form-error{margin:12px 0 0;color:var(--danger)}.admin-panel{padding:20px}.admin-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.admin-toolbar>div:first-child{margin-right:auto}.admin-summary{display:flex;align-items:center;gap:8px}.admin-summary span{padding:8px 11px;border-radius:6px;background:var(--blue-soft);color:#606266}.admin-summary strong{color:var(--blue-dark);font-size:17px}.button-quiet{border-color:var(--line);background:#fff;color:#606266}.button-quiet:hover{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-dark)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:6px}table{width:100%;min-width:780px;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid #ebeef5;text-align:left}th{position:sticky;top:0;background:#f5f7fa;color:#909399;font-size:12px;font-weight:600}tbody tr:hover{background:#f5faff}tbody tr:last-child td{border-bottom:0}.room-id{color:var(--blue-dark);font:700 16px ui-monospace,monospace}.table-action{padding:5px 10px;border-radius:5px;background:var(--blue-soft);color:var(--blue-dark);font-weight:600;text-decoration:none}.empty-table{padding:42px;color:var(--muted);text-align:center}@media(max-width:680px){.radar-toolbar{flex-wrap:wrap;gap:8px}.brand{font-size:17px}.status-badge{margin-left:auto}.room-controls{width:100%;margin-left:0}.room-controls input{width:0;min-width:0;flex:1}.radar-stats{font-size:11px}.admin-shell{padding:10px}.admin-panel,.login-panel{padding:14px}.admin-toolbar{align-items:flex-start;flex-wrap:wrap}.admin-toolbar>div:first-child{width:100%}.admin-summary{flex:1;flex-wrap:wrap}.captcha-row{grid-template-columns:minmax(0,1fr) 128px}.captcha-row img{width:128px}}@media(max-height:560px){.radar-toolbar{padding:5px 8px;margin-bottom:5px}.brand-mark{width:26px;height:26px}button,input{height:34px}.radar-stats{min-height:30px;margin-top:5px}}