.ml{transition:--skin-accent .9s var(--ease-drift), --skin-deep .9s var(--ease-drift), --skin-glow .9s var(--ease-drift), --skin-text .9s var(--ease-drift)}@media (pointer:coarse){.ml{transition:none}}.ml{--lit:0;--crt-w:min(86vw, 30rem);--desk-h:calc(var(--crt-w) * .3);padding:7rem 1.25rem 6rem}@media (min-width:640px){.ml{padding-inline:2rem}}.ml-room{background:radial-gradient(80% 55% at 50% 0%, rgb(246 231 200/calc(.012 + var(--lit) * .06)), transparent 70%), linear-gradient(180deg, #0d0606 0%, var(--color-void) 55%)}.ml-track{flex-direction:column;align-items:center;gap:4.5rem;max-width:1500px;margin-inline:auto;display:flex}.ml-slot{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.ml-intro{align-items:stretch}.ml-intro .ml-desk,.ml-hint,.crt-vgui,.ml-backrow{display:none}.ml-station{width:100%;padding-bottom:calc(var(--desk-h) * .62);flex-direction:column;align-items:center;display:flex;position:relative}.vgui-below{width:var(--crt-w);margin-top:1.25rem;font-size:1.125rem}@media (max-width:1023.98px){.ml{--crt-w:min(78vw, 26rem);padding-inline:0;padding-bottom:4rem}.ml-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:calc((100vw - var(--crt-w)) / 2 - 1rem);flex-direction:row;align-items:flex-start;gap:0;overflow-x:auto}.ml-track::-webkit-scrollbar{display:none}.ml-slot{width:calc(var(--crt-w) + 2rem);scroll-snap-align:center;flex:none;padding-inline:1rem}.ml-intro{justify-content:center;align-self:stretch}.ml-outro{width:calc(var(--crt-w) + 2rem);scroll-snap-align:center;flex:none;align-self:center;padding-inline:1rem}.vgui-below{font-size:1rem}}@media (min-width:1024px){.ml-swipe-hint{display:none}}.ml-outro{width:100%;position:relative}.ml-outro .ml-desk{display:none}.ml-next-copy{text-align:center;flex-direction:column;align-items:center;display:flex}.ml-ceiling{background:linear-gradient(#0a0404,#0000);width:200vw;height:5rem;position:absolute;top:0;left:0}.ml-tube{background:linear-gradient(#3b3434,#1d1818);border-radius:3px;width:13vw;height:6px;position:absolute;top:1.6rem;box-shadow:0 1px #0009}.ml-tube:before,.ml-tube:after{content:"";opacity:0;pointer-events:none;position:absolute}.ml-tube:before{border-radius:inherit;background:#fffaf0;inset:0;box-shadow:0 0 8px 1px #f6e7c8d9,0 0 44px 8px #f6e7c838}.ml-tube:after{background:radial-gradient(50% 100% at 50% 0,#f6e7c816,#0000 72%);height:62svh;top:100%;left:-45%;right:-45%}.ml-tube[data-lit]:before,.ml-tube[data-lit]:after{animation:1.3s step-end forwards tube-on}@keyframes tube-on{0%{opacity:0}6%{opacity:1}11%{opacity:.08}24%{opacity:.95}28%{opacity:.15}44%{opacity:1}48%{opacity:.35}58%,to{opacity:1}}.ml-backrow{filter:blur(1.4px);width:260vw;position:absolute;inset:0}.ml-far{aspect-ratio:1/.84;width:4.6vw;opacity:calc(.35 + var(--lit) * .4);background:#120c0c;border-radius:4px;position:absolute;box-shadow:0 0 0 1px #ffffff08}.ml-far:before{content:"";background:color-mix(in srgb, var(--far) 35%, #0a0505);box-shadow:0 0 22px 2px color-mix(in srgb, var(--far) 22%, transparent);opacity:calc(.3 + var(--lit) * .5);border-radius:2px;position:absolute;inset:9% 9% 22%}.ml-desk{height:var(--desk-h);pointer-events:none;background:linear-gradient(#fbf5f512,#0000 2px),linear-gradient(#1a1111 0%,#120b0b 55%,#0d0707 72%,#050202 72.4%,#0a0505 100%);position:absolute;bottom:0;left:0;right:0}.ml-spill{width:calc(var(--crt-w) * 1.3);background:radial-gradient(50% 100% at 50% 0%, color-mix(in srgb, var(--skin-accent) 28%, transparent), transparent 70%);opacity:0;height:72%;transition:opacity .8s var(--ease-drift);position:absolute;top:0;left:50%;translate:-50%}.ml-slot[data-power=on] .ml-spill{opacity:.5}.ml-slot[data-active] .ml-spill,.ml-slot:hover .ml-spill{opacity:1}.ml-intro .ml-spill{display:none}@media not ((min-width:1024px) and (prefers-reduced-motion:no-preference)){.ml-desk{-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}}:where(:root[data-reduce-motion]) .ml-desk{-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.ml-slot:hover .crt{transform:translateY(-4px)}.crt-body{aspect-ratio:1/.84;border-radius:calc(var(--crt-w) * .045);background:linear-gradient(#2b2424 0%,#1c1717 55%,#141010 100%);position:relative;box-shadow:inset 0 1px #ffffff17,inset 0 -3px #00000080,0 40px 60px -30px #000000f2}.crt-halo,.crt-screen{border-radius:4.5%/6%;position:absolute;inset:7% 7% 19%}.crt-halo{pointer-events:none;transition:box-shadow .8s var(--ease-drift)}.ml-slot[data-power=on] .crt-halo{box-shadow:0 0 calc(var(--crt-w) * .1) calc(var(--crt-w) * -.02) color-mix(in srgb, var(--skin-accent) 30%, transparent)}.ml-slot[data-active] .crt-halo,.ml-slot:hover .crt-halo{box-shadow:0 0 calc(var(--crt-w) * .22) calc(var(--crt-w) * .01) color-mix(in srgb, var(--skin-accent) 42%, transparent), 0 0 calc(var(--crt-w) * .05) #f6e7c829}.crt-screen{isolation:isolate;box-shadow:0 0 0 calc(var(--crt-w) * .006) #070505, 0 0 0 calc(var(--crt-w) * .012) #ffffff0d;background:#060404;overflow:hidden}.crt-content{opacity:0;position:absolute;inset:0;transform:scale(.6,.004)}.ml-slot[data-power=on] .crt-content{animation:crt-on 1.05s var(--ease-drift) both}@keyframes crt-on{0%{opacity:1;filter:brightness(8)saturate(0);transform:scale(.5,.004)}30%{filter:brightness(6)saturate(0);transform:scaleY(.006)}55%{filter:brightness(2.4)saturate(.3);transform:scale(1)}to{opacity:1;filter:none;transform:none}}.crt-signal{background:radial-gradient(70% 60% at 50% 45%, color-mix(in srgb, var(--skin-accent) 26%, transparent), transparent 75%), radial-gradient(120% 90% at 50% 120%, var(--skin-deep), transparent 60%), #0b0606;place-items:start center;display:grid;position:absolute;inset:0;overflow:hidden}.crt-signal:after{content:"";opacity:.3;mix-blend-mode:screen;background:url(/textures/grain.png) 0 0/96px 96px;position:absolute;inset:-50%}.ml-slot[data-active] .crt-signal:after,.ml-slot:hover .crt-signal:after{animation:.8s steps(6,end) infinite grain}.crt-signal-word{text-align:center;font-size:calc(var(--crt-w) * .11);letter-spacing:.06em;color:color-mix(in srgb, var(--skin-glow) 60%, transparent);text-shadow:0 0 18px color-mix(in srgb, var(--skin-accent) 60%, transparent);opacity:.6;padding:15% 8% 0;line-height:.9;position:relative}.crt-photo{z-index:1;opacity:0;filter:brightness(.5)saturate(.55)contrast(1.15)sepia(.15);transition:opacity .9s var(--ease-drift), filter .7s var(--ease-drift), transform 7s linear;transform:scale(1.04)}.crt-photo[data-on]{opacity:1}.ml-slot[data-active] .crt-photo,.ml-slot:hover .crt-photo,.crt:focus-visible .crt-photo{filter:brightness()saturate(1.05)contrast(1.08);transform:scale(1.12)}.crt-video{z-index:2;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.crt-video[data-playing]{opacity:1}.crt-osd{z-index:6;font-size:calc(var(--crt-w) * .036);letter-spacing:.08em;color:var(--color-phosphor);text-shadow:0 0 6px #f6e7c899;opacity:.85;position:absolute;top:5%}.crt-osd-l{left:5%}.crt-osd-r{right:5%}.crt-scan,.crt-roll,.crt-glass{pointer-events:none;position:absolute;inset:0}.crt-scan{z-index:7;opacity:.55}.crt-roll{z-index:7;opacity:0;background:linear-gradient(#0000 0%,#f6e7c80d 44%,#f6e7c817 50%,#0000 56%) 0 0/100% 220%}.ml-slot[data-active] .crt-roll,.ml-slot:hover .crt-roll{opacity:1;animation:3.4s linear infinite crt-roll}.ml-slot:hover .crt-scan{animation:.14s steps(2,end) 5 crt-flicker}@keyframes crt-flicker{0%{opacity:.35}to{opacity:.75}}.crt-glass{z-index:8;border-radius:inherit;box-shadow:inset 0 0 calc(var(--crt-w) * .06) #000000d9;background:radial-gradient(140% 100% at 20% -10%,#ffffff1c,#0000 38%),radial-gradient(90% 80%,#0000 55%,#0000008c 100%)}.crt-chin{justify-content:space-between;align-items:center;height:9%;display:flex;position:absolute;bottom:5%;left:7%;right:7%}.crt-badge{font-size:calc(var(--crt-w) * .026);letter-spacing:.3em;color:#fbf5f561;text-shadow:0 1px #0009}.crt-btn{width:calc(var(--crt-w) * .03);height:calc(var(--crt-w) * .012);background:#120d0d;border-radius:2px;box-shadow:inset 0 1px #ffffff0f}.crt-led{width:calc(var(--crt-w) * .014);height:calc(var(--crt-w) * .014);background:#5a3b0c;border-radius:50%;transition:background .3s,box-shadow .3s}.ml-slot[data-power=on] .crt-led{background:#6be38a;box-shadow:0 0 6px #6be38a}.crt-neck{width:34%;height:calc(var(--crt-w) * .045);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);background:linear-gradient(#0f0b0b,#1a1414);margin-inline:auto;display:block}.crt-foot{width:56%;height:calc(var(--crt-w) * .03);box-shadow:0 calc(var(--crt-w) * .02) calc(var(--crt-w) * .03) #000000d9;background:linear-gradient(#2a2222,#141010);border-radius:50% 50% 14% 14%/70% 70% 30% 30%;margin-inline:auto;display:block}.vgui{--vg-dim:#f6e7c894;font-family:var(--font-crt);color:var(--color-phosphor);background:#0b0606cc;border:1px solid #fbf5f524;line-height:1.15;box-shadow:inset 1px 1px #ffffff14,inset -1px -1px #0009,0 10px 30px -10px #000c}.vgui-title{color:var(--color-bone);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg, color-mix(in srgb, var(--skin-deep) 85%, black), color-mix(in srgb, var(--skin-deep) 35%, black));border-bottom:1px solid #00000080;justify-content:space-between;align-items:center;gap:.5em;padding:.22em .5em;display:flex}.vgui-x{border:1px solid #fbf5f540;flex:none;place-items:center;width:1.05em;height:1.05em;font-size:.9em;line-height:1;display:grid}.vgui-body{padding:.4em .6em .55em}.vgui-sub{letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;color:var(--vg-dim);font-size:.82em;overflow:hidden}.vgui-rows{gap:.08em;margin-top:.35em;display:grid}.vgui-rows>div{justify-content:space-between;gap:1em;display:flex}.vgui-rows dt{letter-spacing:.08em;text-transform:uppercase;color:var(--vg-dim)}.vgui-rows dd{text-align:right}.vgui-win{color:var(--color-bone);text-shadow:0 0 8px color-mix(in srgb, var(--skin-glow) 70%, transparent)}.vgui-maps{flex-wrap:wrap;gap:.25em;margin-top:.45em;display:flex}.vgui-maps li{text-transform:uppercase;color:var(--vg-dim);border:1px solid #fbf5f524;padding:0 .35em;font-size:.85em}.vgui-maps li[data-won]{color:var(--color-phosphor);border-color:color-mix(in srgb, var(--skin-accent) 55%, transparent)}.crt-vgui{z-index:5;width:44%;font-size:calc(var(--crt-w) * .026);opacity:0;transition:opacity .5s, transform .5s var(--ease-drift);background:#0b0606ad;position:absolute;bottom:5%;left:4%;transform:translateY(6%)}.crt-vgui .vgui-maps{display:none}.ml-slot[data-power=on] .crt-vgui{opacity:.9;transition-delay:.6s;transform:none}.ml-slot[data-active] .crt-vgui,.ml-slot:hover .crt-vgui{opacity:1;transition-delay:0s}.ml-demo{-webkit-user-select:none;user-select:none;display:none}.ml-demo-body{align-items:center;gap:1em;padding:2.3em .8em 1.6em;transition:padding-top .4s;display:flex}.ml-demo[data-touched] .ml-demo-body{padding-top:.6em}.ml-demo-btns{flex:none;gap:.4em;display:flex}.ml-demo-btn{cursor:pointer;background:#fbf5f50a;border:1px solid #fbf5f533;width:1.6em;height:1.3em;display:block;position:relative;box-shadow:inset 1px 1px #ffffff0f}.ml-demo-btn:after{content:"";background:var(--color-phosphor);width:.5em;height:.5em;margin:auto;position:absolute;inset:0}.ml-demo-btn:hover,.ml-demo-btn:focus-visible{border-color:var(--skin-accent);background:color-mix(in srgb, var(--skin-accent) 18%, transparent)}.ml-demo-btn:focus-visible,.ml-demo-track:focus-visible{outline:2px solid var(--color-bone);outline-offset:3px}.ml-demo-btn[data-k=play]:after{clip-path:polygon(15% 0,100% 50%,15% 100%)}.ml-demo-btn[data-k=play][aria-pressed=true]:after{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}.ml-demo-btn[data-k=prev]:after{clip-path:polygon(0 0,18% 0,18% 45%,100% 0,100% 100%,18% 55%,18% 100%,0 100%)}.ml-demo-btn[data-k=next]:after{clip-path:polygon(0 0,82% 45%,82% 0,100% 0,100% 100%,82% 100%,82% 55%,0 100%)}.ml-demo-track{cursor:grab;touch-action:none;background:#fbf5f51f;flex:1;height:6px;transition:height .2s,background-color .2s;position:relative}.ml-demo-track:hover,.ml-demo-track:focus-visible,.ml-demo-track[data-dragging]{background:#fbf5f533;height:10px}.ml-demo-track[data-dragging]{cursor:grabbing}.ml-demo-track:after{content:"";top:50%;left:calc(var(--hx,0) * 100%);background:var(--color-bone);opacity:0;pointer-events:none;width:2px;height:1.3em;transition:opacity .15s;position:absolute;translate:-50% -50%}.ml-demo-track:hover:not([data-dragging]):after{opacity:.35}.ml-demo-track:before{content:"";position:absolute;inset:-14px -8px}.ml-demo-fill{width:calc(var(--p) * 100%);background:var(--skin-accent);box-shadow:0 0 10px color-mix(in srgb, var(--skin-accent) 60%, transparent);position:absolute;inset:0 auto 0 0}.ml-demo-head{top:50%;left:calc(var(--p) * 100%);z-index:1;background:linear-gradient(90deg, transparent 27%, #00000073 27% 35%, transparent 35% 46%, #00000073 46% 54%, transparent 54% 65%, #00000073 65% 73%, transparent 73%) center / 100% 46% no-repeat, var(--color-bone);width:1.1em;height:1.8em;transition:scale .2s,box-shadow .2s;position:absolute;translate:-50% -50%;box-shadow:0 0 0 1px #0009,0 0 12px #f6e7c88c}.ml-demo-track:hover .ml-demo-head,.ml-demo-track:focus-visible .ml-demo-head,.ml-demo-track[data-dragging] .ml-demo-head{box-shadow:0 0 0 1px #0009, 0 0 18px color-mix(in srgb, var(--skin-accent) 80%, transparent);scale:1.15}.ml-demo-grab{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--color-void,#000);background:var(--skin-accent);pointer-events:none;padding:.25em .6em;font-size:.78em;font-weight:600;transition:opacity .4s;position:absolute;bottom:calc(100% + .4em);left:50%;translate:-50%}.ml-demo-grab:before{content:"◂ "}.ml-demo-grab:after{content:" ▸"}[data-touched] .ml-demo-grab{opacity:0}@media (prefers-reduced-motion:no-preference){.ml-demo:not([data-touched]) .ml-demo-head{animation:1.8s ease-in-out infinite ml-grab}}@keyframes ml-grab{0%,to{box-shadow:0 0 0 1px #0009, 0 0 0 0 color-mix(in srgb, var(--skin-accent) 70%, transparent)}50%{box-shadow:0 0 0 1px #0009, 0 0 0 7px color-mix(in srgb, var(--skin-accent) 0%, transparent)}}.ml-demo-tick{background:#fbf5f573;width:1px;height:.9em;position:absolute;top:50%;translate:0 -50%}.ml-demo-label{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#f6e7c88c;font-size:.72em;position:absolute;top:1.2em;left:50%;translate:-50%}.ml-demo-tick-next .ml-demo-label{color:var(--skin-text)}.ml-demo-when{letter-spacing:.08em;text-align:right;text-transform:uppercase;flex:none;min-width:6.2em}.testcard{font-size:calc(var(--crt-w) * .05);background:#0b0202;position:absolute;inset:0}.testcard-bars{grid-template-columns:repeat(7,1fr);display:grid;position:absolute;inset:0 0 28%}.testcard-castle{grid-template-columns:repeat(14,1fr);height:14%;display:grid;position:absolute;bottom:14%;left:0;right:0}.testcard:after{content:"";background:linear-gradient(90deg,#0b0202 0 25%,#261010 25% 50%,#0b0202 50% 75%,#5c5555 75%);height:14%;position:absolute;bottom:0;left:0;right:0}.testcard-disc{z-index:1;aspect-ratio:1.6;text-align:center;text-transform:uppercase;background:#fbf5f5f0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.12em;width:62%;display:flex;position:absolute;top:43%;left:50%;translate:-50% -50%;box-shadow:0 0 0 .25em #0b0202,0 0 0 .32em #fbf5f580}.ml-rec{vertical-align:.05em;background:#ec1112;border-radius:50%;width:.55em;height:.55em;margin-right:.25em;animation:1.2s step-end infinite blink;display:inline-block;box-shadow:0 0 6px #ec1112}.ml-snd{cursor:pointer;opacity:.7;transition:opacity .2s}.ml-snd:hover,.ml-snd[aria-pressed=true]{opacity:1}.ml-snd:focus-visible{outline:1px solid var(--skin-accent);outline-offset:3px}.crt-open{width:max-content;height:2.75rem;margin:calc(var(--crt-w) * .035) auto 0;letter-spacing:.18em;text-transform:uppercase;color:var(--color-bone);background:#0b0606b3;border:1px solid #fbf5f54d;align-items:center;gap:.75rem;padding-inline:1rem;font-size:11px;transition:color .3s,background-color .3s,border-color .3s;display:flex}.crt-open-arrow{transition:transform .3s var(--ease-drift)}.ml-slot[data-active] .crt-open{color:var(--color-void);background:var(--color-bone);border-color:var(--color-bone)}.crt:hover .crt-open,.crt:focus-visible .crt-open{color:var(--color-bone);background:var(--skin-accent);border-color:var(--skin-accent)}.crt:hover .crt-open-arrow{transform:translate(4px)}.crt-set{position:relative}.crt-mute{z-index:3;right:calc(var(--crt-w) * .1);top:calc(var(--crt-w) * .52);font-size:calc(var(--crt-w) * .058);letter-spacing:.1em;text-transform:uppercase;color:#6be38a;text-shadow:0 0 .35em #6be38abf;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s, visibility 0s .3s, transform .6s var(--ease-drift);background:#030c069e;align-items:center;gap:.3em;padding:.3em .5em .3em .4em;line-height:1;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #6be38a66,0 0 1.2em #6be38a2e}.crt-mute-icon{filter:drop-shadow(0 0 .25em #6be38ab3);flex:none;width:1.15em;height:1.15em}.crt-mute-wave{display:none}.crt-mute-vol{gap:.12em;display:none}.crt-mute-vol i{opacity:.15;width:.32em;height:.8em;animation:osd-bar 10ms calc(var(--k) * .1s) forwards;background:currentColor;box-shadow:0 0 .3em #6be38ab3}@keyframes osd-bar{to{opacity:1}}.ml-slot[data-active] .crt-mute,.ml-slot:hover .crt-mute,.crt-mute:focus-visible{opacity:1;visibility:visible;transition:opacity .8s .9s, visibility 0s .9s, transform .6s var(--ease-drift)}.ml-slot:hover .crt-mute{transform:translateY(-4px)}.crt-mute:hover:not([data-on]){text-shadow:0 0 .5em #6be38a}.crt-mute:focus-visible{outline-offset:2px;outline:1px solid #6be38a}.crt-mute[data-on] .crt-mute-x{display:none}.crt-mute[data-on] .crt-mute-word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.crt-mute[data-on] .crt-mute-wave{display:inline}.crt-mute[data-on] .crt-mute-vol{display:flex}.ml-slot[data-active] .crt-mute[data-on]{animation:.6s 2.4s forwards osd-dim}.ml-slot[data-active] .crt-mute[data-on]:hover,.crt-mute[data-on]:focus-visible{animation:none}@keyframes osd-dim{to{opacity:.3}}@media (prefers-reduced-motion:reduce){.crt-mute-vol i{opacity:1;animation:none}}:where(:root[data-reduce-motion]) .crt-mute-vol i{opacity:1;animation:none}.ml-hint-arrow{animation:ml-nudge 1.6s var(--ease-drift) infinite;display:inline-block}@keyframes ml-nudge{0%,to{transform:none}50%{transform:translate(6px)}}.crt-zoom{z-index:95;pointer-events:none;position:fixed;inset:0}.crt-zoom .crt-content{opacity:1;animation:none;transform:none}.crt-zoom .crt-photo{filter:none;transform:none}.crt-zoom .crt-vgui{opacity:1;transform:none}.crt-zoom-flash{opacity:0;background:radial-gradient(70% 70% at 50% 50%, #f6e7c8f2, var(--skin-accent) 55%, #0b0202 100%);position:fixed;inset:0}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){:where(:root:not([data-reduce-motion])) .ml{--crt-w:min(29vw, 50svh);--desk-h:18svh;--demo-space:calc(105px + 3svh);height:100svh;padding:0}:where(:root:not([data-reduce-motion])) .ml-track{width:max-content;max-width:none;height:calc(100% - var(--demo-space));flex-direction:row;align-items:stretch;gap:0;margin:0}:where(:root:not([data-reduce-motion])) .ml-slot{justify-content:flex-end;width:auto;height:100%;padding-inline:3.2vw}:where(:root:not([data-reduce-motion])) .ml-station{width:auto;position:static}:where(:root:not([data-reduce-motion])) .ml-intro{justify-content:center;width:44vw;padding-left:6vw;padding-right:3vw}:where(:root:not([data-reduce-motion])) .ml-intro-copy{z-index:2;margin-bottom:6svh;position:relative}:where(:root:not([data-reduce-motion])) .ml-intro .ml-desk{display:block}:where(:root:not([data-reduce-motion])) .ml-hint{display:flex}:where(:root:not([data-reduce-motion])) .ml-intro-hint,:where(:root:not([data-reduce-motion])) .crt-vgui{display:block}:where(:root:not([data-reduce-motion])) .vgui-below{display:none}:where(:root:not([data-reduce-motion])) .ml-backrow{display:block}:where(:root:not([data-reduce-motion])) .ml-ceiling{height:18svh}:where(:root:not([data-reduce-motion])) .ml-tube{height:7px;top:7svh}:where(:root:not([data-reduce-motion])) .ml-outro{width:max(24rem, calc(50vw - var(--crt-w) / 2 - 3.2vw));flex-direction:column;justify-content:center;height:100%;padding:0 6vw 0 1vw;display:flex}:where(:root:not([data-reduce-motion])) .ml-outro .ml-desk{display:block}:where(:root:not([data-reduce-motion])) .ml-outro .ml-next-copy{z-index:2;text-align:left;align-items:flex-start;margin-bottom:12svh;position:relative}:where(:root:not([data-reduce-motion])) .ml-demo{--p:0;z-index:3;width:min(66vw,940px);font-size:18px;display:block;position:absolute;bottom:2.5svh;left:50%;translate:-50%}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.ml{--crt-w:min(26vw, 24rem)}.ml-track{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:4rem 2rem;display:grid}.ml-intro{grid-column:1/-1}}@media (min-width:1024px){:where(:root[data-reduce-motion]) .ml{--crt-w:min(26vw, 24rem)}:where(:root[data-reduce-motion]) .ml-track{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:4rem 2rem;display:grid}:where(:root[data-reduce-motion]) .ml-intro{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.ml-slot[data-power=on] .crt-content{opacity:1;animation:none;transform:none}.ml-tube[data-lit]:before,.ml-tube[data-lit]:after{opacity:1;animation:none}.crt-roll{display:none}.crt-photo{transform:none!important}}:where(:root[data-reduce-motion]) .ml-slot[data-power=on] .crt-content{opacity:1;animation:none;transform:none}:where(:root[data-reduce-motion]) .ml-tube[data-lit]:before,:where(:root[data-reduce-motion]) .ml-tube[data-lit]:after{opacity:1;animation:none}:where(:root[data-reduce-motion]) .crt-roll{display:none}:where(:root[data-reduce-motion]) .crt-photo{transform:none!important}.bp-row{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:min(78vw,22rem);grid-auto-flow:column;gap:1rem;margin-inline:-1.25rem;padding:.5rem 1.25rem 1.5rem;display:grid;overflow-x:auto}.bp-row::-webkit-scrollbar{display:none}.bp-cell{scroll-snap-align:start}@media (min-width:640px){.bp-row{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:1.25rem;margin-inline:0;padding:0;overflow:visible}}.bp-card{--rx:0deg;--ry:0deg;--mx:50%;--my:40%;perspective:1100px;display:block}.bp-frame{aspect-ratio:4/5;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .6s var(--ease-drift), border-color .3s;position:relative;overflow:hidden}.bp-card:hover .bp-frame{border-color:color-mix(in srgb, var(--rarity) 70%, transparent);transition:transform .15s linear,border-color .3s}.bp-card:focus-visible{outline:none}.bp-card:focus-visible .bp-frame{outline:2px solid var(--color-signal);outline-offset:3px}.bp-stripe{background:var(--rarity);width:3px;box-shadow:0 0 18px var(--rarity);position:absolute;inset:0 auto 0 0}.bp-top{z-index:2;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex;position:absolute;inset:0 0 auto}.bp-stage{position:absolute;inset:13% 8% 30%}.bp-stage:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--skin-accent) 22%, transparent), transparent 75%);opacity:.7;transition:opacity .5s;position:absolute;inset:-10%}.bp-card:hover .bp-stage:before{opacity:1}.bp-visual{transition:transform .7s var(--ease-drift);position:absolute;inset:0;transform:translateZ(36px)}.bp-card:hover .bp-visual{transform:translateZ(60px)scale(1.04)}.bp-bottom{z-index:2;background:linear-gradient(0deg, var(--color-void-2) 55%, transparent);padding:1.1rem 1.1rem 1.15rem;position:absolute;inset:auto 0 0}.bp-sheen{z-index:3;pointer-events:none;background:radial-gradient(40% 35% at var(--mx) var(--my), #ffffff14, transparent 70%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.bp-card:hover .bp-sheen{opacity:1}.sp-screen{aspect-ratio:16/9;background:#070303;border:1px solid #fbf5f51f;display:block;position:relative;overflow:hidden;box-shadow:0 40px 90px -40px #000000f2}.sp-offline{background:radial-gradient(60% 70% at 50% 50%, color-mix(in srgb, var(--skin-deep) 70%, transparent), transparent 75%), #0b0505;place-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}.sp-offline:after{content:"";opacity:.22;mix-blend-mode:screen;pointer-events:none;background:url(/textures/grain.png) 0 0/110px 110px;animation:1s steps(6,end) infinite grain;position:absolute;inset:-50%}.sp-still{filter:brightness(.32)saturate(.4)contrast(1.1)blur(1px);transform:scale(1.04)}.sp-scan{opacity:.35;pointer-events:none;position:absolute;inset:0}.sp-top,.sp-bottom{z-index:2;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.6rem;font-size:11px;display:flex;position:absolute}.sp-top{white-space:nowrap;background:#0b0202b8;border:1px solid #fbf5f524;padding:.45rem .9rem;top:4%;left:50%;translate:-50%}.sp-bottom{color:var(--color-bone);border-left:2px solid var(--skin-accent);background:linear-gradient(90deg,#0b0202d9,#0b020266);padding:.55rem .9rem;bottom:5%;left:4%;right:4%}.sp-corners{z-index:2;pointer-events:none;--bk:18px;--bk-c:#fbf5f566;transition:inset .5s var(--ease-drift);position:absolute;inset:.75rem}.sp-screen:hover .sp-corners{--bk-c:#fbf5f5bf;inset:.4rem}.sp-dot{background:var(--color-ash-dim);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.sp-dot-live{background:var(--color-signal);animation:live-pulse 1.6s var(--ease-out-quart) infinite}.js-dialog{z-index:2;font-size:clamp(15px,1.15vw,18px);position:relative}.js-tabs{border-bottom:1px solid #fbf5f524;gap:.15em;padding:.55em .6em 0;display:flex;overflow:hidden}.js-tabs span{color:var(--vg-dim);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:#fbf5f505;border:1px solid #fbf5f51a;border-bottom:0;padding:.2em .75em}.js-tabs span[data-on]{color:var(--color-bone);background:color-mix(in srgb, var(--skin-deep) 60%, transparent);border-color:#fbf5f533}.js-table-wrap{max-height:22em;overflow:auto}.js-table{border-collapse:collapse;text-align:left;width:100%}.js-table th{letter-spacing:.08em;text-transform:uppercase;color:var(--vg-dim);background:#140909;border-bottom:1px solid #fbf5f51a;padding:.45em .8em;font-weight:400;position:sticky;top:0}.js-table td{white-space:nowrap;border-bottom:1px solid #fbf5f50d;padding:.5em .8em}.js-row{transition:background-color .2s;position:relative}.js-row:hover,.js-row:focus-within{background:color-mix(in srgb, var(--skin-accent) 18%, transparent)}.js-link{color:var(--color-bone);outline:none}.js-link:after{content:"";position:absolute;inset:0}.js-row:focus-within{outline:2px solid var(--color-signal);outline-offset:-2px}.js-dim{color:var(--vg-dim)}.js-live{color:var(--color-bone);background:var(--color-signal);margin-left:.6em;padding:0 .4em;font-size:.8em}.js-foot{border-top:1px solid #fbf5f51f;align-items:center;gap:1em;padding:.6em .8em;display:flex}.js-status{color:var(--vg-dim);text-transform:uppercase;letter-spacing:.08em;display:block}.js-bar{background:var(--skin-accent);transform-origin:0;height:2px;position:absolute;bottom:-.35em;left:0;right:0;transform:scaleX(0)}.js-connect{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-void);background:var(--color-bone);flex:none;padding:.35em 1.4em;font-size:.72em;font-weight:600;transition:background-color .25s,color .25s;box-shadow:inset 1px 1px #fff9,inset -1px -1px #00000059}.js-connect:hover{background:var(--skin-accent);color:var(--color-bone)}@media (max-width:639.98px){.js-col-map,.js-tabs span:nth-child(n+4){display:none}}
