.mock-chip{border:1px dashed var(--muted);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase;background:var(--bg);color:var(--muted);border-radius:999px;padding:3px 8px;position:absolute;top:-11px;right:14px}.presence{z-index:2;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(10px);width:min(330px,78%);box-shadow:var(--card-shadow);gap:12px;padding:18px;font-size:15px;display:grid;position:absolute;bottom:4%;left:0}.pr-head{align-items:center;gap:8px;font-weight:600;display:flex}.pr-head svg{width:18px;height:18px;color:var(--accent-text)}.live{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:12px;display:inline-flex}.live:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.pr-avatars{align-items:center;display:flex}.pr-avatars .av{width:36px;height:36px;box-shadow:0 0 0 3px var(--surface);margin-right:-8px;font-size:14px}.pr-avatars .wave{margin-left:20px}.bubble{border-radius:var(--radius-sm);background:var(--surface-2);max-width:92%;margin:0;padding:10px 12px;line-height:1.45}.bubble b{color:var(--muted);font-size:13px;font-weight:600;display:block}.bubble.me{background:color-mix(in srgb, var(--accent) 22%, var(--surface));justify-self:end}.bubble.me b{color:var(--ink)}.pr-join{border-radius:var(--radius-sm);background:var(--accent);min-height:40px;color:var(--accent-ink);justify-self:start;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.av{color:#0d0f0d;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;font-weight:700;display:inline-grid}.av1{background:linear-gradient(135deg,#ffd27a,#ff9f6b)}.av2{background:linear-gradient(135deg,#9fe0ff,#7aa8ff)}.av3{background:linear-gradient(135deg,#d6f78a,#8fd16a)}.av4{background:linear-gradient(135deg,#f5b8e8,#c79bff)}.wave{align-items:center;gap:3px;height:18px;display:inline-flex}.wave i{background:var(--accent);transform-origin:50%;border-radius:2px;width:3px;height:100%;animation:1.1s ease-in-out infinite wave;display:block}.wave i:nth-child(2){animation-delay:-.2s}.wave i:nth-child(3){animation-delay:-.5s}.wave i:nth-child(4){animation-delay:-.75s}.wave i:nth-child(5){animation-delay:-.35s}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.room{z-index:2;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;min-height:440px;box-shadow:var(--card-shadow);grid-template-columns:200px minmax(0,1fr);font-size:14px;display:grid;position:relative}.room-side{border-right:1px solid var(--line);grid-template-columns:52px 1fr;min-width:0;display:grid}.rail{border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:10px;padding:14px 0;display:flex}.srv{background:var(--surface-2);border-radius:12px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.srv.on{background:var(--accent);color:var(--accent-ink)}.channels{align-content:start;gap:2px;min-width:0;padding:14px 10px;display:grid}.ch-group{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:10px 6px 4px}.ch-group:first-child{margin-top:0}.ch{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;gap:6px;margin:0;padding:6px 8px;display:flex;overflow:hidden}.ch svg{flex:none;width:15px;height:15px}.ch.active{background:var(--surface-2);color:var(--ink);font-weight:600}.ch-people{color:var(--muted);gap:3px;margin:2px 0 6px 30px;font-size:13px;display:grid}.room-main{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.room-top{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 18px;font-weight:600;display:flex}.room-top svg{width:16px;height:16px;color:var(--accent-text)}.room .mock-chip{top:-15px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.tile{border-radius:var(--radius-sm);background:var(--surface-2);place-items:center;min-height:120px;display:grid;position:relative;overflow:hidden}.tile .nm{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:8px;left:10px}.tile .nm svg{width:14px;height:14px;color:var(--muted)}.tile.speaking .av{box-shadow:0 0 0 3px var(--surface-2), 0 0 0 6px var(--accent);animation:1.6s ease-in-out infinite ring}.tile.speaking .wave{position:absolute;bottom:10px;right:10px}@keyframes ring{0%,to{box-shadow:0 0 0 3px var(--surface-2), 0 0 0 5px var(--accent)}50%{box-shadow:0 0 0 3px var(--surface-2), 0 0 0 9px color-mix(in srgb, var(--accent) 45%, transparent)}}.tile.screen{background:linear-gradient(160deg,#20302a,#0f1613)}.tile.screen .fake{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 85%, transparent) 0 22%, transparent 22%) 10px 12px / 60% 8px no-repeat, linear-gradient(90deg, #ffffff59 0 100%) 10px 30px / 80% 6px no-repeat, linear-gradient(90deg, #ffffff38 0 100%) 10px 44px / 66% 6px no-repeat, linear-gradient(90deg, #ffffff38 0 100%) 10px 58px / 72% 6px no-repeat, #18231e;border-radius:6px;position:absolute;inset:14px 14px 34px}.tile.screen .nm{color:#eef2ec}.tile.screen .nm svg{color:var(--accent)}.controls{border-top:1px solid var(--line);justify-content:center;gap:10px;padding:14px;display:flex}.ctl{background:var(--surface-2);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.ctl svg{width:20px;height:20px}.ctl.leave{background:var(--danger);color:#fff}@media (width<=899px){.presence{order:1;width:min(440px,100%);margin:6px 0 0;padding-top:18px;position:relative;bottom:auto;left:auto}}@media (width<=719px){.room{grid-template-columns:minmax(0,1fr);min-height:0}.room-side{display:none}.tile{min-height:104px}}@media (prefers-reduced-motion:reduce){.wave i,.tile.speaking .av{animation:none}}.share{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--card-shadow);grid-template-columns:minmax(0,1fr) 132px;gap:10px;padding:12px;display:grid;position:relative}.share-top{grid-column:1/-1;align-items:center;gap:10px;padding:2px 4px 6px;font-size:14px;font-weight:600;display:flex}.live-badge{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.06em;background:color-mix(in srgb, var(--danger) 88%, #000);color:#fff;border-radius:6px;padding:2px 7px}.share-top .q{font-family:var(--font-mono);color:var(--muted);margin-left:auto;font-size:12px;font-weight:400}.sscreen{aspect-ratio:16/10;border-radius:var(--radius-sm);color:#121613;background:#f7f8f4;grid-template-rows:auto 1fr auto;gap:12px;min-width:0;padding:clamp(14px,2.2vw,26px);display:grid;position:relative;overflow:hidden}.sscreen .s-title{font-family:var(--font-display);font-size:clamp(18px,2vw,28px);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:1.05}.sscreen .s-sub{color:#566059;font-size:13px}.bars{border-bottom:2px solid #121613;align-items:flex-end;gap:8%;height:100%;padding-top:10px;display:flex}.bars i{background:#121613;border-radius:3px 3px 0 0;flex:1}.bars i:first-child{height:38%}.bars i:nth-child(2){height:62%}.bars i:nth-child(3){background:#8bc34a;height:88%}.bars i:nth-child(4){height:54%}.bars i:nth-child(5){height:30%}.sscreen .s-foot{font-family:var(--font-mono);font-size:var(--text-label);color:#566059;justify-content:space-between;display:flex}.cams{align-content:start;gap:10px;display:grid}.cam{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--surface-2);place-items:center;display:grid;position:relative}.cam .av{width:40px;height:40px;font-size:14px}.cam .nm{font-size:12px;font-weight:600;position:absolute;bottom:4px;left:6px}.cam.speaking .av{box-shadow:0 0 0 3px var(--surface-2), 0 0 0 5px var(--accent)}.comm{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--card-shadow);gap:12px;padding:16px;display:grid;position:relative}.comm-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:12px;display:flex}.comm-head b{display:block}.comm-head span:not(.srv){color:var(--muted);font-size:13px}.post,.poll{border-radius:var(--radius-sm);background:var(--surface-2);padding:14px;display:grid}.post{gap:6px}.poll{gap:8px}.post .meta{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.post b{font-size:16px}.poll b{font-size:15px}.opt{background:color-mix(in srgb, var(--ink) 5%, transparent);border-radius:8px;justify-content:space-between;gap:10px;padding:7px 10px;font-size:14px;display:flex;position:relative;overflow:hidden}.opt-bar{width:100%;height:100%;position:absolute;inset:0}.opt-bar rect{fill:color-mix(in srgb, var(--accent) 40%, transparent)}.opt span{position:relative}.roles{flex-wrap:wrap;gap:6px;display:flex}.role{border:1.5px solid var(--line);color:var(--ink);border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:600}.role:first-child{border-color:#ff9f6b}.role:nth-child(2){border-color:#7aa8ff}.role:nth-child(3){border-color:#8fd16a}.role:nth-child(4){border-color:#c79bff}.game{aspect-ratio:16/7;border:1px solid var(--line);border-radius:var(--radius);isolation:isolate;width:100%;min-height:340px;margin-top:44px;position:relative;overflow:hidden;box-shadow:0 50px 90px -40px #0009}.game .mock-chip{z-index:5;top:12px;right:12px}.scene{z-index:0;background:linear-gradient(#1d1640 0%,#4a2a63 38%,#e0795a 64%,#f6b267 72%,#2a2238 72.2%,#1a1626 100%);position:absolute;inset:0}.scene i{display:block;position:absolute}.scene .sun{aspect-ratio:1;background:radial-gradient(circle,#ffe3a1 0 45%,#ffc87800 70%);border-radius:50%;width:13%;top:34%;left:58%}.scene .mnt{background:#2b2244;height:34%;bottom:28%}.scene .m1{clip-path:polygon(0 100%,30% 25%,48% 60%,70% 10%,100% 100%);width:60%;left:-5%}.scene .m2{clip-path:polygon(0 100%,25% 40%,55% 5%,80% 50%,100% 100%);background:#352a52;width:55%;height:26%;right:-6%}.scene .ground{background:repeating-linear-gradient(90deg,#ffffff0a 0 2px,#0000 2px 60px),linear-gradient(#2a2238,#141019);height:28%;bottom:0;left:0;right:0}.scene .cross{opacity:.75;background:linear-gradient(#fff,#fff) 50%/2px 100% no-repeat,linear-gradient(#fff,#fff) 50%/100% 2px no-repeat;width:22px;height:22px;top:52%;left:50%;transform:translate(-50%,-50%)}.scene .hud{background:linear-gradient(90deg,#7ee081 0 72%,#ffffff26 72%);border-radius:6px;width:22%;height:12px;bottom:6%;right:3%}.ov{z-index:3;color:#eef2ec;-webkit-backdrop-filter:blur(8px);background:#0a0d0bb8;border:1px solid #ffffff1f;border-radius:12px;gap:4px;width:min(240px,38%);padding:10px;font-size:13.5px;display:grid;position:absolute;top:6%;left:3%}.ov-head{border-bottom:1px solid #ffffff1f;align-items:center;gap:6px;margin-bottom:2px;padding:2px 4px 6px;font-weight:700;display:flex}.ov-head svg{width:15px;height:15px;color:var(--accent)}.ov-head span{font-family:var(--font-mono);font-size:var(--text-label);color:#a6b0a8;margin-left:auto}.ov-row{align-items:center;gap:8px;padding:3px 4px;display:flex}.ov-row .av{width:26px;height:26px;font-size:12px}.ov-row.speaking .av{box-shadow:0 0 0 2px #141a17, 0 0 0 4px var(--accent)}.ov-row .wave{height:14px;margin-left:auto}.ov-row svg{color:#ff8a80;width:14px;height:14px;margin-left:auto}.keys{z-index:3;color:#eef2ec;justify-items:end;gap:6px;font-size:13px;display:grid;position:absolute;top:18%;right:3%}.keys span{background:#0a0d0b99;border-radius:8px;align-items:center;gap:4px;padding:5px 8px;display:flex}.keys kbd{min-width:22px;font-family:var(--font-mono);font-size:var(--text-label);text-align:center;color:#0a0d0b;background:#eef2ec;border-radius:5px;margin-right:2px;padding:2px 6px;font-weight:600;box-shadow:0 2px #9ba79f}.keys em{font-family:var(--font-mono);font-size:var(--text-label);color:#c9d1cb;opacity:.8;font-style:normal}.playing{z-index:4;color:#0d0f0d;background:#f4f4ef;border-radius:14px;align-items:center;gap:10px;padding:10px 14px 10px 10px;display:flex;position:absolute;bottom:16%;right:3%;box-shadow:0 18px 40px -16px #0009}.playing .av{width:36px;height:36px;font-size:13px}.playing b{font-size:14px;display:block}.playing span{color:#3b413c;font-size:12.5px}@media (width<=640px){.game{aspect-ratio:auto;min-height:480px}.ov{width:62%}.keys{top:auto;bottom:4%;right:3%}.playing{inset:auto auto 34% 3%}.scene .hud{display:none}.scene .sun{width:22%}}@media (width<=560px){.share{grid-template-columns:minmax(0,1fr)}.cams{grid-template-columns:repeat(3,minmax(0,1fr))}}