:root{--g:#3aff5e;--gdim:#1d9b3a;--gdark:#0a3d18;--red:#ff4d4d;--amber:#ffc93c;--white:#f4f4f4;--glow:0 0 8px rgba(58,255,94,.5)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#04170a,#000 70%);color:var(--g);font-family:Courier New,Courier,Lucida Console,monospace;font-size:15px;padding-bottom:34px;zoom:1.15}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9997;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}::selection{background:var(--g);color:#000}header{padding:18px 24px;border-bottom:1px solid var(--g);background:linear-gradient(180deg,rgba(58,255,94,.08),transparent);display:flex;align-items:center;gap:16px}h1{font-size:20px;margin:0;letter-spacing:2px;text-transform:uppercase;text-shadow:var(--glow)}h1:after{content:"\25ae";margin-left:8px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.blink{animation:blink 1.1s steps(1) infinite}header .right{margin-left:auto;display:flex;gap:12px;align-items:center}.wrap{padding:26px 24px;max-width:880px;margin:0 auto}button{background:transparent;color:var(--g);border:1px solid var(--g);padding:8px 12px;cursor:pointer;font-size:13px;font-family:inherit;text-transform:uppercase;letter-spacing:1px}button:not(.sm):before{content:"[ "}button:not(.sm):after{content:" ]"}button:hover{background:var(--g);color:#000;text-shadow:none;box-shadow:var(--glow)}button:active{transform:translateY(1px)}button.danger{border-color:var(--red);color:var(--red)}button.danger:hover{background:var(--red);color:#000;box-shadow:0 0 8px #ff4d4d80}button.ghost{border-color:var(--gdark);color:var(--gdim)}button.ghost:hover{background:var(--gdim);color:#000;box-shadow:0 0 8px #1d9b3a80}button.sm{padding:4px 8px;font-size:11px;letter-spacing:0}.panel{border:1px solid var(--g);background:#3aff5e05;box-shadow:0 0 22px #3aff5e14,inset 0 0 60px #3aff5e05;margin-bottom:22px}.panel-title{background:var(--g);color:#000;padding:7px 12px;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.panel-title-row{background:var(--g);display:flex;align-items:center;justify-content:space-between}.panel-title-row .panel-title{background:transparent}.panel-title-row button{border-color:#000;color:#000;padding:4px 10px}.panel-title-row button:hover{background:#000;color:var(--g);box-shadow:none}.panel-body{padding:16px}.muted{color:var(--gdim)}.mono{font-family:inherit;font-size:13px}.traffic{display:flex;gap:36px;flex-wrap:wrap}.traffic-row{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap}.traffic-row .traffic{flex:1;min-width:260px}.howto-btn{border:1px solid var(--amber);color:var(--amber);text-shadow:0 0 6px rgba(255,201,60,.4);line-height:1.3;white-space:nowrap}.howto-btn:hover{background:var(--amber);color:#000;text-shadow:none;box-shadow:0 0 10px #ffc93c80}.howto-btn.active{background:var(--amber);color:#000;text-shadow:none}.howto{border:1px solid var(--g);margin-top:14px;background:#3aff5e05}.howto-title{background:var(--g);color:#000;padding:6px 12px;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.howto-body{padding:14px;font-size:13px;line-height:1.5}.howto-section+.howto-section{margin-top:14px}.howto-lang{color:var(--amber);font-weight:700;letter-spacing:1px;margin-bottom:6px}.howto ul{margin:0;padding-left:20px}.howto li{margin-bottom:6px}.traffic .lbl{color:var(--gdim);font-size:11px;text-transform:uppercase;letter-spacing:1px}.traffic .big{font-size:30px;font-weight:700;letter-spacing:1px;font-family:Consolas,Lucida Console,Menlo,monospace;font-variant-numeric:tabular-nums}.bar-graph{height:14px;border:1px solid var(--g);padding:2px;margin-top:14px}.bar-graph>div{height:100%;background:repeating-linear-gradient(90deg,var(--g) 0 10px,var(--gdim) 10px 20px);box-shadow:var(--glow)}.bar-graph>div.full{background:repeating-linear-gradient(90deg,var(--red) 0 10px,#801010 10px 20px);box-shadow:0 0 8px #ff4d4d80}.country{padding:16px 0;border-bottom:1px solid var(--gdark)}.country:first-of-type{padding-top:4px}.country:last-child{border-bottom:0;padding-bottom:4px}.country .head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.country .nm{font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--amber);text-shadow:0 0 8px rgba(255,201,60,.45);font-size:15px}.country .cc{color:var(--gdim);font-size:12px;text-transform:uppercase}.slot{border:1px solid var(--gdark);padding:12px;margin-bottom:10px;background:#3aff5e05}.slot:hover{border-color:var(--gdim);box-shadow:0 0 10px #3aff5e1f}.slothead{display:flex;align-items:center;gap:10px;margin-bottom:10px}.badge{background:#000;border:1px solid var(--g);padding:2px 10px;font-size:12px;text-transform:uppercase;text-shadow:var(--glow)}.ip{font-size:12px;color:var(--gdim)}.data{display:flex;flex-wrap:wrap;gap:8px 26px;font-size:13px}.data .row{display:flex;align-items:center;gap:8px}.data .lbl{color:var(--gdim);font-size:11px;text-transform:uppercase;letter-spacing:1px}.data .mono{font-size:12px;color:var(--white);text-shadow:0 0 4px rgba(244,244,244,.25)}.fullstr{margin-top:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fullstr .mono{border:1px solid var(--gdark);background:#000;padding:6px 10px;word-break:break-all;flex:1;min-width:230px;color:var(--white);text-shadow:0 0 4px rgba(244,244,244,.25)}.addrow{display:flex;gap:8px;align-items:center;margin-bottom:6px}.addrow input{flex:1;background:#000;border:1px solid var(--g);color:var(--g);padding:9px;font-family:inherit;font-size:14px}.addrow input:focus{outline:none;box-shadow:var(--glow);background:#3aff5e0a}.addrow button{white-space:nowrap}.login{max-width:400px;margin:70px auto 0}.login .field{margin-bottom:13px}.login .field label{display:block;font-size:12px;color:var(--gdim);margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.login .field input{width:100%;background:#000;border:1px solid var(--g);color:var(--g);padding:10px;font-family:inherit;font-size:15px}.login .field input:focus{outline:none;box-shadow:var(--glow);background:#3aff5e0a}.login .err{color:var(--red);font-size:13px;margin-top:10px;text-transform:uppercase;letter-spacing:1px}.hidden{display:none!important}.modal{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:9995}.modal-box{background:#000;border:1px solid var(--g);width:480px;max-height:90vh;overflow:auto;box-shadow:0 0 40px #3aff5e4d}.modal-body{padding:18px}.modal .field{margin-bottom:13px}.modal .field label{display:block;font-size:12px;color:var(--gdim);margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.modal .field input{width:100%;background:#000;border:1px solid var(--g);color:var(--g);padding:9px;font-family:inherit;font-size:14px}.modal .field input:focus{outline:none;box-shadow:var(--glow);background:#3aff5e0a}.ticker{position:fixed;bottom:0;left:0;right:0;z-index:9990;border-top:1px solid var(--gdark);background:#000;padding:7px 0;font-size:12px;color:var(--g);overflow:hidden;white-space:nowrap;letter-spacing:1px;text-transform:uppercase}.ticker-track{display:inline-block;padding-left:100%;animation:tick 75s linear infinite}.ticker-track:hover{animation-play-state:paused}@keyframes tick{to{transform:translate(-100%)}}.addipwrap{margin-left:auto}@media(max-width:640px){body{zoom:1;font-size:14px;padding-bottom:30px}.traffic-row{flex-direction:column;gap:12px}.howto-btn{width:100%}header{flex-wrap:wrap;padding:12px 14px;gap:10px}h1{font-size:15px;letter-spacing:1px}header .right{margin-left:0;width:100%;justify-content:space-between;flex-wrap:wrap}header .right .muted{word-break:break-all}.wrap{padding:14px 12px}.panel{margin-bottom:14px}.panel-body{padding:12px}.traffic{gap:12px 22px}.traffic .big{font-size:22px}.country .head{flex-wrap:wrap;row-gap:6px}.addipwrap{margin-left:0;width:100%}.addipwrap button{width:100%}.slot{padding:10px}.slothead{flex-wrap:wrap;row-gap:6px}.data{gap:6px 14px}.data .row{flex-wrap:wrap;row-gap:2px}.data .mono{word-break:break-all}.fullstr .mono{min-width:0;width:100%;flex-basis:100%}.addrow{flex-direction:column;align-items:stretch}.addrow button{width:100%}.login{margin-top:24px}.modal-box{width:92vw}.ticker{font-size:11px}button{padding:8px 10px}}
