:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#050403;--color-bg-alt:#0d0a08;--color-surface:#12100eb8;--color-border:#ffb3472e;--color-text:#f5f2ea;--color-text-muted:#b8ab94;--neon-yellow:#ffd447;--neon-orange:#ff8a2b;--neon-white:#fffdf5;--color-online:#39ff8f;--color-offline:#ff3b5c;--color-maintenance:#ffb347;--color-preparing:#d8d2c4;--radius:14px}*{box-sizing:border-box}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}body{background:radial-gradient(ellipse 60% 40% at 15% 0%, #ff8a2b29, transparent 60%), radial-gradient(ellipse 50% 35% at 85% 10%, #ffd4471f, transparent 60%), linear-gradient(180deg, var(--color-bg-alt), var(--color-bg) 40%);color:var(--color-text);background-attachment:fixed;min-height:100vh;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Segoe UI,system-ui,-apple-system,sans-serif;position:relative}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ff8a2b0f 1px,#0000 1px),linear-gradient(90deg,#ff8a2b0f 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000000b3 40%,#0000 90%);mask-image:linear-gradient(#0000,#000000b3 40%,#0000 90%)}#root{z-index:1;min-height:100vh;position:relative}.app{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 1.25rem;display:flex}.site-header{text-align:center;padding:3.5rem 1rem 2.25rem}.site-header__brand{letter-spacing:.06em;background:linear-gradient(90deg, var(--neon-yellow), var(--neon-orange));color:#0000;text-shadow:0 0 24px #ff8a2b73;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,6vw,3.25rem);font-weight:800;animation:3.6s ease-in-out infinite neon-breathe}.site-header__title{letter-spacing:.28em;color:var(--neon-white);text-shadow:0 0 10px #fffdf559;margin:.5rem 0 0;font-size:clamp(.9rem,2.5vw,1.15rem);font-weight:700}.site-header__subtitle{letter-spacing:.04em;color:var(--color-text-muted);margin:.85rem 0 0;font-size:.85rem}@keyframes neon-breathe{0%,to{filter:brightness();text-shadow:0 0 24px #ff8a2b73}50%{filter:brightness(1.15);text-shadow:0 0 32px #ff8a2ba6,0 0 12px #ffd44780}}.server-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;padding-bottom:3rem;display:grid}@media (width<=640px){.server-grid{grid-template-columns:1fr}}.server-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 0 #ff8a2b00}.server-card:hover{border-color:#ffb34780;transform:translateY(-3px);box-shadow:0 8px 28px #ff8a2b2e}.server-card__image-wrap{aspect-ratio:16/9;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.server-card__image{object-fit:cover;width:100%;height:100%;display:block}.server-card__body{flex-direction:column;gap:.65rem;padding:1.1rem 1.25rem 1.35rem;display:flex}.server-card__name{color:var(--neon-white);letter-spacing:.02em;margin:0;font-size:1.2rem;font-weight:700}.server-card__section{border-top:1px solid var(--color-border);flex-direction:column;gap:.3rem;margin:0;padding-top:.55rem;font-size:.85rem;display:flex}.server-card__row{justify-content:space-between;gap:.75rem;display:flex}.server-card__row dt{color:var(--neon-orange);font-weight:600}.server-card__row dd{text-align:right;word-break:break-all;color:var(--color-text);margin:0}.server-card__message{color:var(--color-text-muted);border-top:1px solid var(--color-border);margin:0;padding-top:.55rem;font-size:.85rem}.server-card__address{border-top:1px solid var(--color-border);flex-direction:column;gap:.3rem;margin:0;padding-top:.55rem;font-size:.85rem;display:flex}.server-card__address-label{color:var(--neon-orange);font-weight:600}.server-card__address-value{white-space:nowrap;color:var(--color-text);font-family:Consolas,Menlo,monospace;overflow-x:auto}.server-status{letter-spacing:.06em;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;width:fit-content;padding:.35rem .75rem;font-size:1rem;font-weight:800;display:inline-flex}.server-status__dot{border-radius:50%;width:.6rem;height:.6rem}.server-status--online{color:var(--color-online);text-shadow:0 0 10px #39ff8f8c;background:#39ff8f1a;border-color:#39ff8f59}.server-status--online .server-status__dot{background:var(--color-online);box-shadow:0 0 10px 2px var(--color-online);animation:2.4s ease-in-out infinite glow-pulse-online}.server-status--offline{color:var(--color-offline);text-shadow:0 0 10px #ff3b5c73;background:#ff3b5c1a;border-color:#ff3b5c59}.server-status--offline .server-status__dot{background:var(--color-offline);box-shadow:0 0 8px 1px var(--color-offline)}.server-status--maintenance{color:var(--color-maintenance);text-shadow:0 0 10px #ffb34780;background:#ffb3471f;border-color:#ffb34766}.server-status--maintenance .server-status__dot{background:var(--color-maintenance);box-shadow:0 0 8px 1px var(--color-maintenance);animation:1.6s ease-in-out infinite glow-pulse-maintenance}.server-status--preparing{color:var(--color-preparing);background:#d8d2c414;border-color:#d8d2c447}.server-status--preparing .server-status__dot{background:var(--color-preparing);box-shadow:0 0 6px 1px #d8d2c499}@keyframes glow-pulse-online{0%,to{box-shadow:0 0 8px 1px var(--color-online)}50%{box-shadow:0 0 16px 4px var(--color-online)}}@keyframes glow-pulse-maintenance{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.server-status--online .server-status__dot,.server-status--maintenance .server-status__dot,.site-header__brand{animation:none}.server-card{transition:none}}.site-footer{text-align:center;color:var(--color-text-muted);letter-spacing:.03em;padding:1.5rem 1rem 2.5rem;font-size:.8rem}