:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef0f4;background:#101319;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -20%,#332017 0,#101319 48%);min-height:100vh}header{max-width:1180px;margin:auto;padding:22px 22px 14px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:24px;letter-spacing:.08em;font-style:italic;display:block;line-height:1}.brand small{color:#f87926;letter-spacing:.25em;font-size:10px}.mark{display:grid;place-items:center;width:42px;height:42px;background:#f87926;color:#111;font-size:27px;font-weight:1000;font-style:italic;transform:skew(-9deg);border-radius:7px}main{max-width:1180px;margin:auto;padding:12px 22px 80px}h1{font-size:clamp(28px,4vw,42px);line-height:1.08;margin:7px 0 10px}h2{font-size:20px;margin:0 0 16px}h3{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:#f87926;margin:20px 0 12px}p{color:#a8abb2;margin:0 0 20px;line-height:1.5}.eyebrow{font-size:11px;letter-spacing:.26em;color:#f87926;font-weight:800;margin:0}.heading{margin:26px 0}.panel{background:#1b1e25;border:1px solid #343842;border-radius:17px;padding:24px;margin:12px 0}.narrow{max-width:500px;margin:55px auto}.grid{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;align-items:start}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:13px;font-weight:700;margin:12px 0;color:#dfe1e6}input,select,textarea{font:inherit;display:block;width:100%;margin-top:7px;background:#12151b;color:#f2f3f5;border:1px solid #424651;border-radius:10px;padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:#f87926;box-shadow:0 0 0 2px #f8792633}button{font:inherit;border:0;border-radius:10px;background:#f87926;color:#18100b;padding:12px 16px;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#303946;color:#fff}.ghost{background:#282c34;color:#e7e9ec}.actions{display:flex;gap:10px;align-items:center;margin-top:20px}nav{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;background:#1b1e25;border:1px solid #343842;padding:6px;border-radius:14px}nav button{background:transparent;color:#adb0b8}nav button.selected{background:#78390f;color:#fff}.players{display:grid;gap:8px;max-height:460px;overflow:auto}.player-row{display:grid;grid-template-columns:minmax(110px,1.4fr) minmax(80px,1fr) 55px repeat(3,55px);gap:5px;align-items:end;padding:10px;background:#14171d;border:1px solid #353942;border-radius:10px}.player-row label{margin:0;font-size:11px;color:#adb0b8}.player-row label.name{display:flex;align-items:center;gap:8px;font-size:14px;color:white}.player-row input{padding:8px;margin-top:4px}.player-row input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:#f87926}.inline{display:flex;gap:8px}.inline input{margin:0}.muted{font-size:13px}.warning{margin-top:15px;padding:12px;border:1px solid #a07127;background:#3e301b;border-radius:9px;color:#ffe3aa}.cards{display:grid;gap:12px;margin-top:18px}.card{background:#1b1e25;border:1px solid #343842;border-radius:14px;padding:18px}.card h3{margin:0 0 8px}.card p{margin:0 0 10px}.card button{padding:8px 13px}.badge{display:inline-block;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:800;background:#39414a;color:#fff;text-transform:uppercase}.badge.win{background:#155238}.badge.loss{background:#71312b}.filter{max-width:350px}.statbar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.statbar .card strong{display:block;font-size:32px;color:#fff}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #343842}th{color:#f87926;font-size:12px;text-transform:uppercase}.table-wrap{overflow-x:auto}.layout-image{max-width:100%;max-height:500px;border-radius:8px}#message:not(:empty){padding:12px;margin-top:15px;border-radius:9px;background:#2b3740;color:#eaf7ff}@media(max-width:800px){.grid{grid-template-columns:1fr}.player-row{grid-template-columns:1.3fr 1fr 50px 50px 50px 50px}.panel{padding:17px}}@media(max-width:600px){main{padding:8px 12px 60px}header{padding:15px 12px}nav button{font-size:11px;padding:12px 2px}.two{grid-template-columns:1fr 1fr}.player-row{grid-template-columns:1fr 1fr 50px 50px 50px 50px;overflow:auto;min-width:0}.player-row label{font-size:10px}.player-row input{padding:5px}.statbar{grid-template-columns:1fr 1fr 1fr}.statbar .card{padding:12px}.statbar .card strong{font-size:24px}}
/* HAVOK team identity */
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.brand img{display:block;width:clamp(175px,27vw,270px);height:auto}
.brand span{color:#ff7100;letter-spacing:.25em;font-size:10px;font-weight:800;margin-left:5px}
.login-emblem{display:block;width:118px;height:118px;object-fit:contain;margin:0 auto 20px}
#login{text-align:center}
#login form{text-align:left}
#login form button{width:100%}