/* Every placement belongs to the glass, never the viewport or dialog top layer. */
.tv-ad-layer{position:absolute;inset:0;z-index:8;overflow:hidden;border-radius:inherit;pointer-events:none;container-type:size;isolation:isolate;--hot:#ff2e88;--acid:#c6ff00;--volt:#00e0ff;--sun:#ffea00;--grape:#7a2fc4;--ink:#1a0a10;--cream:#fffef2}
.tv-ad-layer[hidden],#tv:not([data-state="on"]) .tv-ad-layer{display:none!important}
.tv-ad-layer *{box-sizing:border-box}
.tv-ad-layer .retro-sponsor{position:absolute;pointer-events:auto;width:min(330px,calc(100% - 20px));max-height:calc(100% - 20px);overflow:auto;color:var(--ink);border:4px solid var(--ink);border-radius:12px;box-shadow:5px 6px 0 #0008;font:800 13px/1.35 Nunito,Arial,sans-serif;background:repeating-linear-gradient(125deg,#ffffff24 0 18px,transparent 18px 36px),linear-gradient(155deg,var(--hot),var(--sun) 38%,var(--acid) 65%,var(--volt));animation:sponsor-arrive .35s ease-out}
.tv-ad-layer .sponsor-cap{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:4px;background:var(--ink);color:var(--sun);padding:4px;font:bold 9px/1.2 monospace}
.tv-ad-layer .sponsor-cap>span:first-child{flex:1;min-width:0}
.tv-ad-layer .sponsor-cap button{flex:none;font:bold 21px Arial;width:34px;min-height:34px;padding:0;color:var(--ink);background:var(--acid);border:2px outset var(--cream);cursor:pointer;border-radius:3px}
.tv-ad-layer .sponsor-wait{flex:none;font:10px monospace;padding:0 4px}
.tv-ad-layer .sponsor-cap button:disabled{opacity:.6;cursor:wait}
.tv-ad-layer .sponsor-content{padding:12px;display:flow-root}
.tv-ad-layer .sponsor-kicker{font:900 9px monospace;letter-spacing:1px;background:var(--ink);color:var(--sun);padding:3px 4px}
.tv-ad-layer .sponsor-content h2{font:900 25px/1.04 "Archivo Black",Arial,sans-serif;margin:12px 0 8px;letter-spacing:-1px}
.tv-ad-layer .sponsor-content p{font-size:12px;margin:8px 0 12px}
.tv-ad-layer .sponsor-cta{display:block;clear:both;min-height:46px;padding:12px 9px;text-align:center;color:var(--ink)!important;background:var(--sun);border:3px solid var(--ink);border-radius:7px;box-shadow:3px 3px 0 var(--grape);font:900 14px/1.2 "Archivo Black",Arial,sans-serif;text-decoration:none!important}
.tv-ad-layer a:focus-visible,.tv-ad-layer button:focus-visible{outline:3px solid var(--volt);outline-offset:-3px}
.tv-ad-layer .sponsor-art{position:relative;float:left;display:grid;place-items:center;overflow:hidden;width:108px;height:132px;margin:0 10px 8px 0;background:transparent;border:0;padding:0;cursor:pointer}
.tv-ad-layer .sponsor-burst{position:absolute;inset:-30px;background:repeating-conic-gradient(var(--sun) 0deg 10deg,transparent 10deg 20deg);animation:sponsor-spin 16s linear 3}
.tv-ad-layer .sponsor-tub{position:relative;display:grid;align-content:center;width:74px;height:96px;transform:rotate(-9deg);border:3px solid var(--ink);border-radius:10px 10px 18px 18px;background:linear-gradient(100deg,var(--volt),var(--cream) 28%,var(--hot) 30%,var(--grape) 90%);box-shadow:5px 5px 0 #1a0a1040;color:var(--cream)}
.tv-ad-layer .sponsor-lid{position:absolute;top:-8px;left:-5px;right:-5px;height:17px;border:3px solid var(--ink);border-radius:7px;background:repeating-linear-gradient(90deg,var(--acid) 0 5px,#7a9c00 5px 7px)}
.tv-ad-layer .sponsor-tub b{font:900 20px/.95 "Archivo Black",Arial,sans-serif;text-shadow:2px 2px 0 var(--ink);transform:rotate(-4deg);text-align:center}
.tv-ad-layer .sponsor-tub small{font:8px monospace;color:var(--sun);background:var(--ink);margin-top:7px;text-align:center}
.tv-ad-layer .sponsor-bolt{position:absolute;right:0;bottom:3px;font:900 62px/1 Arial;color:var(--volt);-webkit-text-stroke:2px var(--ink);transform:rotate(15deg)}
.tv-ad-layer .sponsor-ticker{overflow:hidden;white-space:nowrap;padding:5px;background:var(--ink);color:var(--sun);font:bold 10px monospace;letter-spacing:1px;border-top:3px solid var(--sun)}
.tv-ad-layer .sponsor-corner{right:10px;bottom:10px;transform-origin:100% 100%}
.tv-ad-layer .sponsor-corner h2{font-style:italic}
.tv-ad-layer .sponsor-bottom{left:50%;bottom:10px;transform:translateX(-50%);width:min(660px,calc(100% - 20px))}
.tv-ad-layer .sponsor-bottom .sponsor-art{width:88px;height:116px;margin-bottom:0}
.tv-ad-layer .sponsor-bottom .sponsor-cta{clear:none;margin-left:98px}
.tv-ad-layer .sponsor-side{right:10px;top:10px;width:min(222px,calc(100% - 20px));background:linear-gradient(145deg,var(--hot),var(--grape));color:var(--cream)}
.tv-ad-layer .sponsor-side .sponsor-art{float:none;margin:0 auto 6px}
.tv-ad-layer .sponsor-side h2{font-size:32px;text-shadow:3px 3px 0 var(--ink)}
.tv-ad-layer .sponsor-button{left:10px;top:10px;background:repeating-linear-gradient(125deg,#ffffff44 0 18px,transparent 18px 36px),linear-gradient(125deg,var(--volt),var(--acid))}
.tv-ad-layer .sponsor-game{left:10px;bottom:10px;background:repeating-linear-gradient(0deg,#7a2fc433 0 3px,transparent 3px 6px),var(--ink);color:var(--acid);border-color:var(--hot)}
.tv-ad-layer .sponsor-game h2{font-family:monospace;color:var(--volt);text-shadow:2px 2px 0 var(--grape)}
.tv-ad-layer .sponsor-game .sponsor-cta{background:var(--acid)}
.tv-ad-layer .sponsor-hand{top:50%;left:50%;transform:translate(-50%,-50%);background:#fff0b8;color:#391854;width:min(400px,calc(100% - 20px));border:5px ridge #9966b7;text-align:center}
.tv-ad-layer .sponsor-hand .sponsor-cap{background:#652888;color:#ffec9b;text-align:left}
.tv-ad-layer .sponsor-hand img{float:left;width:100px;height:110px;object-fit:contain;margin:0 10px 6px 0}
.tv-ad-layer .sponsor-hand .sponsor-cta{background:#66218e;color:#fff0a0!important;border-color:#391854}
.tv-ad-layer .sponsor-hand small{display:block;margin-top:12px;font-size:10px}
.tv-ad-layer .tv-ad-overlay{position:absolute;inset:0;pointer-events:auto;display:grid;place-items:center;padding:8px;background:#1a0a10b8}
.tv-ad-layer .sponsor-arcade{display:flex;flex-direction:column;width:min(390px,100%);height:100%;max-height:690px;min-height:0;border:4px solid var(--ink);border-radius:10px;background:linear-gradient(145deg,var(--hot),var(--volt));overflow:hidden;color:var(--ink)}
.tv-ad-layer .sponsor-arcade>.sponsor-cap{flex:none}
.tv-ad-layer .sponsor-arcade>[data-arcade]{min-height:0;overflow:auto;padding:7px}
.tv-ad-layer .sponsor-arcade .tub-flight{flex:1;display:flex;flex-direction:column;gap:6px;max-width:none;width:100%;margin:0;background:none;box-shadow:none;border:0}
.tv-ad-layer .sponsor-arcade .tub-title{flex:none;background:var(--ink);color:var(--acid);padding:5px}
.tv-ad-layer .sponsor-arcade .tub-caption,.tv-ad-layer .sponsor-arcade .tub-note{flex:none;margin:0;font-weight:bold}
.tv-ad-layer .sponsor-arcade .tub-screen{flex:1;min-height:120px;display:grid;place-items:center;overflow:hidden;border-color:var(--acid)}
.tv-ad-layer .sponsor-arcade canvas{width:100%;height:100%;min-height:0;max-height:100%;position:absolute;inset:0;object-fit:contain}
.tv-ad-layer .sponsor-arcade .tub-controls{flex:none;margin:0}
.tv-ad-layer .sponsor-arcade .tub-controls button{background:var(--acid);border-color:var(--ink);color:var(--ink);min-height:44px}
.tv-ad-layer .sponsor-arcade .tub-message{top:35%;font-size:13px;padding:8px}
@container (max-width:400px){.tv-ad-layer .sponsor-side{top:auto;bottom:10px;width:min(280px,calc(100% - 20px))}.tv-ad-layer .sponsor-side .sponsor-art{float:left;width:84px;height:110px;margin:0 10px 8px 0}.tv-ad-layer .sponsor-content h2{font-size:23px}.tv-ad-layer .sponsor-bottom .sponsor-cta{clear:both;margin-left:0}.tv-ad-layer .sponsor-cap{font-size:8px}}
@container (max-height:340px){.tv-ad-layer .sponsor-art{height:96px;width:88px}.tv-ad-layer .sponsor-content{padding:8px}.tv-ad-layer .sponsor-content h2{font-size:21px;margin:6px 0}.tv-ad-layer .sponsor-side .sponsor-art{float:left;margin-right:8px}.tv-ad-layer .sponsor-arcade .tub-caption,.tv-ad-layer .sponsor-arcade .tub-note{display:none}.tv-ad-layer .sponsor-arcade .tub-screen{min-height:80px}.tv-ad-layer .sponsor-hand img{height:80px;width:80px}}
@keyframes sponsor-arrive{from{opacity:0;margin-bottom:-25px}to{opacity:1;margin-bottom:0}}
@keyframes sponsor-spin{to{transform:rotate(360deg)}}
@keyframes sponsor-bait{50%{box-shadow:3px 3px 0 var(--hot),inset 0 0 0 2px var(--grape)}}
.tv-ad-layer [data-sponsor=fuel] .sponsor-cta{animation:sponsor-bait 1.8s steps(2,end) 3}
@media(prefers-reduced-motion:reduce){.tv-ad-layer .retro-sponsor,.tv-ad-layer .sponsor-burst,.tv-ad-layer [data-sponsor=fuel] .sponsor-cta{animation:none}}

/* Compact, different ad formats: product sticker, ticker strip, tower, button trap, playable window. */
.tv-ad-layer .retro-sponsor{width:min(225px,calc(100% - 20px));border-width:3px}
.tv-ad-layer .sponsor-content{padding:9px}
.tv-ad-layer .sponsor-content h2{font-size:19px;margin:7px 0}
.tv-ad-layer .sponsor-content p{font-size:11px}
.tv-ad-layer .sponsor-art{width:82px;height:104px;margin-right:7px}
.tv-ad-layer .sponsor-tub{scale:.8}
.tv-ad-layer .sponsor-bolt{font-size:44px}
.tv-ad-layer .sponsor-cta{font-size:11px;padding:10px 5px;min-height:44px}
.tv-ad-layer .sponsor-corner{border:0;background:transparent;box-shadow:none;border-radius:18px 18px 30px 8px}
.tv-ad-layer .sponsor-corner .sponsor-cap{border-radius:18px 18px 0 0}
.tv-ad-layer .sponsor-corner .sponsor-content{border:3px solid var(--ink);border-radius:0 0 30px 8px;background:linear-gradient(125deg,var(--acid),var(--volt))}
.tv-ad-layer .sponsor-corner .sponsor-kicker,.tv-ad-layer .sponsor-corner p,.tv-ad-layer .sponsor-corner .sponsor-ticker{display:none}
.tv-ad-layer .sponsor-corner h2{font:italic 900 22px/1.04 Georgia,serif}
.tv-ad-layer .sponsor-bottom{width:min(440px,calc(100% - 20px));border-radius:0}
.tv-ad-layer .sponsor-bottom .sponsor-content{display:grid;grid-template-columns:50px 1fr;gap:4px;padding:6px}
.tv-ad-layer .sponsor-bottom .sponsor-art{grid-row:1/3;width:48px;height:60px;margin:0;align-self:center}
.tv-ad-layer .sponsor-bottom .sponsor-tub{scale:.48}
.tv-ad-layer .sponsor-bottom .sponsor-bolt,.tv-ad-layer .sponsor-bottom .sponsor-kicker,.tv-ad-layer .sponsor-bottom p{display:none}
.tv-ad-layer .sponsor-bottom h2{font-size:15px;margin:0}
.tv-ad-layer .sponsor-bottom .sponsor-cta{margin:0;clear:none;min-height:36px;padding:8px;font-size:11px}
.tv-ad-layer .sponsor-bottom .sponsor-ticker{font-size:9px;padding:4px}
.tv-ad-layer .sponsor-side{width:min(154px,calc(100% - 20px));top:10px;bottom:auto;border-radius:0;box-shadow:4px 4px 0 var(--volt)}
.tv-ad-layer .sponsor-side .sponsor-cap>span:first-child{font-size:7px}
.tv-ad-layer .sponsor-side .sponsor-wait{font-size:8px;padding:0}
.tv-ad-layer .sponsor-side .sponsor-art{float:none;width:82px;height:98px;margin:0 auto}
.tv-ad-layer .sponsor-side .sponsor-kicker,.tv-ad-layer .sponsor-side p,.tv-ad-layer .sponsor-side .sponsor-ticker{display:none}
.tv-ad-layer .sponsor-side h2{font-size:25px;text-align:center}
.tv-ad-layer .sponsor-button{width:min(190px,calc(100% - 20px));border-radius:4px 4px 18px 4px;box-shadow:5px 5px 0 var(--hot)}
.tv-ad-layer .sponsor-button .sponsor-art,.tv-ad-layer .sponsor-button .sponsor-kicker,.tv-ad-layer .sponsor-button p,.tv-ad-layer .sponsor-button .sponsor-ticker{display:none}
.tv-ad-layer .sponsor-button h2{font:900 16px/1.1 monospace;text-align:center}
.tv-ad-layer .sponsor-hand{width:min(310px,calc(100% - 20px));border-width:5px}
.tv-ad-layer .sponsor-hand img{width:85px;height:95px}
.tv-ad-layer .tv-ad-overlay{background:transparent;pointer-events:none}
.tv-ad-layer .sponsor-arcade{pointer-events:auto;width:min(290px,100%);max-height:470px;box-shadow:5px 5px 0 #0008}
.tv-ad-layer .sponsor-arcade .tub-caption{font-size:10px}
.tv-ad-layer .sponsor-arcade .tub-note{font-size:9px}
.tv-ad-layer .sponsor-side .sponsor-cap{flex-wrap:wrap}
.tv-ad-layer .sponsor-side .sponsor-cap>span:first-child{flex-basis:100%;font-size:8px}
.tv-ad-layer .sponsor-side .sponsor-wait{margin-left:auto;font-size:10px}
@container (max-height:340px){.tv-ad-layer .sponsor-arcade .tub-title{display:none}}
