:root{--ph:#8dffab;--ph-dim:#3f9c58;--ph-glow:rgba(96,255,150,.55);--room:#040404;--case:#0b0b0c}html,body{height:100%}body.sg-body{margin:0;background:var(--room);overflow-x:hidden;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;-webkit-font-smoothing:antialiased}.sg-room{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,3.4vh,34px);padding:clamp(10px,3vh,30px) 14px calc(env(safe-area-inset-bottom) + 22px);background:radial-gradient(120% 90% at 50% 30%,#1c221c59,#04040400 55%),radial-gradient(80% 60% at 50% 108%,#14281a38,#04040400 60%),var(--room)}.sg-monitor{position:relative;width:min(920px,96vw,calc(62svh * 1.45));transform:perspective(1400px) rotateX(.6deg) rotate(-.35deg);container-type:inline-size}.sg-case{position:relative;border-radius:26px;padding:clamp(16px,3.2vw,34px);background:linear-gradient(172deg,#17181a,#0c0d0e 22%,#070708 60%,#0a0b0c);box-shadow:inset 0 1px #ffffff0e,inset 0 -2px 6px #000c,inset 2px 0 4px #ffffff04,0 24px 70px #000000d9,0 4px 16px #000000b3,0 0 90px #3cb4640d}.sg-bezel{position:relative;border-radius:18px;padding:clamp(10px,1.9vw,20px);background:linear-gradient(178deg,#050505,#0e0f10 8%,#040404 30%,#020202 92%,#0a0a0b);box-shadow:inset 0 2px 8px #000000f2,inset 0 -1px #ffffff08}.sg-plate{display:flex;justify-content:space-between;align-items:center;margin-top:clamp(10px,1.8vw,16px);padding:0 6px}.sg-plate a{color:#5c5648;text-decoration:none;font-size:clamp(8px,1.25vw,10.5px);letter-spacing:.18em;text-shadow:0 1px 0 rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 26px)}@media(max-width:520px){.sg-plate a{letter-spacing:.08em}}.sg-plate a:hover,.sg-plate a:focus-visible{color:#8a8172}.sg-led{width:7px;height:7px;border-radius:50%;background:#173c22;box-shadow:0 0 0 1px #0009}.sg-led.on{background:#49e07d;box-shadow:0 0 8px #49e07dcc,0 0 0 1px #0009}.sg-screen{position:relative;overflow:hidden;border-radius:clamp(22px,4vw,44px)/clamp(18px,3.4vw,36px);aspect-ratio:4/3;background:#010401}@media(max-width:760px){.sg-monitor{width:96vw}.sg-screen{aspect-ratio:auto;height:min(58svh,520px)}}.sg-beam{position:absolute;left:8%;right:8%;top:50%;height:2px;transform:translateY(-50%) scaleX(0);background:linear-gradient(90deg,transparent,#d6ffe2 18%,#eafff0 50%,#d6ffe2 82%,transparent);filter:blur(.6px);opacity:0;border-radius:2px;box-shadow:0 0 18px 4px #8cffaa8c}.sg-text{position:absolute;top:0;right:0;bottom:0;left:0;padding:clamp(16px,4.5cqw,44px) clamp(18px,5cqw,52px);color:var(--ph);font-size:clamp(11px,1.85vw,19px);line-height:1.62;letter-spacing:.02em;font-size:clamp(11px,2.35cqw,19px);white-space:pre-wrap;overflow:hidden;text-shadow:0 0 6px var(--ph-glow),0 0 22px rgba(70,220,120,.25),1px 0 1px rgba(120,255,160,.28),-1px 0 1px rgba(60,170,90,.18);opacity:0;transform:perspective(900px) rotateX(.8deg) scale(1.005)}.sg-text .dim{color:var(--ph-dim);text-shadow:0 0 5px rgba(70,200,110,.3)}.sg-cursor{display:inline-block;width:.62em;height:1.05em;margin-left:2px;vertical-align:-.16em;background:var(--ph);box-shadow:0 0 8px var(--ph-glow)}.sg-cursor.blink{animation:sgBlink 1.06s steps(1) infinite}@keyframes sgBlink{50%{opacity:0}}.sg-skip{position:absolute;left:0;right:0;bottom:clamp(10px,2.4vw,20px);text-align:center;color:var(--ph-dim);font-size:10.5px;letter-spacing:.3em;opacity:0;transition:opacity .6s;text-shadow:0 0 6px rgba(70,200,110,.35);pointer-events:none}.sg-skip.show{opacity:.75}.sg-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit}.sg-fx.scanlines{background:repeating-linear-gradient(180deg,#0000 0px 2px,#00000038 3px,#0000 4px);mix-blend-mode:multiply;opacity:.8}.sg-fx.retrace{background:linear-gradient(180deg,transparent 0%,rgba(150,255,180,.045) 46%,rgba(190,255,210,.08) 50%,rgba(150,255,180,.045) 54%,transparent 100%);background-size:100% 240px;background-repeat:no-repeat;background-position:0 -260px;animation:sgRetrace 7.5s linear infinite}@keyframes sgRetrace{0%{background-position:0 -280px}to{background-position:0 130%}}.sg-fx.vignette{background:radial-gradient(115% 108% at 50% 50%,#0000 58%,#0000006b 84%,#000000d9),radial-gradient(140% 120% at 50% 50%,#3cff820d,#0000 60%)}.sg-fx.glass{background:radial-gradient(58% 34% at 30% 6%,#d2f0dc16,#d2f0dc00 60%),radial-gradient(30% 16% at 76% 90%,rgba(160,200,180,.03) 0%,transparent 70%),linear-gradient(196deg,rgba(255,255,255,.028) 0%,transparent 24%)}.sg-fx.noise{opacity:.05;mix-blend-mode:screen;background-repeat:repeat}.sg-fx.flicker{background:#8dffab;mix-blend-mode:overlay;opacity:0;animation:sgFlicker 4.2s steps(1) infinite}@keyframes sgFlicker{0%,to{opacity:.012}7%{opacity:.03}9%{opacity:.008}31%{opacity:.022}33%{opacity:.006}54%{opacity:.028}56%{opacity:.012}83%{opacity:.02}}.sg-screen.off .sg-text{opacity:0}.sg-screen.on .sg-text{opacity:1;transition:opacity .9s ease}.sg-collapse .sg-screen-inner{animation:sgCollapse .42s cubic-bezier(.7,0,.9,.4) forwards}@keyframes sgCollapse{0%{transform:scaleY(1);filter:brightness(1)}70%{transform:scaleY(.012);filter:brightness(2.6)}to{transform:scaleY(.006);filter:brightness(3.2)}}.sg-screen-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%}.sg-dot{position:absolute;left:8%;right:8%;top:50%;height:2px;transform:translateY(-50%) scaleX(1);background:#eafff2;border-radius:2px;filter:blur(.5px);box-shadow:0 0 26px 7px #a0ffbecc;opacity:0;transform-origin:50% 50%}.sg-collapse .sg-dot{animation:sgDot .5s .3s cubic-bezier(.55,0,.8,.5) forwards}@keyframes sgDot{0%{opacity:1;transform:translateY(-50%) scaleX(1)}75%{opacity:1;transform:translateY(-50%) scaleX(.03)}to{opacity:0;transform:translateY(-50%) scaleX(.008)}}.sg-fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#030303;opacity:0;pointer-events:none;transition:opacity .28s ease;z-index:60}.sg-fade.on{opacity:1;pointer-events:auto}.sg-pills{display:flex;gap:clamp(30px,7vw,88px);align-items:flex-start;justify-content:center;opacity:0;transform:translateY(10px);transition:opacity .9s ease,transform .9s ease}.sg-pills.armed{opacity:1;transform:none}.sg-choice{display:flex;flex-direction:column;align-items:center;gap:13px;text-decoration:none;border:0;background:none;padding:0;cursor:pointer}.sg-choice[aria-disabled=true]{cursor:default;pointer-events:none}.sg-pill{position:relative;width:clamp(150px,20vw,208px);height:clamp(54px,7.2vw,74px);border-radius:999px;transition:transform .22s cubic-bezier(.3,1.4,.5,1),filter .22s;transform:rotate(-4deg)}.sg-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--pill-body);box-shadow:inset 0 -10px 16px -6px var(--pill-under),inset 0 3px 5px -1px #ffffff80,inset -14px 0 22px -14px #0000008c,inset 14px 0 22px -14px #00000059,0 14px 24px -8px #000000d9,0 3px 8px #0009}.sg-pill:after{content:"";position:absolute;top:5%;bottom:5%;left:47.5%;width:5%;background:linear-gradient(90deg,#00000047,#ffffff24 45%,#00000052);border-radius:4px;opacity:.5;filter:blur(.4px)}.sg-pill .spec{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;overflow:hidden}.sg-pill .spec:before{content:"";position:absolute;left:9%;top:9%;width:56%;height:34%;border-radius:999px;background:radial-gradient(65% 90% at 40% 40%,#ffffffeb,#ffffff47 45%,#fff0 78%);filter:blur(1.5px);transform:rotate(-3deg);transition:transform .25s,opacity .25s}.sg-pill .spec:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:radial-gradient(9% 26% at 88% 30%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(120% 160% at 50% 128%,var(--pill-rim) 0%,transparent 55%);opacity:.85}.sg-pill .grain{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;opacity:.06;mix-blend-mode:overlay;background-repeat:repeat}.sg-pool{position:absolute;left:50%;bottom:-26px;width:130%;height:26px;transform:translate(-50%);border-radius:50%;background:radial-gradient(50% 100% at 50% 50%,var(--pill-pool) 0%,transparent 72%);opacity:.5;filter:blur(6px);transition:opacity .25s}.sg-pill.red{--pill-body:linear-gradient(178deg,#f0574d 0%,#c11d26 26%,#8e0f1c 55%,#5c0812 82%,#7c0d18 100%);--pill-under:rgba(255,110,90,.55);--pill-rim:rgba(255,60,60,.35);--pill-pool:rgba(210,30,40,.55)}.sg-pill.blue{--pill-body:linear-gradient(178deg,#5f8dff 0%,#2450d9 28%,#12309e 58%,#0a1c66 84%,#13287f 100%);--pill-under:rgba(110,150,255,.55);--pill-rim:rgba(70,110,255,.4);--pill-pool:rgba(40,80,230,.55)}.sg-choice:hover .sg-pill,.sg-choice:focus-visible .sg-pill{transform:rotate(-1.5deg) translateY(-5px);filter:brightness(1.07) saturate(1.05)}.sg-choice:hover .sg-pool,.sg-choice:focus-visible .sg-pool{opacity:.85}.sg-choice:hover .spec:before{transform:rotate(-1deg) translate(4%)}.sg-choice:active .sg-pill{transform:rotate(-1.5deg) translateY(-1px) scale(.965);filter:brightness(1.02)}.sg-choice:focus-visible{outline:none}.sg-choice:focus-visible .sg-pill{box-shadow:0 0 0 2px #040404,0 0 0 4px #a0ffbeb3;border-radius:999px}.sg-choice .sg-label{color:#6a6355;font-size:11px;letter-spacing:.42em;text-indent:.42em;transition:color .25s}.sg-choice:hover .sg-label,.sg-choice:focus-visible .sg-label{color:#b7ad97}.sg-effects{position:fixed;right:14px;bottom:12px;z-index:40;background:none;border:1px solid #23231f;border-radius:4px;color:#57523f;font:10px ui-monospace,monospace;letter-spacing:.22em;padding:7px 10px;cursor:pointer}.sg-effects:hover,.sg-effects:focus-visible{color:#9c9276;border-color:#3a382e}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}body.sg-plain .sg-fx,body.sg-plain .sg-beam{display:none}body.sg-plain .sg-text{text-shadow:none;transform:none;color:#a9ffbf}body.sg-plain .sg-monitor,body.sg-plain .sg-pill{transform:none}@media(max-height:640px){.sg-room{gap:12px;padding-top:8px}.sg-pill{width:clamp(120px,15vw,168px);height:clamp(44px,5.4vw,58px)}.sg-plate{margin-top:8px}}@media(prefers-reduced-motion:reduce){.sg-fx.retrace,.sg-fx.flicker,.sg-cursor.blink{animation:none}.sg-pills{transition:opacity .3s}.sg-pill,.sg-pill .spec:before{transition:none}.sg-collapse .sg-screen-inner,.sg-collapse .sg-dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/stanhope-gateway.css.map */