:root{
  --bg:#0d0f12;--bg2:#121419;--panel:#171a20;--panel2:#1e2229;--line:#2a2f38;
  --text:#f7f8fa;--muted:#959ca8;--soft:#c9cdd4;--orange:#ff5b3e;--orange2:#ff7a45;
  --orange3:#ff9b58;--yellow:#ffc13d;--danger:#ff5266;--green:#4fd89c;--sidebar:238px;
  --sidebar-collapsed:76px;--radius:16px;--shadow:0 24px 70px rgba(0,0,0,.35)
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}[hidden]{display:none!important}.muted{color:var(--muted)}.shell{min-height:100vh}.workspace{min-height:100vh}.workspace.with-sidebar{margin-left:var(--sidebar);padding:34px 46px 80px;transition:margin-left .2s ease}.workspace.standalone{padding:0}.rail-collapsed .workspace.with-sidebar{margin-left:var(--sidebar-collapsed)}
.surface{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent),var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.eyebrow{display:block;color:#ff8f7a;font-size:.66rem;font-weight:900;letter-spacing:.14em}.primary-button,.outline-button,.danger-button{border:0;border-radius:11px;padding:11px 16px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 10px 28px rgba(255,91,62,.18)}.primary-button:hover{filter:brightness(1.07)}.primary-button.large{padding:13px 20px}.outline-button{background:#20242b;color:#f2f3f5;border:1px solid #353b45}.danger-button{background:#2e1b20;color:#ff9aa6;border:1px solid #5a3139}.text-danger{border:0;background:none;color:#ff8998;padding:7px 8px;text-align:left;width:100%}
input,select,textarea{width:100%;background:#101318;color:#f5f6f8;border:1px solid #303641;border-radius:10px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#765044;box-shadow:0 0 0 3px rgba(255,91,62,.09)}textarea{resize:vertical;min-height:105px}label{display:grid;gap:6px;color:#c8ccd2;font-size:.78rem}.field-note,.field-help{color:#777f8b;font-size:.68rem}.private-pill{display:inline-block;width:max-content;background:#24272d;color:#9ca3ad;border-radius:999px;padding:2px 7px;font-size:.6rem;margin-left:4px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.input-prefix{display:flex;align-items:center;background:#101318;border:1px solid #303641;border-radius:10px;overflow:hidden}.input-prefix>span{padding-left:12px;color:#858c97}.input-prefix input{border:0;border-radius:0;box-shadow:none}
.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;background:linear-gradient(135deg,var(--orange),var(--orange3));color:white;font-weight:900}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.xl{width:72px;height:72px;font-size:1.5rem}
.side-nav{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#111318;border-right:1px solid #242932;padding:16px 12px;z-index:60;display:flex;flex-direction:column;overflow:auto;transition:width .2s ease,transform .2s ease}.side-brand-row{display:flex;align-items:center;gap:8px}.side-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:4px 7px 14px;font-size:1.14rem;font-weight:900;letter-spacing:-.03em}.side-brand img{width:38px;height:38px;border-radius:11px}.rail-collapse{border:1px solid #30353e;background:#1b1e24;color:#bbbfc6;border-radius:9px;width:30px;height:30px}.side-user{display:flex;align-items:center;gap:10px;padding:13px 8px;margin-bottom:11px;border-top:1px solid #222730;border-bottom:1px solid #222730}.side-user-copy{display:grid;min-width:0}.side-user-copy strong,.side-user-copy small,.side-user-copy em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user-copy strong{font-size:.84rem}.side-user-copy small{color:#868d98;font-size:.7rem}.side-user-copy em{font-style:normal;color:#ff937f;font-size:.64rem}.side-links{display:grid;gap:3px}.side-links a,.nav-button,.side-plain{width:100%;border:0;background:none;color:#c4c8cf;display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:10px;text-align:left}.side-links a:hover,.nav-button:hover,.side-plain:hover,.side-links a.active{background:#1e2228;color:#fff}.side-links a.active .nav-icon{color:var(--orange)}.nav-icon{width:22px;text-align:center;font-size:1.02rem;color:#8d949f;flex:0 0 auto}.nav-label{white-space:nowrap}.nav-badge{margin-left:auto;background:var(--orange);color:white;border-radius:999px;min-width:20px;padding:1px 6px;text-align:center;font-size:.62rem}.primary-nav{margin-bottom:10px}.secondary-nav{margin-top:9px}.create-fab{margin:9px 2px 4px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--orange),#ff764f);color:white;display:flex;align-items:center;gap:10px;padding:11px 14px;font-weight:900}.create-fab>span{font-size:1.2rem}.side-bottom{margin-top:auto;padding-top:12px;border-top:1px solid #242932;display:grid;gap:3px}.version{font-size:.68rem;color:#666d78;padding:3px 10px}.rail-collapsed .side-nav{width:var(--sidebar-collapsed)}.rail-collapsed .side-brand span,.rail-collapsed .side-user-copy,.rail-collapsed .nav-label,.rail-collapsed .nav-badge,.rail-collapsed .version{display:none}.rail-collapsed .side-brand{justify-content:center;padding-left:0;padding-right:0}.rail-collapsed .side-brand img{width:40px;height:40px}.rail-collapsed .rail-collapse{position:absolute;left:60px;top:20px;width:24px;height:24px}.rail-collapsed .side-user{justify-content:center;padding-left:0;padding-right:0}.rail-collapsed .side-links a,.rail-collapsed .nav-button,.rail-collapsed .side-plain,.rail-collapsed .create-fab{justify-content:center;padding-left:0;padding-right:0}.rail-collapsed .nav-icon{width:auto}.mobile-rail-toggle{display:none;position:fixed;z-index:80;left:14px;top:14px;border:1px solid #343a44;background:#171a20;color:white;border-radius:10px;width:42px;height:42px}
.flash-stack{position:fixed;right:24px;top:18px;z-index:120;width:min(390px,calc(100vw - 36px));display:grid;gap:8px}.flash{padding:12px 14px;background:#1a1e24;border:1px solid #353b44;border-radius:11px;box-shadow:var(--shadow)}.flash.success{border-color:rgba(79,216,156,.35)}.flash.error{border-color:rgba(255,82,102,.4)}
.public-home{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle at 50% 25%,rgba(255,91,62,.15),transparent 28%),radial-gradient(circle at 80% 85%,rgba(255,193,61,.05),transparent 24%),#0d0f12}.public-home-inner{width:min(760px,100%);text-align:center}.public-logo{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 24px 45px rgba(255,91,62,.13))}.public-home h1{font-size:clamp(4.6rem,12vw,8rem);line-height:.86;letter-spacing:-.075em;margin:4px 0 22px}.public-lead{color:#a1a7b0;font-size:1.08rem;max-width:590px;margin:0 auto 28px}.public-actions{display:flex;justify-content:center}.public-stats{display:flex;justify-content:center;gap:42px;margin:42px 0 24px}.public-stats span{display:grid}.public-stats strong{font-size:1.35rem}.public-stats small{color:#727985}.public-safety{margin:22px auto 18px;max-width:650px;padding:12px 14px;border-radius:12px;background:#15181d;border:1px solid #2c323b;color:#959ca6;font-size:.77rem}.public-footer{display:flex;justify-content:center;gap:20px;color:#686f79;font-size:.72rem}.public-footer a:hover{color:#fff}
.auth-page,.onboarding-page{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle at 50% 15%,rgba(255,91,62,.12),transparent 30%),var(--bg)}.auth-card{width:min(470px,100%);padding:30px;text-align:center}.auth-full-logo{width:110px;height:110px;object-fit:contain;margin-bottom:8px}.auth-card h1{font-size:2.4rem;letter-spacing:-.05em;margin:8px 0}.auth-card>p{color:#969da8;line-height:1.7}.google-button{margin:22px 0 12px;width:100%;display:flex;justify-content:center;align-items:center;gap:10px;background:#fff;color:#202124;border-radius:11px;padding:13px;font-weight:850}.google-button b{color:#4285f4;font-size:1.2rem}.auth-card>small{display:block;color:#6f7680;font-size:.69rem;margin-top:12px}.config-note,.safety-note{padding:13px 14px;border-radius:12px;background:#191b20;border:1px solid #343944;display:grid;gap:3px;color:#d6d8dd}.config-note span,.safety-note span{color:#9299a4;font-size:.76rem}.safety-note{border-color:#4d392d;background:#201a17}.safety-note strong{color:#ffc09f}.safety-note.compact{display:flex;align-items:flex-start;gap:9px}.dev-login{display:grid;gap:8px;margin:12px 0}.onboarding-card{width:min(800px,100%);padding:28px}.onboarding-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}.onboarding-heading img{width:84px;height:84px;object-fit:contain}.onboarding-heading h1{margin:3px 0;font-size:2.35rem;letter-spacing:-.05em}.onboarding-heading p{margin:0;color:var(--muted)}.profile-form{display:grid;gap:14px;margin-top:18px}.avatar-upload-row{padding:4px 0}.avatar-picker{display:flex;align-items:center;gap:12px;cursor:pointer}.avatar-picker input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.avatar-picker>span:not(.avatar){font-weight:850}.avatar-picker>small{display:block;color:#767e89}.avatar-picker.settings-avatar{display:grid;justify-items:start}
.main-app,.profile-page,.settings-page,.admin-page,.room-page{width:min(1160px,100%);margin:0 auto}.privacy-strip{display:flex;align-items:flex-start;gap:10px;border:1px solid #3b332d;background:#181715;border-radius:12px;padding:10px 12px;margin-bottom:22px;color:#a8a29d}.privacy-strip p{margin:0;font-size:.75rem}.main-section{animation:sectionIn .18s ease}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.section-heading h1{font-size:2.7rem;letter-spacing:-.055em;margin:3px 0 0}.section-heading p{color:var(--muted);margin:4px 0 0}.quick-create{border:0;background:var(--orange);color:white;border-radius:11px;padding:10px 14px;font-weight:850}.content-block{margin-top:28px}.block-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.block-heading h2{font-size:1rem;margin:0}.block-heading span,.block-heading a{font-size:.7rem;color:#7f8792}.block-heading a:hover{color:#ff9a84}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.room-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.room-card{min-height:145px;border-radius:15px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(150deg,#252028,#171a20);border:1px solid #303640;transition:.15s ease}.room-card:hover,.game-card:hover,.voice-row:hover,.search-card:hover,.person-card:hover{transform:translateY(-1px);border-color:#4a4f59}.room-card.live{background:radial-gradient(circle at 80% 20%,rgba(255,91,62,.2),transparent 35%),linear-gradient(150deg,#2b1d1c,#171a20)}.room-card strong{margin-top:auto;font-size:.92rem}.room-card small{color:#9ba1aa}.room-card em{font-style:normal;color:#69717c;font-size:.67rem}.room-type{display:inline-block;width:max-content;background:#ff4f54;color:white;border-radius:6px;padding:4px 7px;font-size:.58rem;font-weight:900;letter-spacing:.08em;margin-bottom:26px}.voice-list{display:grid;gap:7px}.voice-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;background:#15181d;border:1px solid #292f38;padding:10px 12px;border-radius:12px}.voice-dot{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#2d2517;color:var(--yellow)}.voice-row>span:nth-child(2){display:grid}.voice-row small{color:#858d98}.voice-row em{font-style:normal;color:#6f7681;font-size:.68rem}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-card{display:flex;align-items:center;gap:11px;padding:13px;background:#15181d;border:1px solid #292f38;border-radius:12px}.game-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#2a201c;color:#ff8d6f}.game-card>div{display:grid}.game-card small{color:#838b96}.activity-panel{align-self:start;padding:20px;position:sticky;top:24px}.activity-score{display:block;font-size:3.5rem;line-height:1;color:var(--orange);margin-top:12px}.activity-label{color:#7e8590;font-size:.73rem}.activity-panel p{color:#9299a3;font-size:.78rem;line-height:1.65}.activity-panel .outline-button{width:100%}.feed-block{max-width:760px}.feed-list{display:grid;gap:10px}.empty-state,.empty-inline{color:#7e8691}.empty-state{padding:24px}.empty-inline{padding:15px;border:1px dashed #303640;border-radius:12px;font-size:.78rem}
.global-search{display:flex;align-items:center;gap:8px;padding:9px;max-width:760px}.global-search>span{padding-left:8px;color:#8b929d}.global-search input{border:0;background:transparent;box-shadow:none}.search-status{font-size:.74rem;color:#777f89;margin:10px 0 26px}.search-results{display:grid;gap:30px}.people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.person-card{padding:17px 12px;text-align:center;display:grid;justify-items:center;gap:4px}.person-card small,.person-card em{color:#7d8590;font-size:.68rem;font-style:normal}.person-card em{color:#ff927a}.search-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.search-card{padding:15px;display:grid;gap:4px}.search-card strong{margin-top:8px}.search-card small,.search-card em{color:#828a95;font-size:.7rem;font-style:normal}.compact-post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-post{padding:14px}.compact-post span{color:#7e8690;font-size:.7rem}.compact-post p{color:#a0a6ae;margin:7px 0 0;font-size:.78rem}
.post-card{padding:16px}.post-head{display:flex;align-items:center;gap:10px}.post-head>div{display:grid;flex:1;min-width:0}.post-head strong{font-size:.86rem}.post-head span{font-size:.68rem;color:#777f8a}.post-head em{font-style:normal;color:#ff8e75;font-size:.58rem;font-weight:900;letter-spacing:.09em}.post-body{white-space:pre-wrap;line-height:1.65;color:#dedfe3}.media-card{display:grid;gap:2px;padding:13px;border-radius:11px;background:#111419;border:1px solid #2c323b}.media-card>span{font-size:.58rem;color:#ff8e75;font-weight:900}.media-card small{color:#6f7782;overflow:hidden;text-overflow:ellipsis}.post-actions{display:flex;gap:4px;align-items:center;border-top:1px solid #272c34;margin-top:13px;padding-top:10px}.post-actions form{margin:0}.mini-action{border:0;background:none;color:#9299a3;padding:6px 8px;border-radius:8px}.mini-action:hover{background:#22262d;color:white}.mini-action.static{cursor:default}.danger-text{color:#ff8493}.comments{padding:8px 0}.comments p{margin:5px 0;color:#b0b5bd;font-size:.76rem}.comments b{color:#ff927b}.comment-form{display:flex;gap:7px}.comment-form input{flex:1}.comment-form button{border:0;background:#262a31;color:#dfe1e5;border-radius:9px;padding:8px 11px}
.messages-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:590px;overflow:hidden}.contacts{border-right:1px solid var(--line);padding:10px}.contacts-title{font-size:.7rem;color:#7a828d;font-weight:850;padding:7px 8px}.contact{display:flex;align-items:center;gap:9px;padding:9px;border-radius:10px}.contact:hover,.contact.active{background:#23272e}.contact>div{display:grid}.contact small{color:#7d8590;font-size:.68rem}.contact-empty{padding:10px;font-size:.75rem}.thread{display:flex;flex-direction:column;min-width:0}.thread>header{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.thread>header>div{display:grid}.thread>header span{color:#7c8490;font-size:.7rem}.thread-log{flex:1;display:flex;flex-direction:column;gap:7px;padding:15px;overflow:auto}.bubble{max-width:72%;align-self:flex-start;background:#24282f;border-radius:13px 13px 13px 4px;padding:9px 11px}.bubble.mine{align-self:flex-end;background:#3a241e;border:1px solid #5d3328;border-radius:13px 13px 4px 13px}.bubble p{margin:0}.bubble small{color:#747c87;font-size:.59rem}.message-form{display:flex;gap:7px;padding:10px;border-top:1px solid var(--line)}.message-form input{flex:1}.thread-placeholder{margin:auto;text-align:center;color:#7d8590}.thread-placeholder>span{font-size:2.5rem;color:#ff7c5d}.thread-placeholder h2{color:white}.empty-thread{margin:auto;color:#747c87}.notification-list{display:grid;gap:8px;max-width:850px}.notification{display:flex;gap:11px;padding:14px}.notification-dot{width:8px;height:8px;border-radius:50%;background:#474c55;margin-top:6px}.notification.unread .notification-dot{background:var(--orange);box-shadow:0 0 16px rgba(255,91,62,.5)}.notification p{margin:3px 0;color:#9299a3}.notification small{color:#6d7580;font-size:.67rem}
.profile-page{max-width:900px}.profile-hero{overflow:hidden}.profile-cover{height:220px;position:relative;background:radial-gradient(circle at 25% 35%,rgba(255,193,61,.35),transparent 24%),linear-gradient(130deg,#ff8a4e,#ff553f 55%,#bd2f39);overflow:hidden}.cover-mark{position:absolute;right:7%;bottom:-33%;font-size:18rem;font-weight:950;line-height:1;color:rgba(255,255,255,.09);transform:rotate(-8deg)}.profile-identity{position:relative;display:flex;align-items:flex-end;gap:16px;padding:0 24px 18px;margin-top:-56px}.profile-avatar-wrap{position:relative;display:inline-block}.profile-avatar{width:116px;height:116px;border:5px solid #171a20;font-size:2.2rem;box-shadow:0 8px 28px rgba(0,0,0,.25)}.avatar-edit{position:absolute;right:2px;bottom:4px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--orange);border:3px solid #171a20;color:white}.profile-name-block{display:grid;padding-bottom:4px;flex:1}.profile-name-row{display:flex;align-items:center;gap:9px}.profile-name-row h1{font-size:2rem;letter-spacing:-.04em;margin:0}.tiny-edit{font-size:.68rem;color:#ff957e}.profile-name-block>span{color:#969da7}.profile-name-block>small{color:#ff9a85;margin-top:2px}.profile-level{display:grid;text-align:right;padding-bottom:4px}.profile-level span{font-size:.58rem;color:#7e8690;font-weight:900;letter-spacing:.1em}.profile-level strong{font-size:1.65rem;color:var(--orange)}.profile-level small{color:#747c87}.profile-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#15181d}.profile-stats-bar button{border:0;background:none;color:white;padding:13px;display:grid;place-items:center}.profile-stats-bar button:hover{background:#1d2127}.profile-stats-bar strong{font-size:1.05rem}.profile-stats-bar span{color:#7f8792;font-size:.67rem}.profile-action-row{display:flex;gap:8px;padding:13px 20px}.profile-more{position:relative}.profile-more summary{list-style:none;cursor:pointer;background:#20242b;border:1px solid #343a44;border-radius:10px;padding:10px 13px}.profile-more>div{position:absolute;z-index:10;right:0;top:46px;width:170px;padding:7px}.profile-tabs{display:flex;gap:4px;border-bottom:1px solid #2a2f38;margin:20px 0 16px}.profile-tabs button{border:0;background:none;color:#7e8690;padding:10px 14px;border-bottom:2px solid transparent}.profile-tabs button.active{color:#ff8d72;border-color:var(--orange)}.profile-tab{animation:sectionIn .16s ease}.profile-about{padding:22px;min-height:180px}.profile-about h2{font-size:1rem;margin-top:0}.profile-about>p{white-space:pre-wrap;color:#c9ccd2}.profile-composer{padding:15px;display:grid;gap:10px;margin-bottom:10px}.composer-head{display:flex;align-items:center;gap:9px}.composer-head>div{display:grid}.composer-head small{color:#7b838e}.composer-bottom{display:grid;grid-template-columns:130px 1fr auto;gap:8px}.people-list{padding:18px}.people-list h2{margin-top:0;font-size:1rem}.people-list>a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:9px;border-radius:10px}.people-list>a:hover{background:#20242a}.people-list>a>span:nth-child(2){display:grid}.people-list small{color:#7d8590}.people-list em{font-style:normal;color:#ff927a;font-size:.7rem}
.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.settings-grid>.profile-form{padding:20px;margin-top:0}.settings-aside{display:grid;gap:10px;align-content:start}.activity-card{padding:19px}.activity-card>strong{display:block;font-size:3.1rem;line-height:1;color:var(--orange);margin:12px 0 7px}.activity-card p{color:#9299a3;font-size:.78rem}.admin-page{max-width:1080px}.admin-section{padding:18px;margin-bottom:12px}.admin-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.admin-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;border-top:1px solid #282e37}.admin-row:first-of-type{border-top:0}.admin-row p{margin:4px 0;color:#9aa1ab}.admin-row small{color:#717984;font-size:.65rem}.bug-row form{display:grid;gap:7px;min-width:145px}.admin-row-title{display:flex;gap:8px;align-items:center}.bug-status{font-size:.58rem;text-transform:uppercase;border-radius:999px;padding:3px 7px;background:#282d35;color:#aab0b8}.bug-status.open{background:#3b221d;color:#ff9b83}.bug-status.in_progress{background:#2b291a;color:#f4d365}.bug-status.fixed{background:#173025;color:#73e0aa}.bug-status.closed{background:#23272e;color:#858d97}.admin-link{display:block;color:#ff9079;font-size:.68rem;margin-top:4px}
.status-pill{display:inline-block;width:max-content;font-size:.58rem;font-weight:900;letter-spacing:.08em;padding:4px 7px;border-radius:6px;background:#30251f;color:#ff9a80}.status-pill.live{background:#3b1f20;color:#ff7479}.status-pill.voice{background:#302815;color:#ffd45a}.status-pill.game{background:#1c2b2c;color:#74dbe2}.room-heading small{color:#737b86}.room-stack{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:10px}.stage{min-height:540px;padding:15px;display:flex;flex-direction:column}.stage-placeholder{flex:1;display:grid;place-items:center;align-content:center;text-align:center;color:#838b96}.stage-placeholder img{width:72px;height:72px}.stage-placeholder h2{color:white;margin:10px 0 3px}.stage-placeholder p{max-width:430px;margin:0}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.video-tile{position:relative;min-height:240px;background:#08090b;border-radius:12px;overflow:hidden}.video-tile video{width:100%;height:100%;object-fit:cover}.video-tile span{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.65);padding:4px 7px;border-radius:6px;font-size:.65rem}.room-controls{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px solid var(--line)}.room-control{border:1px solid #353b45;background:#22262d;color:#e8eaed;border-radius:9px;padding:9px 11px}.room-control.danger{color:#ff8e9a;border-color:#503039}.permission-note{font-size:.69rem;color:#767e89}.room-chat{padding:15px;display:flex;flex-direction:column;min-height:420px}.room-chat h2{font-size:.95rem;margin-top:0}.chat-log{flex:1;min-height:280px;overflow:auto}.chat-msg{font-size:.78rem;padding:7px 0;border-bottom:1px solid #252a32}.chat-msg b{color:#ff8f77}.system-msg{font-size:.72rem;color:#737b86}.room-chat form{display:flex;gap:6px}.game-lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px}.game-lobby-main{min-height:420px;padding:30px;display:grid;place-items:start;align-content:center}.game-lobby-icon{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:#2c201b;color:#ff8e71;font-size:2rem}.game-lobby-main h2{font-size:2rem;margin:14px 0 4px}.game-lobby-main p{color:#9aa1aa}.game-lobby-main>strong{margin:9px 0}.lobby-members{padding:18px}.lobby-members h2{font-size:1rem}.lobby-members>a{display:flex;align-items:center;gap:9px;padding:8px;border-radius:9px}.lobby-members>a:hover{background:#20242a}.lobby-members>a>span:nth-child(2){display:grid}.lobby-members small{color:#7b838e}
.modal{position:fixed;inset:0;z-index:150;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(4,5,7,.76);backdrop-filter:blur(4px)}.modal-card{position:relative;z-index:1;width:min(590px,100%);max-height:90vh;overflow:auto;background:#171a20;border:1px solid #343a44;border-radius:18px;padding:22px;box-shadow:var(--shadow);display:grid;gap:12px}.modal-card h2{font-size:1.65rem;letter-spacing:-.04em;margin:0}.modal-close{position:absolute;right:13px;top:12px;border:0;background:#252930;color:#d6d9de;border-radius:9px;width:32px;height:32px}.create-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.create-choice-grid button{background:#111419;border:1px solid #303640;border-radius:13px;color:white;padding:14px;text-align:left;display:grid;gap:2px}.create-choice-grid button:hover,.create-choice-grid button.active{border-color:#7c4537;background:#211916}.create-choice-grid button>span{color:var(--orange);font-size:1.25rem}.create-choice-grid small{color:#7d8590}.create-form{display:grid;gap:11px;border-top:1px solid #2a2f38;padding-top:14px}
@keyframes sectionIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.workspace.with-sidebar{padding-left:30px;padding-right:30px}.home-grid{grid-template-columns:1fr}.activity-panel{position:static}.room-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.room-stack,.game-lobby-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}}
@media(max-width:780px){.side-nav{transform:translateX(-105%);width:min(86vw,270px);box-shadow:var(--shadow)}.side-nav.open{transform:translateX(0)}.rail-collapsed .side-nav{width:min(86vw,270px)}.rail-collapsed .side-brand span,.rail-collapsed .side-user-copy,.rail-collapsed .nav-label,.rail-collapsed .nav-badge,.rail-collapsed .version{display:initial}.rail-collapsed .side-links a,.rail-collapsed .nav-button,.rail-collapsed .side-plain,.rail-collapsed .create-fab{justify-content:flex-start;padding-left:10px;padding-right:10px}.rail-collapse{display:none}.workspace.with-sidebar,.rail-collapsed .workspace.with-sidebar{margin-left:0;padding:74px 18px 50px}.mobile-rail-toggle{display:block}.section-heading{align-items:flex-start}.section-heading h1{font-size:2.25rem}.form-grid.two{grid-template-columns:1fr}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-card-grid,.compact-post-list{grid-template-columns:1fr 1fr}.messages-shell{grid-template-columns:1fr}.contacts{border-right:0;border-bottom:1px solid var(--line);max-height:220px;overflow:auto}.profile-cover{height:175px}.profile-identity{align-items:center;flex-wrap:wrap}.profile-level{margin-left:auto}.profile-stats-bar{grid-template-columns:repeat(4,1fr)}.composer-bottom{grid-template-columns:1fr}.room-strip,.game-grid{grid-template-columns:1fr}.admin-row{flex-direction:column}.bug-row form{width:100%}}
@media(max-width:520px){.public-logo{width:135px;height:135px}.public-home h1{font-size:4rem}.public-stats{gap:20px}.public-stats strong{font-size:1.1rem}.onboarding-heading{align-items:flex-start}.onboarding-heading img{width:65px;height:65px}.onboarding-heading h1{font-size:1.8rem}.safety-note.compact{display:grid}.people-grid,.search-card-grid,.compact-post-list,.create-choice-grid{grid-template-columns:1fr}.global-search{align-items:stretch;flex-wrap:wrap}.global-search input{min-width:0}.global-search .primary-button{width:100%}.profile-cover{height:145px}.profile-identity{padding:0 14px 14px;margin-top:-43px}.profile-avatar{width:92px;height:92px}.profile-name-block{min-width:calc(100% - 115px)}.profile-name-row h1{font-size:1.5rem}.profile-level{width:100%;text-align:left;padding-left:105px;margin-top:-32px}.profile-stats-bar button{padding:10px 4px}.profile-action-row{padding:11px 12px}.profile-tabs{overflow:auto}.comment-form,.message-form,.room-chat form{flex-direction:column}.room-control{width:100%}.video-grid{grid-template-columns:1fr}.workspace.with-sidebar{padding-left:12px;padding-right:12px}.section-heading{flex-direction:column}.quick-create{align-self:flex-start}}
/* Shared/secondary pages retained from the beta. */
.kicker{display:block;color:#ff8f7a;font-size:.66rem;font-weight:900;letter-spacing:.14em}.content-page{width:min(1040px,100%);margin:0 auto}.content-page.narrow{max-width:720px}.content-page.narrow-wide{max-width:860px}.workspace.standalone .content-page{padding:70px 20px}.page-intro{margin-bottom:22px}.page-intro h1,.content-page>h1{font-size:2.6rem;letter-spacing:-.05em;margin:4px 0 5px}.page-intro p{margin:0;color:var(--muted)}.prose{padding:22px;line-height:1.75}.prose h2{font-size:1rem}.prose p{color:#a0a6af}.inline-create{margin:0 0 18px}.inline-create>summary{cursor:pointer;color:#ff927b;font-weight:850;margin-bottom:10px}.create-panel{padding:18px;display:grid;gap:12px;max-width:650px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.content-card{display:block;padding:18px;min-height:150px;transition:.15s ease}.content-card:hover{transform:translateY(-1px);border-color:#484e58}.content-card h3{margin:10px 0 4px}.content-card p{color:#969da7;margin:0 0 12px;font-size:.8rem}.content-card small{color:#707884;font-size:.67rem}.card-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#2b201c;color:#ff9277;font-weight:900}.card-icon.large{width:65px;height:65px;border-radius:17px;font-size:1.35rem}.community-head{display:flex;align-items:center;gap:16px;padding:20px}.community-head h1{margin:3px 0;font-size:2rem;letter-spacing:-.04em}.community-head p{margin:0;color:#9aa1aa}.community-head small{color:#737b86}.community-actions{margin:10px 0}.quiet-label{color:#7d8590;font-size:.74rem}.composer{padding:16px;display:grid;gap:10px;margin-bottom:10px}.community-feed{display:grid;gap:9px}.community-post{padding:16px}.community-post>p{white-space:pre-wrap;color:#d9dbe0}.left-action{margin-bottom:12px}
@media(max-width:780px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace.standalone .content-page{padding-top:50px}}
@media(max-width:520px){.card-grid{grid-template-columns:1fr}.community-head{align-items:flex-start;flex-direction:column}}