:root{background:#090f18;color:#eaf0fa}body{background:radial-gradient(ellipse at top right,#13233655,transparent 65%),#090f18}header{height:68px;padding:0 24px;background:#0b131fee;border-color:#1f2d40;gap:24px}.brand{font-size:25px;letter-spacing:-1px}.mark{background:#087dff;color:white;border-radius:7px;width:30px;height:30px;font-size:23px}.beta{display:none}.top-nav{display:flex;gap:22px;height:100%;align-items:center}.top-nav button{background:none;color:#e6edfa;font-weight:600;padding:22px 8px}.top-nav button:hover{color:#62adff;border-bottom:2px solid #0088ff}#global-search{max-width:560px;background:#131d2c;border-color:#455875;margin:0 auto}#global-search button{color:#b9cee7}.side-nav{top:68px;width:215px;background:#0b131d;border-color:#1c2b3e;padding:24px 12px}.side-nav button{color:#dce5f5;border-radius:7px;padding:13px 17px}.side-nav button.selected{background:linear-gradient(90deg,#122c4b,#0e2441);border-right:4px solid #0089ff;color:white;box-shadow:inset 0 0 20px #087dff13}.side-nav button:hover{background:#132238}.nav-note{color:#687d95}#hub{margin-left:215px;margin-right:320px;padding:24px}.play{background:#007fff;color:#fff;box-shadow:0 4px 20px #0080ff25}.play:hover{background:#2493ff}.eyebrow{color:#a8c6ec;letter-spacing:1px}.welcome{background:none;border:0;padding:0;margin:0 0 22px;gap:14px}.welcome .avatar{width:44px;height:44px;border-radius:50%;font-size:23px;background:#172d49;color:#8fc9ff;border:1px solid #365a83}.welcome h1{font-size:22px;margin:0;letter-spacing:0}.welcome .eyebrow,.welcome p{display:none}.welcome .play{padding:8px 15px;background:#172c47;box-shadow:none;font-size:12px}.featured-world{position:relative;height:320px;border:1px solid #24415b;border-radius:14px;overflow:hidden;margin-bottom:27px;background:#172837}.featured-world>img{width:100%;height:100%;object-fit:cover;object-position:65% 50%}.featured-world:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#04101df0,#04101d80 48%,transparent)}.featured-copy{position:absolute;left:30px;top:62px;z-index:1}.featured-copy h2{font-size:36px;letter-spacing:-1px;margin:12px 0}.featured-copy p{color:#c1cfe0;font-size:15px;line-height:1.7;margin-bottom:23px}.featured-copy .play{font-size:17px;padding:14px 25px}.feature-tag{position:absolute;bottom:16px;right:18px;z-index:1;color:#cfe4f4;font-size:11px;padding:6px 10px;background:#0b192ac9;border-radius:20px}.section-heading{margin-bottom:16px}.section-heading h2{font:700 22px 'DM Sans'}.world-grid{gap:16px}.card{border:0;background:transparent;border-radius:10px}.card:hover{transform:translateY(-3px)}.preview{height:150px;border-radius:10px;border:1px solid #263b51}.card-body{padding:12px 2px}.category{display:none}.card h3{font:700 17px 'DM Sans';letter-spacing:0;margin:0 0 9px}.card p{display:none}.card-bottom span{font-size:11px}.card-bottom .play{font-size:12px;padding:8px 13px;box-shadow:none}.discovery-banner{background:linear-gradient(110deg,#123c63,#151e37);border-color:#244d77;padding:24px;margin-top:25px}.discovery-banner h2{font-size:24px}.community-rail{position:fixed;right:20px;top:92px;width:280px;bottom:20px;overflow:auto}.community-rail>section{background:#101a29;border:1px solid #1a2c42;padding:18px;border-radius:12px;margin-bottom:15px}.community-rail h2{font-size:17px;margin:0 0 20px}.community-rail p,#rail-friends{font-size:12px;color:#8c9db3;line-height:1.7}.rail-heading{display:flex;align-items:start;justify-content:space-between}.rail-heading button{background:none;color:#c7d8ee;font-size:11px;padding:2px}.rail-game{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:13px;background:none;color:#e3ecfa;text-align:left;padding:0;font-size:12px;font-weight:600}.rail-game img{width:50px;height:50px;object-fit:cover;border-radius:9px}.rail-game>span:last-child{margin-left:auto;padding:10px;background:#1c2a3e;border-radius:8px}#rail-friends:has(button){display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rail-friend{background:none;color:#c8d6e8;font-size:11px;display:grid;justify-items:center;gap:7px;padding:0}.rail-friend .mini-avatar{border-radius:50%;background:#213950;color:#81c3ff;border-color:#385b7d}.profile-cover{background:radial-gradient(ellipse at top right,#007fff50,transparent 60%),linear-gradient(130deg,#152e48,#111b2d)}.avatar,.avatar.large{background:#143960;color:#95caff}.public-identity p.online,.search-player-row small.online{color:#28e39c}.profile-panel{background:#101a29;border-color:#1d3046}.mini-avatar{background:#143960;color:#9bd0ff;border-color:#285a86}.search-tabs button.selected{background:#087dff;color:#fff}.available-badge{color:#48d9a2;border-color:#245242}.field-help[data-state=good],.profile-identity small{color:#48d9a2}.profile-identity>div:first-child{background:#087dff;color:#fff}#player{margin-left:215px}body:has(#player:not([hidden])) .community-rail{display:none}footer{color:#607890}@media(max-width:1300px){.community-rail{width:230px;right:16px}#hub{margin-right:260px}.top-nav{gap:8px}.world-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1000px){.community-rail{position:static;width:auto;margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.community-rail>section:last-child{display:none}#hub{margin-right:0}.top-nav{display:none}}@media(max-width:700px){header{height:68px;padding:0 12px;gap:12px}.brand{font-size:0}.side-nav{top:68px;width:100%;padding:8px;height:58px}.side-nav button{padding:9px 5px;border-right:0}.side-nav button.selected{border-right:0;border-bottom:2px solid #0089ff}#hub,#player{margin-left:0;margin-right:0;padding:82px 16px 0}.featured-world{height:285px}.featured-copy{left:22px;top:40px}.featured-copy h2{font-size:30px}.featured-copy p{font-size:13px}.feature-tag{font-size:9px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview{height:115px}.card h3{font-size:14px}.card-bottom span{display:none}.community-rail{display:block}.welcome h1{font-size:19px}.page-heading h1{font-size:32px}.search-player-row{gap:10px}.brand .mark{font-size:23px}}
.recommended{margin-top:28px}
.camera-locked{cursor:crosshair}.instructions{padding:0 15px;line-height:1.6}
.room-bar{display:flex;align-items:center;flex-wrap:wrap;gap:20px;background:#111e30;border:1px solid #284263;border-radius:10px;padding:12px;margin-bottom:14px;font-size:13px}.room-bar form{display:flex;align-items:center;gap:10px}.room-bar input{width:130px;background:#091421;border:1px solid #34506e;border-radius:6px;color:white;padding:8px;font:inherit}.room-bar button{padding:8px 14px;background:#087dff;border-radius:6px;color:white}.room-bar details{margin-left:auto;position:relative}.room-bar ul{position:absolute;right:0;top:20px;background:#14253b;border:1px solid #35587b;padding:18px 25px;min-width:180px;z-index:5;list-style:none;line-height:1.8}.room-bar summary{cursor:pointer}