body.adm{min-height:100vh;background-attachment:fixed}
body.center{display:grid;place-items:center;padding:20px}
.box{background:#0b1a20;border:4px solid var(--cy);box-shadow:8px 8px 0 var(--cy-d);padding:30px;max-width:100%}
.login{width:360px;display:grid;gap:14px;text-align:center}
.login .fl{width:70px;margin:0 auto}
.login h1{font-size:46px;letter-spacing:3px}
.mut{color:var(--mut);font-size:14px}
input,textarea,select{background:#04070a;border:3px solid var(--cy-d);color:var(--tx);padding:12px 14px;font:inherit;width:100%;outline:none}
input:focus,textarea:focus{border-color:var(--cy)}
.err{color:#ff8b8b;min-height:20px;font-weight:600}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:#000;border-bottom:4px solid var(--cy);position:sticky;top:0;z-index:10}
.bar .t{font-family:Bangers,Impact,sans-serif;font-size:28px;letter-spacing:2px;display:flex;gap:10px;align-items:center}
.bar .t img{height:26px}
.bar nav{display:flex;gap:18px;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:1px}
.bar nav a{color:#d6eeee}.bar nav a:hover,.bar nav a.on{color:var(--cy)}
.page{max-width:1200px;margin:0 auto;padding:30px 24px 80px}
.page h2{font-family:Bangers,Impact,sans-serif;font-weight:400;font-size:40px;letter-spacing:2px;margin:26px 0 12px;color:var(--cy)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:20px}
.pick{display:block;padding:28px;background:#0b1a20;border:4px solid #000;box-shadow:7px 7px 0 var(--cy);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);transition:transform .2s}
.pick:hover{transform:translate(-4px,-4px);box-shadow:11px 11px 0 var(--yl)}
.pick h3{font-family:Bangers,Impact,sans-serif;font-weight:400;font-size:34px;letter-spacing:2px;color:var(--cy)}
.pick p{color:var(--mut);font-size:14px;margin-top:6px}
.panel{background:#0b1a20;border:3px solid var(--cy-d);padding:18px;margin-bottom:20px}
.panel h3{font-family:Bangers,Impact,sans-serif;font-weight:400;font-size:26px;letter-spacing:1.5px;margin-bottom:10px}
.term{background:#02070a;border:3px solid var(--cy-d);height:340px;overflow:auto;padding:12px;font:13px/1.5 Consolas,monospace;white-space:pre-wrap;color:#c9f3f1}
.term .in{color:var(--yl)}.term .er{color:#ff8b8b}
.row{display:flex;gap:10px;margin-top:10px}
.row .btn{white-space:nowrap}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{font-family:Bangers,Impact,sans-serif;font-weight:400;letter-spacing:1.5px;text-align:left;color:var(--yl);padding:8px;border-bottom:3px solid var(--cy-d)}
.tbl td{padding:8px;border-bottom:1px solid rgba(165,232,230,.15)}
.live{color:#4ade80;font-weight:800}
.heads{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}
.head{background:#04070a;border:3px solid var(--cy-d);padding:10px;text-align:center;font-size:13px}
.head img{width:64px;height:64px;image-rendering:pixelated;margin:0 auto 6px}
.btn.sm{padding:8px 16px;font-size:13px}
textarea.json{height:300px;font:13px/1.4 Consolas,monospace}
.drop{border:3px dashed var(--cy-d);padding:26px;text-align:center;color:var(--mut)}
.drop.over{border-color:var(--cy);color:var(--cy)}
.ok{color:#4ade80}