:root{--bg:#0b1020;--panel:#121934;--panel-2:#0f1530;--text:#eef2ff;--muted:#aab4d1;--border:#243050;--accent:#86b7ff;--success:#6fe3a1;--danger:#ff8b8b}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{max-width:1260px;margin:0 auto;padding:24px}.grid,.grid-2{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:1.3fr .7fr}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 14px 30px rgba(0,0,0,.18)}.card h2,.card h3{margin-top:0}.muted{color:var(--muted)}.row,.row-between{display:flex;gap:12px;align-items:center}.row-between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border)}.badge.done,.badge.ready{color:var(--success)}.badge.error{color:var(--danger)}.file-input,.input,.select{width:100%;background:hsla(0,0%,100%,.03);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:12px 14px}.btn{background:#1d4ed8;color:#fff;border:0;border-radius:12px;padding:12px 16px;font-weight:600}.btn.secondary{background:transparent;border:1px solid var(--border)}.btn:disabled{opacity:.6;cursor:not-allowed}.kv{display:grid;grid-template-columns:150px 1fr;grid-gap:8px;gap:8px;font-size:14px}.kv div:nth-child(odd){color:var(--muted)}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:10px 8px;border-bottom:1px solid hsla(0,0%,100%,.06);font-size:14px;vertical-align:top}.player-shell{position:relative;width:100%;background:#000;border-radius:16px;overflow:hidden}.player-video{width:100%;display:block;background:#000}.overlay{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none}.overlay-box{position:absolute;min-width:240px;max-width:420px;background:rgba(5,8,18,.58);color:#f8fbff;padding:14px 16px;border-radius:16px;border:1px solid hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay-box.top-left{left:20px;top:20px}.overlay-box.top-right{right:20px;top:20px}.overlay-box.bottom-left{left:20px;bottom:20px}.overlay-box.bottom-right{right:20px;bottom:20px}.overlay-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#c8d6ff;margin-bottom:10px}.overlay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.overlay-metric .label{font-size:12px;color:#b9c8ff}.overlay-metric .value{font-size:28px;font-weight:700;line-height:1.1}.overlay-meta{margin-top:10px;font-size:13px;color:#dfe8ff}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.stat-box{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.07);border-radius:14px;padding:12px}.stat-box .label{color:var(--muted);font-size:12px}.stat-box .value{font-size:22px;font-weight:700;margin-top:6px}.map-box{height:260px;overflow:auto;white-space:pre-wrap;background:hsla(0,0%,100%,.03);border-radius:12px;border:1px solid hsla(0,0%,100%,.07);padding:12px}.map-box,.small{font-size:12px}.hero h1{margin-bottom:8px;font-size:36px}.hero p{margin-top:0;color:var(--muted)}.footer-note{color:var(--muted);font-size:13px}@media (max-width:980px){.grid-2,.stat-grid{grid-template-columns:1fr}.container{padding:16px}}