:root{--red:#c51f3b;--navy:#0c1e3b;--blue:#1559b7;--border:#d8e0ea;--muted:#667085}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#101828;background:#f1f4f8}a{text-decoration:none}.topbar{display:flex;min-height:84px;align-items:center;gap:44px;padding:0 max(22px,calc((100vw - 1440px)/2));background:linear-gradient(110deg,var(--navy),#173b6a);color:#fff}.brand{display:flex;align-items:center;gap:10px;color:#fff}.brand>b{display:grid;place-items:center;width:42px;height:42px;border:2px solid #ffffff99;border-radius:12px;background:var(--red)}.brand>span{display:grid;font-weight:900}.brand small{margin-top:3px;color:#a9bbd2;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.topbar nav{display:flex;gap:28px}.topbar nav a{color:#dce7f5;font-size:13px;font-weight:800}.online-total{margin-left:auto;color:#c5d2e4;font-size:11px}.online-total strong{color:#fff}.breadcrumb{margin-left:auto;color:#dce7f5;font-size:11px}
.lobby{display:grid;grid-template-columns:minmax(640px,1.35fr) minmax(330px,.65fr);gap:70px;min-height:620px;padding:62px max(22px,calc((100vw - 1440px)/2));background:linear-gradient(90deg,#030c1cf7,#0a1d3eeb),radial-gradient(circle at 80% 30%,#be2544,#0a1831 65%);color:#fff}.eyebrow{margin:0 0 13px;font-size:11px;font-weight:900;letter-spacing:.1em}.search{display:flex;max-width:520px;height:50px;align-items:center;margin-bottom:45px;border-radius:10px;background:#fff;color:#344054;overflow:hidden}.search b{padding:0 18px;border-right:1px solid #d0d5dd;font-size:11px}.search input{flex:1;height:100%;min-width:0;padding:0 14px;border:0;outline:0}.search i{padding:0 15px;color:var(--red);font-size:22px}.cascade{display:grid;grid-template-columns:245px 220px minmax(270px,1fr);max-width:900px;border-radius:12px;background:#fff;color:#344054;overflow:hidden}.categories,.region,.room-list{max-height:330px;overflow:auto}.categories,.region{border-right:1px solid #e4e7ec}.categories button,.room-list>a{display:flex;width:100%;min-height:60px;align-items:center;justify-content:space-between;padding:10px 14px;border:0;border-bottom:1px solid #eaecf0;background:#fff;color:#344054;text-align:left;cursor:pointer}.categories button:hover,.categories button.active,.room-list>a:hover{background:#f2f5fa}.categories span,.room-list>a>span{display:grid;gap:3px;min-width:0}.categories b,.room-list b{font-size:12px}.categories small,.room-list small,.region small{color:var(--muted);font-size:9px}.categories i{font-size:20px}.region h3,.room-list h3{display:grid;gap:4px;margin:0;padding:14px;border-bottom:1px solid #e4e7ec;background:#f8fafc;font-size:10px;text-transform:uppercase}.region h3 small,.room-list h3 small{font-weight:400;text-transform:none}.region>div{display:grid;gap:3px;padding:18px 14px;background:#f2f5fa}.room-list>a em{display:flex;gap:6px;align-items:center;color:#475467;font-size:10px;font-style:normal;font-weight:900}.room-list>a em i{width:7px;height:7px;border-radius:50%;background:#12b76a}.room-list>a[hidden]{display:none}.empty{padding:24px;text-align:center;color:var(--muted);font-size:11px}.empty[hidden]{display:none}.spotlight{align-self:center}.spotlight>span{display:inline-block;padding:7px 10px;border-radius:99px;background:#c51f3bbd;font-size:9px;font-weight:900}.spotlight h1{max-width:12ch;margin:18px 0;color:#fff;font:800 clamp(2.5rem,4vw,4.4rem)/1 Georgia,serif}.spotlight>p{max-width:45ch;color:#d7e2f0;line-height:1.6}.spotlight>div{display:flex;gap:14px}.spotlight>div b{min-width:130px;padding:15px;border:1px solid #ffffff26;border-radius:10px;background:#ffffff12;font-size:22px}.spotlight>div small{display:block;margin-top:4px;font-size:9px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:48px max(22px,calc((100vw - 1100px)/2));background:#fff}.steps article{display:grid;grid-template-columns:44px 1fr;column-gap:12px}.steps article>b{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff0f2;color:var(--red)}.steps h2{margin:0;font-size:15px}.steps p{margin:6px 0;color:var(--muted);font-size:11px}
.entry{min-height:calc(100vh - 84px)}.room-intro{padding:42px 20px 34px;background:#fff;text-align:center}.room-intro>span{color:#087443;font-size:9px;font-weight:900;letter-spacing:.1em}.room-intro>span i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#12b76a}.room-intro h1{margin:9px 0 5px;font:800 38px Georgia,serif}.room-intro p{margin:0;color:var(--muted);font-size:12px}.entry-grid{display:grid;grid-template-columns:1fr 430px;gap:70px;max-width:1080px;margin:auto;padding:55px 25px}.entry-grid article>small{color:var(--red);font-size:9px;font-weight:900;letter-spacing:.12em}.entry-grid article h2{max-width:15ch;margin:10px 0;font:800 36px/1.08 Georgia,serif}.entry-grid article p{color:var(--muted);font-size:12px;line-height:1.6}.entry-grid article ul{padding:0;list-style:none;font-size:12px}.entry-grid article li{margin:12px 0}.entry-grid article li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:#dcfae6;color:#087443;font-weight:900}.entry-grid form{display:grid;gap:9px;padding:28px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 15px 40px #10182814}.entry-grid form label{font-size:9px;font-weight:900;text-transform:uppercase}.entry-grid form input{width:100%;height:45px;padding:9px;border:1px solid #b8c5d7;border-radius:8px}.entry-grid form button{margin-top:12px;padding:14px;border:0;border-radius:8px;background:var(--red);color:#fff;font-weight:900;cursor:pointer}.entry-grid form a{color:#475467;font-size:10px;font-weight:800;text-align:center;text-decoration:underline}.error{color:#b42318;font-size:10px}
.chat-room{height:100vh;overflow:hidden;background:#fff}.chat-room>header{display:grid;grid-template-columns:260px 1fr auto;min-height:112px;align-items:center;gap:28px;padding:16px 22px;background:linear-gradient(110deg,var(--navy),#173b6a);color:#fff}.chat-room>header>div{padding-left:28px;border-left:1px solid #ffffff2b}.chat-room>header>div>a{color:#bfd5f2;font-size:9px;font-weight:800}.chat-room>header h1{margin:4px 0 2px;font-size:22px}.chat-room>header p{margin:0;color:#cedbea;font-size:10px}.room-status{padding:9px 12px;border-radius:99px;background:#fff;color:#123b78;font-size:10px;font-weight:900}.chat-layout{display:grid;grid-template-columns:285px 1fr;height:calc(100vh - 112px)}.chat-layout>aside{border-right:1px solid var(--border);background:#f7f9fc;overflow:auto}.chat-layout>aside h2{display:flex;justify-content:space-between;align-items:center;margin:0;padding:16px;border-bottom:1px solid var(--border);background:#e8eff9;font-size:12px}.chat-layout>aside h2 b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:var(--blue);color:#fff;font-size:10px}.chat-layout>aside ul{margin:0;padding:8px;list-style:none}.chat-layout>aside li{padding:12px 14px;border-bottom:1px solid #e3e8ef;background:#fff;font-size:11px;font-weight:800}.conversation{display:flex;min-width:0;flex-direction:column}.messages{flex:1;min-height:0;overflow:auto}.messages article{padding:16px 20px;border-bottom:1px solid #e5e9ef}.messages article.pending{opacity:.6}.messages article.failed{border-left:3px solid #d92d20}.messages article p{display:flex;gap:10px;align-items:center;margin:0 0 7px}.messages article p b{font-size:11px}.messages article time{color:var(--muted);font-size:9px}.messages article>div{font-size:13px}.composer{display:grid;grid-template-columns:1fr 145px;gap:14px;padding:12px 18px;border-top:1px solid var(--border);background:#eef1f5}.composer label{display:grid;border:1px solid #c2cad5;border-radius:8px;background:#fff;overflow:hidden}.composer label span{padding:7px 12px;border-bottom:1px solid #e4e7ec;color:var(--red);font-size:9px;font-weight:900}.composer input{padding:13px 12px;border:0;outline:0}.composer button{border:0;border-radius:8px;background:var(--red);color:#fff;font-weight:900;cursor:pointer}.feedback{min-height:16px;margin:0;padding:0 18px 5px;background:#eef1f5;color:#b42318;font-size:9px}.spy-banner{margin:0;padding:10px;background:#fff6cf;color:#704f00;font-size:10px;text-align:center}.spy-banner a{color:#704f00;font-weight:900}
@media(max-width:900px){.topbar nav{display:none}.lobby{grid-template-columns:1fr}.spotlight{display:none}.cascade{grid-template-columns:1fr 1fr}.region{display:none}.entry-grid{grid-template-columns:1fr}.entry-grid article{display:none}.chat-room>header{grid-template-columns:1fr auto}.chat-room>header>.brand{display:none}.chat-room>header>div{padding-left:0;border-left:0}.chat-layout{grid-template-columns:1fr}.chat-layout>aside{display:none}.composer{grid-template-columns:1fr 90px}}