:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f2e9;background:#0d1110;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;min-height:100%}body{background:radial-gradient(circle at 18% 0,#f2c14e2e,#0000 28%),radial-gradient(circle at 92% 18%,#56bc952e,#0000 30%),linear-gradient(145deg,#0d1110 0%,#121c18 48%,#24171d 100%);min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:#f7f2e9;cursor:pointer;touch-action:manipulation;background:#26312d;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:800;transition:transform .16s,background .16s,opacity .16s;display:inline-flex}button:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.45}input{color:#f7f2e9;background:#090c0bb8;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;min-height:52px;padding:0 15px}input::placeholder{color:#f7f2e97a}input:focus{border-color:#f2c14e;box-shadow:0 0 0 4px #f2c14e24}.shell{max-width:1180px;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.topbar,.join-panel,.app-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1312c7;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 24px 80px #00000052}.topbar{z-index:5;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:10px}.eyebrow{color:#9ed8c3;letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:850}h1,h2{letter-spacing:0;margin:0}h1{font-size:30px;line-height:1}h2{max-width:430px;font-size:27px;line-height:1.12}.primary-button{color:#17130a;background:#f2c14e}.ghost-button{background:#ffffff14;border:1px solid #ffffff1a}.danger-button{color:#180807;background:#ea6b5d}.join-panel{flex-direction:column;align-self:center;gap:18px;width:100%;max-width:540px;margin:auto;padding:24px;display:flex}.join-hero{gap:10px;padding-bottom:4px;display:grid}.join-hero span{color:#9ed8c3;text-transform:uppercase;background:#9ed8c324;border:1px solid #9ed8c32e;border-radius:999px;place-self:start;padding:7px 11px;font-size:12px;font-weight:850}.join-panel label,.panel-title{color:#dce9e2;font-size:14px;font-weight:850;display:block}.join-row,.join-stack,.composer,.call-actions{gap:10px;display:flex}.join-stack{flex-direction:column}.hint{color:#9ed8c3;margin:0;font-size:13px;line-height:1.45}.app-panel{flex:1;grid-template-columns:224px minmax(320px,1fr) 370px;min-height:640px;display:grid;overflow:hidden}.app-panel:has(.call-panel.presentation){grid-template-columns:1fr}:is(.app-panel:has(.call-panel.presentation) .people,.app-panel:has(.call-panel.presentation) .conversation){display:none}.app-panel:has(.call-panel.presentation) .call-panel{min-height:calc(100dvh - 128px)}.people,.conversation,.call-panel{min-width:0;padding:18px}.people,.conversation{border-right:1px solid #ffffff14}.people{flex-direction:column;gap:12px;display:flex}.status{color:#9ed8c3;font-size:14px;line-height:1.4}.host-code{color:#f7f2e9;background:linear-gradient(145deg,#f2c14e2e,#f2c14e12);border:1px solid #f2c14e57;border-radius:8px;padding:12px;font-size:13px;line-height:1.4}.host-code strong{color:#f2c14e;letter-spacing:0;overflow-wrap:anywhere;margin-top:4px;font-size:15px;display:block}ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}li{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}.conversation{flex-direction:column;display:flex}.messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;padding-right:6px;display:flex;overflow-y:auto}.message{word-break:break-word;background:#1d2925f5;border:1px solid #ffffff0d;border-radius:8px;align-self:flex-start;max-width:min(84%,540px);padding:10px 12px;line-height:1.42}.message.mine{background:#4a3618;align-self:flex-end}.message.system{color:#9ed8c3;text-align:center;background:#9ed8c317;align-self:center;max-width:92%;font-size:13px}.message b{color:#f2c14e;margin-bottom:4px;font-size:12px;display:block}.composer{margin-top:14px}.composer input{flex:1}.mini-game{background:#f2c14e14;border:1px solid #f2c14e38;border-radius:8px;gap:10px;margin-top:14px;padding:12px;display:grid}.mini-game p{color:#f2c14e;margin:0 0 2px;font-size:14px;font-weight:850}.mini-game span{color:#dce9e2;font-size:13px}.score-row{flex-wrap:wrap;gap:8px;display:flex}.score-row span{background:#ffffff12;border-radius:999px;padding:7px 10px}.score-row .mine-score{color:#9ed8c3;background:#9ed8c329}.game-actions{grid-template-columns:1fr 96px;gap:8px;display:grid}.call-panel{flex-direction:column;gap:14px;display:flex}.video-stage{background:linear-gradient(145deg,#ffffff0a,#fff0),#070909;border:1px solid #ffffff14;border-radius:8px;flex:1;min-height:380px;position:relative;overflow:hidden}.video-stage.local-screen-mode,.video-stage.remote-screen-mode{min-height:min(76dvh,820px)}video{object-fit:cover;background:#070909;width:100%;height:100%}.video-stage.local-screen-mode video,.video-stage.remote-screen-mode video{object-fit:contain}.video-stage video:last-child{border:2px solid #f2c14edb;border-radius:8px;width:154px;height:120px;position:absolute;bottom:12px;right:12px;box-shadow:0 10px 30px #0000006b}.video-stage.remote-screen-mode video:last-child{background:#070909e0;width:148px;height:92px}.video-stage.local-screen-mode video:first-child{object-fit:cover;z-index:2;border:2px solid #f2c14edb;border-radius:8px;width:148px;height:92px;position:absolute;bottom:12px;right:12px;box-shadow:0 10px 30px #0000006b}.video-stage.local-screen-mode video:last-child{box-shadow:none;border:0;border-radius:0;width:100%;height:100%;position:static;bottom:auto;right:auto}.call-panel.presentation .call-actions{background:#0f1312d6;border:1px solid #ffffff14;border-radius:8px;padding:8px}.call-panel.presentation{padding:14px}.call-actions{flex-wrap:wrap}.call-actions button{flex:120px}.voice-effects{background:#9ed8c314;border:1px solid #9ed8c329;border-radius:8px;gap:9px;padding:11px;display:grid}.voice-effects>span{color:#9ed8c3;text-transform:uppercase;font-size:12px;font-weight:850}.voice-effects div{flex-wrap:wrap;gap:7px;display:flex}.voice-effects button{text-transform:capitalize;background:#ffffff12;border:1px solid #ffffff14;flex:92px;min-height:38px;padding:0 10px}.voice-effects button.active{color:#07100d;background:#9ed8c3}@media (max-width:980px){.app-panel{grid-template-columns:1fr;overflow:visible}.app-panel:has(.call-panel.presentation){grid-template-columns:1fr}.people,.conversation{border-bottom:1px solid #ffffff14;border-right:0}.people{grid-template-columns:1fr;display:grid}.conversation{min-height:420px}}@media (max-width:640px){body{background:radial-gradient(circle at 18% 0,#f2c14e29,#0000 34%),linear-gradient(165deg,#0b0f0e 0%,#12201b 58%,#22171c 100%)}.shell{padding:max(10px, env(safe-area-inset-top)) 10px max(12px, env(safe-area-inset-bottom));gap:10px}.topbar{border-radius:8px;padding:12px;top:8px}h1{font-size:24px}h2{font-size:25px}.eyebrow{font-size:11px}.ghost-button{min-height:42px;padding:0 13px}.join-panel{gap:16px;margin:18px 0 auto;padding:18px}.join-row,.composer{flex-direction:column;align-items:stretch}.join-row button,.composer button{width:100%}.app-panel{box-shadow:none;background:0 0;border:0;gap:10px;min-height:0}.people,.conversation,.call-panel{background:#0f1312d1;border:1px solid #ffffff1a;border-radius:8px;padding:14px}.call-panel{order:1}.people{order:2}.conversation{order:3}.people{border-bottom:1px solid #ffffff1a}.host-code{font-size:12px}.host-code strong{font-size:14px}ul{flex-direction:row;padding-bottom:2px;overflow-x:auto}li{flex:none;min-width:120px}.conversation{min-height:48dvh;padding-bottom:10px}.messages{min-height:220px}.message{max-width:90%}.composer{bottom:max(8px, env(safe-area-inset-bottom));background:#0f1312eb;margin-top:12px;position:sticky}.game-actions{grid-template-columns:1fr 86px}.call-panel{gap:12px;padding:12px}.video-stage{aspect-ratio:9/13;min-height:0}.video-stage.local-screen-mode,.video-stage.remote-screen-mode{aspect-ratio:auto;height:min(76dvh,760px);min-height:460px}.video-stage video:last-child{width:132px;height:104px;bottom:10px;right:10px}.video-stage.remote-screen-mode video:last-child,.video-stage.local-screen-mode video:first-child{width:104px;height:78px}.call-actions{bottom:max(8px, env(safe-area-inset-bottom));z-index:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;position:sticky}.call-actions button{flex:initial;min-height:48px;padding:0 8px}.call-actions .danger-button{grid-column:1/-1}.voice-effects button{flex-basis:calc(50% - 4px)}}@media (max-width:390px){.video-stage{aspect-ratio:9/12}.video-stage.local-screen-mode,.video-stage.remote-screen-mode{height:74dvh;min-height:420px}.topbar{align-items:flex-start;gap:10px}.ghost-button{flex:none;max-width:112px}}