@import "https://fonts.googleapis.com/css2?family=DotGothic16&family=Space+Mono:wght@400;700&display=swap";:root{--bg:#171a1f;--surface:#20242b;--surface2:#292e36;--ink:#f4f0df;--muted:#9aa3ad;--line:#4b535d;--cyan:#65d6ce;--yellow:#f4d35e;--green:#79d479;--orange:#ff9f43;--red:#ee6c4d;--shadow:#090a0c;--pixel:4px;--font:"Space Mono",monospace;--display:"DotGothic16",sans-serif;color-scheme:dark}[data-theme=light]{--bg:#e9edf0;--surface:#fffdf4;--surface2:#dfe5e8;--ink:#20242b;--muted:#5e6873;--line:#7d8992;--cyan:#087f8c;--yellow:#9a6700;--green:#287a3d;--orange:#b14d00;--red:#b73526;--shadow:#8d969c;color-scheme:light}*{box-sizing:border-box}html,body,#app{min-width:0;min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);letter-spacing:0;image-rendering:pixelated;font-size:14px}body:before{content:"";pointer-events:none;opacity:.28;background-image:linear-gradient(90deg,transparent 31px,color-mix(in srgb,var(--line) 12%,transparent) 32px),linear-gradient(transparent 31px,color-mix(in srgb,var(--line) 12%,transparent) 32px);background-size:32px 32px;position:fixed;inset:0}button,select{font:inherit}button,a,select{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex;position:relative}.topbar{z-index:20;background:var(--surface);border-bottom:var(--pixel) solid var(--line);box-shadow:0 4px 0 var(--shadow);position:sticky;top:0}.topbar-inner{align-items:center;gap:26px;max-width:1380px;min-height:76px;margin:auto;padding:10px 24px;display:flex}.brand{align-items:center;gap:10px;min-width:230px;display:flex}.brand>span:last-child{flex-direction:column;display:flex}.brand b{font-family:var(--display);font-size:19px;line-height:1.1}.brand small{color:var(--muted);font-size:9px}.brand-sprite{background:var(--yellow);border:4px solid var(--ink);width:42px;height:42px;box-shadow:4px 4px 0 var(--shadow);position:relative}.brand-sprite:before,.brand-sprite:after{content:"";background:var(--bg);width:6px;height:7px;position:absolute;top:10px}.brand-sprite i:first-child{background:var(--bg);width:18px;height:4px;position:absolute;bottom:7px;left:8px}.brand-sprite i:last-child{background:var(--red);width:4px;height:4px;position:absolute;bottom:7px;left:15px}.topbar nav{align-self:stretch;display:flex}.topbar nav a{color:var(--muted);border-bottom:4px solid #0000;align-items:center;gap:8px;margin-bottom:-14px;padding:0 16px;display:flex}.topbar nav a.active,.topbar nav a:hover{color:var(--ink);border-color:var(--yellow)}.icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.link-status{align-items:center;gap:7px;font-size:11px;display:flex}.link-status i,.live-count i{width:8px;height:8px;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 30%,transparent);background:currentColor;display:block}.link-status.ok i,.live-count i{animation:1.6s steps(2,end) infinite blink}.ok{color:var(--green)!important}.warn{color:var(--orange)!important}.danger{color:var(--red)!important}.icon-button,.pixel-button{border:2px solid var(--line);background:var(--surface2);color:var(--ink);min-height:36px;box-shadow:3px 3px 0 var(--shadow);justify-content:center;align-items:center;gap:7px;padding:6px 11px;display:inline-flex}.icon-button{width:38px;padding:0}.admin-button{background:var(--yellow);border-color:var(--ink);color:#24231e}.main-wrap{flex:1;width:100%;max-width:1380px;margin:auto;padding:30px 24px 50px}.pixel-panel{background:var(--surface);border:2px solid var(--line);box-shadow:4px 4px 0 var(--shadow)}.overview{border:2px solid var(--line);background:var(--surface);box-shadow:5px 5px 0 var(--shadow);grid-template-columns:1.25fr repeat(3,1fr);margin-bottom:22px;display:grid}.overview>div{border-right:2px solid var(--line);flex-direction:column;justify-content:center;min-height:112px;padding:16px 20px;display:flex}.overview>div:last-child{border:0}.eyebrow{color:var(--cyan);text-transform:uppercase;font-size:10px}.overview-title{background:var(--surface2)}.overview-title strong{font-family:var(--display);font-size:42px;line-height:1}.overview-title strong small{font-family:var(--font);color:var(--muted);font-size:16px}.overview-title>span:last-child,.stat small{color:var(--muted);font-size:11px}.stat>span:first-child{color:var(--muted);gap:6px;font-size:11px;display:flex}.stat strong{font-family:var(--display);color:var(--yellow);white-space:nowrap;font-size:22px}.clock small{align-items:center;gap:6px;display:flex}.clock small i{background:var(--green);width:7px;height:7px}.control-deck{align-items:center;gap:18px;margin-bottom:15px;display:flex}.group-tabs{align-items:center;gap:4px;padding-bottom:4px;display:flex;overflow:auto}.group-tabs button,.period-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:8px 12px}.group-tabs button.active,.period-tabs button.active{color:var(--ink);border-color:var(--yellow);background:var(--surface2)}.filters{align-items:center;gap:8px;margin-left:auto;display:flex}.filters label{border:2px solid var(--line);background:var(--surface);height:38px;color:var(--muted);align-items:center;gap:5px;padding-left:9px;font-size:10px;display:flex}.filters select{background:var(--surface2);height:100%;color:var(--ink);border:0;padding:0 8px}.segmented{border:2px solid var(--line);height:38px;display:flex}.segmented button{border:0;border-right:2px solid var(--line);background:var(--surface);width:38px;color:var(--muted)}.segmented button:last-child{border:0}.segmented button.active{background:var(--yellow);color:#24231e}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.server-grid.detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.server-card{flex-direction:column;gap:11px;min-width:0;padding:13px 15px;transition:transform 80ms linear,box-shadow 80ms linear;display:flex}.server-card header,.service-card header{align-items:center;gap:9px;min-width:0;display:flex}.server-card header strong{text-overflow:ellipsis;white-space:nowrap;font-family:var(--display);font-size:18px;overflow:hidden}.status-pip{width:10px;height:10px;box-shadow:2px 2px 0 var(--shadow);background:currentColor;flex:none;display:block}.country{border:1px solid var(--line);color:var(--muted);padding:3px 6px;font-size:10px}.card-state{margin-left:auto;font-size:10px}.meters{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.meter{color:var(--muted);grid-template-columns:32px 1fr 50px;align-items:center;gap:7px;font-size:10px;display:grid}.meter b{text-align:right;color:var(--ink)}.meter-track{gap:2px;height:9px;display:flex}.meter-track i{background:var(--surface2);border:1px solid var(--line);flex:1}.meter-track i.on{background:currentColor;border-color:currentColor}.card-facts{border-top:1px dashed var(--line);grid-template-columns:repeat(4,1fr);gap:7px;padding-top:9px;display:grid}.card-facts span{color:var(--muted);flex-direction:column;min-width:0;font-size:9px;display:flex}.card-facts b{color:var(--ink);text-overflow:ellipsis;font-size:11px;overflow:hidden}.tag-row{flex-wrap:wrap;gap:5px;display:flex}.tag-row span{border:1px solid var(--line);background:var(--surface2);color:var(--cyan);padding:3px 6px;font-size:10px}.server-card.offline{opacity:.7}.offline-message{background:color-mix(in srgb,var(--red) 8%,transparent);align-items:center;gap:12px;padding:10px;display:flex}.offline-message>span{font-family:var(--display);color:var(--red);font-size:28px}.offline-message div{flex-direction:column;display:flex}.offline-message small{color:var(--muted)}.empty-state,.terminal-message{text-align:center;color:var(--muted);padding:42px}.empty-state>span{font-family:var(--display);color:var(--line);font-size:38px}.terminal-message>span,.boot-caret{color:var(--yellow)}.boot-screen{height:100vh;font-family:var(--display);place-items:center;display:grid}.back-button{margin-bottom:16px}.detail-page,.services-page{flex-direction:column;gap:28px;display:flex}.server-hero{padding:22px}.server-hero>header{align-items:center;gap:13px;display:flex}.server-hero header small{color:var(--muted);font-size:9px}.server-hero h1{font-family:var(--display);margin:0;font-size:30px}.hero-state{border:2px solid;margin-left:auto;padding:5px 9px;font-size:11px}.server-hero>.tag-row{margin-top:14px}.hero-meters{grid-template-columns:repeat(3,1fr);gap:25px;padding:20px 0;display:grid}.hero-meters .meter{grid-template-columns:38px 1fr 55px}.info-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.info-grid article{background:var(--surface2);border:1px solid var(--line);min-width:0;padding:13px}.info-grid h2{font-family:var(--display);color:var(--yellow);border-bottom:2px solid var(--line);margin:0 0 12px;padding-bottom:8px;font-size:15px}.kv{grid-template-columns:95px minmax(0,1fr);gap:7px;padding:5px 0;font-size:11px;display:grid}.kv>span{color:var(--muted)}.kv strong{overflow-wrap:anywhere;font-weight:400}.kv small{color:var(--muted)}.section-head{align-items:end;gap:15px;margin-bottom:13px;display:flex}.section-head h2,.block-title{font-family:var(--display);margin:1px 0 0;font-size:20px}.live-count{color:var(--green);align-items:center;gap:7px;font-size:10px;display:flex}.period-tabs{margin-left:auto;display:flex}.period-tabs button:disabled{opacity:.35;cursor:not-allowed}.chart-grid,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.chart{min-width:0;padding:12px}.chart header{color:var(--muted);justify-content:space-between;margin-bottom:7px;font-size:11px;display:flex}.chart-stage{height:120px;position:relative}.chart svg{width:100%;height:120px;display:block;overflow:visible}.chart-grid{fill:none;stroke:var(--line);stroke-width:1px;stroke-dasharray:2 4}.chart-fill{opacity:.12}.chart-line{fill:none;stroke-width:3px;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.chart-cursor{border-left:1px dashed var(--ink);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.chart-tip{background:var(--surface2);border:2px solid var(--line);z-index:3;white-space:nowrap;pointer-events:none;box-shadow:3px 3px 0 var(--shadow);padding:6px 8px;position:absolute;top:5px;transform:translate(8px)}.chart-tip.flip{transform:translate(calc(-100% - 8px))}.chart-tip b,.chart-tip small{font-size:10px;display:block}.chart-tip small{color:var(--muted)}.page-title{justify-content:space-between;align-items:end;display:flex}.page-title h1{font-family:var(--display);margin:2px 0 0;font-size:27px}.services-page>section{flex-direction:column;gap:12px;display:flex}.block-title{border-left:5px solid var(--yellow);padding-left:10px}.service-card,.cycle-card{padding:15px}.service-card header strong{font-family:var(--display);font-size:17px}.service-card header>b{margin-left:auto}.service-facts{grid-template-columns:repeat(3,1fr);margin:14px 0;display:grid}.service-facts span{color:var(--muted);flex-direction:column;font-size:9px;display:flex}.service-facts b{color:var(--ink);font-size:15px}.timeline{gap:2px;height:14px;display:flex}.timeline i{background:currentColor;flex:1;min-width:2px}.cycle-card>header{font-family:var(--display);padding-bottom:10px;font-size:17px}.cycle-row{border-top:1px dashed var(--line);gap:6px;padding:10px 0;display:grid}.cycle-row>div:first-child,.cycle-row>div:last-child{justify-content:space-between;gap:10px;display:flex}.cycle-row small{color:var(--muted);font-size:9px}.traffic-bar{border:2px solid var(--line);height:12px;padding:2px}.traffic-bar i{background:var(--cyan);height:100%;display:block}.not-found{text-align:center;padding:10vh 0}.not-found>strong{font-family:var(--display);color:var(--yellow);text-shadow:7px 7px 0 var(--red);font-size:100px;display:block}.not-found h1{font-family:var(--display)}footer{border-top:2px solid var(--line);width:100%;max-width:1380px;color:var(--muted);justify-content:space-between;margin:auto;padding:22px 24px;font-size:10px;display:flex}.footer-pixels{color:var(--yellow)}@keyframes blink{50%{opacity:.3}}@media (width<=1000px){.topbar-inner{gap:12px}.brand{min-width:0}.brand small{display:none}.topbar nav a{padding:0 9px}.overview{grid-template-columns:repeat(2,1fr)}.overview>div:nth-child(2){border-right:0}.overview>div:nth-child(-n+2){border-bottom:2px solid var(--line)}.info-grid{grid-template-columns:1fr 1fr}.info-grid article:last-child{grid-column:1/-1}.hero-meters{grid-template-columns:1fr}.control-deck{flex-direction:column;align-items:flex-start}.filters{width:100%;margin-left:0}}@media (width<=720px){body{font-size:13px}.topbar-inner{flex-wrap:wrap;min-height:62px;padding:8px 12px}.brand-sprite{width:34px;height:34px}.brand b{font-size:15px}.topbar nav{order:3;width:100%;height:42px}.topbar nav a{flex:1;justify-content:center;margin-bottom:-12px}.top-actions{gap:5px}.link-status{font-size:0}.link-status i{width:10px;height:10px}.admin-button span{display:none}.main-wrap{padding:22px 12px 40px}.overview{grid-template-columns:1fr 1fr}.overview>div{min-height:96px;padding:12px}.overview-title strong{font-size:32px}.stat strong{font-size:17px}.filters{grid-template-columns:1fr 1fr auto;display:grid}.filters label{min-width:0}.filters select{width:100%;min-width:0}.server-grid,.server-grid.detail,.chart-grid,.service-grid,.meters{grid-template-columns:1fr}.card-facts{grid-template-columns:1fr 1fr}.server-card.compact .meter{grid-template-columns:32px 1fr 48px}.server-hero{padding:14px}.server-hero h1{font-size:22px}.server-hero>header{flex-wrap:wrap}.hero-state{margin-left:0}.info-grid{grid-template-columns:1fr}.info-grid article:last-child{grid-column:auto}.section-head{flex-wrap:wrap;align-items:flex-start}.period-tabs{width:100%;margin-left:0;overflow:auto}.page-title{align-items:flex-start;gap:12px}.page-title h1{font-size:21px}.not-found>strong{font-size:72px}footer{padding:18px 12px}.kv{grid-template-columns:82px minmax(0,1fr)}}@media (width<=390px){.brand>span:last-child{display:none}.overview{grid-template-columns:1fr}.overview>div{border-right:0!important;border-bottom:2px solid var(--line)!important}.overview>div:last-child{border-bottom:0!important}.filters{grid-template-columns:1fr 1fr}.segmented{grid-column:1/-1;width:min-content}.service-facts{gap:6px}.service-facts b{font-size:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.back-button{align-self:flex-start}@media (width<=720px){.admin-button span{display:inline}.admin-button{padding-inline:8px}.brand-sprite{width:38px;height:38px}}:root{--bg:#f5f3ff;--surface:#fff;--surface2:#f1efff;--ink:#302c4d;--muted:#7d7899;--line:#ded9f4;--cyan:#2bb9b1;--yellow:#ffc857;--green:#45c58a;--orange:#ff9b62;--red:#f06f78;--purple:#7767e8;--pink:#f58bb8;--shadow:#46367e21;--pixel:1px;--font:"Space Mono","PingFang SC","Microsoft YaHei",sans-serif;--display:"DotGothic16","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light}[data-theme=dark]{--bg:#17172a;--surface:#24233a;--surface2:#2d2b48;--ink:#f7f4ff;--muted:#aaa4c7;--line:#403d60;--cyan:#5edbd3;--yellow:#ffd66e;--green:#67dca1;--orange:#ffad73;--red:#ff8992;--purple:#9b8cff;--pink:#ff9bc5;--shadow:#05041247;color-scheme:dark}body{letter-spacing:0;background:radial-gradient(circle at 8% 12%,color-mix(in srgb,var(--pink) 14%,transparent) 0 8%,transparent 18%), radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--cyan) 12%,transparent) 0 7%,transparent 18%),var(--bg);image-rendering:auto}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--purple) 55%,transparent);outline-offset:3px}.topbar{background:color-mix(in srgb,var(--surface) 88%,transparent);border-bottom:1px solid var(--line);box-shadow:0 8px 30px var(--shadow);backdrop-filter:blur(18px)}.topbar-inner{min-height:82px}.brand{gap:13px}.brand b{letter-spacing:.2px;font-size:20px}.brand small{color:var(--purple);letter-spacing:1.4px;margin-top:3px;font-weight:700}.brand-sprite{background:linear-gradient(145deg,var(--yellow),#ffab5c);width:46px;height:46px;box-shadow:0 7px 16px color-mix(in srgb,var(--yellow) 32%,transparent);border:0;border-radius:15px 15px 13px 13px;transition:all .2s;transform:rotate(-3deg)}.brand:hover .brand-sprite{transform:rotate(4deg)translateY(-2px)}.brand-sprite i:first-child{background:0 0;border:3px solid #3a3155;border-top:0;border-radius:0 0 10px 10px;width:18px;height:7px;bottom:9px;left:14px}.brand-sprite i:last-child{display:none}.topbar nav{background:var(--surface2);border-radius:16px;align-self:center;gap:6px;padding:5px}.topbar nav a{border:0;border-radius:12px;height:43px;margin:0;padding:0 17px;font-size:13px;font-weight:700;transition:all .18s}.topbar nav a.active,.topbar nav a:hover{color:var(--purple);background:var(--surface);box-shadow:0 4px 12px var(--shadow);border:0}.icon-button,.pixel-button{border:1px solid var(--line);background:var(--surface);min-height:39px;box-shadow:0 4px 12px var(--shadow);border-radius:12px;font-weight:700;transition:all .18s}.icon-button{width:40px}.icon-button:hover,.pixel-button:hover{border-color:color-mix(in srgb,var(--purple) 45%,var(--line));box-shadow:0 8px 18px var(--shadow);transform:translateY(-2px)}.admin-button{color:#fff;background:linear-gradient(135deg,var(--purple),#9b72ee);box-shadow:0 6px 16px color-mix(in srgb,var(--purple) 30%,transparent);border:0}.link-status{background:color-mix(in srgb,currentColor 10%,transparent);border-radius:999px;padding:7px 10px;font-weight:700}.link-status i,.live-count i{box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent);border-radius:50%}.main-wrap{padding-top:34px}.pixel-panel{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 10px 30px var(--shadow);border-radius:18px}.overview{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 93%,transparent);box-shadow:0 14px 35px var(--shadow);border-radius:24px;grid-template-columns:1.22fr repeat(3,1fr);gap:12px;margin-bottom:25px;padding:12px;position:relative;overflow:hidden}.overview:after{content:"✦";color:color-mix(in srgb,var(--purple) 18%,transparent);pointer-events:none;font-size:76px;line-height:1;position:absolute;top:8px;right:16px}.overview>div{z-index:1;background:var(--surface2);border-radius:16px;min-height:118px;padding:18px 20px;position:relative;border:0!important}.overview-title{color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--purple) 22%,transparent);background:linear-gradient(135deg,var(--purple),#9284f1)!important}.overview-title .eyebrow,.overview-title>span:last-child,.overview-title strong small{color:#ffffffc7}.overview-title strong{font-family:var(--font);font-size:43px;font-weight:700}.stat>span:first-child{font-weight:700}.stat strong{font-family:var(--font);font-size:22px}.upload-stat strong{color:var(--pink)}.download-stat strong{color:var(--cyan)}.clock strong{color:var(--purple)}.control-deck{gap:14px;margin-bottom:18px}.group-tabs{gap:8px}.group-tabs button,.period-tabs button{border:1px solid #0000;border-radius:999px;padding:9px 15px;font-weight:700;transition:all .18s}.group-tabs button.active,.period-tabs button.active{color:#fff;background:var(--purple);box-shadow:0 5px 14px color-mix(in srgb,var(--purple) 25%,transparent);border-color:#0000}.group-tabs button:hover,.period-tabs button:hover{color:var(--purple);background:var(--surface2)}.filters label{border:1px solid var(--line);background:var(--surface);border-radius:12px;height:40px;padding-left:12px;overflow:hidden}.filters select{background:0 0}.segmented{border:1px solid var(--line);background:var(--surface);border-radius:12px;height:40px;padding:3px}.segmented button{background:0 0;border-radius:8px;border:0!important}.segmented button.active{color:#fff;background:var(--purple)}.server-grid{gap:18px}.server-card{border-radius:20px;gap:15px;padding:18px 19px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.server-card:before{content:"";background:var(--green);width:5px;position:absolute;top:0;bottom:0;left:0}.server-card.offline:before{background:var(--red)}.server-card:hover{border-color:color-mix(in srgb,var(--purple) 38%,var(--line));box-shadow:0 16px 34px var(--shadow);transform:translateY(-4px)}.server-card header strong{font-family:var(--font);font-size:17px}.status-pip{width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent);border-radius:50%}.country{background:var(--surface2);border:0;border-radius:7px;padding:4px 7px;font-weight:700}.card-state{background:color-mix(in srgb,currentColor 10%,transparent);border-radius:999px;padding:4px 8px;font-weight:700}.meters{gap:16px}.meter{grid-template-columns:34px 1fr 51px}.meter-track i{background:var(--surface2);border:0;border-radius:3px}.meter-track i.on{background:currentColor;border:0}.meter b{font-weight:700}.card-facts{border-top:1px solid var(--line);border-radius:10px;padding:11px 12px 0}.tag-row span{background:color-mix(in srgb,var(--cyan) 10%,var(--surface2));border:0;border-radius:999px;padding:4px 8px;font-weight:700}.offline-message{background:color-mix(in srgb,var(--red) 9%,transparent);border-radius:12px}.server-hero{border-radius:24px;padding:24px}.server-hero h1{font-family:var(--font);font-weight:700}.hero-state{background:color-mix(in srgb,currentColor 11%,transparent);border:0;border-radius:999px;padding:7px 11px;font-weight:700}.info-grid article{border:1px solid var(--line);background:var(--surface2);border-radius:15px}.info-grid h2{font-family:var(--font);color:var(--purple);border-bottom:1px solid var(--line)}.section-head h2,.block-title,.page-title h1{font-family:var(--font);font-weight:700}.block-title{border:0;padding-left:16px;position:relative}.block-title:before{content:"";background:linear-gradient(var(--purple),var(--pink));border-radius:5px;width:6px;position:absolute;top:3px;bottom:3px;left:0}.timeline{gap:3px}.timeline i{border-radius:3px}.traffic-bar{border:1px solid var(--line);border-radius:999px;height:13px;padding:2px}.not-found>strong{color:var(--purple);text-shadow:7px 7px 0 color-mix(in srgb,var(--pink) 60%,transparent)}footer{border-top:1px solid var(--line)}.footer-project{color:var(--purple);font-weight:700}.footer-project:hover{text-underline-offset:3px;text-decoration:underline}.footer-pixels{color:var(--purple);letter-spacing:4px}@media (width<=1000px){.overview{grid-template-columns:repeat(2,1fr)}.overview>div{border:0!important}}@media (width<=720px){.topbar-inner{min-height:66px}.topbar nav{height:auto;padding:4px}.topbar nav a{height:38px}.main-wrap{padding-top:24px}.overview{gap:9px;padding:9px}.overview>div{min-height:100px}.server-card{padding:16px}.filters label{padding-left:9px}}@media (width<=390px){.overview{grid-template-columns:1fr}.overview>div{border:0!important}}:root{--pixel-shadow:#c9c2e7;--pixel-hi:#fff}[data-theme=dark]{--pixel-shadow:#0d0c1d;--pixel-hi:#353252}body{background:linear-gradient(90deg,color-mix(in srgb,var(--purple) 7%,transparent) 1px,transparent 1px), linear-gradient(color-mix(in srgb,var(--purple) 7%,transparent) 1px,transparent 1px), radial-gradient(circle at 8% 12%,color-mix(in srgb,var(--pink) 14%,transparent) 0 8%,transparent 18%), radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--cyan) 12%,transparent) 0 7%,transparent 18%),var(--bg);background-size:24px 24px,24px 24px,auto,auto,auto}body:before{opacity:.34;background-image:linear-gradient(135deg,transparent 75%,color-mix(in srgb,var(--purple) 10%,transparent) 75%);background-size:8px 8px;mask-image:linear-gradient(#000,#0000 72%)}.topbar{border-bottom:3px solid var(--line);box-shadow:0 4px 0 var(--pixel-shadow)}.brand b,.server-card header strong,.service-card header strong,.cycle-card>header,.page-title h1,.section-head h2,.block-title,.server-hero h1,.info-grid h2,.not-found h1{font-family:var(--display);letter-spacing:.3px}.brand b{text-shadow:2px 2px 0 color-mix(in srgb,var(--purple) 18%,transparent)}.brand small{font-family:var(--font);letter-spacing:1.5px}.brand-sprite{background:var(--yellow);box-shadow:5px 5px 0 color-mix(in srgb,var(--purple) 23%,transparent);border:3px solid #3a3155;border-radius:4px;transform:none}.brand:hover .brand-sprite{box-shadow:6px 6px 0 color-mix(in srgb,var(--purple) 23%,transparent);transform:translate(-1px,-1px)}.brand-sprite:before,.brand-sprite:after{background:#3a3155;border-radius:0;width:6px;height:8px;top:11px}.brand-sprite:before{left:8px}.brand-sprite:after{right:8px}.brand-sprite i:first-child{width:20px;height:4px;box-shadow:4px -4px 0 var(--yellow),-4px -4px 0 var(--yellow);background:#3a3155;border:0;border-radius:0;bottom:8px;left:10px}.topbar nav{border:2px solid var(--line);box-shadow:3px 3px 0 var(--pixel-shadow);border-radius:6px}.topbar nav a{border-radius:3px}.topbar nav a.active,.topbar nav a:hover{box-shadow:2px 2px 0 var(--pixel-shadow);border-radius:3px}.icon-button,.pixel-button{border:2px solid var(--line);box-shadow:3px 3px 0 var(--pixel-shadow);border-radius:4px}.icon-button:hover,.pixel-button:hover{box-shadow:1px 1px 0 var(--pixel-shadow);transform:translate(2px,2px)}.admin-button{border:2px solid color-mix(in srgb,var(--purple) 75%,#332957);box-shadow:4px 4px 0 color-mix(in srgb,var(--purple) 24%,var(--pixel-shadow))}.link-status{border:2px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:3px}.link-status i,.live-count i,.status-pip{box-shadow:2px 2px 0 color-mix(in srgb,currentColor 22%,transparent);border-radius:0}.pixel-panel{border:2px solid var(--line);box-shadow:5px 5px 0 var(--pixel-shadow);border-radius:6px}.overview{border:2px solid var(--line);box-shadow:6px 6px 0 var(--pixel-shadow);border-radius:8px;gap:10px;padding:10px}.overview:after{content:"■ □ ■";font-family:var(--font);letter-spacing:4px;color:color-mix(in srgb,var(--purple) 32%,transparent);font-size:11px;top:14px;right:18px}.overview>div{box-shadow:3px 3px 0 color-mix(in srgb,var(--purple) 8%,transparent);border-radius:4px;border:2px solid color-mix(in srgb,var(--line) 72%,transparent)!important}.overview-title{box-shadow:4px 4px 0 color-mix(in srgb,var(--purple) 25%,var(--pixel-shadow));border-color:color-mix(in srgb,var(--purple) 70%,#fff)!important}.overview-title strong,.stat strong{font-family:var(--display);letter-spacing:.5px}.eyebrow{font-family:var(--font);letter-spacing:.5px;font-weight:700}.group-tabs button,.period-tabs button{border-radius:3px}.group-tabs button.active,.period-tabs button.active{border:2px solid color-mix(in srgb,var(--purple) 70%,#332957);box-shadow:3px 3px 0 color-mix(in srgb,var(--purple) 22%,var(--pixel-shadow))}.filters label,.segmented{border:2px solid var(--line);box-shadow:2px 2px 0 var(--pixel-shadow);border-radius:4px}.segmented button{border-radius:2px}.filters select{color:var(--ink);background-color:var(--surface);color-scheme:light}.filters select option{color:var(--ink);background:var(--surface)}.filters select option:checked{color:#fff;background:var(--purple)}[data-theme=dark] .filters select{color-scheme:dark;background-color:var(--surface2)}[data-theme=dark] .filters select option{color:var(--ink);background:var(--surface2)}[data-theme=dark] .filters select option:checked{color:#fff;background:var(--purple)}.server-card{box-shadow:5px 5px 0 var(--pixel-shadow);border-radius:6px}.server-card:before{width:6px}.server-card:hover{box-shadow:7px 7px 0 var(--pixel-shadow);transform:translate(-2px,-2px)}.country,.card-state,.tag-row span{border-radius:3px}.country{border:1px solid var(--line)}.card-state{border:1px solid color-mix(in srgb,currentColor 25%,transparent)}.meter-track{gap:3px;height:10px}.meter-track i{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent);border-radius:0}.meter-track i.on{box-shadow:inset -2px -2px #00000021}.card-facts{border-top:2px dotted var(--line);border-radius:0}.offline-message{border:2px dashed color-mix(in srgb,var(--red) 30%,var(--line));border-radius:3px}.server-hero{border-radius:8px}.hero-state{border:2px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:3px}.info-grid article{border:2px solid var(--line);box-shadow:3px 3px 0 var(--pixel-shadow);border-radius:4px}.info-grid h2{border-bottom:2px dashed var(--line)}.block-title:before{width:7px;box-shadow:3px 3px 0 color-mix(in srgb,var(--pink) 28%,transparent);border-radius:0}.chart,.service-card,.cycle-card{border-radius:6px}.chart-tip{border:2px solid var(--line);box-shadow:4px 4px 0 var(--pixel-shadow);border-radius:3px}.chart-line{stroke-linecap:square;stroke-linejoin:miter}.timeline{height:16px}.timeline i{border-radius:0;box-shadow:inset -2px -2px #0000001f}.traffic-bar{border:2px solid var(--line);border-radius:2px;height:15px}.traffic-bar i{background:repeating-linear-gradient(90deg,var(--cyan) 0 8px,var(--purple) 8px 12px);border-radius:0}.empty-state,.terminal-message{border-radius:6px}.not-found>strong{font-family:var(--display);text-shadow:6px 0 0 var(--pink),0 6px 0 var(--cyan)}.footer-pixels{font-family:var(--font);font-size:13px}@media (width<=720px){.overview>div{border:2px solid color-mix(in srgb,var(--line) 72%,transparent)!important}.topbar{box-shadow:0 3px 0 var(--pixel-shadow)}.server-card{box-shadow:4px 4px 0 var(--pixel-shadow)}}.server-grid.compact{grid-template-columns:1fr;gap:11px}.server-card.compact{grid-template-columns:minmax(230px,1.25fr) minmax(430px,2.4fr) minmax(330px,1.65fr);align-items:center;gap:20px;min-height:76px;padding:12px 17px;display:grid}.server-card.compact header{min-width:0}.server-card.compact header strong{font-size:16px}.server-card.compact .meters{gap:15px;min-width:0}.server-card.compact .meter{grid-template-columns:32px minmax(60px,1fr) 48px;gap:6px}.server-card.compact .card-facts{border-top:0;border-left:2px dotted var(--line);align-self:stretch;align-items:center;gap:10px;padding:0 0 0 18px}.server-card.compact .card-facts span{justify-content:center}.server-card.compact .offline-message{grid-column:2/-1;margin:0}@media (width<=1100px){.server-card.compact{grid-template-columns:minmax(200px,1fr) minmax(360px,2fr) minmax(280px,1.35fr);gap:14px}.server-card.compact .meter{grid-template-columns:30px minmax(42px,1fr) 44px}.server-card.compact .card-facts{padding-left:12px}}@media (width<=820px){.server-card.compact{grid-template-columns:minmax(180px,.9fr) minmax(360px,2fr);gap:12px}.server-card.compact .card-facts{display:none}.server-card.compact .offline-message{grid-column:2}}@media (width<=560px){.server-grid.compact{gap:9px}.server-card.compact{grid-template-columns:minmax(0,1fr) 174px;gap:8px;min-height:66px;padding:10px 12px}.server-card.compact header{gap:7px}.server-card.compact header strong{font-size:14px}.server-card.compact .country,.server-card.compact .card-state{display:none}.server-card.compact .meters{grid-template-columns:repeat(3,1fr);gap:4px}.server-card.compact .meter{text-align:center;grid-template-columns:1fr;gap:2px;display:grid}.server-card.compact .meter>span{font-size:8px}.server-card.compact .meter-track{display:none}.server-card.compact .meter b{text-align:center;font-size:9px}.server-card.compact .offline-message{grid-column:2;padding:7px}.server-card.compact .offline-message>span,.server-card.compact .offline-message small{display:none}}