html,body{width:100%;height:100%;margin:0;font-family:Noto Sans JP,sans-serif;overflow:hidden}#stage{background:var(--bg-color,#11100e);box-sizing:border-box;width:100%;height:100%;padding:2%;position:relative}#canvas{width:100%;height:100%;transition:opacity .3s}.tile{background:#1c1c24;border-radius:12px;position:relative;overflow:hidden}.tile video{object-fit:cover;width:100%;height:100%}.tile.share video{object-fit:contain;background:#000}#stage[data-banner=true] .nameplate,#stage[data-chat=true] .nameplate{opacity:0}.nameplate{background:var(--theme-color,#806040);color:#fff;border-radius:8px;padding:4px 16px;font-size:24px;font-weight:700;line-height:1.5;transition:opacity .3s;position:absolute;bottom:12px;left:12px}#canvas[data-layout=grid]{grid-template-columns:repeat(var(--cols,1), 1fr);align-content:center;gap:16px;display:grid}#canvas[data-layout=grid] .tile{aspect-ratio:16/9}#canvas[data-layout=tiled]{flex-direction:column;display:flex;position:absolute;inset:0}#canvas[data-layout=tiled] .tile-row{flex:1;min-height:0;display:flex}#canvas[data-layout=tiled] .tile{border-radius:0;flex:1;height:100%}#canvas[data-layout=solo],#canvas[data-layout=spotlight]{display:grid}#canvas[data-layout=solo] .tile,#canvas[data-layout=spotlight] .tile{width:100%;height:100%}#canvas[data-layout=sidebar]{grid-template-columns:1fr 22%;gap:16px;display:grid}#canvas[data-layout=sidebar] .tile.main{height:100%}#canvas[data-layout=sidebar] .side{flex-direction:column;justify-content:center;gap:16px;min-height:0;display:flex}#canvas[data-layout=sidebar] .side .tile{aspect-ratio:16/9}#canvas[data-layout=sidebar] .side .nameplate{padding:2px 10px;font-size:16px}#canvas[data-layout=screenshare]{display:grid}#canvas[data-layout=screenshare-wipe]{position:relative}#canvas[data-layout=screenshare-wipe] .tile.share{width:100%;height:100%}#canvas[data-layout=screenshare-wipe] .wipes{gap:12px;display:flex;position:absolute;bottom:16px;right:16px}#canvas[data-layout=screenshare-wipe] .wipes .tile{aspect-ratio:16/9;width:240px;box-shadow:0 4px 16px #00000080}#canvas[data-layout=screenshare-wipe] .wipes .nameplate{padding:2px 8px;font-size:14px;bottom:8px;left:8px}#media{background:#000;display:none;position:absolute;inset:0}#media[data-visible=true]{place-items:center;display:grid}#media img,#media video{max-width:100%;max-height:100%}#logo{height:56px;display:none;position:absolute;top:4%;right:4%}#logo[data-visible=true]{display:block}#banner{background:var(--theme-color,#806040);color:#fff;border-radius:10px;padding:14px 28px;font-size:36px;font-weight:900;display:none;position:absolute;bottom:7%;left:4%;right:4%;box-shadow:0 4px 16px #00000059}#banner[data-visible=true]{display:block}#chat-overlay{color:#1c1c1c;background:#fffffff2;border-radius:16px;align-items:flex-start;gap:14px;max-width:44%;padding:16px 22px;display:none;position:absolute;bottom:16%;left:4%;box-shadow:0 4px 16px #00000059}#chat-overlay[data-visible=true]{display:flex}#chat-avatar{border-radius:50%;width:48px;height:48px}#chat-author{color:var(--theme-color,#806040);font-size:20px;font-weight:700}#chat-text{word-break:break-word;font-size:26px;font-weight:400;line-height:1.4}#ticker{color:#fff;white-space:nowrap;background:#000000bf;padding:8px 0;font-size:26px;display:none;position:absolute;bottom:0;left:0;right:0;overflow:hidden}#ticker[data-visible=true]{display:block}#ticker-text{padding-left:100%;animation:20s linear infinite ticker-scroll;display:inline-block}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}#waiting{background:var(--bg-color,#11100e);flex-direction:column;justify-content:center;align-items:center;gap:40px;display:none;position:absolute;inset:0}#waiting[data-visible=true]{display:flex}#waiting img{height:96px}#waiting img[src=""]{display:none}#waiting p{color:#fff;margin:0;font-size:44px;font-weight:700}#countdown{font-variant-numeric:tabular-nums;font-size:110px!important;font-weight:900!important}#countdown:empty,#audio{display:none}