/* Ellis Box stats: styled after 2008-era Halo 3 stat pages - near-black page, grey panels, blue headers */
*{box-sizing:border-box}
body{margin:0;background:#191919;color:#ddd;font:12px/1.45 Verdana,Tahoma,Arial,sans-serif}
a{color:#7fb7ec;text-decoration:none}
a:hover{color:#fff;text-decoration:underline}
.top{background:linear-gradient(#2c2f33,#151617);border-bottom:1px solid #3b4148}
.top .in{max-width:980px;margin:0 auto;padding:10px 14px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.logo{font:bold 20px/1 Tahoma,Verdana,sans-serif;letter-spacing:2px;color:#fff;text-transform:uppercase}
.logo span{color:#7fb7ec}
.top nav a{color:#bbb;text-transform:uppercase;font-size:11px;letter-spacing:1px;margin-right:14px}
.top nav a.on,.top nav a:hover{color:#fff}
.finder{margin-left:auto;display:flex;gap:4px}
.finder input{background:#0e0e0e;border:1px solid #444;color:#fff;padding:4px 6px;font:12px Verdana;width:180px}
.finder button,.btn{background:linear-gradient(#4a6f96,#2c4a6b);border:1px solid #5d84ad;color:#fff;font:bold 11px Verdana;padding:4px 10px;cursor:pointer;text-transform:uppercase}
.band{background:#111;border-bottom:1px solid #2a2a2a;font-size:11px;color:#999}
.band .in{max-width:980px;margin:0 auto;padding:5px 14px;display:flex;gap:22px;flex-wrap:wrap}
.band b{color:#e8b04a}
main{max-width:980px;margin:14px auto;padding:0 14px}
.panel{background:#222;border:1px solid #333;margin-bottom:14px}
.panel h2{margin:0;padding:6px 10px;font:bold 12px Tahoma,Verdana;text-transform:uppercase;letter-spacing:1px;color:#fff;
  background:linear-gradient(#3a5a7c,#243a52);border-bottom:1px solid #4f73a0}
.panel h2 small{float:right;font-weight:normal;color:#bcd3ea;text-transform:none;letter-spacing:0}
.panel .body{padding:10px}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
@media (max-width:760px){.grid2{grid-template-columns:minmax(0,1fr)}.finder{margin-left:0}}
table{width:100%;border-collapse:collapse}
th{text-align:left;font-size:10px;text-transform:uppercase;color:#9ab;background:#1b1b1b;padding:4px 6px;border-bottom:1px solid #333}
td{padding:4px 6px;border-bottom:1px solid #2c2c2c}
tr:nth-child(even) td{background:#262626}
td.n,th.n{text-align:right}
.muted{color:#888}
.gold{color:#e8b04a}
.tabs{display:flex;gap:2px;margin-bottom:-1px}
.tabs a{background:#2a2a2a;border:1px solid #333;border-bottom:0;padding:5px 12px;color:#aaa;font-size:11px;text-transform:uppercase}
.tabs a.on{background:#3a5a7c;color:#fff}
/* service record header */
.sr{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:12px;background:linear-gradient(#2b2e31,#1d1f21)}
.emblem{width:72px;height:72px;border:1px solid #555;background:#111;display:flex;align-items:center;justify-content:center;font:bold 30px Tahoma;color:#7fb7ec}
.sr h1{margin:0;font:bold 26px Tahoma,Verdana;color:#fff}
.sr .sub{color:#9ab;font-size:11px}
.boxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}
.box{background:#1a1a1a;border:1px solid #333;padding:6px 8px}
.box b{display:block;font:bold 18px Tahoma;color:#fff}
.box small{color:#89a;text-transform:uppercase;font-size:10px}
.medals{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}
.medal{text-align:center;font-size:10px;color:#aaa}
.medal img{width:52px;height:52px;display:block;margin:0 auto}
.medal b{display:block;font-size:14px;color:#fff}
.medal.none img{opacity:.15;filter:grayscale(1)}
.medal.none b{color:#666}
.mi{width:18px;height:18px;vertical-align:middle}
.res-won{color:#8fd16a}.res-lost{color:#e06a5a}.res-tie{color:#ccc}.res-left{color:#d9a441}
/* carnage report team colours */
.team{margin-bottom:10px}
.team h3{margin:0;padding:5px 8px;font:bold 12px Tahoma;color:#fff;text-transform:uppercase}
.t-red{background:#7a1f1f}.t-blue{background:#1f3f7a}.t-green{background:#2d6a2d}.t-orange{background:#8a4a12}
.t-purple{background:#4f2a7a}.t-gold{background:#7a6512}.t-brown{background:#5a3b22}.t-pink{background:#8a2f62}.t-none{background:#333}
.srv{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #2c2c2c}
.srv:last-child{border:0}
.bar{height:6px;background:#111;border:1px solid #333;margin-top:3px}
.bar i{display:block;height:100%;background:#4f73a0}
.empty{color:#777;padding:10px;text-align:center}
footer{max-width:980px;margin:20px auto;padding:0 14px 30px;color:#666;font-size:10px}
.top nav a.discord{color:#fff;background:#5865f2;padding:3px 9px;border-radius:3px}
.top nav a.discord:hover{background:#4752c4;text-decoration:none}