:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#eaf1fa;background:#0b111b;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #65e3ba;outline-offset:3px}[hidden]{display:none!important}.mark,.brand{font-weight:800;letter-spacing:-2px}.mark{font-size:50px}.mark span,.brand>span{font-size:13px;color:#65e3ba;vertical-align:top;margin:12px 0 0 5px;display:inline-block}.eyebrow{color:#8391a7;letter-spacing:2px;font-size:11px;margin-top:42px}#login{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10vw;padding:40px;background:radial-gradient(ellipse at 90% 10%,#1d3447,transparent 60%)}.login-card{width:380px}.login-card h1{font-size:32px;font-weight:600;letter-spacing:-1px;margin:14px 0}.login-card p{font-size:14px;color:#91a0b7;margin:0 0 35px}.login-card label{display:block;font-size:13px;margin:0 0 10px;color:#aebacc}.login-card input{border:1px solid #334158;border-radius:8px;background:#111b2a;padding:15px 16px;width:100%;outline:none}.login-card input:focus{border-color:#65e3ba}.login-card button{width:100%;display:flex;justify-content:space-between;border:0;border-radius:8px;background:#66dfb6;color:#092c23;padding:15px 17px;margin-top:14px;font-weight:600}.login-foot{border-top:1px solid #253247;margin-top:38px;padding-top:20px;color:#7f8ea3;font-size:12px}.login-foot i{display:inline-block;width:6px;height:6px;background:#65e3ba;border-radius:50%;margin-right:6px}#login-error{min-height:25px;font-size:13px;color:#ff9d8b;padding-top:10px}.login-art{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:36vw;transform:perspective(1000px) rotateY(-12deg) rotateX(7deg)}.login-art div{height:110px;border:1px solid #3d5870;border-radius:9px;background:linear-gradient(135deg,#253c50,#121c2e);box-shadow:0 16px 20px #050a1260}.login-art div:nth-child(5){background:linear-gradient(135deg,#296757,#143e38);border-color:#4b9f86}.brand{font-size:28px;display:flex;align-items:center}.brand>span{align-self:flex-start;margin-top:4px}.brand>div{margin-left:20px;letter-spacing:0}.brand strong{display:block;font-size:16px;font-weight:600}.brand small{display:block;color:#6d8098;font-size:9px;letter-spacing:2px;margin-top:4px}header{padding:20px 28px;border-bottom:1px solid #202b3c;display:flex;align-items:center;justify-content:space-between;gap:20px}.header-right{display:flex;align-items:center;gap:20px;color:#93a2b7;font-size:12px}.quiet{background:#172232;border:1px solid #2b3a50;color:#bdcadd;border-radius:7px;padding:8px 12px;font-size:12px}.quiet:hover{background:#25384d;color:white}.pill{padding:6px 9px;background:#16332e;color:#7ce9c1;border:1px solid #265044;border-radius:5px;font-size:11px}.pill.error{background:#372b24;color:#f2ba7f;border-color:#665034}.subhead{display:flex;justify-content:space-between;align-items:center;padding:26px 28px 20px}.subhead h1{font-size:22px;letter-spacing:-.4px;margin:0 0 8px}.subhead h1 span{font-size:14px;color:#9aacc3;font-weight:400;margin-left:10px}.subhead p{font-size:12px;color:#6f8099;margin:0}.server{font-size:11px;color:#6f8099}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:0 28px}.card{background:#131f2e;border:1px solid #263348;border-radius:10px;overflow:hidden;position:relative;cursor:pointer;transition:transform .16s,border-color .16s}.card:hover{border-color:#5bd3ae;transform:translateY(-2px)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;font-size:15px}.card-head strong{font-weight:600;letter-spacing:.2px}.badge{font-size:9px;letter-spacing:.5px;color:#8192a9}.badge.online{color:#65dfb5}.picture{aspect-ratio:16/10;background:#080e18;display:flex;align-items:center;justify-content:center;position:relative}.picture img{width:100%;height:100%;object-fit:contain;display:block}.empty{position:absolute;text-align:center;padding:15px;color:#8491a6;font-size:12px;line-height:1.7}.card-foot{padding:9px 13px;display:flex;justify-content:space-between;font-size:10px;color:#7e90aa;min-height:31px}.card-foot .enter{color:#a5b8d1}.card.offline img{opacity:.35}.card.offline .enter{color:#e1b77a}footer{padding:20px 28px;display:flex;justify-content:space-between;color:#61748e;font-size:11px}#desktop{position:fixed;inset:0;background:#080d15;z-index:5;display:flex;flex-direction:column}.controlbar{display:flex;align-items:center;gap:14px;height:60px;padding:10px 18px;background:#121d2b;border-bottom:1px solid #29354a}.controlbar strong{font-size:16px}.controlbar label{font-size:12px;color:#9cadc2;display:flex;align-items:center;gap:8px}.controlbar select{background:#1d2b3c;border:1px solid #35465d;color:#d4dfed;border-radius:5px;font-size:12px;padding:6px}.spacer{flex:1}#screen{flex:1;min-height:0;overflow:hidden;display:flex;justify-content:center;align-items:center}#screen>div{width:100%;height:100%}#control-message{position:absolute;top:80px;left:50%;transform:translateX(-50%);background:#1c2b40e6;border:1px solid #3c506e;padding:12px 20px;border-radius:8px;font-size:13px;color:#d6dfec}.controlfoot{height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:10px;color:#6f829e;border-top:1px solid #192637}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.login-art{display:none}.controlbar{gap:6px;padding:8px}.controlbar label{display:none}.header-right{gap:8px}#clock{display:none}}@media(max-width:600px){header,.subhead{padding:16px}.grid{padding:0 14px;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.brand>div{margin-left:10px}.server{display:none}.card-head{padding:10px;font-size:13px}.controlbar .pill{display:none}.controlbar strong{font-size:13px}.quiet{padding:7px}.controlfoot span:last-child{display:none}}

@media(min-width:1100px){#wall{height:100dvh;display:flex;flex-direction:column}header{padding:16px 28px}.subhead{padding:20px 28px 16px}.grid{flex:1;min-height:360px;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}.card{display:flex;flex-direction:column}.card-head{padding:9px 12px}.picture{flex:1;min-height:0;aspect-ratio:auto}.card-foot{padding:7px 12px;min-height:27px}footer{padding:14px 28px}}

.card{padding:0;text-align:left;color:inherit;font:inherit;width:100%;min-width:0}