.community-icon img{width:100%;height:100%;object-fit:cover}a.join-btn{display:inline-block;text-align:center}.detail-art .emoji{position:relative;filter:drop-shadow(0 16px 14px #0006);transform:rotate(-6deg)}.side-facts div:last-child{border-bottom:0;padding-bottom:0}.player-frame:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0}:root{--bg: #0b0b12;--panel: #14141f;--panel2: #1b1b29;--text: #f7f7fb;--muted: #9999ad;--line: #29293a;--purple: #8b5cf6;--cyan: #40e0d0;--pink: #ff4fa3;--radius: 18px;--success: #4ade80;--warning: #fbbf24;--danger: #ff5470;--focus-ring: 0 0 0 3px #8b5cf622;--shadow-purple: 0 8px 24px #8b5cf633;--nav-active-bg: #28213c;--filter-active-bg: #332354;--filter-active-line: #7652b7;--card-hover-line: #59427f;--topbar-h: 68px;--sidebar-w: 240px;--channel-rail-w: 260px;--member-rail-w: 232px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 78% -10%,#34205d 0,transparent 36%),var(--bg);background-attachment:fixed;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.4px}:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:6px}img{max-width:100%;display:block}::selection{background:#8b5cf655}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-60px;z-index:50;background:var(--purple);color:#fff;padding:10px 14px;border-radius:10px;font-weight:800;transition:top .15s}.skip-link:focus{top:12px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.sidebar{height:100vh;position:sticky;top:0;padding:24px 16px;border-right:1px solid var(--line);background:#0d0d15ef;display:flex;flex-direction:column;gap:28px;overflow-y:auto;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 10px}.brand-mark{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--pink));font-weight:950;font-size:22px;box-shadow:var(--shadow-purple);flex-shrink:0}.brand-logo{width:39px;height:39px;border-radius:13px;object-fit:cover;background:#0b0b12;border:1px solid var(--line)}.brand-name{font-size:20px;font-weight:900;letter-spacing:1.5px}.brand-sub{font-size:10px;color:var(--muted);letter-spacing:2px;margin-top:2px}.nav-label{font-size:10px;letter-spacing:1.8px;color:#74748a;font-weight:800;padding:0 12px;margin-bottom:8px}.nav{display:grid;gap:5px}.nav a,.nav button{border:0;background:transparent;color:#a9a9bb;text-align:left;padding:12px;border-radius:12px;display:flex;align-items:center;gap:12px;font-weight:650;font-size:14px;width:100%}.nav a:hover,.nav button:hover,.nav a.active{background:var(--nav-active-bg);color:#fff}.nav a.active{box-shadow:inset 3px 0 var(--purple)}.ico{width:21px;text-align:center;font-size:17px}.nav-badge{margin-left:auto;background:var(--purple);padding:2px 6px;border-radius:6px;font-size:10px;color:#fff}.side-bottom{margin-top:auto;display:grid;gap:10px}.profile-mini{display:flex;align-items:center;gap:10px;background:var(--panel);padding:12px;border:1px solid var(--line);border-radius:14px;width:100%;text-align:left}.profile-mini:hover{border-color:var(--card-hover-line)}.avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#f97316,#ec4899);font-weight:900;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-lg{width:84px;height:84px;border-radius:22px;font-size:34px}.avatar-sm{width:28px;height:28px;border-radius:9px;font-size:12px}.profile-mini strong{display:block;font-size:12px}.profile-mini small{color:var(--muted);font-size:11px}.main{min-width:0;padding:24px clamp(18px,3vw,42px) 60px}.topbar{display:flex;align-items:center;gap:16px;margin-bottom:28px}.mobile-brand{display:none;align-items:center;gap:8px;font-weight:900;letter-spacing:1px}.search{flex:1;max-width:540px;position:relative}.search input{width:100%;background:#151520;border:1px solid var(--line);border-radius:13px;padding:13px 16px 13px 43px;color:#fff;outline:none}.search input:focus{border-color:var(--purple);box-shadow:var(--focus-ring)}.search span{position:absolute;left:15px;top:11px;color:var(--muted);font-size:18px}.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.drawer-toggle,.tabbar{display:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#0d0d15f5;border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tabbar a{display:grid;justify-items:center;gap:3px;padding:6px 2px;border-radius:12px;color:#8b8b9e;font-size:10px;font-weight:750}.tabbar a.active{color:#fff;background:var(--nav-active-bg)}.tabbar .ico{width:auto;font-size:19px}.scrim{position:fixed;inset:0;background:#05050ab8;z-index:25;border:0;padding:0}.footer{color:#66667b;font-size:11px;text-align:center;margin-top:35px}.footer b{color:#aaa0c9}@media(max-width:1100px){:root{--sidebar-w: 214px}}@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:272px;transform:translate(-100%);transition:transform .22s ease;background:#0d0d15}.sidebar.open{transform:translate(0);box-shadow:24px 0 70px #0008}.mobile-brand{display:flex}.main{padding:17px 16px 96px}.topbar{gap:10px;flex-wrap:wrap;margin-bottom:20px}.search{order:3;flex-basis:100%;max-width:none}.top-actions{gap:7px}.top-actions .ghost-btn{display:none}.drawer-toggle,.tabbar{display:grid}.lower-grid{grid-template-columns:1fr}}@media(max-width:430px){.top-actions .primary-btn{padding:10px 11px;font-size:12px}.icon-btn{width:39px;height:39px}}.icon-btn,.ghost-btn,.primary-btn,.danger-btn{border:1px solid var(--line);border-radius:12px;background:#171722;color:#fff;padding:11px 14px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .15s,filter .15s}.icon-btn{width:43px;height:43px;padding:0;font-size:17px}.primary-btn{border:0;background:linear-gradient(135deg,#8b5cf6,#6d45d9);box-shadow:var(--shadow-purple)}.primary-btn:hover,.danger-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.ghost-btn:hover,.icon-btn:hover{background:#252536}.danger-btn{background:#3a1522;border-color:#7d2b41;color:#ffd7e0}.primary-btn:disabled,.ghost-btn:disabled,.danger-btn:disabled,.icon-btn:disabled,.filter:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none}.btn-sm{padding:7px 11px;font-size:12px;border-radius:10px}.btn-block{width:100%}.text-link{color:#c4b5fd;background:none;border:0;font-size:12px;font-weight:800;padding:0}.text-link:hover{text-decoration:underline}.hero{position:relative;overflow:hidden;border:1px solid #47346a;border-radius:24px;padding:clamp(25px,4vw,48px);min-height:290px;background:linear-gradient(110deg,#21183c,#241842 48%,#151526);display:flex;align-items:center;margin-bottom:32px}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.hero:before{width:300px;height:300px;right:8%;top:-100px;background:radial-gradient(circle,#8b5cf655,transparent 70%)}.hero:after{width:220px;height:220px;right:2%;bottom:-140px;background:radial-gradient(circle,#ff4fa344,transparent 70%)}.hero-copy{max-width:550px;position:relative;z-index:1}.eyebrow{color:#c4b5fd;font-size:11px;font-weight:900;letter-spacing:2.2px;text-transform:uppercase}.hero h1{font-size:clamp(34px,4.3vw,56px);line-height:1.04;letter-spacing:-1.8px;margin:13px 0}.hero h1 span{background:linear-gradient(90deg,#c4b5fd,#f0abfc,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#c2bfd3;line-height:1.65;max-width:440px;margin:0 0 22px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-art{position:absolute;right:7%;top:50%;transform:translateY(-50%) rotate(-5deg);width:260px;height:205px;z-index:0}.float-card{position:absolute;border:1px solid #ffffff24;background:#ffffff12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;box-shadow:0 22px 70px #0005}.float-main{inset:16px 10px 16px 25px;display:grid;place-items:center;font-size:78px;background:linear-gradient(135deg,#5736a4aa,#e94b9c44)}.float-small{right:-10px;bottom:0;width:95px;height:85px;display:grid;place-items:center;font-size:35px;transform:rotate(12deg)}.float-tag{position:absolute;left:0;top:0;background:#10101bd9;border:1px solid #ffffff22;border-radius:12px;padding:9px 12px;font-size:11px;font-weight:800;transform:rotate(8deg)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:28px 0 16px}.section-head h2{font-size:21px;letter-spacing:-.5px;margin:0 0 5px}.section-head p{color:var(--muted);font-size:12px;margin:0}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:4px;margin-bottom:16px;scrollbar-width:thin}.filter{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:8px 13px;color:#aaaabc;background:var(--panel);font-size:12px;font-weight:700}.filter.active,.filter:hover{background:var(--filter-active-bg);border-color:var(--filter-active-line);color:#fff}.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.game-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--panel);transition:transform .2s,border-color .2s;min-width:0;display:block}.game-card:hover{transform:translateY(-4px);border-color:var(--card-hover-line)}.game-art{height:145px;position:relative;display:grid;place-items:center;overflow:hidden;font-size:53px}.game-art:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#ffffff18;filter:blur(1px)}.game-art .emoji{position:relative;filter:drop-shadow(0 12px 10px #0005);transform:rotate(-7deg)}.game-art img,.game-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.art1{background:linear-gradient(135deg,#fb923c,#be185d)}.art2{background:linear-gradient(135deg,#0ea5e9,#312e81)}.art3{background:linear-gradient(135deg,#22c55e,#14532d)}.art4{background:linear-gradient(135deg,#facc15,#ea580c)}.art5{background:linear-gradient(135deg,#a78bfa,#6d28d9)}.art6{background:linear-gradient(135deg,#f472b6,#7c3aed)}.art7{background:linear-gradient(135deg,#38bdf8,#0f766e)}.art8{background:linear-gradient(135deg,#64748b,#1e293b)}.tag{position:absolute;top:10px;left:10px;background:#090911b8;border:1px solid #ffffff25;padding:5px 8px;border-radius:7px;font-size:9px;font-weight:900;letter-spacing:.5px}.players{position:absolute;right:9px;bottom:9px;background:#090911b8;border-radius:7px;padding:5px 7px;font-size:10px}.game-info{padding:12px}.game-title{font-size:13px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:var(--muted);font-size:10px}.rating{color:#fbbf24}.lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:30px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:19px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.panel-title h3{font-size:15px;margin:0}.panel-title button{background:none;border:0;color:#c4b5fd;font-size:11px;font-weight:800}.community-list{display:grid;gap:10px}.community{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:#1a1a27}.community-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex-shrink:0;overflow:hidden}.community-info{min-width:0;flex:1}.community-info strong{font-size:12px;display:block}.community-info small{font-size:10px;color:var(--muted)}.online-dot{width:7px;height:7px;background:var(--success);border-radius:50%;display:inline-block;margin-right:4px}.join-btn{border:1px solid #51406d;background:#2a2040;color:#e9ddff;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:850}.creator-panel{background:linear-gradient(140deg,#21183a,#171722);position:relative;overflow:hidden}.creator-panel:after{content:"✦";position:absolute;right:20px;top:28px;font-size:75px;color:#a78bfa22}.creator-panel p{color:var(--muted);font-size:12px;line-height:1.6;max-width:310px}.creator-panel .primary-btn{margin-top:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.stat{border:1px solid #ffffff12;background:#ffffff08;border-radius:12px;padding:11px}.stat strong{display:block;font-size:18px}.stat small{color:var(--muted);font-size:10px}.empty{color:var(--muted);padding:30px;text-align:center;border:1px dashed var(--line);border-radius:14px}.loading-row{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;padding:18px 0}.skeleton{border-radius:12px;background:linear-gradient(90deg,#17172200,#232334,#17172200);background-size:200% 100%;animation:shimmer 1.25s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.alert{border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.5;border:1px solid;display:flex;gap:10px;align-items:flex-start}.alert-error{background:#2a1220;border-color:#6d2740;color:#ffd0dc}.alert-warn{background:#2a2312;border-color:#6d5627;color:#ffe7bf}.alert-info{background:#13202a;border-color:#27506d;color:#cfe9ff}.alert-success{background:#122a1c;border-color:#276d45;color:#cdf5dc}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:4px 8px;font-size:10px;font-weight:900;letter-spacing:.4px;border:1px solid var(--line);background:#1c1c2a;color:#b9b9cc;text-transform:uppercase}.badge-purple{background:#2a2040;border-color:#51406d;color:#e9ddff}.badge-green{background:#122a1c;border-color:#276d45;color:#a7f3c4}.badge-amber{background:#2a2312;border-color:#6d5627;color:#fde3a7}.badge-red{background:#2a1220;border-color:#6d2740;color:#ffc2d1}.badge-cyan{background:#10262a;border-color:#245e67;color:#a5f3ee}.toast-stack{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:grid;gap:8px;z-index:60;width:min(420px,calc(100vw - 32px))}.toast{background:#f7f4ff;color:#191323;border-radius:12px;padding:12px 17px;box-shadow:0 12px 35px #0006;font-size:13px;font-weight:750;opacity:0;transform:translateY(20px);transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.toast-error{background:#ffd9e2;color:#4d0f22}.toast-success{background:#d6ffe6;color:#10391f}@media(max-width:1100px){.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{right:3%;opacity:.75}.hero-copy{max-width:500px}}@media(max-width:800px){.hero{min-height:300px}.hero-art{right:-20px;opacity:.35}.hero-copy{max-width:100%}.hero p{max-width:380px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-art{height:130px}}@media(max-width:430px){.hero{padding:24px 20px}.hero h1{font-size:36px}.hero-art{right:-80px;opacity:.22}.hero-actions button{flex:1}.games-grid{gap:10px}.game-art{height:112px;font-size:43px}.game-info{padding:10px}.section-head h2{font-size:19px}}.form-grid{display:grid;gap:14px}.field{display:grid;gap:6px}.field>label,.field-label{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#a0a0b6}.field-hint{font-size:11px;color:var(--muted);line-height:1.5}.field-error{font-size:11px;color:#ffb3c4;font-weight:650}.input,.textarea,.select{background:#151520;border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:#fff;outline:none;width:100%}.textarea{min-height:96px;resize:vertical;line-height:1.55}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8b8b9e 50%),linear-gradient(135deg,#8b8b9e 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}.input:focus,.textarea:focus,.select:focus{border-color:var(--purple);box-shadow:var(--focus-ring)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:#a03a56}.input::placeholder,.textarea::placeholder{color:#6d6d84}.checkbox{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#bcbcd0;line-height:1.5}.checkbox input{width:17px;height:17px;accent-color:var(--purple);margin-top:1px;flex-shrink:0}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.auth-card{max-width:460px;margin:clamp(20px,6vh,64px) auto 0}.auth-card h1{font-size:26px;margin:0 0 6px}.auth-card>p{color:var(--muted);font-size:13px;margin:0 0 22px;line-height:1.6}.auth-foot{margin-top:16px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;background:#05050ad9;display:grid;place-items:center;padding:18px;z-index:70;overflow:auto}.modal{background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:22px;width:min(560px,100%);box-shadow:0 30px 90px #000a}.modal-lg{width:min(880px,100%)}.modal h2{font-size:19px;margin:0 0 6px}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:16px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);overflow:auto;margin-bottom:20px}.tab{border:0;background:none;color:var(--muted);padding:11px 14px;font-weight:800;font-size:13px;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:#fff;border-bottom-color:var(--purple)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)}table.data{width:100%;border-collapse:collapse;font-size:12px;min-width:640px}table.data th{text-align:left;padding:11px 13px;color:#8f8fa6;font-size:10px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--line);background:#171722;position:sticky;top:0}table.data td{padding:11px 13px;border-bottom:1px solid #21212f;vertical-align:middle}table.data tr:last-child td{border-bottom:0}table.data tbody tr:hover{background:#1a1a26}.cell-strong{font-weight:750;color:#fff}.cell-muted{color:var(--muted);font-size:11px}.row-actions{display:flex;gap:6px;justify-content:flex-end}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font-size:12px;color:var(--muted);flex-wrap:wrap}.page-head{margin-bottom:22px}.page-head h1{font-size:clamp(24px,3vw,32px);letter-spacing:-1px;margin:0 0 6px}.page-head>p{color:var(--muted);font-size:13px;margin:0;line-height:1.6}.breadcrumbs{font-size:11px;color:var(--muted);margin-bottom:10px;display:flex;gap:7px;flex-wrap:wrap}.breadcrumbs a:hover{color:#c4b5fd}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.detail-art{height:clamp(200px,30vw,330px);border-radius:20px;border:1px solid var(--line);position:relative;overflow:hidden;display:grid;place-items:center;font-size:92px}.detail-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-body{color:#c6c3d6;font-size:14px;line-height:1.72;white-space:pre-wrap}.chip-row{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.side-facts{display:grid;gap:11px;font-size:12px}.side-facts div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed #262636;padding-bottom:9px}.side-facts span:first-child{color:var(--muted)}.review-list{display:grid;gap:12px;margin-top:14px}.review{background:#1a1a27;border:1px solid var(--line);border-radius:14px;padding:14px}.review-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:12px}.review-body{font-size:13px;line-height:1.62;color:#cbc9da;white-space:pre-wrap}.star-input{display:flex;gap:3px;border:0;padding:0;margin:0;background:none}.star-input button{background:none;border:0;font-size:22px;color:#4b4b60;padding:0 3px}.star-input button.on{color:var(--warning)}.player-shell{display:grid;gap:14px}.player-frame{width:100%;aspect-ratio:16 / 9;background:#000;border:1px solid var(--line);border-radius:18px}.studio-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.dropzone{border:1px dashed #4a3d68;border-radius:16px;background:#17172299;padding:26px 18px;text-align:center;color:var(--muted);font-size:12px;line-height:1.7;transition:.15s}.dropzone.over{border-color:var(--purple);background:#241a3a;color:#e6dfff}.dropzone strong{display:block;color:#fff;font-size:13px;margin-bottom:4px}.file-list{display:grid;gap:8px;margin-top:12px}.file-row{display:flex;align-items:center;gap:10px;background:#1a1a27;border:1px solid var(--line);border-radius:11px;padding:9px 11px;font-size:12px}.file-row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{height:6px;border-radius:99px;background:#262636;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:width .2s}.community-shell{display:grid;grid-template-columns:78px var(--channel-rail-w) minmax(0,1fr);height:calc(100vh - 24px);gap:0;margin:-12px 0 0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}.server-rail{background:#0f0f18;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 0;overflow-y:auto}.server-pill{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#1d1d2b;font-weight:900;font-size:13px;color:#c9c9dd;border:1px solid var(--line);overflow:hidden;flex-shrink:0;transition:.15s}.server-pill:hover{border-radius:13px;background:var(--nav-active-bg)}.server-pill.active{background:linear-gradient(135deg,var(--purple),#6d45d9);color:#fff;border-color:transparent}.server-pill img{width:100%;height:100%;object-fit:cover}.server-rail hr{width:32px;border:0;border-top:1px solid var(--line);margin:3px 0}.channel-rail{background:#12121c;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.rail-head{padding:14px;border-bottom:1px solid var(--line);display:grid;gap:4px}.rail-head strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-head small{color:var(--muted);font-size:11px;line-height:1.5}.channel-scroll{overflow-y:auto;padding:10px;flex:1;display:grid;gap:3px;align-content:start}.channel-group{font-size:10px;letter-spacing:1.3px;color:#74748a;font-weight:900;padding:12px 8px 5px}.channel{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;color:#9a9aae;font-size:13px;font-weight:650;border:0;background:none;width:100%;text-align:left}.channel:hover{background:#1c1c29;color:#e4e4f0}.channel.active{background:var(--nav-active-bg);color:#fff}.channel .hash{color:#6c6c85;font-size:15px}.rail-foot{border-top:1px solid var(--line);padding:9px;display:flex;align-items:center;gap:8px;background:#0f0f18}.chat-pane{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0}.chat-head{padding:13px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chat-head h2{font-size:15px;margin:0;display:flex;align-items:center;gap:7px}.chat-head p{margin:0;color:var(--muted);font-size:11px;border-left:1px solid var(--line);padding-left:12px;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-scroll{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:3px;scroll-behavior:smooth}.msg{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;padding:5px 6px;border-radius:10px;position:relative}.msg:hover{background:#191926}.msg.grouped{grid-template-columns:40px minmax(0,1fr)}.msg-author{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.msg-author strong{font-size:13.5px}.msg-author time{font-size:10px;color:#6e6e85}.msg-body{font-size:13.5px;line-height:1.6;color:#d8d7e4;white-space:pre-wrap;overflow-wrap:anywhere}.msg-time-tiny{font-size:9px;color:#5e5e73;padding-top:4px;text-align:center}.msg-tools{position:absolute;right:8px;top:-10px;display:none;gap:2px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:2px}.msg:hover .msg-tools,.msg:focus-within .msg-tools{display:flex}.msg-tools button{border:0;background:none;color:#a6a6ba;border-radius:7px;padding:4px 6px;font-size:12px}.msg-tools button:hover{background:#2b2b3d;color:#fff}.reactions{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.reaction{border:1px solid var(--line);background:#1d1d2b;color:#c3c3d6;border-radius:8px;padding:2px 7px;font-size:11px;display:flex;gap:5px;align-items:center}.reaction.mine{border-color:var(--purple);background:#2a2040;color:#e9ddff}.reply-ref{display:flex;gap:6px;align-items:center;font-size:11px;color:#8f8fa6;margin-bottom:3px}.reply-ref:hover{color:#c4b5fd}.composer{border-top:1px solid var(--line);padding:12px 16px 16px;background:#12121c}.composer-box{display:flex;gap:9px;align-items:flex-end;background:#1a1a26;border:1px solid var(--line);border-radius:14px;padding:8px 8px 8px 12px}.composer-box:focus-within{border-color:#4a3d68}.composer textarea{flex:1;background:none;border:0;outline:none;resize:none;color:#fff;font-size:14px;line-height:1.55;max-height:168px;padding:6px 0;font-family:inherit}.composer-hint{font-size:10px;color:#6d6d84;margin-top:6px;display:flex;justify-content:space-between;gap:10px}.member-rail{background:#12121c;border-left:1px solid var(--line);overflow-y:auto;padding:12px 10px}.member{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:9px;font-size:12.5px;color:#a7a7bb;width:100%;border:0;background:none;text-align:left}.member:hover{background:#1c1c29;color:#fff}.member .status{width:8px;height:8px;border-radius:50%;background:#565670;margin-left:auto;flex-shrink:0}.member .status.online{background:var(--success)}.member .status.idle{background:var(--warning)}.member .status.dnd{background:var(--danger)}.voice-banner{border-top:1px solid var(--line);background:#101a16;padding:11px 14px;display:grid;gap:9px;font-size:12px}.voice-banner.off{background:#1a1620}.voice-participants{display:flex;gap:7px;flex-wrap:wrap}.voice-participant{display:flex;align-items:center;gap:6px;background:#1d1d2b;border:1px solid var(--line);border-radius:9px;padding:4px 8px;font-size:11px}.voice-participant.speaking{border-color:var(--success)}.connection-chip{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.connection-chip.live{color:#86efac}.connection-chip.reconnecting{color:#fcd34d}.connection-chip.offline{color:#fca5a5}@media(max-width:1180px){.community-shell{grid-template-columns:78px var(--channel-rail-w) minmax(0,1fr)}.member-rail{display:none}}@media(max-width:900px){.community-shell{grid-template-columns:78px minmax(0,1fr);height:calc(100vh - 120px)}.channel-rail{position:absolute;inset:0 0 0 78px;z-index:12;transform:translate(-105%);transition:transform .2s;width:auto}.channel-rail.open{transform:translate(0)}}@media(max-width:640px){.msg{grid-template-columns:32px minmax(0,1fr);gap:8px}}.stack{display:grid;gap:16px}.stack-sm{display:grid;gap:10px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row-between{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;font-size:11.5px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:1000px){.detail-grid,.studio-grid{grid-template-columns:1fr}}@media(max-width:640px){.grid-2,.form-row,.stats{grid-template-columns:1fr}}