*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}
body.staff-ui{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;padding:30px 18px;background:#11151e;border-right:1px solid #252c39;z-index:10;display:flex;flex-direction:column}.sidebar .brand{padding:0 9px}.server-label{display:flex;align-items:center;gap:10px;padding:15px 12px;margin:32px 0;border:1px solid #283141;border-radius:8px;font-size:12px}.server-label small{display:block;color:#8792a7;font-size:10px;margin-top:4px}.nav-label{font-size:9px;letter-spacing:2px;color:#68758b;padding:0 14px;margin-bottom:12px}.sidebar-bottom{margin-top:auto;padding:20px 12px 0;border-top:1px solid #283141;font-size:11px;color:#9eacbf}.sidebar-bottom .status-dot{margin-right:7px}.sidebar-bottom small{display:block;font-size:9px;color:#6f7d93;margin-top:9px}.app-content{margin-left:224px}.app-header{height:76px;padding:0 36px;border-bottom:1px solid #252c39;display:flex;justify-content:space-between;align-items:center;font-size:12px}.breadcrumb{color:#76829a}#identity{display:flex;align-items:center;gap:14px;color:#b8c3d5}#identity button{padding:7px 11px;font-size:11px}#panel{padding:30px 36px;max-width:1920px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading>div>p:last-child{color:#8995ab;font-size:13px;margin:0}.page-heading .eyebrow{margin:0}.service-notice{font-size:12px;color:#c9ac8e;margin:0 0 18px}.service-notice:empty{display:none}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.city-card{position:relative;overflow:hidden;min-height:310px}.city-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:.46}.city-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101722ed,#1117208c 75%,transparent)}.city-copy{position:relative;z-index:1;padding:12px 8px;max-width:300px}.staff-ui .city-copy .eyebrow{color:#a9dccd}.staff-ui .city-copy h2{font-size:32px;letter-spacing:-1px;margin:18px 0 12px}.city-copy p{font-size:12px;line-height:1.7;color:#c1c9d4;max-width:240px}.city-copy .button{margin-top:10px}.dashboard-list .entry{padding:13px 0}.dashboard-list .entry p{font-size:12px}.staff-ui .dashboard-report{display:block;background:transparent;border:0;border-bottom:1px solid #293040;border-radius:0;text-align:left;color:#d8dfed;width:100%;padding:13px 0;font-weight:400}.dashboard-report strong{display:block;font-size:12px;font-weight:500}.dashboard-report small{display:block;color:#8795ac;font-size:11px;margin-top:5px}.quick-card>a{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #293040;font-size:13px}.quick-card>a:last-child{border:0}.quick-card small{display:block;font-size:11px;color:#8592a8;margin-top:6px}.app-footer{display:flex;justify-content:space-between;padding:10px 36px 25px;font-size:9px;color:#626f85;letter-spacing:1px}.players-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:22px}.player-workspace{display:grid;gap:22px;align-content:start}.players-card{align-self:start}.players-card input{width:100%;margin-bottom:15px}.player-columns,.staff-ui .player{display:grid;grid-template-columns:40px minmax(0,1fr) 50px 35px;gap:6px;align-items:center;text-align:left}.player-columns{color:#8290a8;font-size:10px;padding:10px 7px}.staff-ui .player{width:100%;padding:15px 7px;border:0;border-bottom:1px solid #293040;background:transparent;color:#d5deef;border-radius:0;font-size:12px;font-weight:400}.player span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player small{font-size:10px;color:#8b99ae}.staff-ui .player:hover,.staff-ui .player.active{background:#29233c}.players-card .scroll{max-height:650px;min-height:240px}.video-stage{aspect-ratio:16/9;background:#090c13;position:relative;border-radius:9px;overflow:hidden;border:1px solid #28303f}.video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:20px;background:radial-gradient(ellipse,#202034,transparent 75%)}.video-placeholder strong{font-size:19px;font-weight:500;color:#c6cee0}.video-placeholder>span:last-child{font-size:11px;color:#808ca3}.screen-icon{font-size:38px;color:#9583bc}#live-video,#screenshot{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.telemetry{display:flex;flex-wrap:wrap;gap:16px;padding:17px 0;color:#8997ad;font-size:10px}.telemetry b{margin-left:7px;color:#d1dceb}.actions{display:flex;flex-wrap:wrap;gap:8px}.profile-detail{max-height:550px;overflow:auto}.logs-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.log-feed{max-height:calc(100vh - 350px);min-height:360px}
@media(max-width:1100px){.sidebar{width:190px;padding:25px 12px}.app-content{margin-left:190px}#panel{padding:25px 22px}.app-header{padding:0 22px}.dashboard-grid{grid-template-columns:1fr 1fr}.players-layout{grid-template-columns:1fr}.players-card .scroll{min-height:100px;max-height:300px}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:15px;display:block}.sidebar .brand{display:none}.server-label,.nav-label,.sidebar-bottom{display:none}.staff-ui .sidebar .page-nav{flex-direction:row;overflow:auto;gap:4px}.staff-ui .sidebar .page-nav a{padding:9px 11px;white-space:nowrap;font-size:11px}.staff-ui .sidebar .page-nav a>span{display:none}.app-content{margin:0}.app-header{height:60px;padding:0 16px}#panel{padding:22px 16px}.dashboard-grid,.logs-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading .connection-badge{margin-top:10px}.page-heading>div>p:last-child{max-width:270px;font-size:12px}.app-footer{padding:10px 16px 20px}#identity{gap:6px;font-size:11px}.breadcrumb{display:none}}

/* Dedicated sign-in page */
.login-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 15% 45%,#21172f 0,transparent 55%),#09090b}
.login-layout{width:min(1080px,100%);margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding:80px 28px}
.eyebrow{font-size:11px;letter-spacing:3px;color:#b794e8;font-weight:700}
.login-intro h1{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-1.8px;color:#f4f0fa;margin:20px 0}
.login-intro>p:not(.eyebrow){font-size:15px;color:#a7a1b2;max-width:430px;line-height:1.8}
.login-features{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:26px 0 0}
.login-features li{padding:6px 10px;border:1px solid #3a2f48;border-radius:20px;font-size:11px;color:#c1afda}
.login-card{padding:36px;background:#19171f;border:1px solid #3e344d;border-radius:14px;box-shadow:0 24px 80px #0005}
.login-card>.brand-icon{width:42px;height:42px;font-size:22px;border-radius:10px}
.login-card h2{font-size:25px;letter-spacing:-.6px;margin:24px 0 8px;color:#f1edf7}
.login-card>p{color:#aaa3b7;font-size:14px;line-height:1.7}
.discord-login{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding:13px 16px;font-size:14px;border-radius:7px}
.login-card .login-note{font-size:11px;margin:20px 0 0;padding-top:20px;border-top:1px solid #352d40;color:#8f879d}
.login-card .status-line{color:#d0b8f1}
.login-footer{width:min(1080px,100%);margin:0 auto;padding:24px 28px;gap:20px}
@media(max-width:760px){.login-layout{grid-template-columns:1fr;gap:32px;padding:40px 24px;max-width:520px}.login-intro h1{font-size:36px}.login-card{padding:28px}.login-footer{flex-wrap:wrap}.login-features{margin-top:20px}}
.login-page .topbar{border-bottom:1px solid #293040;padding:20px 36px}.login-page .nav-inner{max-width:1300px;margin:auto}.login-page .login-footer{display:flex;justify-content:space-between;font-size:10px;color:#8090a6}.login-page .login-intro h1{font-size:clamp(32px,4vw,52px);line-height:1.12}.login-page .discord-login{display:flex}