.multiview-add{position:absolute;z-index:8;right:10px;bottom:10px;min-height:34px;padding:0 10px;border:2px solid #36b6dd;background:#071e2e;color:#e2f8ff;font:700 10px/1 "Space Grotesk",system-ui,sans-serif;letter-spacing:.04em;cursor:pointer;box-shadow:3px 3px 0 #397d98}
.stream-card,.ranking-row,.favorite-card-link{position:relative}
.multiview-add:hover,.multiview-add[aria-pressed="true"]{background:#48c7e8;color:#061923}
.multiview-dock{position:fixed;z-index:90;left:50%;bottom:18px;width:min(760px,calc(100vw - 28px));min-height:78px;display:flex;align-items:center;gap:14px;padding:11px 13px;border:2px solid #2494bc;background:#061c2b;color:#e6f8ff;box-shadow:5px 5px 0 #4b93ad,0 12px 32px rgba(2,25,39,.35);transform:translateX(-50%)}
.multiview-dock[hidden]{display:none}
.multiview-dock-title{min-width:122px}.multiview-dock-title b{display:block;color:#57dcff;font:8px/1.5 "Press Start 2P",monospace}.multiview-dock-title small{color:#8bb9ca;font-size:11px}
.multiview-dock-people{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.multiview-person{position:relative;width:42px;height:42px;display:grid;place-items:center;border:2px solid #68c9e5;border-radius:50%;background:#17445a;font-size:11px;font-weight:700}.multiview-person.twitch{border-color:#347bff}.multiview-person.kick{border-color:#53f91b}.multiview-person.youtube{border-color:#f03251}.multiview-person i{font-style:normal}.multiview-person button{position:absolute;top:-7px;right:-6px;width:21px;height:21px;border:1px solid #75c7dd;border-radius:50%;background:#092737;color:#fff;cursor:pointer}
.multiview-dock-open{min-height:46px;display:grid;place-items:center;padding:0 18px;background:#48c7e8;color:#061923;text-decoration:none;font:8px "Press Start 2P",monospace;box-shadow:3px 3px 0 #156e91}.multiview-dock-open:hover{background:#72ddf5}
.multiview-page{background:#b9e4f1;color:#071b27}.multiview-page-main{width:min(1500px,calc(100vw - 42px));margin:0 auto;padding:28px 0 90px}.multiview-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px;padding:24px;border:2px solid #24718f;background:#c8e9f2;box-shadow:5px 5px 0 rgba(54,125,148,.22)}.multiview-kicker{margin:0 0 8px;color:#24718f;font:8px "Press Start 2P",monospace}.multiview-hero h1{margin:0;font:700 clamp(38px,5vw,68px)/.95 "Space Grotesk",system-ui,sans-serif;letter-spacing:-.055em}.multiview-hero p{margin:12px 0 0;color:#365c6d}.multiview-actions{display:flex;gap:10px;flex-wrap:wrap}.multiview-actions button,.multiview-empty a{min-height:46px;padding:0 16px;border:2px solid #1779a0;background:#092d40;color:#e3f9ff;font:700 12px "Space Grotesk",system-ui,sans-serif;cursor:pointer;box-shadow:3px 3px 0 #458eaa}.multiview-empty a{display:inline-grid;place-items:center;text-decoration:none}.multiview-actions button:hover{border-color:#39bde6}
.multiview-grid{display:grid;gap:14px}.multiview-grid[data-count="1"]{grid-template-columns:1fr}.multiview-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.multiview-grid[data-count="3"]{grid-template-columns:1.35fr .85fr}.multiview-grid[data-count="3"] .multiview-player:first-child{grid-row:span 2}.multiview-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.multiview-grid.has-focus{grid-template-columns:1fr!important}.multiview-grid.has-focus .multiview-player{display:none}.multiview-grid.has-focus .multiview-player.is-focused{display:block;grid-column:1/-1;grid-row:auto}
.multiview-player{min-width:0;overflow:hidden;border:2px solid #155c7d;background:#061c2b;color:#e6f8ff;box-shadow:4px 4px 0 rgba(38,116,148,.25)}.multiview-player header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-bottom:1px solid #174d65}.multiview-player header>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;min-width:0}.multiview-player header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiview-player header small{grid-column:2;color:#7faabc}.multiview-platform{grid-row:1/3;align-self:center;padding:6px;color:#fff;font:7px "Press Start 2P",monospace;text-transform:uppercase}.multiview-platform.twitch{background:#347bff}.multiview-platform.kick{background:#42d814;color:#061923}.multiview-platform.youtube{background:#f03251}.multiview-player-controls{display:flex;gap:6px}.multiview-player-controls button{min-height:34px;padding:0 9px;border:1px solid #28637b;background:#0a2c3e;color:#d6f1fa;cursor:pointer}.multiview-player-controls button[aria-pressed="true"]{border-color:#50dafa;background:#16475c}.multiview-player-controls button:disabled{opacity:.35}.multiview-media{position:relative;aspect-ratio:16/9;background:#020b11}.multiview-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.multiview-provider-link{position:absolute;z-index:2;right:8px;bottom:8px;padding:7px 9px;border:1px solid #2c7896;background:rgba(4,25,37,.88);color:#a9eaff;font-size:10px;text-decoration:none;opacity:.22;transition:opacity .15s}.multiview-media:hover .multiview-provider-link,.multiview-provider-link:focus-visible{opacity:1}.multiview-unavailable{position:absolute;inset:0;display:grid;place-content:center;gap:12px;text-align:center}.multiview-unavailable a{color:#5fdcf7}.multiview-empty{padding:70px 24px;border:2px solid #78b4c7;text-align:center;background:#c8e9f2}.multiview-empty h2{margin:0 0 10px;font-size:32px}.multiview-empty p{margin:0 0 22px;color:#365c6d}
@media(max-width:760px){.multiview-add{right:7px;bottom:7px;min-height:32px;font-size:9px}.multiview-dock{bottom:76px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:8px}.multiview-dock-title{grid-column:1}.multiview-dock-people{grid-column:1/3;grid-row:2}.multiview-dock-open{grid-column:2;grid-row:1}.multiview-page-main{width:calc(100vw - 16px);padding-top:86px}.multiview-hero{display:block;padding:18px 15px}.multiview-hero h1{font-size:38px}.multiview-actions{margin-top:18px}.multiview-grid[data-count]{grid-template-columns:1fr}.multiview-grid[data-count="3"] .multiview-player:first-child{grid-row:auto}.multiview-player header{align-items:flex-start}.multiview-player-controls{flex-wrap:wrap;justify-content:flex-end}.multiview-player-controls button{min-height:38px}.multiview-grid:not(.has-focus) .multiview-player:not(:first-child) .multiview-media{aspect-ratio:16/8}}