:root{color-scheme:dark;--bg:#0c0c14;--panel:#141420;--line:#282838;--text:#f3f2fa;--muted:#9594ac;--purple:#aa86ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--purple)}.glow{position:absolute;top:0;right:0;width:70%;height:450px;background:radial-gradient(ellipse at top right,#6b3cc125,transparent 65%);pointer-events:none}header,main{max-width:1200px;margin:auto;padding:0 32px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:900;letter-spacing:2px}.logo{background:#9d73ee;color:white;border-radius:12px;width:40px;height:40px;display:grid;place-items:center}.brand small{font-size:9px;letter-spacing:2px;color:var(--muted);border-left:1px solid var(--line);padding-left:16px}.header-label{color:var(--muted);font-size:12px}.hero{display:flex;align-items:center;justify-content:space-between;padding:58px 0 46px}.eyebrow,.field-label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}.eyebrow{color:var(--purple)}h1{font-size:clamp(34px,5vw,56px);line-height:1.1;letter-spacing:-2px;margin:16px 0}h1 span{color:var(--purple)}.hero p{color:var(--muted)}.hero-mark{display:grid;justify-items:center;gap:14px;padding-right:36px}.hero-mark img{width:110px;image-rendering:pixelated;filter:drop-shadow(0 16px 28px #9665ee33)}.hero-mark span{font-size:9px;color:var(--purple);letter-spacing:3px}nav{display:flex;gap:8px;padding-bottom:24px;flex-wrap:wrap}nav a{padding:10px 18px;color:var(--muted);border:1px solid transparent;border-radius:9px;font-weight:600}nav a:hover{background:#1c1b2b;color:white}nav a.selected{background:#a47ef01a;border-color:#a47ef044;color:#c9afff}.panel{border-top:1px solid var(--line)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0}h2{font-size:19px;margin:0;letter-spacing:-.4px}.toolbar p{margin:3px 0 0;color:var(--muted);font-size:12px}form{display:flex;gap:8px}input,select{background:#161622;color:var(--text);border:1px solid #333244;padding:11px 12px;border-radius:8px}input{width:240px}input::placeholder{color:#838298}button{cursor:pointer;border:0;border-radius:8px;background:#a782f2;color:#171021;font-weight:700;padding:11px 17px}button:hover{background:#be9eff}.records{display:grid;gap:14px}.record{background:linear-gradient(115deg,#171723,#12121d);border:1px solid var(--line);border-radius:14px;overflow:hidden}.record-top{padding:24px 24px 17px;display:flex;justify-content:space-between;gap:20px;align-items:center}.player{display:flex;align-items:center;gap:16px;min-width:0}.head{border-radius:8px;image-rendering:pixelated;box-shadow:0 0 0 1px #ffffff15;flex-shrink:0}h3{font-size:18px;line-height:1.3;margin:0 0 5px;letter-spacing:-.3px}.uuid{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.copy{padding:1px 5px;background:transparent;color:var(--muted);font-size:19px;line-height:1.3}.badges{display:flex;gap:8px;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:5px 10px;border-radius:6px;border:1px solid #ffffff0e}.bans{color:#ff9eab;background:#f4688118}.mutes{color:#ffc786;background:#e8a15418}.warnings{color:#c6adff;background:#a782f21a}.kicks{color:#8acafa;background:#55a8ec18}.active{color:#83dbb2;background:#45cb8d13}.expired,.inactive{color:#a5a4ba;background:#a5a4ba0c}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.reason-block{padding:0 24px 20px}.reason-block p{margin:6px 0 0;color:#d3d1e1;overflow-wrap:anywhere;font-size:14px}.record-meta{display:grid;grid-template-columns:1fr 1.4fr 1.4fr 1fr;gap:20px;padding:19px 24px;background:#ffffff02;border-top:1px solid var(--line)}.record-meta>div,.detail-grid>div{display:flex;flex-direction:column;gap:6px}.record-meta strong,.detail-grid strong{font-weight:500;font-size:12px}.permanent{color:#c9afff!important}.person{display:flex;align-items:center;gap:9px}.person img{border-radius:5px;image-rendering:pixelated}.record-meta .person{margin-top:-3px}details{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;color:var(--muted);padding:11px 24px;font-size:11px;display:flex;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}summary span{display:flex;gap:20px;align-items:center}summary b{font-size:18px;font-weight:400;color:var(--purple)}details[open] summary b{transform:rotate(45deg)}.detail-grid{display:grid;grid-template-columns:1fr 2fr 1.5fr 1.5fr;gap:20px;padding:12px 24px 22px}.detail-grid code{font-size:11px;overflow-wrap:anywhere;color:#ccc7df}.pagination{display:flex;justify-content:space-between;padding:25px 0;color:var(--muted);font-size:11px;gap:20px}.pagination>div{display:flex;gap:16px}.pagination a{color:var(--purple)}footer{border-top:1px solid var(--line);padding:26px 0 40px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}footer strong{letter-spacing:2px;color:#ddd9ed}.notice,.empty{padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);margin-bottom:22px}.notice{font-size:12px;border-color:#a782f233;color:#c6adff}.empty{text-align:center;padding:60px 20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;border:1px solid #a782f255;border-radius:10px;background:#242035;color:white;box-shadow:0 8px 32px #0006;z-index:20}.toast:empty{display:none}@media(max-width:950px){.toolbar{align-items:flex-start;flex-direction:column}form{width:100%}input{flex:1;min-width:0}.record-meta,.detail-grid{grid-template-columns:1fr 1fr}.brand small{display:none}}@media(max-width:600px){header,main{padding-left:18px;padding-right:18px}header{height:76px}.header-label{display:none}.hero{padding:38px 0 28px}.hero-mark{padding:0}.hero-mark img{width:70px}.hero-mark span{display:none}.hero p{max-width:220px;font-size:12px}h1{letter-spacing:-1px}.record-top{align-items:flex-start;flex-direction:column;padding:18px}.player{gap:12px}.head{width:44px;height:44px}.uuid{font-size:10px}.badges{align-self:flex-start}.reason-block{padding:0 18px 18px}.record-meta{padding:18px;gap:18px 12px}.detail-grid{padding:12px 18px 20px;grid-template-columns:1fr}summary{padding:10px 18px}form{flex-wrap:wrap}input{width:100%;flex-basis:100%}select{flex:1}nav{gap:4px}nav a{padding:8px 12px;font-size:12px}.pagination{flex-wrap:wrap}.field-label{font-size:9px;letter-spacing:1px}.record-meta strong{font-size:11px}}