.live-room-chat{z-index:2;left:10px;bottom:var(--chat-bottom,80px);width:min(255px,100% - 20px);height:var(--chat-height,172px);pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;display:flex;position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 35%);mask-image:linear-gradient(#0000,#000 35%)}.live-room-chat-message{box-sizing:border-box;color:#fff;overflow-wrap:anywhere;background:#0000004d;border-radius:12px;flex:none;width:fit-content;max-width:100%;min-height:24px;padding:2px 8px;font-size:14px;font-weight:500;line-height:20px}.live-room-chat-name{color:#fff9;margin-right:4px}.live-room-chat-badge{vertical-align:-1px;width:28px;height:12px;margin-right:3px}.live-room-chat-notice .live-room-chat-name{color:#cffcff}.live-room-chat-notice .live-room-chat-text{color:#fff9}.live-room-chrome{z-index:2;pointer-events:none;color:#fff;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;line-height:normal;position:absolute;inset:0}.live-room-gradient{position:absolute;left:0;right:0}.live-room-gradient-top{background:linear-gradient(#0000006b,#0000);height:180px;top:0}.live-room-gradient-bottom{background:linear-gradient(#0000,#00000073);height:320px;bottom:0}.live-room-status{top:env(safe-area-inset-top,0px);box-sizing:border-box;letter-spacing:.1px;justify-content:space-between;align-items:center;height:44px;padding:0 26px 0 45px;font-size:16px;font-weight:600;display:flex;position:absolute;left:0;right:0}.live-room-status-icons{align-items:center;gap:5px;display:flex}.live-room-status-icons img{display:block}.live-room-header{top:calc(44px + env(safe-area-inset-top,0px));justify-content:space-between;align-items:center;gap:6px;height:45px;display:flex;position:absolute;left:10px;right:10px}.live-room-host{box-sizing:border-box;background:linear-gradient(90deg,#0000004d,#0000);border-radius:22.5px;flex:none;align-items:center;gap:6px;width:172px;height:45px;padding:0 5px 0 3px;display:flex}.live-room-host-avatar{box-sizing:border-box;object-fit:cover;border:1px solid #fff;border-radius:50%;flex:none;width:39px;height:39px}.live-room-host-name{white-space:nowrap;flex-direction:column;flex:none;width:61px;display:flex}.live-room-host-name>span{color:#fffc;text-shadow:0 1px 1px #0003;font-size:12px;font-weight:500;line-height:17px}.live-room-host-name strong{align-items:baseline;gap:2px;font-size:12px;font-weight:500;line-height:17px;display:flex}.live-room-host-name strong b{font-size:14px;font-weight:700}.live-room-follow{white-space:nowrap;background:#f31c79;border-radius:20px;flex:none;justify-content:center;align-items:center;width:52px;height:35px;font-size:13px;font-weight:500;line-height:18px;display:flex}.live-room-contributors{flex:0 177px;align-items:center;gap:6px;min-width:0;display:flex}.live-room-contributor-list{flex:1;gap:6px;min-width:0;height:32px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%)}.live-room-contributor{flex:none;width:30px;height:32px;position:relative}.live-room-contributor>img{box-sizing:border-box;object-fit:cover;border-radius:50%;width:30px;height:30px;display:block}.live-room-contributor-amount{box-sizing:border-box;text-align:center;color:#9b410b;background:linear-gradient(90.0358deg,#f1a140 13.317%,#fffe87 49.732%,#f1a140 113.32%);border-radius:6px;height:12px;font-size:8px;font-weight:500;line-height:12px;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 .5px #fff}.live-room-contributor-amount.rank-2{color:#3e6074;background:linear-gradient(90.0358deg,#7592a1 13.317%,#fff 49.732%,#7592a1 113.32%)}.live-room-contributor-amount.rank-3{color:#944f00;background:linear-gradient(90.0358deg,#d37127 13.317%,#ffd9bf 48.073%,#d37127 109.98%)}.live-room-contributor-amount.rank-4{color:#fff;box-shadow:none;background:#0003}.live-room-watched{box-sizing:border-box;background:#0003;border-radius:18px;flex:none;width:45px;height:35px;position:relative}.live-room-watched span{flex-direction:column;justify-content:center;align-items:center;line-height:10px;display:flex;position:absolute;inset:0}.live-room-watched strong{text-shadow:0 .5px .5px #0000004d;font-size:10px;font-weight:600;line-height:12px}.live-room-watched small{color:#fff9;font-size:8px;font-weight:400;line-height:10px}.live-room-rank-row{top:calc(99px + env(safe-area-inset-top,0px));justify-content:space-between;align-items:center;display:flex;position:absolute;left:10px;right:10px}.live-room-ranking,.live-room-more{box-sizing:border-box;white-space:nowrap;border-radius:10px;align-items:center;height:20px;display:flex}.live-room-ranking{background:#0003;gap:4px;width:120px;padding:0 6px 0 4px;font-size:11px;font-weight:500;line-height:15px}.live-room-ranking img{width:28px;height:12px}.live-room-more{background:linear-gradient(85.1558deg,#6b1dff75 1.2082%,#ff43c65a 50.07%,#ff20e677 99.095%);gap:4px;width:90px;padding:0 4px;font-size:11px;font-weight:500;line-height:15px}.live-room-more img:first-child{width:18px;height:18px}.live-room-more img:last-child,.live-room-benefit-tail img{width:12px;height:12px}.live-room-benefits{box-sizing:border-box;top:calc(129px + env(safe-area-inset-top,0px));background:#0003;border-radius:8px;align-items:center;width:139px;height:45px;padding-left:6px;display:flex;position:absolute;left:10px}.live-room-benefit{white-space:nowrap;flex-direction:column;flex:none;align-items:center;gap:2px;width:32px;height:37px;font-size:8px;font-weight:600;line-height:11px;display:flex}.live-room-benefit+.live-room-benefit{margin-left:8px}.live-room-benefit>img{width:24px;height:24px}.live-room-benefit-tail{background:#0003;border-radius:0 8px 8px 0;flex:none;justify-content:center;align-items:center;width:15px;height:45px;margin-left:6px;display:flex}.live-room-benefit-tail img{opacity:.4375}.live-room-toolbar{bottom:calc(34px + env(safe-area-inset-bottom,0px));align-items:center;gap:8px;height:36px;display:flex;position:absolute;left:10px;right:10px}.live-room-say,.live-room-tool{box-sizing:border-box;background:#0000004d;height:36px}.live-room-say{border-radius:18px;flex:1;align-items:center;min-width:0;padding:0 12px;font-size:14px;display:flex}.live-room-tool{border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;display:flex}.live-room-tool img{width:24px;height:24px}.live-room-home-indicator{left:0;right:0;bottom:env(safe-area-inset-bottom,0px);justify-content:center;align-items:flex-end;height:34px;display:flex;position:absolute}.live-room-home-indicator div{background:#fff;border-radius:3px;width:134px;height:5px;margin-bottom:8px}:root{color:#20252d;background:#f6f7f8;font-family:system-ui,sans-serif}body{margin:0}main{max-width:1040px;margin:16px auto;padding:0 16px 24px}h1{margin-top:0;font-size:22px}p{line-height:1.6}.workspace{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.live-room-column{width:375px;max-width:100%}@media (width>=760px) and (height>=860px){.live-room-column{position:sticky;top:16px}}.workspace-side{flex:1;min-width:min(100%,320px)}.live-room{--chat-height:172px;--chat-bottom:calc(80px + env(safe-area-inset-bottom,0px));--game-bottom:calc(var(--chat-bottom) + var(--chat-height) + 8px);background:#000;border-radius:42px;width:375px;max-width:100%;height:812px;position:relative;overflow:hidden}.live-room-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.live-room iframe{z-index:1;left:0;right:0;bottom:var(--game-bottom);position:absolute}iframe{aspect-ratio:5/4;background:0 0;border:0;width:100%;height:auto;display:block}fieldset{border:1px solid #c7ccd4;margin:0 0 14px;padding:10px}.host-events{min-width:0;margin-top:14px}.host-event-buttons{flex-wrap:wrap;gap:4px;display:flex}.host-event-buttons button{align-items:center;gap:6px;margin:0;padding:6px 5px;display:inline-flex}.host-event-buttons kbd{box-sizing:border-box;color:#35404c;background:linear-gradient(#fff,#e8edf2);border:1px solid #adb7c2;border-bottom-color:#8e99a6;border-radius:4px;flex:none;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 4px;font:600 13px/1 system-ui,sans-serif;display:inline-flex;box-shadow:0 1px #929daa,inset 0 1px #fff}.host-event-buttons button:disabled kbd{opacity:.55}.slider-control{align-items:center;gap:12px;max-width:420px;margin-top:6px;display:flex}.slider-control input[type=range]{cursor:pointer;flex:1;min-width:0}.slider-control output{font-variant-numeric:tabular-nums;min-width:4em}.setup-controls>label,#controls fieldset>label{margin-top:12px;display:block}.setup-controls>label:first-child,#controls fieldset>legend+label{margin-top:0}.setting-pending{color:#66707c;white-space:nowrap;font-size:12px}button{font:inherit;cursor:pointer;margin:3px 2px;padding:6px 10px}button[aria-pressed=true]{outline-offset:1px;outline:2px solid #365fbb}button:disabled{cursor:default}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #d9dde3;padding:8px 6px}tr[data-current=true]{background:#e8eefb}caption{text-align:left;padding-bottom:8px}details{margin-top:24px}summary{cursor:pointer}pre{background:#e9ecf0;max-height:360px;padding:12px;overflow:auto}#events{max-height:220px;font-size:13px;overflow:auto}#connection[data-error=true]{color:#a12a25}.debug-panel-heading{justify-content:space-between;align-items:center;display:flex}.debug-drawer-close,.debug-drawer-toggle,.debug-drawer-backdrop{display:none}@media (width<=759px){html,body,#root,main{width:100%;height:100%}body{overflow:hidden}main{max-width:none;height:100dvh;margin:0;padding:0}.workspace,.live-room-column{width:100%;max-width:none;height:100%}.workspace{display:block}.live-room{--game-height:80vw;--chat-height:min(172px, max(0px, calc(100dvh - 264px - var(--game-height) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))));border-radius:0;width:100%;max-width:none;height:100%}.live-room iframe{width:100%;height:auto;left:0;right:0}.debug-drawer-toggle{z-index:5;right:0;top:calc(130px + env(safe-area-inset-top,0px));color:#fff;background:#141921bd;border:0;border-radius:8px 0 0 8px;margin:0;padding:10px 6px;font-size:12px;display:block;position:fixed}.debug-drawer-backdrop{z-index:6;background:#00000059;border:0;width:100%;height:100%;margin:0;padding:0;display:block;position:fixed;inset:0}.workspace-side{box-sizing:border-box;z-index:7;width:min(90vw,420px);min-width:0;height:100dvh;padding:calc(18px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px));visibility:hidden;background:#f6f7f8;transition:transform .22s,visibility .22s;position:fixed;inset:0 0 0 auto;overflow:auto;transform:translate(100%);box-shadow:-4px 0 18px #0000002e}.workspace-side.is-open{visibility:visible;transform:translate(0)}.debug-drawer-close{background:0 0;border:0;margin:-6px 0 8px;padding:2px 8px;font-size:28px;line-height:1;display:block}.workspace-side .host-events{margin-top:0}}