.community-lab{width:100%;padding:64px 24px 88px;border-top:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(241,173,54,.02),transparent 32rem)}
.lab-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;width:min(1520px,100%);margin:0 auto 25px}.lab-heading>div{display:flex;align-items:baseline;gap:14px}.lab-heading>div>span{color:#f1ad36;font:700 .72rem 'JetBrains Mono',monospace}.lab-heading h2{margin:0;color:#e8e0ce;font:700 clamp(1.55rem,3vw,2.35rem) Rajdhani,sans-serif;letter-spacing:2px}.lab-heading p{max-width:530px;margin:0;color:#817b6e;font:500 .88rem/1.55 Barlow,sans-serif;text-align:right}
.lab-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:12px;width:min(1520px,100%);margin:0 auto}.lab-panel{min-width:0;border:1px solid rgba(255,255,255,.075);background:linear-gradient(145deg,rgba(16,18,16,.97),rgba(9,11,10,.97));box-shadow:0 16px 38px rgba(0,0,0,.18)}
.lab-panel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;min-height:76px;padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.012)}.lab-panel-head span{display:block;margin-bottom:5px;color:#f1ad36;font:700 .68rem Rajdhani,sans-serif;letter-spacing:.15em}.lab-panel-head h3{margin:0;color:#dcd5c5;font:700 1.08rem Rajdhani,sans-serif;letter-spacing:.04em;text-transform:uppercase}.lab-panel-head>b{color:#77736a;font:600 .6rem 'JetBrains Mono',monospace;white-space:nowrap}
.lab-event-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 18px}.lab-event{display:grid;grid-template-columns:11px minmax(0,1fr) auto;gap:12px;min-height:84px;padding:16px 12px 16px 0;border-bottom:1px solid rgba(255,255,255,.055)}.lab-event:nth-child(odd){border-right:1px solid rgba(255,255,255,.055)}.lab-event:nth-child(even){padding-left:16px}.lab-event:nth-last-child(-n+2){border-bottom:0}.lab-event>i{width:8px;height:8px;margin-top:5px;background:#f1ad36;box-shadow:0 0 10px rgba(241,173,54,.3)}.lab-event.offline>i{background:#f46f64}.lab-event.online>i{background:#79d79a}.lab-event.map>i{background:#65b9e8}.lab-event strong{display:block;color:#d6cfbf;font:700 .88rem/1.25 Rajdhani,sans-serif}.lab-event p{margin:5px 0 0;color:#7b7c73;font:500 .78rem/1.45 Barlow,sans-serif}.lab-event time{color:#6c6c64;font:500 .58rem 'JetBrains Mono',monospace;white-space:nowrap}.lab-empty{display:grid;grid-column:1/-1;min-height:158px;place-items:center;padding:24px;color:#74766e;font:500 .82rem/1.5 Barlow,sans-serif;text-align:center}
.lab-join-body{padding:20px}.lab-join-body>p{max-width:540px;margin:0;color:#969084;font:500 .84rem/1.6 Barlow,sans-serif}.lab-join-body ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:19px 0;padding:0;list-style:none;background:rgba(255,255,255,.06)}.lab-join-body li{display:grid;gap:7px;min-height:72px;padding:14px;background:#0e100f}.lab-join-body li b{color:#f1ad36;font:700 .64rem 'JetBrains Mono',monospace}.lab-join-body li span{color:#b8b1a2;font:700 .76rem Rajdhani,sans-serif;text-transform:uppercase}.lab-join-actions{display:flex;flex-wrap:wrap;gap:8px}.lab-join-actions a{display:grid;min-height:44px;place-items:center;padding:0 15px;border:1px solid rgba(255,255,255,.11);color:#bbb4a6;font:700 .7rem Rajdhani,sans-serif;letter-spacing:.08em;text-decoration:none;transition:border-color .18s,color .18s,background .18s}.lab-join-actions a:hover{border-color:#f1ad36;color:#f1ad36}.lab-join-actions a.primary{border-color:#f1ad36;background:#f1ad36;color:#171106}.lab-join-actions a.primary:hover{background:#f7c65d;color:#171106}
@media(max-width:980px){.lab-grid{grid-template-columns:1fr}.lab-event-list{grid-template-columns:1fr}.lab-event,.lab-event:nth-child(odd),.lab-event:nth-child(even){padding-inline:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.055)}.lab-event:last-child{border-bottom:0}}
@media(max-width:760px){.community-lab{padding:46px 12px 66px}.lab-heading{align-items:flex-start;flex-direction:column;gap:10px}.lab-heading p{text-align:left}.lab-join-body ol{grid-template-columns:1fr}.lab-join-body li{grid-template-columns:32px 1fr;align-items:center;min-height:50px}.lab-join-actions a{width:100%}}
@media(max-width:440px){.lab-panel-head{align-items:flex-start;flex-direction:column;gap:8px}.lab-event{grid-template-columns:10px minmax(0,1fr)}.lab-event time{grid-column:2}.lab-heading h2{font-size:1.35rem}}