:root{color-scheme:dark;--bg:#100f18;--card:#1c1927;--border:#393044;--gold:#f3bc7b;--muted:#b1a9bf;--green:#7fe3b1;--red:#ef9b9f}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.6 system-ui,sans-serif;color:#eee9f2}a{color:inherit;text-decoration:none}button,select{font:inherit}button,.button{display:inline-block;cursor:pointer;background:var(--gold);color:#241b20;border:0;border-radius:9px;font-weight:650;padding:12px 17px}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#332b3e;color:#d9cedd;padding:5px 10px;font-size:12px}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}aside{background:#17131f;border-right:1px solid var(--border);padding:32px 20px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:.08em;font-weight:750}.brand small{display:block;color:var(--muted);font-weight:400;font-size:10px;letter-spacing:.2em}.vmark{font:italic 36px Georgia;color:var(--gold)}.section-label,.eyebrow,label{font-size:10px;letter-spacing:.16em;color:var(--gold);font-weight:700}.section-label{margin-top:48px;color:#8f819d}nav{display:grid;gap:9px}nav a{font-size:13px;padding:12px;border-radius:9px;color:var(--muted)}nav a.active,nav a:hover{background:#33283e;color:var(--gold)}.aside-bottom{position:absolute;bottom:26px;font-size:11px;color:var(--gold)}.aside-bottom small{color:var(--muted);font-size:10px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}main{min-width:0;padding:0 32px;max-width:1800px;width:100%;margin:auto}header{min-height:78px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);font-size:10px;letter-spacing:.12em;color:var(--muted);gap:15px}header i{margin:0 12px;color:#665870}.connection{color:var(--green)}.heading{padding:29px 0 22px}.heading h1{font:400 clamp(28px,3vw,42px)/1.2 Georgia,serif;margin:9px 0;color:#fff1e5}.heading p{margin:0;color:var(--muted);font-size:14px}.room{position:relative;aspect-ratio:3/2;border:1px solid #574452;border-radius:14px;overflow:hidden;background:#080910}.room img{width:100%;height:100%;display:block}.screen{position:absolute;top:20.65%;width:7.05%;height:16.55%;background:#000;color:#69ff35;display:flex;flex-direction:column;justify-content:space-evenly;padding:.35%;font-family:monospace;font-size:clamp(4px,.58vw,10px);line-height:1.3;overflow:hidden;text-align:left;white-space:nowrap}.screen strong{font-size:1.15em;text-align:center}.screen small{text-align:center;font-size:.7em}.s1{left:44.57%}.s2{left:53.95%}.s3{left:63.46%}.s4{left:72.85%}.room-caption{position:absolute;bottom:12px;right:18px;background:#0c0b13d9;padding:5px 10px;font-size:8px;letter-spacing:.12em;color:#ddced9;border-radius:4px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:21px 0}.stats article,.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:23px}.stats article{padding:20px;min-width:0}.stats label{display:block;color:#a795b5;font-size:9px}.stats strong{font-size:clamp(18px,1.8vw,27px);font-weight:550;display:block;color:var(--gold);margin:9px 0 4px}.stats small{font-size:11px;color:var(--muted);display:block}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card h2{font:400 25px Georgia;margin:8px 0 12px;color:#ffead2}.card p,.card li{font-size:13px}.card .button{font-size:12px;margin-top:10px}.muted{color:var(--muted);font-size:12px}.route{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px}.route strong{display:block;font-size:15px;margin-top:6px}.tag{display:inline-block;padding:4px 9px;border-radius:20px;background:#2a3332;color:var(--green);font-size:10px;letter-spacing:.04em}.tag.off{background:#3d2932;color:var(--red)}.tag.unknown{background:#342f3c;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-size:9px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:10px 12px}td{padding:15px 12px;border-top:1px solid var(--border)}.table-wrap{overflow:auto}td:first-child{font-weight:600}td small{display:block;color:var(--muted);font-weight:400;font-size:10px}.empty{padding:35px;text-align:center;color:var(--muted)}select{display:block;width:100%;background:#110f18;color:#eee;border:1px solid #52415e;border-radius:8px;padding:10px;margin:10px 0}output{display:block;background:#0e1720;color:var(--green);word-break:break-all;padding:15px;margin-top:20px;border-radius:8px;font:16px monospace}output[hidden]{display:none}.protocol{margin-top:18px}code{font:12px monospace;color:#f9c98c;overflow-wrap:anywhere}dl{display:grid;grid-template-columns:170px 1fr;gap:15px;font-size:13px}dt{color:var(--muted)}dd{margin:0}footer{margin-top:35px;padding:23px 0;border-top:1px solid var(--border);display:flex;gap:15px;justify-content:space-between;color:#877b95;font-size:9px;letter-spacing:.08em}footer span:nth-child(2){font:italic 14px Georgia;color:#ba9dab}#toast{position:fixed;bottom:20px;right:20px;max-width:360px;background:#3c2b43;padding:14px 18px;border:1px solid #70557d;border-radius:10px;display:none;z-index:10}.page[hidden]{display:none}.bad{color:var(--red)!important}
@media(min-width:1600px){.screen{font-size:10px}}@media(max-width:1050px){.shell{grid-template-columns:195px minmax(0,1fr)}aside{padding:25px 12px}main{padding:0 18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.two-columns{grid-template-columns:1fr}.route{flex-wrap:wrap}.screen{font-size:.7vw}}@media(max-width:700px){.shell{display:block}aside{position:static;height:auto;border-bottom:1px solid var(--border);padding:15px}.section-label,.aside-bottom{display:none}nav{display:flex;overflow:auto;margin-top:15px;gap:5px}nav a{white-space:nowrap;padding:8px;font-size:11px}.brand{font-size:11px}header{min-height:60px;font-size:8px}.stats article{padding:15px}.screen{font-size:1.04vw}.room-caption{font-size:5px;bottom:5px;right:6px}.card{padding:18px}dl{grid-template-columns:110px 1fr}footer{flex-wrap:wrap}main{padding:0 14px}.heading h1{font-size:29px}}

#password-form{max-width:32rem;display:grid;gap:.8rem}#password-form input{width:100%;box-sizing:border-box;padding:.85rem 1rem;border:1px solid #70627b;border-radius:.5rem;background:#17131f;color:#f5f0e8;font:inherit}#password-form input:focus{outline:2px solid #e8bd76;outline-offset:2px}#password-form button{justify-self:start;margin-top:.5rem}

.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;box-sizing:border-box}.login-card{width:min(100%,30rem);box-sizing:border-box;padding:2.2rem;background:#201c29;border:1px solid #665770;border-radius:1.2rem;box-shadow:0 18px 60px #0005}.login-card h1{font-size:2rem}.login-card form{display:grid;gap:.8rem;margin:1.4rem 0}.login-card input{width:100%;box-sizing:border-box;padding:.9rem;border:1px solid #70627b;border-radius:.5rem;background:#17131f;color:#f5f0e8;font:inherit}.login-card input:read-only{opacity:.8}.login-card input:focus{outline:2px solid #e8bd76;outline-offset:2px}.login-card #login-message{min-height:1.5rem;color:#f4cf93}