.bt808{--bt-amber:#ffc574;--bt-cyan:#83ece7;--bt-ink:#0b1018;position:fixed;inset:3vh 3vw;width:94vw;height:94dvh;max-width:none;max-height:none;margin:0;padding:0;border:1px solid #ffffff24;border-radius:22px;background:#101722;color:#edf1f7;font:14px/1.45 system-ui,sans-serif;box-shadow:0 30px 120px #000c;overflow:hidden;color-scheme:dark}.bt808::backdrop{background:#05080dd9;backdrop-filter:blur(9px)}.bt808 *{box-sizing:border-box}.bt808 [hidden]{display:none!important}.bt808 button,.bt808 select{font:inherit;color:inherit}.bt808 button{cursor:pointer;touch-action:manipulation}.bt808 button:disabled{opacity:.45;cursor:default}.bt808 button:focus-visible,.bt808 select:focus-visible{outline:2px solid var(--bt-cyan);outline-offset:3px}.bt808 .bt-top{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 26px;background:linear-gradient(#0b1018ec,#0b101800);pointer-events:none}.bt808 .bt-top>*{pointer-events:auto}.bt808 .bt-brand{display:flex;align-items:center;gap:12px}.bt808 .bt-mark{display:grid;place-items:center;transform:rotate(-8deg);width:40px;height:44px;background:var(--bt-amber);color:#1d222c;font-size:28px;font-weight:900;border-radius:10px}.bt808 .bt-brand b{display:block;font-size:19px;letter-spacing:-.6px}.bt808 .bt-brand small{font-size:9px;letter-spacing:2.4px;color:#98a8ba}.bt808 .bt-top-actions{display:flex;gap:8px}.bt808 .bt-quiet{border:1px solid #ffffff24;background:#182231c9;border-radius:10px;padding:9px 13px;font-size:12px;backdrop-filter:blur(10px)}.bt808 .bt-close{width:40px;height:40px;padding:0;font-size:22px}.bt808 .bt-entry{height:100%;display:grid;grid-template-columns:1.2fr 1fr;background:radial-gradient(ellipse at 15% 70%,#49362766,transparent 60%),radial-gradient(ellipse at 90% 0%,#275c6860,transparent 65%),#101722;overflow:auto}.bt808 .bt-hero{padding:130px 8% 65px;position:relative;overflow:hidden}.bt808 .bt-kicker{display:flex;align-items:center;gap:9px;color:var(--bt-cyan);font-size:10px;letter-spacing:2px;font-weight:700}.bt808 .bt-kicker:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--bt-cyan);box-shadow:0 0 16px var(--bt-cyan)}.bt808 h1{font-size:clamp(45px,6vw,91px);line-height:.98;letter-spacing:-5px;margin:28px 0 22px;max-width:600px;font-weight:850}.bt808 h1 em{font-style:normal;color:var(--bt-amber)}.bt808 .bt-lead{font-size:16px;color:#b0bfce;max-width:370px;line-height:1.8}.bt808 .bt-pills{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0}.bt808 .bt-pills span{border:1px solid #ffffff1c;border-radius:30px;padding:7px 12px;font-size:10px;color:#c9d0da}.bt808 .bt-primary{border:0;border-radius:12px;padding:15px 21px;background:var(--bt-amber);color:#1e232c;font-size:13px;font-weight:800;box-shadow:0 4px 24px #ffba5120}.bt808 .bt-entry-panel{padding:128px 10% 50px 6%;border-left:1px solid #ffffff0c}.bt808 h2{font-size:20px;margin:0 0 20px;letter-spacing:-.5px}.bt808 .bt-room-list{display:grid;gap:9px}.bt808 .bt-room-list button{border:1px solid #ffffff1c;background:#ffffff05;padding:17px;border-radius:14px;text-align:left;width:100%;display:grid;gap:6px}.bt808 .bt-room-list small{color:#9dacbd;font-size:11px}.bt808 .bt-empty{color:#93a0b4;font-size:13px;padding:25px 0}.bt808 .bt-status{color:#b6e6e1;font-size:12px;min-height:18px}.bt808 .bt-stage{position:absolute;inset:0;background:#101722}.bt808 canvas{width:100%;height:100%;display:block;touch-action:none;outline:0}.bt808 .bt-bottom{position:absolute;z-index:4;bottom:18px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 30px));pointer-events:none}.bt808 .bt-tools{pointer-events:auto;display:flex;justify-content:center;gap:6px;background:#0d1520e8;border:1px solid #ffffff26;border-radius:18px;padding:8px;backdrop-filter:blur(16px);box-shadow:0 12px 40px #0006}.bt808 .bt-tool{flex:1;max-width:140px;min-height:66px;border:1px solid transparent;border-radius:12px;background:transparent;display:grid;place-items:center;gap:2px;padding:8px 5px;font-size:11px;color:#aeb9c8}.bt808 .bt-tool svg{width:29px;height:29px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.bt808 .bt-tool[aria-pressed=true]{border-color:#ffc5746b;background:linear-gradient(140deg,#ffc57425,#ffc57408);color:var(--bt-amber)}.bt808 .bt-tool small{font-size:8px;color:#8293a8}.bt808 .bt-hint{text-align:center;font-size:10px;letter-spacing:.3px;color:#b9c6d3;margin-top:10px;text-shadow:0 2px 4px #000}.bt808 .bt-presence{position:absolute;top:92px;left:26px;z-index:3;display:flex;flex-direction:column;gap:7px;pointer-events:none}.bt808 .bt-person{font-size:11px;display:flex;gap:8px;align-items:center;background:#101822bb;padding:7px 10px;border-radius:8px;backdrop-filter:blur(8px);max-width:200px;overflow:hidden;text-overflow:ellipsis}.bt808 .bt-dot{width:7px;height:7px;border-radius:50%;flex:none}.bt808 .bt-chaos{position:absolute;z-index:3;right:26px;top:94px;width:190px;padding:14px 16px;background:#111b27cf;border:1px solid #ffffff14;border-radius:13px;backdrop-filter:blur(10px)}.bt808 .bt-chaos-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;margin-bottom:9px}.bt808 .bt-chaos-track{height:4px;background:#ffffff13;border-radius:5px;overflow:hidden}.bt808 .bt-chaos-fill{height:100%;width:0;background:linear-gradient(90deg,#83ece7,#ffc574);box-shadow:0 0 16px #ffc57466;transition:width .3s}.bt808 .bt-chaos small{display:block;margin-top:8px;color:#92a5b9;font-size:9px}.bt808 .bt-target{position:absolute;z-index:3;left:50%;top:93px;transform:translateX(-50%);background:#101822c9;border:1px solid #ffffff16;border-radius:12px;padding:10px 16px;min-width:165px;text-align:center;font-size:11px;pointer-events:none}.bt808 .bt-target small{display:block;color:#99b0c0;margin-top:3px;font-size:9px}.bt808 .bt-target progress{display:block;margin:7px auto 0;height:3px;width:100%;accent-color:#ffc574}.bt808 .bt-connection{position:absolute;z-index:3;bottom:22px;left:22px;font-size:9px;letter-spacing:.8px;color:#94a8bc;pointer-events:none}.bt808 .bt-toast{position:absolute;z-index:8;left:50%;top:30%;transform:translate(-50%,-50%);padding:15px 22px;border-radius:14px;border:1px solid #ffc57440;background:#111a26ed;text-align:center;font-size:13px;color:#ffe0ae;pointer-events:none;max-width:90%;box-shadow:0 8px 50px #0005}.bt808 .bt-settings{position:absolute;z-index:9;right:24px;top:78px;width:255px;padding:20px;background:#111b29f5;border:1px solid #ffffff24;border-radius:16px;box-shadow:0 20px 60px #0006}.bt808 .bt-settings label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;padding:10px 0}.bt808 .bt-settings input{accent-color:#ffc574}.bt808 .bt-settings select{background:#1a293a;border:1px solid #ffffff25;padding:8px;border-radius:7px;max-width:150px}.bt808 .bt-settings button{width:100%;margin-top:10px}.bt808 .bt-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#101722;z-index:6;gap:16px}.bt808 .bt-loading b{font-size:25px;color:var(--bt-amber);letter-spacing:-1px}.bt808 .bt-loading p{font-size:12px;color:#9bb2c7}.bt808 .bt-loading:before{content:'';display:block;margin:auto;width:40px;height:40px;border:2px solid #ffffff18;border-top-color:#ffc574;border-radius:50%;animation:bt808-spin .8s linear infinite}@keyframes bt808-spin{to{transform:rotate(360deg)}}.bt808-launch .fmenu_icon{color:#ffc574}.bt808-card{border:1px solid #ffc57440!important;background:linear-gradient(120deg,#ad713520,#121c29)!important;color:#ffe0ab!important}.bt808-invite{position:fixed;z-index:10010;bottom:70px;right:18px;width:310px;max-width:calc(100vw - 30px);padding:18px;background:#14202d;border:1px solid #ffc57466;border-radius:15px;color:#eef4fa;font:13px/1.5 system-ui;box-shadow:0 12px 45px #0007}.bt808-invite p{margin:4px 0 13px}.bt808-invite button{background:#ffc574;border:0;color:#17202c;border-radius:8px;padding:9px 14px;cursor:pointer;margin-right:7px}.bt808-invite .bt808-dismiss{background:#263444;color:#ced8e3}.bt808 .bt-orbit{position:absolute;z-index:4;right:22px;bottom:28px;width:45px;height:45px;border:1px solid #ffffff30;border-radius:50%;background:#122033ce;color:#a9dbdf;font-size:22px;touch-action:none}.bt808 .bt-netwarn{color:#ffc574}.bt808 .bt-roomcode{color:#88a3b8;font-size:9px;letter-spacing:1px}.bt808 .bt-target:not([data-target]){opacity:0}
@media(max-width:700px){.bt808{inset:0;width:100vw;height:100dvh;border:0;border-radius:0}.bt808 .bt-top{padding:14px}.bt808 .bt-brand b{font-size:15px}.bt808 .bt-brand small{font-size:7px;letter-spacing:1.5px}.bt808 .bt-mark{width:32px;height:36px;font-size:23px}.bt808 .bt-top-actions{gap:5px}.bt808 .bt-top-actions .bt-quiet{padding:8px 9px;font-size:10px}.bt808 .bt-close{width:34px;height:34px}.bt808 .bt-entry{grid-template-columns:1fr}.bt808 .bt-hero{padding:110px 25px 30px}.bt808 h1{font-size:61px;letter-spacing:-3px}.bt808 .bt-entry-panel{padding:25px;border-top:1px solid #ffffff12;border-left:0}.bt808 .bt-presence{top:78px;left:13px;gap:4px}.bt808 .bt-person{font-size:9px;padding:5px 7px;max-width:120px}.bt808 .bt-chaos{right:13px;top:79px;width:135px;padding:10px 11px}.bt808 .bt-chaos-head{font-size:8px;letter-spacing:.6px}.bt808 .bt-chaos small{font-size:8px}.bt808 .bt-target{top:auto;bottom:151px;font-size:10px;padding:7px 12px;min-width:140px}.bt808 .bt-bottom{bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 22px)}.bt808 .bt-tool{font-size:10px;min-height:58px}.bt808 .bt-tool svg{width:25px;height:25px}.bt808 .bt-tool small{font-size:7px}.bt808 .bt-tools{padding:6px;gap:4px;border-radius:15px}.bt808 .bt-hint{font-size:8px;margin-top:7px}.bt808 .bt-connection{bottom:137px;left:14px;font-size:8px}.bt808 .bt-orbit{bottom:154px;right:14px;width:38px;height:38px;font-size:19px}.bt808 .bt-settings{right:12px;top:65px}.bt808 .bt-toast{top:40%;font-size:12px}}
@media(prefers-reduced-motion:reduce){.bt808 *{animation:none!important;transition:none!important}}

.bt808 .bt-top{background:linear-gradient(#0b1018ee,#0b101800)!important}.bt808 .bt-tools button[aria-pressed="true"]{background:linear-gradient(140deg,#ffc57425,#ffc57408)!important;border-color:#ffc57470!important;color:#ffc574!important}

.bt808::backdrop,.bt808 .bt-tools,.bt808 .bt-chaos,.bt808 .bt-person,.bt808 .bt-quiet{backdrop-filter:none!important}

/* Rage Room: two settings, nine tools, touch-first layout. */
.bt808 .bt-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;max-width:480px}.bt808 .bt-mode-picker button{position:relative;min-height:112px;text-align:left;padding:40px 15px 14px;border-radius:14px;border:1px solid #ffffff25;background:radial-gradient(ellipse at 75% 15%,#ba93f933,transparent 75%),#182338;color:#e4eafa}.bt808 .bt-mode-picker button:before{content:'01 / BEDROOM';position:absolute;left:15px;top:14px;font-size:9px;letter-spacing:2px;color:#bca7e1}.bt808 .bt-mode-picker button[data-mode=screen]:before{content:'02 / CHAT DESTROYER';color:#8eddd9}.bt808 .bt-mode-picker button[data-mode=screen]{background:radial-gradient(ellipse at 75% 15%,#71e4de2b,transparent 75%),#182338}.bt808 .bt-mode-picker button[aria-pressed=true]{border-color:#ffcd85;box-shadow:inset 0 0 0 1px #ffcd8544,0 8px 30px #0003}.bt808 .bt-mode-picker b,.bt808 .bt-mode-picker small{display:block}.bt808 .bt-mode-picker b{font-size:15px}.bt808 .bt-mode-picker small{margin-top:5px;font-size:10px;color:#9eafc4}.bt808 .bt-pills{margin:20px 0}.bt808 .bt-hero{padding-top:108px}.bt808 .bt-bottom{width:min(1050px,calc(100% - 36px))}.bt808 .bt-tools{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;scrollbar-color:#ffc57466 transparent}.bt808 .bt-tool{flex:1 0 86px;min-width:75px;min-height:72px}.bt808 .bt-hint{font-size:10px}.bt808 .bt-game{position:absolute;inset:0}.bt808 .bt-chaos{top:90px}.bt808 .bt-brand small{letter-spacing:1.4px}.bt808 .bt-entry{background:radial-gradient(ellipse at 0 100%,#75484a55,transparent 65%),radial-gradient(ellipse at 90% 10%,#5f4b8755,transparent 60%),#101722}.bt808 .bt-entry-panel{padding-top:108px}.bt808 .bt-primary{transition:transform .16s,filter .16s}.bt808 .bt-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:700px){.bt808 .bt-tool{flex:0 0 78px;min-height:65px}.bt808 .bt-tools{padding:6px;justify-content:flex-start}.bt808 .bt-bottom{width:calc(100% - 16px)}.bt808 .bt-mode-picker{gap:8px}.bt808 .bt-mode-picker b{font-size:13px}.bt808 .bt-mode-picker small{font-size:9px}.bt808 .bt-mode-picker button{padding:36px 11px 12px;min-height:106px}.bt808 .bt-mode-picker button:before{font-size:8px;left:11px;letter-spacing:1px}.bt808 .bt-target{bottom:150px}.bt808 .bt-hint{font-size:8px}.bt808 .bt-entry-panel{padding-top:25px}.bt808 .bt-brand small{font-size:6px;letter-spacing:.7px}.bt808 .bt-hero{padding-top:100px}.bt808 .bt-chaos{top:80px}.bt808 .bt-top{gap:6px}.bt808 .bt-brand{gap:6px}.bt808 .bt-presence{max-width:120px}.bt808 .bt-top-actions{gap:4px}}

.bt808 .bt-entry{padding-top:80px}.bt808 .bt-hero{padding-top:48px}.bt808 .bt-entry-panel{padding-top:48px}@media(max-width:700px){.bt808 .bt-entry{padding-top:70px}.bt808 .bt-hero{padding-top:24px}.bt808 .bt-entry-panel{padding-top:25px}.bt808 h1{font-size:54px}}
.bt808 .bt-top{border:0;font-weight:400;font-size:14px}.bt808 .bt-brand{min-width:0}@media(max-width:700px){.bt808 .bt-brand small{display:none}.bt808 .bt-brand b{font-size:14px}.bt808 .bt-top{height:68px;align-items:center}.bt808 .bt-mark{flex-shrink:0}.bt808 .bt-top-actions{flex-shrink:0}}

.bt808 .bt-room-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.bt808 .bt-room-row>button:first-child{min-width:0}.bt808 .bt-room-row small{overflow-wrap:anywhere}.bt808 .bt-room-list .bt-room-end{width:auto;min-width:82px;min-height:44px;padding:10px;color:#ffc1ad!important;border-color:#bd7a6b66!important;background:#3b2228!important;text-align:center;display:block}.bt808 .bt-entry-panel{min-width:0}.bt808 .bt-end-room{color:#ffc1ad!important}.bt808 .bt-entry-panel h2:after{content:' · 30 min idle expiry';font-size:10px;color:#99afbd;font-weight:400}@media(max-width:700px){.bt808 .bt-top-actions .bt-end-room{padding:7px;font-size:9px}.bt808 .bt-brand b{font-size:12px}.bt808 .bt-mark{width:27px;height:31px}.bt808 .bt-top{padding:10px;gap:3px}.bt808 .bt-room-list .bt-room-end{min-width:72px;font-size:10px}}