@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#e9edf4;font-synthesis:none;text-rendering:optimizelegibility;--panel:#111925;--line:#202c3b;--muted:#8290a3;--green:#91e5ae;--blue:#78a9ff;background:#0b1018;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 72% -30%,#18283a 0,#0000 42%),#0b1018;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:2;background:#0c121b;flex-direction:column;width:246px;padding:27px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:1px;align-items:center;gap:12px;font:700 17px Space Grotesk;display:flex}.brandmark{color:#08140e;background:linear-gradient(140deg,#9beab4,#42b98b);border-radius:11px;place-items:center;width:36px;height:36px;font-size:23px;display:grid}.muted{color:#718197}.brand small{letter-spacing:2px;color:#77869a;margin-top:3px;font:600 9px DM Sans;display:block}.workspace{border:1px solid var(--line);letter-spacing:1px;color:#9daabc;border-radius:8px;margin:46px 0 18px;padding:11px 9px;font-size:10px}.workspace b{float:right;color:#6c7a8e;font-size:9px}i.dot,.live i{background:#63d58e;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #63d58e}nav{gap:5px;display:grid}nav button{text-align:left;color:#8290a3;background:0 0;border:0;border-radius:7px;padding:12px}nav button span{margin-left:9px}nav button.active{color:#e7f2ee;background:#182431}nav em{float:right;color:#8392a5;font-size:11px;font-style:normal}.sidebottom{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding-top:17px;display:flex}.userpic{color:#a6ddbd;background:#25384a;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.userlabel{flex:1;font-size:12px}.userlabel small{color:var(--muted);margin-top:3px;display:block}.iconbtn{color:#91a0b1;background:0 0;border:0;font-size:19px}.shell main{max-width:1600px;margin-left:246px;padding:34px clamp(22px,5vw,72px) 70px}header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}h1,h2,h3,p{margin-top:0}h1{margin:5px 0 0;font:600 29px Space Grotesk}h2{margin:6px 0 7px;font:600 23px Space Grotesk}h3{margin:8px 0;font:600 16px Space Grotesk}.eyebrow{letter-spacing:1.8px;color:#7f8ea2;font-size:9px;font-weight:700}.header-actions{align-items:center;gap:10px;display:flex}.live{color:#9aabba;margin-right:7px;font-size:11px}.btn{border:1px solid var(--line);border-radius:6px;padding:10px 14px;font-size:12px;font-weight:600;transition:all .16s}.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.primary{color:#07130d;background:#92e4ad;border-color:#92e4ad}.primary span,.outline span{float:right;margin-left:25px}.subtle{color:#c0cad7;background:#121b27}.outline{color:#cbd5e2;background:0 0;border-color:#324152}.danger{color:#ffc0bc;background:#572c32;border-color:#633239}.textbtn{color:#91e5ae;background:0 0;border:0;font-size:12px;font-weight:600}.summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:43px;display:grid}.summary>div{background:linear-gradient(125deg,#121c28,#101721);border:1px solid #202c3a;border-radius:8px;padding:17px 19px;position:relative}.summary span{color:#8492a4;letter-spacing:1.3px;font-size:9px;font-weight:700;display:block}.summary strong{margin:9px 0 2px;font:600 27px Space Grotesk;display:block}.summary small,.sectionhead p{color:#758398;font-size:11px}.section{margin-bottom:40px}.sectionhead{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.sectionhead p{margin:0}.server-list{border:1px solid var(--line);border-radius:8px;overflow:hidden}.server-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:#111925;align-items:center;gap:15px;width:100%;padding:14px 17px;display:flex}.server-row:last-child{border-bottom:0}.server-row:hover{background:#172231}.game-icon{color:#9ae0b1;background:#24364a;border-radius:8px;place-items:center;width:38px;height:38px;font:600 17px Space Grotesk;display:grid}.server-name{flex:1}.server-name strong,.server-name small{display:block}.server-name strong{font-size:13px}.server-name small{color:var(--muted);margin-top:4px;font-size:11px}.state{color:#d9b967;text-transform:capitalize;align-items:center;gap:7px;font-size:10px;display:inline-flex}.state i{background:#d9b967;border-radius:50%;width:7px;height:7px}.state.good{color:#92e4ad}.state.good i{background:#70d996;box-shadow:0 0 8px #70d996}.arrow{color:#758398}.game-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px;display:grid}.game-card{border:1px solid var(--line);background:#111925;border-radius:9px;overflow:hidden}.game-art{background:radial-gradient(at 70% 30%,#364c5e 0,#1c2c3a 36%,#17212d 70%);justify-content:center;align-items:center;height:125px;display:flex;position:relative;overflow:hidden}.game-art:after{content:"";border:1px solid #8293a51e;border-radius:50%;width:240px;height:115px;position:absolute;transform:rotate(-23deg)}.game-number{color:#a1b0bd;font:500 10px Space Grotesk;position:absolute;top:14px;left:15px}.art-glyph{color:#b0eac4;text-shadow:0 4px 30px #64c89255;font:600 65px Space Grotesk}.tested{letter-spacing:1px;color:#a9dbb8;font-size:8px;position:absolute;bottom:12px;right:12px}.game-body{padding:16px}.game-body h3{margin:5px 0;font-size:18px}.game-body p{color:#91a0b1;min-height:35px;margin:0 0 11px;font-size:11px;line-height:1.55}.note{color:#a6b7c7;background:#182331;border:1px solid #263446;border-radius:5px;margin:10px 0;padding:10px;font-size:10px;line-height:1.5}.game-body .btn{margin-top:4px}.empty{color:#8b99aa;border:1px dashed #2b3949;border-radius:8px;padding:22px;font-size:12px}.empty.small{padding:13px}.formpage,.detail,.keys-page{max-width:960px}.back{color:#9aabbd;background:0 0;border:0;margin-bottom:24px;padding:0;font-size:12px}.formtitle{margin-bottom:20px}.formtitle p,.detail-top p,.panel p,.key-intro p{color:#8c9aab;font-size:12px;line-height:1.55}.config-form{border:1px solid var(--line);background:#111925;border-radius:8px;gap:17px;max-width:620px;padding:22px;display:grid}.config-form label,.new-key label,.login label{color:#c1cad6;gap:7px;font-size:12px;font-weight:600;display:grid}.config-form input,.config-form select,.new-key input,.login input{color:#edf2f6;background:#0b121b;border:1px solid #2a394a;border-radius:5px;outline:none;padding:11px 12px}.config-form input:focus,.login input:focus{border-color:#72c696;box-shadow:0 0 0 2px #72c69622}.field-help,.field-error{color:#8291a2;font-size:10px;font-weight:400}.field-error{color:#ff948f}.required{color:#d7b86d;letter-spacing:1px;font-size:8px}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:3px;padding-top:16px;display:flex}.detail-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.detail-name{align-items:center;gap:13px;display:flex}.detail-name h2{margin:4px 0}.actionbar{gap:8px;display:flex}.operation{background:#182636;border:1px solid #2c4053;border-radius:6px;margin-bottom:18px;padding:13px 15px;font-size:12px}.operation small{float:right;color:#9db0c1;text-transform:capitalize}.spinner{vertical-align:middle;border:2px solid #46596d;border-top-color:#91e5ae;border-radius:50%;width:12px;height:12px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.detail-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.panel{border:1px solid var(--line);background:#111925;border-radius:8px;padding:19px}.panel p{margin-bottom:12px}.panel h3{margin:10px 0}.portlist{border-top:1px solid var(--line)}.portlist>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;font-size:11px;display:flex}.portlist small{color:#8190a3;margin-left:6px;font-size:9px}.portlist code,code{color:#a9dbb8;font:11px ui-monospace,monospace}.meta{color:#8593a4;font-size:10px}.config-panel{grid-column:1/-1}.config-line{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;font-size:11px;display:flex}.config-line span{color:#8b99aa}.config-line strong{font-weight:500}.alert{color:#ffc1bb;background:#3b2227;border:1px solid #6c3b40;border-radius:6px;align-items:center;gap:10px;margin:0 0 17px;padding:11px 14px;font-size:12px;display:flex}.alert>span{font-weight:700}.alert button{color:inherit;background:0 0;border:0;margin-left:auto;font-size:17px}.keys-page{max-width:850px}.key-intro{margin:10px 0 25px}.new-key{align-items:end;gap:12px;margin:24px 0;display:flex}.new-key label{flex:1}.keys-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.key-row{border-bottom:1px solid var(--line);background:#111925;align-items:center;gap:15px;padding:14px 17px;display:flex}.key-row:last-child{border:0}.key-row>div{flex:1}.key-row strong,.key-row small{display:block}.key-row strong{font-size:12px}.key-row small{color:var(--muted);margin-top:4px;font-size:10px}.subtle-danger{background:#251a20}.token-callout{background:#153126;border:1px solid #315941;border-radius:7px;align-items:center;gap:13px;padding:14px;display:flex}.token-callout>div{flex:1}.token-callout strong,.token-callout small,.token-callout code{display:block}.token-callout strong{font-size:12px}.token-callout small{color:#a4baa9;margin:4px 0 9px;font-size:10px}.token-callout code{overflow-wrap:anywhere}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#111925;border:1px solid #273545;border-radius:10px;width:min(100%,390px);padding:34px;box-shadow:0 24px 80px #0005}.login-card .brand{margin-bottom:38px}.login-card h1{margin-top:10px}.login-card>p{color:#8c9aab;margin:9px 0 22px;font-size:12px}.login form{gap:17px;display:grid}.full{text-align:left;width:100%}.full span{float:right}.footnote{text-align:center;color:#6e7d90;margin-top:24px;font-size:10px;display:block}@media (width<=850px){.sidebar{width:68px;padding:20px 10px}.brand{justify-content:center}.brand>span:last-child,.workspace,nav button span,nav em,.userlabel{display:none}.sidebar nav{margin-top:40px}.sidebar nav button{text-align:center;font-size:19px}.sidebottom{justify-content:center}.sidebottom .iconbtn{display:none}.shell main{margin-left:68px;padding:25px 22px 50px}.summary{gap:8px}.summary>div{padding:14px}.summary strong{font-size:22px}.detail-top{flex-direction:column;align-items:flex-start}.actionbar{align-self:stretch}.actionbar button{flex:1}}@media (width<=560px){.shell main{padding:20px 14px 40px}header{align-items:flex-start;gap:12px}header h1{font-size:22px}.header-actions{gap:6px}.live{display:none}.header-actions .btn{padding:9px}.header-actions .btn span{display:none}.summary{grid-template-columns:1fr}.summary>div{grid-template-columns:1fr auto;align-items:center;display:grid}.summary strong{grid-area:1/2/3}.summary small{grid-column:1}.sectionhead{align-items:flex-start}.sectionhead p{max-width:250px}.game-grid,.detail-grid{grid-template-columns:1fr}.config-panel{grid-column:auto}.server-row{gap:9px;padding:12px}.server-name small{text-overflow:ellipsis;max-width:160px;overflow:hidden}.state{font-size:9px}.key-row{gap:8px;padding:12px}.key-row code{font-size:9px}.new-key{flex-direction:column;align-items:stretch}.token-callout{align-items:flex-start}.form-actions button{flex:1}.login-card{padding:25px}.sidebar{width:54px;padding-inline:7px}.shell main{margin-left:54px}}