@property --lit{syntax:"<number>";inherits:true;initial-value:1}:root{--shell-light:#6f7178;--shell:#55575d;--shell-dark:#3e4045;--shell-shade:#303237;--bezel:#212226;--bezel-lip:#34363b;--label:#9fa5af;--spill:176, 205, 245;--lit:1;--spill-centre:50% 45%;--spill-reach:62% 56%;--led:226, 58, 38;--near-black:#050504;--picture-base:#2b2825;--wall:#16181c;--wall-lit:#39424f;--wall-shade:#0b0c0e;--wood-light:#6d5030;--wood:#3d2c1b;--wood-dark:#180f08;--unit-height:clamp(150px, 21vh, 215px);--unit-top:34px;--tv-width:max(340px, min(1040px, 92vw, calc((100vh - var(--unit-height) - 34px) / .73)));--grille-width:92px;--moulding:14px;--glass-radius:6px}*{box-sizing:border-box}body{margin:0}.room{background:var(--wall);flex-direction:column;justify-content:flex-end;align-items:center;min-height:100vh;transition:--lit 2.4s .2s;display:flex;position:relative}.room.is-dark{--lit:.06;transition:--lit .45s .18s}.room__wall{z-index:0;background: radial-gradient(72% 62% at 50% 44%, color-mix(in srgb, var(--wall-lit) calc(var(--lit) * 100%), transparent), transparent 74%), radial-gradient(120% 95% at 50% 44%, rgba(var(--spill), calc(.12 * var(--lit))), transparent 72%), linear-gradient(180deg, #101216 0%, var(--wall) 46%, var(--wall-shade) 100%);position:absolute;inset:0}.room__wall:after{content:"";opacity:.3;background-image:radial-gradient(#00000029 .5px,#0000 .6px),radial-gradient(#ffffff29 .5px,#0000 .6px);background-position:0 0,1px 2px;background-size:3px 3px,4px 4px;position:absolute;inset:0}.unit{z-index:1;height:var(--unit-height);filter:brightness(calc(.28 + .72 * var(--lit)));flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.unit__top{height:var(--unit-top);background:repeating-linear-gradient(180deg, #0000000d 0 2px, transparent 2px 7px), repeating-linear-gradient(180deg, #ffffff0d 0 1px, transparent 1px 13px),  radial-gradient(46% 150% at 50% 120%, rgba(var(--spill), calc(.5 * var(--lit))), rgba(var(--spill), calc(.12 * var(--lit))) 55%, transparent 78%), linear-gradient(180deg, #241a10 0%, var(--wood) 30%, var(--wood-light) 100%);box-shadow:inset 0 6px 10px -6px #000c}.unit__front{background:repeating-linear-gradient(180deg, #0000000b 0 2px, transparent 2px 9px), repeating-linear-gradient(180deg, #ffffff0b 0 1px, transparent 1px 17px), radial-gradient(54% 120% at 50% -10%, rgba(var(--spill), calc(.17 * var(--lit))), transparent 70%), linear-gradient(180deg, var(--wood) 0%, #2c1f13 42%, var(--wood-dark) 100%);box-shadow:inset 0 3px 9px #0009, inset 0 1px 0 rgba(var(--spill), .06);flex:1;position:relative}.unit__front:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 258px, #0006 258px 259px, rgba(var(--spill), .05) 259px 260px);position:absolute;inset:0}.stage{z-index:2;width:100%;padding:40px 24px calc(var(--unit-height) - 14px);justify-content:center;display:flex;position:relative}.tv{width:var(--tv-width);max-width:100%;padding:var(--moulding);background-image: radial-gradient(var(--spill-reach) at var(--spill-centre), rgba(var(--spill), calc(.3 * var(--lit))), rgba(var(--spill), calc(.08 * var(--lit))) 55%, transparent 78%), radial-gradient(#fff3 .4px, transparent .5px), radial-gradient(#0000000e .4px, transparent .5px), linear-gradient(180deg, var(--shell-light) 0%, var(--shell) 38%, var(--shell-dark) 84%, var(--shell-shade) 100%);box-shadow: 0 4px 7px -2px #000000bf, 0 12px 22px -12px #0009, inset 0 2px 0 rgba(var(--spill), .2), inset 0 -4px 10px #00000073;background-position:0 0,0 0,1px 1px,0 0;background-size:100% 100%,2px 2px,3px 3px,100% 100%;border-radius:20px 20px 34px 34px/20px 20px 26px 26px;position:relative}.tv:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:rgba(4, 5, 7, calc(.62 * (1 - var(--lit))));position:absolute;inset:0}.tv__body{align-items:stretch;gap:12px;display:flex}.tv__center{flex-direction:column;flex:1;min-width:0;display:flex}.grille{flex:0 0 var(--grille-width);box-shadow:inset 0 0 0 1px #00000040, inset 0 1px 0 rgba(var(--spill), .16), inset 0 -2px 3px #00000059;background-color:#4a4c52;background-image:radial-gradient(circle,#00000080 1.1px,#0000 1.5px);background-size:6px 6px;border-radius:10px;position:relative;overflow:hidden}.grille:after{content:"";position:absolute;inset:0}.grille--left:after{background:linear-gradient(90deg,#0000006b,#0000 62%)}.grille--right:after{background:linear-gradient(270deg,#0000006b,#0000 62%)}.brow{align-items:center;padding:2px 4px 9px;display:flex}.brow__model{letter-spacing:.12em;color:var(--label);text-shadow:0 1px 0 rgba(var(--spill), .16);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:11px;font-weight:600}.chin{justify-content:center;align-items:center;height:70px;padding:0 8px;display:flex;position:relative}.chin:after{content:"";background:linear-gradient(90deg,#0000,#00000038 12% 88%,#0000);height:1px;position:absolute;bottom:0;left:6px;right:6px}.chin__brand{letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:#a2a8b2;text-shadow:0 1px 0 rgba(var(--spill), .18);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:19px;font-weight:700}.chin__power{align-items:center;gap:10px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.chin__led{background:rgb(var(--led));width:7px;height:7px;box-shadow:0 0 6px 1px rgba(var(--led), .8), inset 0 0 2px #ffffff80;border-radius:50%;transition:background .2s,box-shadow .2s}.tv.is-off .chin__led{background:#46474b;box-shadow:inset 0 1px 1px #0009}.chin__stack{flex-direction:column;align-items:center;gap:3px;display:flex}.chin__button{appearance:none;cursor:pointer;background:radial-gradient(120% 120% at 38% 28%, #767a83, var(--shell-dark) 58%, var(--shell-shade));width:26px;height:26px;box-shadow:inset 0 1px 0 rgba(var(--spill), .22), inset 0 -2px 3px #0006, 0 1px 2px #00000073;border:0;border-radius:50%;padding:0;transition:transform .1s,box-shadow .1s}.chin__button:active{box-shadow:inset 0 2px 4px #0000008c, inset 0 -1px 0 rgba(var(--spill), .12);transform:translateY(1px)}.chin__button:focus-visible{outline:2px solid rgba(var(--spill), .9);outline-offset:3px}.chin__label{letter-spacing:.1em;text-transform:uppercase;color:var(--label);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:7px;font-weight:600}.panel{display:contents}.antenna,.dial,.chin__wordmark,.chin__slots{display:none}.screen-frame{z-index:2;background:linear-gradient(180deg, var(--bezel-lip), var(--bezel) 40%, #3d3e42);box-shadow:inset 0 5px 12px #000000d9, inset 0 -1px 0 rgba(var(--spill), .1),  0 0 22px 2px rgba(var(--spill), calc(.22 * var(--lit))), 0 0 70px 12px rgba(var(--spill), calc(.12 * var(--lit))), 0 1px 0 rgba(var(--spill), .12);border-radius:10px;padding:16px;position:relative}.screen{aspect-ratio:4/3;border-radius:var(--glass-radius);background:var(--near-black);animation:7s linear infinite flicker;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #000000d9,inset 0 0 24px #c5281712}.tube{background-color:var(--picture-base);filter:brightness();transition:filter .3s;display:block;position:absolute;inset:0}.tv.is-off .tube{filter:brightness(1.55)}.tube__content{position:absolute;inset:0;overflow:hidden}.broadcast{background:#f4f8fb;position:absolute;inset:0}.broadcast>[hidden]{display:none}.menu{background:linear-gradient(#fafcfd,#f0f5f8 50%,#e4ecf2);position:absolute;inset:0;container-type:size}.menu__grid{background-image:linear-gradient(#92acc557 0 1.6%,#fffffff5 1.6% 4.5%,#ffffffc7 4.5% 55%,#d0dfec80 55% 96.4%,#92acc52e 96.4% 100%);background-size:100% 33.3333%;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.channel-tile{appearance:none;font:inherit;aspect-ratio:16/9;background:var(--tint,#cfd6dd);cursor:pointer;border:0;border-radius:1.1cqw;place-self:center;width:92%;max-height:88%;margin:0;padding:0;transition:transform .14s,box-shadow .14s,filter .14s,z-index 0s .16s;position:relative;box-shadow:inset 0 .28cqw #ffffffb3,inset 0 0 0 .12cqw #ffffff4d,0 .18cqw .3cqw #566a8047,0 .5cqw 1.1cqw #566a8042}.channel-tile>.scene{border-radius:inherit}.channel-tile__art{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.channel-tile__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}button.channel-tile:hover,button.channel-tile:focus-visible{filter:brightness(1.05);transform:translateY(-3%);box-shadow:inset 0 .28cqw #ffffffd9,inset 0 0 0 .12cqw #ffffff73,0 .3cqw .5cqw #566a804d,0 .9cqw 1.8cqw #566a8052}button.channel-tile:focus-visible{outline-offset:.3cqw;outline:.35cqw solid #2f9bd4}button.channel-tile:active{filter:brightness(.98);transform:translateY(0)}.channel-tile__tip{--tip-size:4cqw;--tip-side:1;z-index:1;pointer-events:none;font-family:ui-rounded,Hiragino Maru Gothic ProN,Arial Rounded MT Bold,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--tip-size);letter-spacing:.01em;white-space:nowrap;color:#7c8289;opacity:0;transform:translate(-50%, calc(var(--tip-side) * -18%)) scale(.88);background:linear-gradient(#fffffff7,#eef1f4f2);border-radius:999em;padding:.36em 1.15em .4em;font-weight:400;line-height:1;transition:opacity .12s,transform .16s cubic-bezier(.2,.9,.25,1.2);position:absolute;top:100%;left:50%;box-shadow:inset 0 0 0 .04em #ffffffe6,0 0 0 .035em #96a2af73,0 .1em .45em #46566a61}.channel-tile.is-tipped{z-index:2;transition-delay:0s}.channel-tile.is-tipped>.channel-tile__tip{opacity:1;transform:translate(-50%, calc(var(--tip-side) * 12%)) scale(1)}@media (orientation:landscape){.menu__grid>:nth-child(n+7)>.channel-tile__tip{--tip-side:-1;top:auto;bottom:100%}}.channel-tile--empty{cursor:default}.channel-tile--filler{display:none}.channel-screen{--band:22.2%;z-index:1;background:var(--tint,var(--picture-base));position:absolute;inset:0}.channel-screen__art{position:absolute;inset:0}.channel-screen__bar{--pill-width:30cqw;--pill-height:56cqh;height:var(--band);justify-content:center;align-items:center;gap:6.5%;display:flex;position:absolute;bottom:0;left:0;right:0;container-type:size}.pill{--shade:inset 0 calc(var(--pill-height) * -.21) calc(var(--pill-height) * .2) calc(var(--pill-height) * -.1) #b8c6d8, inset calc(var(--pill-height) * -.22) calc(var(--pill-height) * -.08) calc(var(--pill-height) * .2) calc(var(--pill-height) * -.1) #b8c6d8;appearance:none;font:inherit;width:var(--pill-width);height:var(--pill-height);border-radius:calc(var(--pill-height) / 2);cursor:pointer;color:#484c52;box-shadow:0 0 0 1.4cqh #36b9ee, 0 0 5cqh 1cqh #36b9ee66, 0 2.5cqh 5cqh #34465c66, var(--shade);background:linear-gradient(#f4f6fa 0%,#e5e8ee 45%);border:0;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:transform .14s,box-shadow .14s,filter .14s;display:flex;position:relative;overflow:hidden}.pill:before,.pill:after{content:"";left:calc(var(--pill-height) * .08);pointer-events:none;background:#fff;position:absolute}.pill:before{top:5.5%;right:calc(var(--pill-height) * .27);border-radius:calc(var(--pill-height) * .42) calc(var(--pill-height) * .15) calc(var(--pill-height) * .24) 0 / 100% 43% 57% 0;height:32%}.pill:after{width:calc(var(--pill-height) * .28);border-bottom-left-radius:calc(var(--pill-height) * .07) calc(var(--pill-height) * .2);height:33.5%;-webkit-mask-image:radial-gradient(circle calc(var(--pill-height) * .295) at calc(var(--pill-height) * .357) calc(var(--pill-height) * .362), transparent 97%, #000 100%);-webkit-mask-image:radial-gradient(circle calc(var(--pill-height) * .295) at calc(var(--pill-height) * .357) calc(var(--pill-height) * .362), transparent 97%, #000 100%);mask-image:radial-gradient(circle calc(var(--pill-height) * .295) at calc(var(--pill-height) * .357) calc(var(--pill-height) * .362), transparent 97%, #000 100%);top:30%}.pill__label{z-index:1;font-family:ui-rounded,Hiragino Maru Gothic ProN,Arial Rounded MT Bold,system-ui,-apple-system,Segoe UI,sans-serif;font-size:calc(var(--pill-height) * .42);letter-spacing:.01em;white-space:nowrap;font-weight:600;line-height:1;position:relative}.pill:hover,.pill:focus-visible{filter:brightness(1.03);box-shadow:0 0 0 1.4cqh #5ad0ff, 0 0 8cqh 2.5cqh #5ad0ff99, 0 3cqh 6cqh #34465c6b, var(--shade);transform:scale(1.05)}.pill:focus-visible{outline-offset:2.4cqh;outline:1.2cqh solid #fff}.pill:active{filter:brightness(.97);transform:scale(.98)}.zoomer{z-index:2;pointer-events:none;position:absolute;overflow:hidden}.scanlines,.glare,.vignette{z-index:5;pointer-events:none;position:absolute;inset:0}.scanlines{opacity:.5;background:repeating-linear-gradient(#0000 0 2px,#00000038 2px 3px) 0 0/100% 6px;animation:.6s steps(2,end) infinite scan}.glare{border-radius:var(--glass-radius);background:linear-gradient(148deg,#ffffff09 0%,#ffffff03 26%,#0000 44%)}.vignette{border-radius:var(--glass-radius);background:radial-gradient(125% 95% at 50% 45%,#0000 58%,#0009)}.shutter,.pinch,.fade,.waves{pointer-events:none;position:absolute}.shutter{z-index:7;background:var(--near-black);height:0;transition:height .32s;left:0;right:0}.shutter--top{top:0}.shutter--bottom{bottom:0}.tv.is-off .shutter{height:50%}.pinch{z-index:8;height:3px;box-shadow:0 0 18px 3px #fffc, 0 0 34px rgba(var(--spill), .6);opacity:0;background:#fff;transition:opacity .25s .12s;top:calc(50% - 1.5px);left:6%;right:6%}.tv.is-off .pinch{opacity:1}.fade{z-index:9;background:var(--near-black);opacity:0;transition:opacity 3s;inset:0}.tv.is-off .fade{opacity:1;transition:opacity .25s .32s}.waves{z-index:10;mix-blend-mode:screen;opacity:0;background-image:repeating-linear-gradient(0deg,#0000 0,#ffffff0d 2px,#0000 6px),linear-gradient(#0000 38%,#c8d7ff2e 50%,#0000 62%);background-size:100% 6px,100% 55%;transition:opacity 1.2s;animation:1.1s linear infinite roll;inset:0}.tv.is-booting .waves{opacity:.6}@keyframes flicker{0%,96%,to{opacity:1}97%{opacity:.88}98%{opacity:1}98.6%{opacity:.92}}@keyframes scan{0%{background-position:0 0}to{background-position:0 6px}}@keyframes roll{0%{background-position:0 0,0 0}to{background-position:0 60px,0 -120%}}@media (orientation:portrait){:root{--unit-height:clamp(84px, 12vh, 140px);--unit-top:26px}.stage{padding:40px 14px calc(var(--unit-height) - 12px)}.tv{--tv-width:min(430px, 84vw, calc((100vh - var(--unit-height) - 40px) / 2.06));--u:calc(var(--tv-width) / 100);--moulding:calc(var(--u) * 3.6);--spill-centre:50% 38%;--spill-reach:95% 42%;border-radius:calc(var(--u) * 6)}.grille,.brow,.chin__brand{display:none}.screen{aspect-ratio:3/5}.menu__grid{background-size:100% 20%;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(2,1fr)}.channel-tile--filler{display:block}.channel-tile__tip{--tip-size:5.6cqw}.menu__grid>:nth-child(n+9)>.channel-tile__tip{--tip-side:-1;top:auto;bottom:100%}.channel-screen{--band:16.7%}.channel-screen__bar{--pill-width:41cqw;--pill-height:46cqh}.panel{border-radius:calc(var(--u) * 3);background:linear-gradient(180deg, var(--bezel-lip), var(--bezel) 30%, #232428 70%, #2e2f33);box-shadow:inset 0 5px 12px #000000d9, inset 0 -1px 0 rgba(var(--spill), .1), 0 0 22px 2px rgba(var(--spill), calc(.22 * var(--lit))), 0 0 70px 12px rgba(var(--spill), calc(.12 * var(--lit))), 0 1px 0 rgba(var(--spill), .12);display:block;position:relative}.screen-frame{padding:calc(var(--u) * 3) calc(var(--u) * 3) 0;box-shadow:none;background:0 0;border-radius:0}.dial{padding:calc(var(--u) * 2.2) calc(var(--u) * 3.2) calc(var(--u) * 2.6);font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:block}.dial__band{align-items:center;column-gap:calc(var(--u) * 2.5);height:calc(var(--u) * 3.4);font-size:calc(var(--u) * 2.3);letter-spacing:.02em;grid-template-columns:1fr auto;font-weight:600;line-height:1;display:grid}.dial__band--vhf{color:#d8dce2}.dial__band--uhf{color:#e5883a}.dial__scale{height:100%;position:relative}.dial__mark{top:50%;left:calc(var(--at) * 100%);position:absolute;transform:translate(-50%,-50%)}.dial__tag{font-size:calc(var(--u) * 2.1);letter-spacing:.06em}.dial__track{height:calc(var(--u) * .8);margin:calc(var(--u) * 1.2) 0 calc(var(--u) * 1.8);background:#c3c8cf;border-radius:1px;position:relative;box-shadow:inset 0 1px 1px #00000059,0 1px #ffffff0f}.dial__pointer{top:calc(var(--u) * -.5);bottom:calc(var(--u) * -.5);left:calc(var(--at) * 100%);width:calc(var(--u) * 1.6);background:#f0c12f;border-radius:1px;position:absolute;transform:translate(-50%);box-shadow:0 0 2px #00000080}.dial__brand{text-align:center;font-size:calc(var(--u) * 3.7);letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:#e3e7ec;font-weight:700;line-height:1;display:block}.antenna{z-index:-1;left:calc(var(--u) * 9);bottom:calc(100% - var(--u) * 5);width:calc(var(--u) * 2.1);height:calc(var(--u) * 92);transform-origin:50% 100%;filter:brightness(calc(.3 + .7 * var(--lit)));flex-direction:column;align-items:center;display:flex;position:absolute;transform:rotate(-21deg)}.antenna__section{width:100%;box-shadow:inset 0 calc(var(--u) * -.6) 0 #00000080, 0 0 1px #0009;background:linear-gradient(90deg,#1b1c1f,#6b7078 34%,#b3b8c0 50%,#5a5e66 68%,#141517);border-radius:1px;flex:1 1 0}.antenna__section:first-child{border-radius:50% 50% 0 0/20% 20% 0 0;width:34%}.antenna__section:nth-child(2){width:56%}.antenna__section:nth-child(3){width:78%}.chin{height:calc(var(--u) * 34);padding:0;display:block}.chin:after{display:none}.chin__wordmark{left:calc(var(--u) * 5.5);bottom:calc(var(--u) * 3.5);max-height:calc(var(--u) * 28);writing-mode:vertical-rl;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:calc(var(--u) * 4.4);letter-spacing:.03em;text-transform:lowercase;white-space:nowrap;color:#b9bfc8;text-shadow:0 0 1px rgba(var(--spill), .2);font-weight:800;line-height:1;display:block;position:absolute;overflow:hidden;transform:rotate(180deg)}.chin__power{top:calc(var(--u) * 3.2);right:calc(var(--u) * 5);gap:calc(var(--u) * 2.2);transform:none}.chin__stack{gap:calc(var(--u) * 2);flex-direction:row}.chin__button{width:calc(var(--u) * 6.4);height:calc(var(--u) * 6.4)}.chin__label{font-size:calc(var(--u) * 1.9)}.chin__slots{right:calc(var(--u) * 5);bottom:calc(var(--u) * 3.8);width:calc(var(--u) * 46);height:calc(var(--u) * 17.5);flex-direction:column;justify-content:space-between;display:flex;position:absolute}.chin__slot{height:calc(var(--u) * 1.2);border-radius:calc(var(--u) * .6);box-shadow:inset 0 1px 1px #000000b3, 0 1px 0 rgba(var(--spill), .14);background:#202126}}@media (prefers-reduced-motion:reduce){.screen,.scanlines,.waves{animation:none!important}.room,.shutter,.pinch,.fade,.tube,.channel-tile,.channel-tile__tip,.pill,.chin__led,.chin__button{transition:none!important}.waves{display:none}}.scene{--ratio:16 / 9;position:absolute;inset:0;overflow:hidden;container-type:size}.scene--screen{--ratio:4 / 3}@media (orientation:portrait){.scene--screen{--ratio:3 / 5}}.scene__frame{--fit-width:max(100cqw, 100cqh * (var(--ratio)));--fit-height:calc(var(--fit-width) / (var(--ratio)));left:calc((100cqw - var(--fit-width)) / 2);top:calc((100cqh - var(--fit-height)) / 2);width:var(--fit-width);height:var(--fit-height);position:absolute;container-type:size}.layer{width:100%;height:100%;display:block;position:absolute;inset:0}img.layer,.layer>img{object-fit:cover}.layer>img{width:100%;height:100%;display:block}.tv.is-off .scene *,.tv.is-off .scene :before,.tv.is-off .scene :after,.tv.is-booting .scene *,.tv.is-booting .scene :before,.tv.is-booting .scene :after,.zoomer .scene--screen *,.zoomer .scene--screen :before,.zoomer .scene--screen :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.scene *,.scene :before,.scene :after{transition:none!important;animation:none!important}}.scene--tile[data-channel=about]{--horizon:262;--mesa-h:58;--board-x:262;--board-y:34;--board-w:432;--board-h:196;--board-frame:6;--post-foot:296;--post-w:14;--word-x:372;--word-y:102;--word-w:300;--arrow-x:282;--arrow-y:108;--arrow-w:86;--jab-x:-8;--jab-y:8;--seth-x:22;--seth-h:392;--weed-size:54;--weed-ground:376;--weed-from:4133;--weed-loop:13s;--weed-turn:.53s;--weed-hop:.42s;--drift:120s}.scene--screen[data-channel=about]{--horizon:800;--mesa-h:170;--board-x:700;--board-y:150;--board-w:1120;--board-h:510;--board-frame:14;--post-foot:900;--post-w:36;--word-x:985;--word-y:329;--word-w:760;--arrow-x:748;--arrow-y:358;--arrow-w:224;--jab-x:-18;--jab-y:18;--seth-x:20;--seth-h:1320;--weed-size:150;--weed-ground:1095;--weed-from:4656;--weed-loop:10s;--weed-turn:.98s;--weed-hop:.7s;--drift:160s}@media (orientation:portrait){.scene--screen[data-channel=about]{--horizon:1060;--mesa-h:190;--board-x:100;--board-y:140;--board-w:1000;--board-h:620;--post-foot:1180;--word-x:220;--word-y:210;--arrow-x:485;--arrow-y:395;--arrow-w:230;--arrow-turn:-45deg;--jab-x:0;--jab-y:22;--seth-x:262;--seth-h:1250;--weed-size:170;--weed-ground:1600;--weed-from:4236;--weed-turn:1.21s;--weed-hop:.8s}}.scene--tile[data-channel=about] .layer{--px:calc(100cqw / 720)}.scene--screen[data-channel=about] .layer{--px:calc(100cqw / 1920)}@media (orientation:portrait){.scene--screen[data-channel=about] .layer{--px:calc(100cqw / 1200)}}.scene[data-channel=about] .layer--sky{background:linear-gradient(180deg, #5fa6f4, #8fc5fb calc(var(--horizon) * var(--px) * .55), #d3e7f5 calc(var(--horizon) * var(--px)))}.scene[data-channel=about] .layer--clouds{--cloud:#ffffffc7;--clear:#fff0;width:200%;height:calc(var(--horizon) * var(--px) * .62);background:radial-gradient(7cqw 1.6cqw at 8% 34%, var(--cloud), var(--clear)), radial-gradient(4cqw 1.7cqw at 10% 27%, var(--cloud), var(--clear)), radial-gradient(9cqw 1.3cqw at 24% 66%, var(--cloud), var(--clear)), radial-gradient(5cqw 1.5cqw at 22.5% 59%, var(--cloud), var(--clear)), radial-gradient(6cqw 1.2cqw at 40% 18%, var(--cloud), var(--clear)), radial-gradient(7cqw 1.6cqw at 58% 34%, var(--cloud), var(--clear)), radial-gradient(4cqw 1.7cqw at 60% 27%, var(--cloud), var(--clear)), radial-gradient(9cqw 1.3cqw at 74% 66%, var(--cloud), var(--clear)), radial-gradient(5cqw 1.5cqw at 72.5% 59%, var(--cloud), var(--clear)), radial-gradient(6cqw 1.2cqw at 90% 18%, var(--cloud), var(--clear));animation:about-drift var(--drift) linear infinite}@keyframes about-drift{to{translate:-50%}}.scene[data-channel=about] .layer--mesas{inset:calc((var(--horizon) - var(--mesa-h)) * var(--px)) 0 auto;height:calc((var(--mesa-h) + 2) * var(--px))}.scene[data-channel=about] .layer--mesas:before,.scene[data-channel=about] .layer--mesas:after{content:"";position:absolute;inset:0}.scene[data-channel=about] .layer--mesas:before{clip-path:polygon(0% 56%,5% 52%,9% 36%,17% 34%,20% 46%,29% 49%,33% 28%,45% 26%,48% 42%,57% 45%,61% 33%,69% 32%,72% 45%,81% 48%,85% 24%,94% 22%,96% 38%,100% 41%,100% 100%,0% 100%);background:linear-gradient(#98a0c2,#b3b8d0)}.scene[data-channel=about] .layer--mesas:after{clip-path:polygon(0% 76%,7% 72%,11% 58%,21% 56%,24% 70%,39% 75%,43% 62%,51% 60%,54% 72%,67% 77%,71% 65%,79% 64%,82% 74%,100% 79%,100% 100%,0% 100%);background:linear-gradient(#837f9c,#a09bb0)}.scene[data-channel=about] .layer--ground{inset:calc(var(--horizon) * var(--px)) 0 0;background:radial-gradient(circle, #69563059 calc(1.4 * var(--px)), transparent calc(2.2 * var(--px))) 0 0 / calc(37 * var(--px)) calc(23 * var(--px)), radial-gradient(circle, #78643a4d calc(2 * var(--px)), transparent calc(2.8 * var(--px))) calc(13 * var(--px)) calc(9 * var(--px)) / calc(61 * var(--px)) calc(29 * var(--px)), radial-gradient(circle, #605a344d calc(2.6 * var(--px)), transparent calc(3.6 * var(--px))) calc(41 * var(--px)) calc(17 * var(--px)) / calc(97 * var(--px)) calc(41 * var(--px)), repeating-linear-gradient(180deg, #785a281a 0 calc(2 * var(--px)), transparent calc(2 * var(--px)) calc(11 * var(--px))), linear-gradient(180deg, #d9cba6, #cdb27c 25%, #b89a62 70%, #a4854f);height:auto}.scene[data-channel=about] .layer--posts{--px-w:calc(var(--post-w) * var(--px));--metal:linear-gradient(90deg, #6f757c, #c9ced3 35%, #9aa0a6 60%, #5d6268);--stickers:linear-gradient(180deg, transparent 7%, #d64a3c99 7% 12%, transparent 12% 21%, #f5f5eeb3 21% 24%, transparent 24% 37%, #3c6ebe8c 37% 44%, transparent 44% 58%, #28282c73 58% 60%, transparent 60% 73%, #ecbe3c99 73% 79%, transparent 79%);inset:calc((var(--board-y) + var(--board-h) - 4) * var(--px)) auto auto calc(var(--board-x) * var(--px));width:calc(var(--board-w) * var(--px));height:calc((var(--post-foot) - var(--board-y) - var(--board-h) + 4) * var(--px));background:var(--stickers) 14% 0% / var(--px-w) 150% no-repeat, var(--stickers) 50% 100% / var(--px-w) 150% no-repeat, var(--stickers) 86% 45% / var(--px-w) 150% no-repeat, var(--metal) 14% 0 / var(--px-w) 100% no-repeat, var(--metal) 50% 0 / var(--px-w) 100% no-repeat, var(--metal) 86% 0 / var(--px-w) 100% no-repeat}.scene[data-channel=about] .layer--board{box-sizing:border-box;inset:calc(var(--board-y) * var(--px)) auto auto calc(var(--board-x) * var(--px));width:calc(var(--board-w) * var(--px));height:calc(var(--board-h) * var(--px));border:calc(var(--board-frame) * var(--px)) solid #c7432d;background:linear-gradient(#3c322812,#0000 30%),linear-gradient(90deg,#efebe3,#e2ddd3)}.scene[data-channel=about] :is(.layer--a,.layer--b,.layer--o,.layer--u,.layer--t){inset:calc(var(--word-y) * var(--px)) auto auto calc(var(--word-x) * var(--px));width:calc(var(--word-w) * var(--px));height:calc(var(--word-w) * .20007 * var(--px))}.scene[data-channel=about] .layer--a{--l:0%;--r:19.5%;--at:.35s}.scene[data-channel=about] .layer--b{--l:19.3%;--r:37.8%;--at:.55s}.scene[data-channel=about] .layer--o{--l:39.5%;--r:58.4%;--at:.75s}.scene[data-channel=about] .layer--u{--l:61.2%;--r:79.4%;--at:.95s}.scene[data-channel=about] .layer--t{--l:79.4%;--r:100%;--at:1.15s}.scene--screen[data-channel=about] :is(.layer--a,.layer--b,.layer--o,.layer--u,.layer--t){animation:about-paint .26s ease-out var(--at) both}@keyframes about-paint{0%{clip-path:inset(0 calc(100% - var(--l)) 0 0)}to{clip-path:inset(0 calc(100% - var(--r)) 0 0)}}.scene[data-channel=about] .layer--arrow{inset:calc(var(--arrow-y) * var(--px)) auto auto calc(var(--arrow-x) * var(--px));width:calc(var(--arrow-w) * var(--px));height:calc(var(--arrow-w) * var(--px));rotate:var(--arrow-turn,0deg)}.scene--tile[data-channel=about] .layer--arrow{animation:6s ease-in-out 1.3s infinite about-jab}.scene--screen[data-channel=about] .layer--arrow{animation:.3s ease-out 1.5s both about-slap,5s ease-in-out 2.6s infinite about-jab}@keyframes about-slap{0%{opacity:0;scale:1.35}to{opacity:1;scale:1}}@keyframes about-jab{0%,24%,to{translate:0}6%,18%{translate:calc(var(--jab-x) * var(--px)) calc(var(--jab-y) * var(--px))}12%{translate:0}}.scene[data-channel=about] .layer--tumbleweed{inset:calc((var(--weed-ground) - var(--weed-size)) * var(--px)) auto auto 0;width:calc(var(--weed-size) * var(--px));height:calc(var(--weed-size) * var(--px));translate:calc(var(--weed-size) * -1 * var(--px)) 0;animation:about-roll var(--weed-loop) linear infinite}.scene--tile[data-channel=about] .layer--tumbleweed{animation-delay:4s}.scene--screen[data-channel=about] .layer--tumbleweed{animation-delay:2.5s}.scene[data-channel=about] .layer--tumbleweed:before{content:"";animation:about-spin var(--weed-turn) linear infinite, about-bounce var(--weed-hop) infinite;background:url(/assets/tumbleweed-B4wdBPpI.svg) 50%/contain no-repeat;position:absolute;inset:0}@keyframes about-roll{0%{translate:calc(var(--weed-from) * var(--px)) 0}to{translate:calc(var(--weed-size) * -1 * var(--px)) 0}}@keyframes about-spin{to{rotate:-360deg}}@keyframes about-bounce{0%,to{animation-timing-function:ease-out;translate:0}50%{animation-timing-function:ease-in;translate:0 -45%}}.scene[data-channel=about] .layer--seth{inset:auto auto 0 calc(var(--seth-x) * var(--px));width:calc(var(--seth-h) * .59347 * var(--px));height:calc(var(--seth-h) * var(--px));object-fit:contain;object-position:50% 100%}.channel-tile:is(:hover,:focus-visible) .scene[data-channel=about] .layer--seth,.scene--tile.is-selected[data-channel=about] .layer--seth{animation:.5s ease-out about-hop}.scene--screen[data-channel=about] .layer--seth{animation:.5s ease-out 1.75s both about-hop}@keyframes about-hop{0%,60%,to{translate:0}30%{translate:0 -4%}78%{translate:0 -1.2%}}.scene[data-channel=bluesky] .layer--bg{--bluesky-top:#0a7aff;--bluesky-foot:#5ab8ff}.scene--tile[data-channel=bluesky] .layer--bg{background:linear-gradient(var(--bluesky-top), var(--bluesky-foot))}.scene--screen[data-channel=bluesky] .layer--bg{background:linear-gradient(var(--bluesky-top), var(--bluesky-foot) 77.8%)}@media (orientation:portrait){.scene--screen[data-channel=bluesky] .layer--bg{background:linear-gradient(var(--bluesky-top), var(--bluesky-foot) 83.3%)}}.scene[data-channel=bluesky] :is(.layer--butterfly,.layer--wordmark){inset:calc((var(--y) - 100) * var(--u)) auto auto calc((var(--x) - 100) * var(--u));height:auto}.scene[data-channel=bluesky] .layer--butterfly{width:calc(6000 * var(--u));aspect-ratio:6000/5307}.scene[data-channel=bluesky] .layer--wordmark{width:calc(16180 * var(--u));aspect-ratio:16180/4491}.scene--tile[data-channel=bluesky] .layer--butterfly{--u:calc(100cqw / 14500);--x:4350;--y:1525;--bluesky-away:130%;animation:5.5s linear infinite bluesky-fly,5.5s linear infinite bluesky-tile-flap}@keyframes bluesky-fly{0%{translate:0 var(--bluesky-away);animation-timing-function:ease-out}18.182%,72.727%{animation-timing-function:ease-in;translate:0}90.909%,to{translate:0 calc(-1 * var(--bluesky-away))}}@keyframes bluesky-tile-flap{0%,9.091%,18.182%,72.727%,81.818%,90.909%,to{animation-timing-function:ease-in-out;scale:1}4.545%,13.636%,77.273%,86.364%,95.455%{animation-timing-function:ease-in-out;scale:.25 1}}.scene--screen[data-channel=bluesky] .layer{--u:calc(100cqw / 48000)}.scene--screen[data-channel=bluesky] .layer--butterfly{--x:11200;--y:9600;animation:5s linear infinite bluesky-screen-flap}@keyframes bluesky-screen-flap{0%,20%,36%,52%,to{animation-timing-function:ease-in-out;scale:1}28%,44%{animation-timing-function:ease-in-out;scale:.25 1}}.scene--screen[data-channel=bluesky] .layer--wordmark{--x:18376;--y:10561}@media (orientation:portrait){.scene--screen[data-channel=bluesky] .layer--butterfly{--u:calc(100cqw / 8900);--x:1550;--y:2388}.scene--screen[data-channel=bluesky] .layer--wordmark{--u:calc(100cqw / 18800);--x:1410;--y:17712}}.scene[data-channel=discord] .layer--bg{background:#5865f2}.scene[data-channel=discord] :is(.layer--mark,.layer--wordmark){inset:calc((var(--y) - 100) * var(--u)) auto auto calc((var(--x) - 100) * var(--u));height:auto}.scene[data-channel=discord] .layer--mark{width:calc(12864 * var(--u));aspect-ratio:12864/9800;animation:3.5s linear 1s infinite discord-spin}.scene[data-channel=discord] .layer--wordmark{width:calc(46846 * var(--u));aspect-ratio:46846/7571}@keyframes discord-spin{0%{animation-timing-function:ease-in-out;rotate:0deg}28.571%,to{rotate:720deg}}.scene--tile[data-channel=discord] .layer--mark{--u:calc(100cqw / 31660);--x:9498;--y:4104}.scene--screen[data-channel=discord] .layer{--u:calc(100cqw / 105000)}.scene--screen[data-channel=discord] .layer--mark{--x:20735;--y:25825}.scene--screen[data-channel=discord] .layer--wordmark{--x:37619;--y:26749}@media (orientation:portrait){.scene--screen[data-channel=discord] .layer--mark{--u:calc(100cqw / 21100);--x:4218;--y:7491}.scene--screen[data-channel=discord] .layer--wordmark{--u:calc(100cqw / 54880);--x:4117;--y:49533}}.scene[data-channel=game-collection] .layer--bg{--game-collection-white:#fff;--game-collection-black:#0c0f16;--game-collection-blue:#0470eb;--game-collection-cyan:#91e0f9}.scene--tile[data-channel=game-collection] .layer--bg{background:linear-gradient(var(--game-collection-white), var(--game-collection-black) 13.1%, var(--game-collection-black) 68.1%, var(--game-collection-blue) 84.9%, var(--game-collection-cyan))}.scene--screen[data-channel=game-collection] .layer--bg{background:linear-gradient(var(--game-collection-white), var(--game-collection-black) 10.2%, var(--game-collection-black) 53.1%, var(--game-collection-blue) 66.2%, var(--game-collection-cyan) 77.8%)}@media (orientation:portrait){.scene--screen[data-channel=game-collection] .layer--bg{background:linear-gradient(var(--game-collection-white), var(--game-collection-black) 11%, var(--game-collection-black) 56.8%, var(--game-collection-blue) 70.8%, var(--game-collection-cyan) 83.3%)}}.scene[data-channel=game-collection] :is(.layer--icon,.layer--wordmark){inset:calc((var(--y) - var(--room)) * var(--u)) auto auto calc((var(--x) - var(--room)) * var(--u));height:auto}.scene[data-channel=game-collection] .layer--icon{--room:10;width:calc(674 * var(--u));aspect-ratio:674/467;transform-origin:50% 25.7%;animation:4.5s linear 1s infinite game-collection-rock}.scene[data-channel=game-collection] .layer--wordmark{--room:50;width:calc(4772 * var(--u));aspect-ratio:4772/2050}@keyframes game-collection-rock{0%{animation-timing-function:ease-in-out;translate:0;rotate:0deg}8.889%{animation-timing-function:ease-in-out;translate:8.55%;rotate:10deg}17.778%{animation-timing-function:ease-in-out;translate:-5.99%;rotate:-7deg}26.667%{animation-timing-function:ease-in-out;translate:3.85%;rotate:4.5deg}34.444%{animation-timing-function:ease-in-out;translate:-2.14%;rotate:-2.5deg}42.222%{animation-timing-function:ease-in-out;translate:.86%;rotate:1deg}48.889%,to{translate:0;rotate:0deg}}.scene--tile[data-channel=game-collection] .layer--icon{--u:calc(100cqw / 1814);--x:580.5;--y:287}.scene--screen[data-channel=game-collection] .layer--icon{--u:calc(100cqw / 2364);--x:172;--y:463}.scene--screen[data-channel=game-collection] .layer--wordmark{--u:calc(100cqw / 8830);--x:3721;--y:1601}@media (orientation:portrait){.scene--screen[data-channel=game-collection] .layer--icon{--u:calc(100cqw / 1477);--x:412;--y:441}.scene--screen[data-channel=game-collection] .layer--wordmark{--u:calc(100cqw / 5519);--x:423.5;--y:4155}}.scene[data-channel=news] .layer--bg{background:#16181c}.scene[data-channel=news] .layer--word{inset:calc(var(--mid) - var(--size) * .8) 0 auto;color:#eeeae4;height:auto;font:800 var(--size) / 1 system-ui, -apple-system, "Segoe UI", sans-serif;letter-spacing:-.02em;text-align:center}.scene[data-channel=news] .layer--word:before{content:"NEWS";content:"NEWS" / ""}.scene[data-channel=news] .layer--rule{inset:calc(var(--mid) + var(--size) * .45) auto auto calc(50% - var(--size) * 1.4);width:calc(var(--size) * 2.8);height:calc(var(--size) * .08);background:#d8643a}.scene--tile[data-channel=news] .layer{--size:22cqh;--mid:46%}.scene--screen[data-channel=news] .layer{--size:16cqw;--mid:38.9%}@media (orientation:portrait){.scene--screen[data-channel=news] .layer{--size:26cqw;--mid:41.65%}}.scene[data-channel=trophy-case]{--trophy-case-wood-light:#6d5030;--trophy-case-wood:#3d2c1b;--trophy-case-wood-dark:#180f08;--trophy-case-velvet:#121b2e;--trophy-case-velvet-deep:#0a1020;--trophy-case-lamp:255, 232, 190;--trophy-case-glass:196, 226, 255;--trophy-case-serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif}.scene--tile[data-channel=trophy-case] .layer{--px:calc(100cqw / 720)}.scene--screen[data-channel=trophy-case] .layer{--px:calc(100cqw / 1920)}@media (orientation:portrait){.scene--screen[data-channel=trophy-case] .layer{--px:calc(100cqw / 1200)}}.scene--tile[data-channel=trophy-case] .layer--bg,.scene[data-channel=trophy-case] .layer--cabinet{background:repeating-linear-gradient(92deg, #00000012 0 calc(2 * var(--px)), transparent calc(2 * var(--px)) calc(9 * var(--px))), repeating-linear-gradient(88deg, #ffffff0a 0 calc(1 * var(--px)), transparent calc(1 * var(--px)) calc(17 * var(--px))), linear-gradient(180deg, var(--trophy-case-wood-light), var(--trophy-case-wood) 30%, var(--trophy-case-wood-dark))}.scene[data-channel=trophy-case] .layer--cabinet{inset:calc(var(--top) * var(--px)) calc(var(--side) * var(--px)) 0;border-radius:calc(20 * var(--px)) calc(20 * var(--px)) 0 0;width:auto;height:auto;box-shadow:inset 0 calc(2 * var(--px)) 0 #ffffff24, 0 calc(30 * var(--px)) calc(80 * var(--px)) #0009}.scene--screen[data-channel=trophy-case] .layer--bg{background:radial-gradient(90% 60% at 50% 0,#22262d,#0000 70%),linear-gradient(#101216 0%,#16181c 40%,#0b0c0e 100%)}.scene[data-channel=trophy-case] .layer--bay{--shelf:24;--pane-lip:calc(4 * var(--px));--pane-foot:calc(6 * var(--px));inset:calc(var(--top) * var(--px)) calc(var(--side) * var(--px)) auto;width:auto;height:calc(var(--height) * var(--px));border-radius:calc(4 * var(--px));box-shadow:inset 0 calc(10 * var(--px)) calc(24 * var(--px)) #000000bf, inset 0 0 0 calc(2 * var(--px)) #00000080;--trophy-case-pane:linear-gradient(180deg, rgba(var(--trophy-case-glass), .55), rgba(var(--trophy-case-glass), .2) var(--pane-lip), rgba(var(--trophy-case-glass), .1) calc(100% - var(--pane-foot)), #0000008c calc(100% - var(--pane-foot)));--trophy-case-row:linear-gradient(180deg, #00000073, transparent 22%, transparent 70%, rgba(var(--trophy-case-lamp), .05));--trophy-case-velvet-nap:radial-gradient(#ffffff09 calc(.6 * var(--px)), transparent calc(.9 * var(--px))) 0 0 / calc(4 * var(--px)) calc(4 * var(--px));background:var(--trophy-case-pane) 0 calc(var(--s1) * var(--px)) / 100% calc(var(--shelf) * var(--px)) no-repeat, var(--trophy-case-row) 0 0 / 100% calc(var(--s1) * var(--px)) no-repeat, var(--trophy-case-velvet-nap), linear-gradient(180deg, var(--trophy-case-velvet), var(--trophy-case-velvet-deep))}.scene[data-channel=trophy-case] [class*=layer--light-]{inset:calc(var(--top) * var(--px)) auto auto calc((var(--cx) - var(--w) / 2) * var(--px));width:calc(var(--w) * var(--px));height:calc((var(--foot) - var(--top) + 8) * var(--px));background:radial-gradient(closest-side, rgba(var(--trophy-case-lamp), .28), transparent) 50% 100% / 76% calc(16 * var(--px)) no-repeat, radial-gradient(52% 100% at 50% 0%, rgba(var(--trophy-case-lamp), .16), rgba(var(--trophy-case-lamp), .04) 60%, transparent 85%) 0 0 / 100% calc(100% - calc(8 * var(--px))) no-repeat}.scene[data-channel=trophy-case] :is(.layer--played,.layer--finished,.layer--complete,.layer--high-score,.layer--milestone,.layer--shine){inset:calc((var(--foot) - var(--w) * var(--ar)) * var(--px)) auto auto calc((var(--cx) - var(--w) / 2) * var(--px));width:calc(var(--w) * var(--px));height:calc(var(--w) * var(--ar) * var(--px))}.scene[data-channel=trophy-case] .layer--shine{overflow:hidden}.scene[data-channel=trophy-case] .layer--shine:before{content:"";background:linear-gradient(105deg,#0000 40%,#fffae680 48%,#fffc 50%,#fffae680 52%,#0000 60%);animation:5s linear 2.5s infinite trophy-case-shine;position:absolute;inset:0;translate:-100%}.scene--tile[data-channel=trophy-case] .layer--shine{-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20120'%20width='100'%20height='120'%3e%3cdefs%3e%3clinearGradient%20id='tc-gold'%20x1='0'%20y1='0'%20x2='1'%20y2='0.18'%3e%3cstop%20offset='0'%20stop-color='%236e4a0c'/%3e%3cstop%20offset='0.22'%20stop-color='%23e9c35a'/%3e%3cstop%20offset='0.36'%20stop-color='%23fff1b8'/%3e%3cstop%20offset='0.56'%20stop-color='%23c38d24'/%3e%3cstop%20offset='0.8'%20stop-color='%23f2d27a'/%3e%3cstop%20offset='1'%20stop-color='%23744d0d'/%3e%3c/linearGradient%3e%3clinearGradient%20id='tc-silver'%20x1='0'%20y1='0'%20x2='1'%20y2='0.18'%3e%3cstop%20offset='0'%20stop-color='%234a525c'/%3e%3cstop%20offset='0.22'%20stop-color='%23c7cfd8'/%3e%3cstop%20offset='0.36'%20stop-color='%23ffffff'/%3e%3cstop%20offset='0.56'%20stop-color='%23939daa'/%3e%3cstop%20offset='0.8'%20stop-color='%23e3e8ee'/%3e%3cstop%20offset='1'%20stop-color='%23535b66'/%3e%3c/linearGradient%3e%3clinearGradient%20id='tc-bronze'%20x1='0'%20y1='0'%20x2='1'%20y2='0.18'%3e%3cstop%20offset='0'%20stop-color='%2343220d'/%3e%3cstop%20offset='0.22'%20stop-color='%23bb7640'/%3e%3cstop%20offset='0.36'%20stop-color='%23f3c393'/%3e%3cstop%20offset='0.56'%20stop-color='%2394552a'/%3e%3cstop%20offset='0.8'%20stop-color='%23d99a63'/%3e%3cstop%20offset='1'%20stop-color='%23532b12'/%3e%3c/linearGradient%3e%3clinearGradient%20id='tc-iron'%20x1='0'%20y1='0'%20x2='1'%20y2='0.18'%3e%3cstop%20offset='0'%20stop-color='%231c1c20'/%3e%3cstop%20offset='0.22'%20stop-color='%234a4a52'/%3e%3cstop%20offset='0.36'%20stop-color='%2377777f'/%3e%3cstop%20offset='0.56'%20stop-color='%2334343a'/%3e%3cstop%20offset='0.8'%20stop-color='%2355555d'/%3e%3cstop%20offset='1'%20stop-color='%231c1c20'/%3e%3c/linearGradient%3e%3cradialGradient%20id='tc-ball'%20cx='0.36'%20cy='0.32'%20r='0.72'%3e%3cstop%20offset='0'%20stop-color='%23ffc2b8'/%3e%3cstop%20offset='0.22'%20stop-color='%23f4473d'/%3e%3cstop%20offset='0.78'%20stop-color='%23a4110f'/%3e%3cstop%20offset='1'%20stop-color='%23560606'/%3e%3c/radialGradient%3e%3clinearGradient%20id='tc-panel'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%233d3366'/%3e%3cstop%20offset='1'%20stop-color='%23171230'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M23%2016%20C5%2014%203%2046%2029%2056'%20fill='none'%20stroke='url(%23tc-gold)'%20stroke-width='6'%20stroke-linecap='round'/%3e%3cpath%20d='M77%2016%20C95%2014%2097%2046%2071%2056'%20fill='none'%20stroke='url(%23tc-gold)'%20stroke-width='6'%20stroke-linecap='round'/%3e%3cpath%20d='M18%208%20H82%20L80%2030%20C78%2058%2065%2070%2050%2070%20C35%2070%2022%2058%2020%2030%20Z'%20fill='url(%23tc-gold)'/%3e%3cpath%20d='M24%2012%20C26%2040%2032%2058%2044%2066'%20fill='none'%20stroke='rgba(255,255,255,0.45)'%20stroke-width='2.4'%20stroke-linecap='round'/%3e%3cellipse%20cx='50'%20cy='8'%20rx='32'%20ry='4.2'%20fill='%23f7dc86'/%3e%3cellipse%20cx='50'%20cy='8.4'%20rx='28.5'%20ry='2.8'%20fill='%236e4a0c'/%3e%3cpolygon%20points='50,26%2052.7,33.28%2060.46,33.6%2054.37,38.42%2056.47,45.9%2050,41.6%2043.53,45.9%2045.63,38.42%2039.54,33.6%2047.3,33.28'%20fill='%23fbe7a1'%20stroke='%238a5e12'%20stroke-width='0.9'%20stroke-linejoin='round'/%3e%3cpath%20d='M45%2070%20H55%20L53%2086%20H47%20Z'%20fill='url(%23tc-gold)'/%3e%3cellipse%20cx='50'%20cy='86'%20rx='8.5'%20ry='3.2'%20fill='url(%23tc-gold)'/%3e%3cpath%20d='M34%20104%20C36%2095%2043%2090%2050%2090%20C57%2090%2064%2095%2066%20104%20Z'%20fill='url(%23tc-gold)'/%3e%3crect%20x='28'%20y='104'%20width='44'%20height='16'%20rx='1.5'%20fill='url(%23tc-gold)'/%3e%3crect%20x='28'%20y='104'%20width='44'%20height='2'%20fill='rgba(0,0,0,0.22)'/%3e%3crect%20x='28'%20y='117'%20width='44'%20height='3'%20fill='rgba(0,0,0,0.25)'/%3e%3c/svg%3e") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20120'%20width='100'%20height='120'%3e%3cdefs%3e%3clinearGradient%20id='tc-gold'%20x1='0'%20y1='0'%20x2='1'%20y2='0.18'%3e%3cstop%20offset='0'%20stop-color='%236e4a0c'/%3e%3cstop%20offset='0.22'%20stop-color='%23e9c35a'/%3e%3cstop%20offset='0.36'%20stop-color='%23fff1b8'/%3e%3cstop%20offset='0.56'%20stop-color='%23c38d24'/%3e%3cstop%20offset='0.8'%20stop-color='%23f2d27a'/%3e%3cstop%20offset='1'%20stop-color='%23744d0d'/%3e%3c/linearGradient%3e%3clinearGradient%20id='tc-silver'%20x1='0'%20y1='0'%20x2='1'%20y2='0.18'%3e%3cstop%20offset='0'%20stop-color='%234a525c'/%3e%3cstop%20offset='0.22'%20stop-color='%23c7cfd8'/%3e%3cstop%20offset='0.36'%20stop-color='%23ffffff'/%3e%3cstop%20offset='0.56'%20stop-color='%23939daa'/%3e%3cstop%20offset='0.8'%20stop-color='%23e3e8ee'/%3e%3cstop%20offset='1'%20stop-color='%23535b66'/%3e%3c/linearGradient%3e%3clinearGradient%20id='tc-bronze'%20x1='0'%20y1='0'%20x2='1'%20y2='0.18'%3e%3cstop%20offset='0'%20stop-color='%2343220d'/%3e%3cstop%20offset='0.22'%20stop-color='%23bb7640'/%3e%3cstop%20offset='0.36'%20stop-color='%23f3c393'/%3e%3cstop%20offset='0.56'%20stop-color='%2394552a'/%3e%3cstop%20offset='0.8'%20stop-color='%23d99a63'/%3e%3cstop%20offset='1'%20stop-color='%23532b12'/%3e%3c/linearGradient%3e%3clinearGradient%20id='tc-iron'%20x1='0'%20y1='0'%20x2='1'%20y2='0.18'%3e%3cstop%20offset='0'%20stop-color='%231c1c20'/%3e%3cstop%20offset='0.22'%20stop-color='%234a4a52'/%3e%3cstop%20offset='0.36'%20stop-color='%2377777f'/%3e%3cstop%20offset='0.56'%20stop-color='%2334343a'/%3e%3cstop%20offset='0.8'%20stop-color='%2355555d'/%3e%3cstop%20offset='1'%20stop-color='%231c1c20'/%3e%3c/linearGradient%3e%3cradialGradient%20id='tc-ball'%20cx='0.36'%20cy='0.32'%20r='0.72'%3e%3cstop%20offset='0'%20stop-color='%23ffc2b8'/%3e%3cstop%20offset='0.22'%20stop-color='%23f4473d'/%3e%3cstop%20offset='0.78'%20stop-color='%23a4110f'/%3e%3cstop%20offset='1'%20stop-color='%23560606'/%3e%3c/radialGradient%3e%3clinearGradient%20id='tc-panel'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%233d3366'/%3e%3cstop%20offset='1'%20stop-color='%23171230'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M23%2016%20C5%2014%203%2046%2029%2056'%20fill='none'%20stroke='url(%23tc-gold)'%20stroke-width='6'%20stroke-linecap='round'/%3e%3cpath%20d='M77%2016%20C95%2014%2097%2046%2071%2056'%20fill='none'%20stroke='url(%23tc-gold)'%20stroke-width='6'%20stroke-linecap='round'/%3e%3cpath%20d='M18%208%20H82%20L80%2030%20C78%2058%2065%2070%2050%2070%20C35%2070%2022%2058%2020%2030%20Z'%20fill='url(%23tc-gold)'/%3e%3cpath%20d='M24%2012%20C26%2040%2032%2058%2044%2066'%20fill='none'%20stroke='rgba(255,255,255,0.45)'%20stroke-width='2.4'%20stroke-linecap='round'/%3e%3cellipse%20cx='50'%20cy='8'%20rx='32'%20ry='4.2'%20fill='%23f7dc86'/%3e%3cellipse%20cx='50'%20cy='8.4'%20rx='28.5'%20ry='2.8'%20fill='%236e4a0c'/%3e%3cpolygon%20points='50,26%2052.7,33.28%2060.46,33.6%2054.37,38.42%2056.47,45.9%2050,41.6%2043.53,45.9%2045.63,38.42%2039.54,33.6%2047.3,33.28'%20fill='%23fbe7a1'%20stroke='%238a5e12'%20stroke-width='0.9'%20stroke-linejoin='round'/%3e%3cpath%20d='M45%2070%20H55%20L53%2086%20H47%20Z'%20fill='url(%23tc-gold)'/%3e%3cellipse%20cx='50'%20cy='86'%20rx='8.5'%20ry='3.2'%20fill='url(%23tc-gold)'/%3e%3cpath%20d='M34%20104%20C36%2095%2043%2090%2050%2090%20C57%2090%2064%2095%2066%20104%20Z'%20fill='url(%23tc-gold)'/%3e%3crect%20x='28'%20y='104'%20width='44'%20height='16'%20rx='1.5'%20fill='url(%23tc-gold)'/%3e%3crect%20x='28'%20y='104'%20width='44'%20height='2'%20fill='rgba(0,0,0,0.22)'/%3e%3crect%20x='28'%20y='117'%20width='44'%20height='3'%20fill='rgba(0,0,0,0.25)'/%3e%3c/svg%3e") 0 0/100% 100% no-repeat}.scene--screen[data-channel=trophy-case] .layer--shine{-webkit-mask:url(/assets/figure-complete-BJ1UndEc.svg) 0 0/100% 100% no-repeat;mask:url(/assets/figure-complete-BJ1UndEc.svg) 0 0/100% 100% no-repeat}.scene--screen[data-channel=trophy-case] .layer--shine:before{animation-delay:1.6s}@keyframes trophy-case-shine{0%{animation-timing-function:ease-in-out;translate:-100%}18%,to{translate:100%}}.scene[data-channel=trophy-case] .layer--glass{inset:calc(var(--top) * var(--px)) calc(var(--side) * var(--px)) auto;width:auto;height:calc(var(--height) * var(--px));background:linear-gradient(115deg,#0000 30%,#ffffff09 38%,#ffffff04 46%,#0000 47%)}.scene--tile[data-channel=trophy-case] :is(.layer--bay,.layer--glass){--top:62;--side:18;--height:325;--shelf:16;--s1:309}.scene--tile[data-channel=trophy-case] :is(.layer--finished,.layer--complete,.layer--played,.layer--shine,[class*=layer--light-]){--foot:371;--top:62;--ar:1.2}.scene--tile[data-channel=trophy-case] .layer--light-1,.scene--tile[data-channel=trophy-case] .layer--finished{--cx:150}.scene--tile[data-channel=trophy-case] :is(.layer--light-2,.layer--complete,.layer--shine){--cx:360}.scene--tile[data-channel=trophy-case] .layer--light-3,.scene--tile[data-channel=trophy-case] .layer--played{--cx:570}.scene--tile[data-channel=trophy-case] [class*=layer--light-]{--w:210}.scene--tile[data-channel=trophy-case] :is(.layer--finished,.layer--played){--w:166.67}.scene--tile[data-channel=trophy-case] :is(.layer--complete,.layer--shine){--w:208.33}.scene--tile[data-channel=trophy-case] .layer--tag{inset:calc(14 * var(--px)) 0 auto;width:fit-content;height:auto;padding:calc(5 * var(--px)) calc(26 * var(--px)) calc(6 * var(--px));border-radius:calc(4 * var(--px));font:700 calc(22 * var(--px)) / 1.2 var(--trophy-case-serif);letter-spacing:.16em;white-space:nowrap;color:#3a2706;box-shadow:inset 0 calc(1.5 * var(--px)) 0 #ffffff80, 0 calc(3 * var(--px)) calc(6 * var(--px)) #00000080;text-shadow:0 calc(1.5 * var(--px)) 0 #fff6;background:linear-gradient(100deg,#8a5e12,#f2d27a 30%,#fff1b8 42%,#c38d24 70%,#8a5e12);margin:0 auto}.scene--tile[data-channel=trophy-case] .layer--tag:before{content:"TROPHY CASE"}.scene--screen[data-channel=trophy-case] .layer--cabinet{--top:400;--side:120}.scene--screen[data-channel=trophy-case] :is(.layer--bay,.layer--glass,.layer--dim){--top:436;--side:156;--height:654;--s1:630}.scene--screen[data-channel=trophy-case] :is(.layer--played,.layer--finished,.layer--complete,.layer--high-score,.layer--milestone,.layer--shine,[class*=layer--light-]){--foot:1066;--top:436;--w:290.4;--ar:1.53636}.scene--screen[data-channel=trophy-case] [class*=layer--light-]{--w:310}.scene--screen[data-channel=trophy-case] .layer--high-score{--ar:1.60909}.scene--screen[data-channel=trophy-case] .layer--milestone{--ar:1.60606}.scene--screen[data-channel=trophy-case] :is(.layer--light-1,.layer--played){--cx:340}.scene--screen[data-channel=trophy-case] :is(.layer--light-2,.layer--finished){--cx:650}.scene--screen[data-channel=trophy-case] :is(.layer--light-3,.layer--complete,.layer--shine){--cx:960}.scene--screen[data-channel=trophy-case] :is(.layer--light-4,.layer--high-score){--cx:1270}.scene--screen[data-channel=trophy-case] :is(.layer--light-5,.layer--milestone){--cx:1580}.scene--screen[data-channel=trophy-case] .layer--nameplate{inset:calc(110 * var(--px)) 0 auto;justify-items:center;gap:calc(4 * var(--px));width:fit-content;height:auto;padding:calc(28 * var(--px)) calc(88 * var(--px)) calc(32 * var(--px));border-radius:calc(8 * var(--px));font-family:var(--trophy-case-serif);white-space:nowrap;color:#3a2706;text-shadow:0 calc(2 * var(--px)) 0 #ffffff73;--screw:radial-gradient(circle at calc(10 * var(--px)) calc(10 * var(--px)), #5a3c08 calc(4 * var(--px)), #fbe7a1 calc(5.2 * var(--px)), transparent calc(6.8 * var(--px)));--screw-size:calc(20 * var(--px)) calc(20 * var(--px)) no-repeat;background:var(--screw) calc(24 * var(--px)) calc(16 * var(--px)) / var(--screw-size), var(--screw) right calc(24 * var(--px)) top calc(16 * var(--px)) / var(--screw-size), var(--screw) left calc(24 * var(--px)) bottom calc(16 * var(--px)) / var(--screw-size), var(--screw) right calc(24 * var(--px)) bottom calc(16 * var(--px)) / var(--screw-size), linear-gradient(100deg, #7a530f, #e9c35a 20%, #fff1b8 34%, #c38d24 56%, #f2d27a 80%, #7a530f);box-shadow:inset 0 calc(2 * var(--px)) 0 #ffffff8c, inset 0 calc(-4 * var(--px)) 0 #00000040, 0 0 0 calc(6 * var(--px)) #2a1c10, 0 calc(20 * var(--px)) calc(60 * var(--px)) #00000080, 0 0 calc(120 * var(--px)) rgba(var(--trophy-case-lamp), .12);margin:0 auto;font-weight:600;display:grid}.scene--screen[data-channel=trophy-case] .layer--nameplate:before{content:"SETH HASKELL";font-size:calc(26 * var(--px));letter-spacing:.28em;margin-right:-.28em}.scene--screen[data-channel=trophy-case] .layer--nameplate:after{content:"Trophy Case";font-size:calc(92 * var(--px));font-variant:small-caps;letter-spacing:.04em;line-height:1}.scene--screen[data-channel=trophy-case] [class*=layer--light-]{animation:trophy-case-switch .4s linear var(--on) both}.scene--screen[data-channel=trophy-case] .layer--light-3{--on:.3s}.scene--screen[data-channel=trophy-case] :is(.layer--light-2,.layer--light-4){--on:.55s}.scene--screen[data-channel=trophy-case] :is(.layer--light-1,.layer--light-5){--on:.8s}@keyframes trophy-case-switch{0%{opacity:0}25%{opacity:.8}45%{opacity:.2}70%,to{opacity:1}}.scene--screen[data-channel=trophy-case] .layer--dim{inset:calc(var(--top) * var(--px)) calc(var(--side) * var(--px)) auto;width:auto;height:calc(var(--height) * var(--px));border-radius:calc(4 * var(--px));opacity:0;background:#04060ec7;animation:.8s linear .3s both trophy-case-dim}@keyframes trophy-case-dim{0%{opacity:1}12.5%,37.5%{opacity:.67}43.75%,68.75%{opacity:.33}75%,to{opacity:0}}@media (orientation:portrait){.scene--screen[data-channel=trophy-case] .layer--nameplate{inset-block-start:calc(130 * var(--px))}.scene--screen[data-channel=trophy-case] .layer--cabinet{--top:420;--side:60}.scene--screen[data-channel=trophy-case] :is(.layer--bay,.layer--glass,.layer--dim){--top:456;--side:96;--height:1184;--s1:584;--s2:1160}.scene--screen[data-channel=trophy-case] .layer--bay{background:var(--trophy-case-pane) 0 calc(var(--s1) * var(--px)) / 100% calc(var(--shelf) * var(--px)) no-repeat, var(--trophy-case-pane) 0 calc(var(--s2) * var(--px)) / 100% calc(var(--shelf) * var(--px)) no-repeat, var(--trophy-case-row) 0 0 / 100% calc(var(--s1) * var(--px)) no-repeat, var(--trophy-case-row) 0 calc((var(--s1) + var(--shelf)) * var(--px)) / 100% calc((var(--s2) - var(--s1) - var(--shelf)) * var(--px)) no-repeat, var(--trophy-case-velvet-nap), linear-gradient(180deg, var(--trophy-case-velvet), var(--trophy-case-velvet-deep))}.scene--screen[data-channel=trophy-case] :is(.layer--played,.layer--finished,.layer--complete,.layer--high-score,.layer--milestone,.layer--shine,[class*=layer--light-]){--foot:1040;--top:456;--w:264}.scene--screen[data-channel=trophy-case] :is(.layer--played,.layer--milestone,.layer--light-1,.layer--light-5){--foot:1616;--top:1064}.scene--screen[data-channel=trophy-case] [class*=layer--light-]{--w:330}.scene--screen[data-channel=trophy-case] :is(.layer--light-2,.layer--finished){--cx:270}.scene--screen[data-channel=trophy-case] :is(.layer--light-3,.layer--complete,.layer--shine){--cx:600}.scene--screen[data-channel=trophy-case] :is(.layer--light-4,.layer--high-score){--cx:930}.scene--screen[data-channel=trophy-case] :is(.layer--light-1,.layer--played){--cx:420}.scene--screen[data-channel=trophy-case] :is(.layer--light-5,.layer--milestone){--cx:780}}.scene[data-channel=twitch] .layer--bg{--twitch-light:#a970ff;--twitch-dark:#440f93}.scene--tile[data-channel=twitch] .layer--bg{background:var(--twitch-light)}.scene--screen[data-channel=twitch] .layer--bg{background:var(--twitch-dark)}.scene[data-channel=twitch] :is(.layer--shadow,.layer--face,.layer--eyes){aspect-ratio:1;--twitch-pop:9.375%;height:auto}.scene[data-channel=twitch] .layer--face{animation:4s linear infinite twitch-pop}.scene[data-channel=twitch] .layer--eyes{transform-origin:50% 32.8125%;animation:4s linear infinite twitch-pop,4s linear infinite twitch-blink}@keyframes twitch-pop{0%,25%{animation-timing-function:ease;translate:0}28.75%,75%{translate:var(--twitch-pop) calc(-1 * var(--twitch-pop));animation-timing-function:ease}81.25%,to{translate:0}}@keyframes twitch-blink{0%,35%{animation-timing-function:ease-in;scale:1}36.75%{animation-timing-function:ease-out;scale:1 .1}39.5%,42.5%{animation-timing-function:ease-in;scale:1}44.25%{animation-timing-function:ease-out;scale:1 .1}47%,to{scale:1}}.scene--tile[data-channel=twitch] :is(.layer--shadow,.layer--face,.layer--eyes){width:44.444%;inset:17.284% auto auto 27.778%}.scene--screen[data-channel=twitch] .layer--wordmark{aspect-ratio:118/42;width:99.76%;height:auto;inset:24.208% auto auto .12%}.scene--screen[data-channel=twitch] :is(.layer--shadow,.layer--face,.layer--eyes){width:22.08%;inset:2.5% auto auto 59.11%}@media (orientation:portrait){.scene--screen[data-channel=twitch] :is(.layer--shadow,.layer--face,.layer--eyes){width:70.5%;inset:4.4% auto auto 14.75%}.scene--screen[data-channel=twitch] .layer--wordmark{width:99.49%;inset:50.649% auto auto .255%}}.scene[data-channel=youtube] .layer--bg{background:#fff}.scene[data-channel=youtube] :is(.layer--mark,.layer--wordmark,.layer--main){height:auto}.scene[data-channel=youtube] .layer--mark{inset:calc((var(--y) - 100) * var(--u)) auto auto calc((var(--x) - 100) * var(--u));width:calc(2200 * var(--u));aspect-ratio:11/8}.scene[data-channel=youtube] .layer--wordmark{inset:calc((var(--y) + 55 - 100) * var(--u)) auto auto calc((var(--x) + 2000 + 198 - 100) * var(--u));width:calc(4274 * var(--u));aspect-ratio:4274/1459}.scene--tile[data-channel=youtube] .layer{--u:calc(100cqw / 7840);--x:784;--y:1505}.scene--tile[data-channel=youtube] .layer--wing{inset:0 auto 0 calc((var(--x) + 1810 - 7840) * var(--u));width:calc(7840 * var(--u));background:#fff}.scene--tile[data-channel=youtube] :is(.layer--mark,.layer--wordmark,.layer--wing){animation:5s linear infinite youtube-tile}.scene--tile[data-channel=youtube] .layer--mark{--youtube-alone:97.0909% 0}.scene--tile[data-channel=youtube] .layer--wing{--youtube-alone:27.245% 0}.scene--tile[data-channel=youtube] .layer--wordmark{--youtube-alone:-55% 0}@keyframes youtube-tile{0%{translate:var(--youtube-alone);animation-timing-function:ease-in-out}5%,75%{animation-timing-function:ease-in-out;translate:0}80%,to{translate:var(--youtube-alone)}}.scene--screen[data-channel=youtube] .layer--wing{width:calc((var(--x) + 1810) * var(--u));background:#fff;inset:0 auto 0 0}.scene--screen[data-channel=youtube] .layer--ledge{inset:calc((var(--y) + 55 - 100) * var(--u)) auto auto calc((var(--x) + 2000 + 198 - 100) * var(--u));width:calc(4274 * var(--u));height:calc((1259 + 100) * var(--u));background:#fff}.scene--screen[data-channel=youtube] .layer--main{inset:calc((var(--y) + var(--main-top)) * var(--u) - 100 * var(--m)) auto auto calc((var(--x) + 6272) * var(--u) - 2476 * var(--m));width:calc(2576 * var(--m));aspect-ratio:2576/817;animation:.5s ease-in .9s both youtube-drop}.scene--screen[data-channel=youtube] .layer--wordmark{animation:.5s ease-out .4s both youtube-slide}@keyframes youtube-slide{0%{translate:-105%}to{translate:0}}@keyframes youtube-drop{0%{translate:0 var(--youtube-drop)}to{translate:0}}.scene--screen[data-channel=youtube] .layer{--u:calc(100cqw / 7680);--x:704;--y:1064;--m:var(--u);--main-top:1420;--youtube-drop:-90%}@media (orientation:portrait){.scene--screen[data-channel=youtube] .layer{--u:calc(100cqw / 7360);--x:544;--y:3784;--m:calc(var(--u) * 1.394);--main-top:1490;--youtube-drop:-92%}}.scene[data-channel=youtube-live] .layer{--youtube-live-red:#fc0032}.scene[data-channel=youtube-live] .layer--bg{background:var(--youtube-live-red)}.scene[data-channel=youtube-live] :is(.layer--mark,.layer--wordmark,.layer--word,.layer--ve){height:auto}.scene[data-channel=youtube-live] .layer--mark{inset:calc((var(--y) - 100) * var(--u)) auto auto calc((var(--x) - 100) * var(--u));width:calc(2200 * var(--u));aspect-ratio:11/8}.scene[data-channel=youtube-live] :is(.layer--word,.layer--ve),.scene[data-channel=youtube-live] .layer--li:before{width:calc(2350 * var(--m));aspect-ratio:2350/808}.scene[data-channel=youtube-live] :is(.layer--word,.layer--ve){inset:calc((var(--y) + var(--word-top)) * var(--u) - 100 * var(--m)) auto auto calc((var(--x) + var(--word-left)) * var(--u) - 100 * var(--m))}.scene--tile[data-channel=youtube-live] .layer{--u:calc(100cqw / 4256);--x:1128;--y:497;--m:calc(var(--u) * 2 / 3);--word-left:1400;--word-top:926}.scene--tile[data-channel=youtube-live] .layer--ve{--youtube-live-hide:-66% 0}.scene--tile[data-channel=youtube-live] .layer--li{inset:calc(var(--y) * var(--u)) auto auto calc(var(--x) * var(--u));width:calc(2000 * var(--u));height:calc(1400 * var(--u));clip-path:polygon(0 0,100.4% 0,100.4% 50%,100.15% 63%,99.95% 67.43%,99.7% 72%,99.35% 76.5%,98.85% 80.71%,98.3% 84.5%,97.25% 88.29%,95.85% 91.43%,94% 94.07%,91.8% 96.07%,89.3% 97.5%,82.15% 99%,50% 100.57%,0 100.57%);--youtube-live-hide:40% 0}.scene--tile[data-channel=youtube-live] .layer--li:before{content:"";inset:calc(var(--word-top) * var(--u) - 100 * var(--m)) auto auto calc(var(--word-left) * var(--u) - 100 * var(--m));background:url(data:image/svg+xml;base64,PCEtLSBUaGUgZmlyc3QgaGFsZiBvZiAiTElWRSIg4oCUIHRoZSBMIGFuZCB0aGUgSSDigJQgaW4gdGhlIGZpZWxkJ3MgcmVkLCBmb3IgdGhlCiAgICAgdGlsZSwgd2hlcmUgaXQgc2l0cyBvbiB0aGUgd2hpdGUgcGxheSBtYXJrLiBJdCBpcyB5b3V0dWJlLWxpdmUtd29yZC5zdmcKICAgICB3aXRoIHRoZSBWIGFuZCB0aGUgRSBsZWZ0IG91dCwgb24gdGhlIHNhbWUgYm94IChzZWUgdGhlcmUgZm9yIHRoZSBmYWNlLAogICAgIHRoZSBzdHJva2UgYW5kIHRoZSBncmlkKSwgc28gdGhlIHdvcmQncyBvbmUgcGxhY2VtZW50IHNlcnZlcyBpdDogdGhlIEwKICAgICBydW5zIGZyb20gLTEzIHRvIDU2NCBhY3Jvc3MsIHRoZSBJIGZyb20gNjQ1IHRvIDc4MC4gLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSItMTAwIC0xMDAgMjM1MCA4MDgiPgogIDxwYXRoIGZpbGw9IiNmYzAwMzIiIHN0cm9rZT0iI2ZjMDAzMiIgc3Ryb2tlLXdpZHRoPSIyNiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTU1MSA0OTFMNTUxIDYwMEw1NSA2MDBRNDMgNjAwIDMzIDU5NlEyMyA1OTIgMTYgNTg0UTggNTc3IDQgNTY3UTAgNTU3IDAgNTQ1TDAgMEwxMDkgMEwxMDkgNDkxWk03NjcgMEw3NjcgNjAwTDY1OCA2MDBMNjU4IDBaIi8+Cjwvc3ZnPgo=) 0 0/100% 100% no-repeat;position:absolute}.scene--tile[data-channel=youtube-live] .layer--ve,.scene--tile[data-channel=youtube-live] .layer--li:before{animation:3.5s linear infinite youtube-live-tile}@keyframes youtube-live-tile{0%{translate:var(--youtube-live-hide);animation-timing-function:ease-out}7.1429%,64.2857%{animation-timing-function:ease-in;translate:0}71.4286%,to{translate:var(--youtube-live-hide)}}.scene--screen[data-channel=youtube-live] .layer--wing{width:calc((var(--x) + 1810) * var(--u));background:var(--youtube-live-red);inset:0 auto 0 0}.scene--screen[data-channel=youtube-live] .layer--ledge{inset:calc((var(--y) + 55 - 100) * var(--u)) auto auto calc((var(--x) + 2000 + 198 - 100) * var(--u));width:calc(4274 * var(--u));height:calc((1259 + 100) * var(--u));background:var(--youtube-live-red)}.scene--screen[data-channel=youtube-live] .layer--wordmark{inset:calc((var(--y) + 55 - 100) * var(--u)) auto auto calc((var(--x) + 2000 + 198 - 100) * var(--u));width:calc(4274 * var(--u));aspect-ratio:4274/1459;animation:.5s ease-out .4s both youtube-live-slide}.scene--screen[data-channel=youtube-live] .layer--word{animation:.5s ease-in .9s both youtube-live-drop}@keyframes youtube-live-slide{0%{translate:-105%}to{translate:0}}@keyframes youtube-live-drop{0%{translate:0 var(--youtube-live-drop)}to{translate:0}}.scene--screen[data-channel=youtube-live] .layer{--u:calc(100cqw / 7680);--x:704;--y:1064;--m:var(--u);--word-left:calc(6272 - 2163);--word-top:1433;--youtube-live-drop:-93%}@media (orientation:portrait){.scene--screen[data-channel=youtube-live] .layer{--u:calc(100cqw / 7360);--x:544;--y:3784;--m:calc(var(--u) * 1.394);--word-left:calc(6272 - 2163 * 1.394);--word-top:1508;--youtube-live-drop:-96%}}