.msm-hero-shell{position:relative;width:100%;height:430px;min-height:430px;overflow:hidden;color:var(--msm-reverse, #fffaf0);background:var(--msm-ink, #181817);contain:layout paint style}.msm-hero-shell *,.msm-hero-shell *:before,.msm-hero-shell *:after{box-sizing:border-box}.msm-hero-shell a{color:inherit}.msm-living-room{position:absolute;inset:0;background:radial-gradient(circle at 50% 105%,#3b2925 0,var(--msm-ink, #181817) 48%)}.msm-living-room-fallback{height:100%;min-height:430px}.msm-room-title{position:absolute;z-index:6;top:21px;left:50%;display:flex;gap:.45em;align-items:baseline;margin:0;transform:translate(-50%);white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;font:650 clamp(10px,1vw,13px)/1 system-ui,sans-serif}.msm-room-title span{color:#d2c7b6}.msm-room-title strong{color:#e698a4;font-weight:850}.msm-screen-row{display:flex;width:100%;height:100%;padding-top:0}.msm-screen-panel{position:relative;flex:1 1 33.333%;min-width:0;height:100%;overflow:hidden;border:0 solid rgba(255,255,255,.14);border-right-width:1px;outline:0;background:#202020;text-decoration:none;transition:flex-grow .4s ease,filter .3s ease;isolation:isolate}.msm-screen-panel:last-child{border-right:0}.msm-screen-panel:hover,.msm-screen-panel:focus-visible{z-index:5;filter:brightness(1.1)}.msm-screen-panel:focus-visible{box-shadow:inset 0 0 0 4px var(--msm-focus, #f3bd35),inset 0 0 0 7px var(--msm-ink, #181817)}.msm-screen-panel:after{content:"";position:absolute;z-index:2;inset:auto 0 0;height:48%;background:linear-gradient(transparent,#0e0c0af0);pointer-events:none}.msm-panel-heading{position:absolute;z-index:7;top:53px;left:clamp(10px,2.2vw,32px);padding:7px 10px 6px;border-left:4px solid #e698a4;color:var(--msm-reverse, #fffaf0);background:#141414d1;font:900 clamp(17px,2.3vw,32px)/1 system-ui,sans-serif;letter-spacing:-.025em;text-transform:uppercase}.msm-panel-action{position:absolute;z-index:7;right:clamp(10px,1.8vw,24px);bottom:15px;color:var(--msm-reverse, #fffaf0);font:750 clamp(10px,1.1vw,13px)/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}.msm-panel-action b{color:#fff;font-size:1.2em}.msm-title-cards{position:absolute;z-index:5;inset:96px 7% 62px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:70px;gap:18px;align-content:start;pointer-events:none}.msm-title-card{--msm-card-index: 0;position:relative;display:grid;place-items:center;min-width:0;height:70px;padding:9px 10px;border:1px solid rgba(255,250,240,.46);border-radius:2px;color:var(--msm-reverse, #fffaf0);background:linear-gradient(145deg,color-mix(in srgb,var(--msm-film, #b8293d) 86%,black),#2c2020);box-shadow:0 8px 17px #0000004d;text-align:center;overflow-wrap:anywhere;font:750 clamp(10px,1vw,13px)/1.22 system-ui,sans-serif;animation:msm-card-drift calc(7s + var(--msm-card-index) * .45s) ease-in-out calc(var(--msm-card-index) * -.8s) infinite alternate}.msm-title-card.has-image{padding:0;align-items:end;overflow:hidden;background-position:center;background-size:cover}.msm-title-card.has-image img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0}.msm-title-card.has-image span{position:relative;z-index:1;width:100%;padding:16px 7px 7px;background:linear-gradient(transparent,#120f0ce6);overflow-wrap:anywhere}@keyframes msm-card-drift{0%{translate:-4px 2px;rotate:-1deg}to{translate:6px -5px;rotate:1deg}}.msm-scene{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.msm-screen-films{background:linear-gradient(135deg,#171314,color-mix(in srgb,var(--msm-film, #b8293d) 30%,#181817))}.msm-projector{position:absolute;top:116px;left:4%;width:38px;height:31px;border:2px solid #aa7a42;border-radius:4px;background:#171513;box-shadow:0 0 0 5px #0000002e}.msm-projector:before,.msm-projector:after{content:"";position:absolute;top:-15px;width:22px;height:22px;border:2px solid #aa7a42;border-radius:50%;background:#24201c}.msm-projector:before{left:-2px}.msm-projector:after{right:-9px}.msm-light-beam{position:absolute;top:118px;left:13%;width:88%;height:200px;clip-path:polygon(0 10%,100% 0,100% 100%,0 30%);background:linear-gradient(90deg,#ffd58f3d,#ffe5b208);animation:msm-beam 5s ease-in-out infinite alternate;transform-origin:left center}@keyframes msm-beam{to{transform:skewY(-2deg);opacity:.64}}.msm-film-strip{position:absolute;right:-24px;top:111px;display:flex;gap:8px;width:85%;padding:9px 13px;border-block:5px dotted rgba(255,221,169,.72);background:#13100d9e;transform:rotate(-6deg);animation:msm-film 12s linear infinite}.msm-film-strip i{flex:0 0 78px;height:54px;border:1px solid rgba(255,232,196,.42);background:#382a20}@keyframes msm-film{to{translate:-112px 12px}}.msm-screen-tv{background:linear-gradient(145deg,#121719,color-mix(in srgb,var(--msm-tv, #145f78) 32%,#181817))}.msm-tv-set{position:absolute;inset:106px 11% 60px;border:11px solid #151515;border-radius:13px;background:repeating-linear-gradient(0deg,#3a3a36 0 2px,#191b1c 2px 5px);box-shadow:0 18px 35px #0006,inset 0 0 0 2px #765436;animation:msm-channel 7s steps(1,end) infinite}.msm-tv-set:before{content:"";position:absolute;top:-28px;left:50%;width:70px;height:28px;border-left:2px solid #8d6946;border-right:2px solid #8d6946;transform:translate(-50%) skew(-25deg)}.msm-tv-static{position:absolute;inset:0;opacity:.52;background:repeating-radial-gradient(circle at 20% 30%,#c8baa6 0 1px,transparent 1px 4px);animation:msm-static .17s steps(2) infinite}.msm-tv-scanline{position:absolute;left:0;right:0;height:8px;background:#ffb5495c;box-shadow:0 0 18px #ffb54966;animation:msm-scan 3s linear infinite}@keyframes msm-channel{0%,31%,68%,to{filter:contrast(1)}32%,34%,69%,72%{filter:contrast(2.5) invert(.12)}}@keyframes msm-static{to{translate:4px -3px}}@keyframes msm-scan{0%{top:0}to{top:calc(100% - 8px)}}.msm-screen-games{background:linear-gradient(135deg,#151816,color-mix(in srgb,var(--msm-game, #38633b) 38%,#181817))}.msm-pixel-grid{position:absolute;inset:0;opacity:.52;background-image:linear-gradient(rgba(255,185,80,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,185,80,.12) 1px,transparent 1px);background-size:18px 18px}.msm-pixel-cursor{position:absolute;top:135px;left:19%;width:20px;height:26px;clip-path:polygon(0 0,0 100%,28% 72%,47% 100%,65% 90%,46% 62%,82% 62%);background:var(--msm-focus, #f3bd35);filter:drop-shadow(3px 4px 0 rgba(0,0,0,.4));animation:msm-cursor 6s steps(8,end) infinite}.msm-controller{position:absolute;right:8%;bottom:75px;padding:15px 18px;border:3px solid var(--msm-game, #38633b);border-radius:38% 38% 45% 45%;color:var(--msm-reverse, #fffaf0);background:#1c211d;font:900 18px/1 ui-monospace,monospace;letter-spacing:2px;box-shadow:inset 0 0 18px #38633b4d;animation:msm-controller 2.8s steps(2,end) infinite}@keyframes msm-cursor{0%{translate:0 0}35%{translate:120px 62px}65%{translate:48px 115px}to{translate:0 0}}@keyframes msm-controller{50%{translate:0 -4px}}.msm-hero-shell.is-paused *,.msm-hero-shell.is-offscreen *{animation-play-state:paused!important}@media(max-width:1023px){.msm-hero-shell{height:990px;min-height:990px}.msm-living-room{position:relative;min-height:990px}.msm-living-room-fallback{height:990px;min-height:990px}.msm-screen-row{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,330px);height:auto}.msm-screen-panel{width:100%;height:330px;border-right:0;border-bottom-width:1px}.msm-screen-panel:last-child{border-bottom:0}.msm-room-title{top:10px;font-size:8px}.msm-panel-heading{top:28px;left:12px;max-width:calc(100% - 24px);padding:5px 6px;border-left-width:3px;font-size:clamp(14px,3.7vw,19px)}.msm-title-cards{inset:64px 16px 38px;grid-auto-rows:64px;gap:18px}.msm-title-card{height:64px;padding:7px 8px;font-size:12px}.msm-panel-action{right:12px;bottom:10px;max-width:calc(100% - 24px);font-size:9px}.msm-projector{top:90px;left:-13px;transform:scale(.7)}.msm-light-beam{top:93px;left:8%;height:140px}.msm-film-strip{top:95px}.msm-tv-set{inset:80px 5px 47px;border-width:6px}.msm-pixel-cursor{top:92px;left:10%;transform:scale(.75)}.msm-controller{right:4px;bottom:47px;padding:7px 5px;border-width:2px;font-size:8px}}@media(max-width:374px){.msm-title-cards{inset-inline:12px;gap:17px}.msm-title-card{font-size:11px}}@media(prefers-reduced-motion:reduce){.msm-hero-shell *,.msm-hero-shell *:before,.msm-hero-shell *:after{animation:none!important;transition:none!important}.msm-title-card{translate:none;rotate:none}}
