:root{--color-ink:#111;--color-paper:#f0eee9;--color-muted:#8e8e8e;--color-red:#f40009;--color-red-dark:#d90008;--color-red-light:#ff2429;--font-base:Arial, Helvetica, sans-serif;--font-pixel:"snoot-org-pixel", "Courier New", monospace;--font-play:"PlayMeGames", "snoot-org-pixel", monospace;font-family:var(--font-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:snoot-org-pixel;src:url(/assets/px10-CjFqVBXI.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PlayMeGames;src:url(/assets/PlayMeGames-Demo-CgOF39Z1.otf)format("opentype");font-weight:400;font-style:normal;font-display:block}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:var(--color-paper);min-width:320px}.gateway{width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.gateway:before{z-index:1;background:var(--color-red);content:"";pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.home-button{z-index:20;width:2.75rem;height:2.75rem;color:var(--color-ink);border:1px solid var(--color-red);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:1.9rem;left:50%;transform:translate(-50%,50%)}.home-button:hover{color:#fff;background:var(--color-red)}.home-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem}.panel{flex:50%;grid-template-rows:1fr auto;min-width:0;min-height:100vh;padding:6rem 5.5vw 3rem;display:grid;position:relative}.creative{color:var(--color-ink);background:linear-gradient(#f4000938, #f4000938), url(/assets/hobs-bg-BSuj_-Dq.svg), var(--color-red);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:0;display:block;overflow:hidden}.creative:before,.creative:after{z-index:0;content:"";pointer-events:none;position:absolute;inset:0}.creative:before{mix-blend-mode:multiply;background:linear-gradient(#ee26241f,#ee26243d)}.creative:after{opacity:.24;image-rendering:pixelated;mix-blend-mode:multiply;background:radial-gradient(circle,#0000 42%,#00000024 100%),radial-gradient(circle,#55000529 0 .045rem,#0000 .05rem) 0 0/.9rem .9rem,radial-gradient(circle,#ff50481f 0 .035rem,#0000 .04rem) .45rem .5rem/1.25rem 1.25rem}.commerce{--c-ivory:#f5f2ea;--c-red:#e52521;--c-red-dark:#9e1111;--c-ink:#141414;--c-grey:#777;--c-line:#e88b82;color:var(--c-ink);background:var(--c-ivory);padding:0;display:block;position:relative;overflow:hidden}.commerce-bg{z-index:1;pointer-events:none;position:absolute;inset:0}.commerce-skyline-img{width:min(52%,24rem);height:auto;display:block;position:absolute;bottom:0;left:auto;right:0}.commerce-ship{transform-origin:bottom;width:min(19.2%,8.8rem);height:auto;display:block;position:absolute;bottom:.755rem;left:6%;transform:scaleY(1.075)translateY(10.8333%)}.commerce-water{width:100%;height:1.25rem;display:block;position:absolute;bottom:0;left:0;right:0}.commerce-logo-wrap{z-index:4;pointer-events:none;place-items:start center;display:grid;position:absolute;top:clamp(1.1rem,2.6vw,2.1rem);left:0;right:0}.commerce-logo{pointer-events:auto;width:min(23.75%,13.13rem);height:auto;display:block}.commerce-logo svg{width:100%;height:auto;display:block;overflow:visible}.commerce-logo .alsabr-mark{transform-box:fill-box;transform-origin:50%}.commerce-logo:hover .alsabr-mark{animation:5.4s ease-in-out alsabr-mark-turn}@keyframes alsabr-mark-turn{0%{transform:rotate(0)}32%{transform:rotate(180deg)}68%{transform:rotate(180deg)}to{transform:rotate(0)}}.commerce-content{z-index:4;text-align:center;pointer-events:none;place-items:center;padding:0 5.5vw;display:grid;position:absolute;inset:0}.commerce-title{font-family:var(--font-base);letter-spacing:-.06em;color:var(--c-ink);margin:0;font-size:77px;font-weight:700;line-height:73px;animation:3.8s ease-in-out infinite title-breathe}.commerce-enter{color:inherit;pointer-events:auto;cursor:pointer;outline-offset:.4rem;place-items:center;text-decoration:none;display:grid}.commerce-enter .commerce-title{grid-area:1/1;transition:opacity .2s,transform .2s}@property --R{syntax:"<length-percentage>";inherits:true;initial-value:33%}.portal-live{aspect-ratio:1;opacity:0;pointer-events:none;grid-area:1/1;width:min(46vw,23rem);transition:opacity .34s,transform .52s cubic-bezier(.3,.7,.3,1);display:block;transform:scale(.55)}.dote{--R:33%;position:absolute;inset:0}.dote__glow{background:radial-gradient(circle,#e525216b 0%,#e5252129 30%,#0000 64%);border-radius:50%;width:46%;height:46%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dote__core{z-index:2;background:var(--c-red);border-radius:50%;width:9.375%;height:9.375%;transition:background .25s,box-shadow .25s;animation:3.2s ease-in-out infinite dote-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px 6px #e525218c}.dote__glow{transition:opacity .25s}.dote__line{z-index:1;width:calc(2 * (var(--R) - 3.5%));background:var(--c-red);height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dote__hand{width:var(--R);transform-origin:0;background:linear-gradient(to right, #e5252140 0%, var(--c-red) 100%);opacity:0;height:2px;position:absolute;top:50%;left:50%;transform:translateY(-50%)rotate(0)}.dote__node{left:calc(50% + var(--R) * cos(var(--a)));top:calc(50% + var(--R) * sin(var(--a)));border:1.6px solid var(--c-red);opacity:0;background:0 0;border-radius:50%;width:7%;height:7%;transition:background .25s,box-shadow .25s,transform .25s;position:absolute;transform:translate(-50%,-50%)}.commerce-enter:hover .commerce-title,.commerce-enter:focus-visible .commerce-title,.commerce.is-opening .commerce-title{opacity:0;animation:none;transform:scale(.96)}.commerce-enter:hover .portal-live,.commerce-enter:focus-visible .portal-live,.commerce.is-opening .portal-live{opacity:1;transform:scale(1)}.commerce-enter:hover .dote__node--h,.commerce-enter:focus-visible .dote__node--h{opacity:1;pointer-events:auto}.commerce-enter:hover .dote,.commerce-enter:focus-visible .dote{animation:2.4s ease-in-out infinite dote-lr}.commerce:not(.is-opening) .dote__node--h:hover{background:var(--c-red);transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 26px 10px #e5252180,0 0 12px 4px #e52521d9}.commerce:not(.is-opening) .dote:has(.dote__node--h:hover) .dote__core{background:var(--c-ivory);box-shadow:inset 0 0 0 1.6px var(--c-red);animation:none}.commerce:not(.is-opening) .dote:has(.dote__node--h:hover) .dote__glow{opacity:0}@keyframes dote-lr{0%,to{--R:29%}50%{--R:38%}}@keyframes dote-breathe{0%,to{box-shadow:0 0 14px 5px #e5252173}50%{box-shadow:0 0 22px 8px #e52521b3}}.commerce.is-opening .dote{--R:33%;animation:none}.commerce.is-opening .dote__line{opacity:0}.commerce.is-opening .dote__hand{animation:1.3s cubic-bezier(.45,0,.55,1) forwards dote-sweep}.commerce.is-opening .dote__node{opacity:1;animation:.55s ease-out both dote-ignite;animation-delay:calc(var(--k) * .1625s)}.commerce.is-opening .dote__core{animation:1.6s ease-out forwards dote-bloom}@keyframes dote-sweep{0%{opacity:0;transform:translateY(-50%)rotate(0)}6%{opacity:1}to{opacity:1;transform:translateY(-50%)rotate(360deg)}}@keyframes dote-ignite{0%{border-color:var(--c-red);box-shadow:none;background:0 0;transform:translate(-50%,-50%)scale(.9)}45%{background:var(--c-red);border-color:var(--c-red);transform:translate(-50%,-50%)scale(1.3);box-shadow:0 0 16px 6px #e52521b3}to{background:var(--c-red);border-color:var(--c-red);transform:translate(-50%,-50%)scale(1);box-shadow:0 0 13px 4px #e525218c}}@keyframes dote-bloom{0%,68%{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 18px 6px #e5252199}to{transform:translate(-50%,-50%)scale(2.4);box-shadow:0 0 52px 24px #e52521f2}}.commerce-ticker{z-index:9;width:100%;height:3.5rem;color:var(--c-ink);font-family:var(--font-base);letter-spacing:0;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;padding:0;font-size:15.245px;font-weight:700;line-height:1;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.commerce-ticker span{flex:none;padding-right:.5rem;animation:30s linear infinite reverse commerce-ticker-scroll}@keyframes commerce-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.commerce-portal{z-index:8;opacity:0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.commerce-portal span{aspect-ratio:1;background:var(--c-red);border-radius:50%;width:min(94%,34rem);transform:scale(0);box-shadow:0 0 3rem #e5252180}.commerce.is-opening .commerce-portal{opacity:1;transition:opacity .2s 1.35s}.commerce.is-opening .commerce-portal span{animation:.52s cubic-bezier(.55,.05,.3,1) 1.4s forwards portal-open}@keyframes portal-open{0%{transform:scale(.12)}to{transform:scale(5.2)}}.commerce.is-opening .commerce-ticker{opacity:.35}.creative-logo-wrap{z-index:3;pointer-events:none;place-items:start center;display:grid;position:absolute;top:clamp(1rem,2.5vw,2rem);left:0;right:0}.creative-logo-live{pointer-events:auto;width:min(24.32%,13.44rem);display:block;position:relative}.creative-logo-original,.creative-logo-animated,.creative-logo-animated svg{width:100%;height:auto;display:block}.creative-logo-animated{opacity:0;position:absolute;inset:0}.creative-logo-live.is-logo-active .creative-logo-original{opacity:0}.creative-logo-live.is-logo-active .creative-logo-animated{opacity:1}.logo-original-pupil,.logo-eyelid{transform-box:fill-box;transform-origin:50%}.logo-eyelid{fill:#151515;stroke:none}.logo-eyelid--upper{clip-path:inset(0 0 50%);transform:translateY(-54%)}.logo-eyelid--lower{clip-path:inset(50% 0 0);transform:translateY(54%)}.logo-original-smile{fill:none;stroke:var(--color-paper);stroke-width:3.3px;stroke-linecap:round;opacity:0;transform-box:fill-box;transform-origin:50%}.creative-logo-live.is-logo-active .logo-original-pupil{animation:2.6s ease-in-out infinite logo-original-eye-roll}.creative-logo-live.is-logo-active .logo-eyelid--upper.logo-eyelid--left{animation:2.6s ease-in-out infinite logo-lid-upper-left}.creative-logo-live.is-logo-active .logo-eyelid--lower.logo-eyelid--left{animation:2.6s ease-in-out infinite logo-lid-lower-left}.creative-logo-live.is-logo-active .logo-eyelid--upper.logo-eyelid--right{animation:2.6s ease-in-out infinite logo-lid-upper-right}.creative-logo-live.is-logo-active .logo-eyelid--lower.logo-eyelid--right{animation:2.6s ease-in-out infinite logo-lid-lower-right}.creative-logo-live.is-logo-active .logo-original-smile{animation:2.6s ease-in-out infinite logo-original-smile}@keyframes logo-original-eye-roll{0%,22%,to{transform:translate(0)}34%,44%{transform:translate(1.3px,-.8px)}58%,68%{transform:translate(-1.1px,.7px)}82%,90%{transform:translate(.7px,.5px)}}@keyframes logo-lid-upper-left{0%,11%,21%,81%,91%,to{transform:translateY(-54%)}15%,18%,85%,88%{transform:translateY(0)}}@keyframes logo-lid-lower-left{0%,11%,21%,81%,91%,to{transform:translateY(54%)}15%,18%,85%,88%{transform:translateY(0)}}@keyframes logo-lid-upper-right{0%,11%,21%,40%,69%,81%,91%,to{transform:translateY(-54%)}15%,18%,47%,63%,85%,88%{transform:translateY(0)}}@keyframes logo-lid-lower-right{0%,11%,21%,40%,69%,81%,91%,to{transform:translateY(54%)}15%,18%,47%,63%,85%,88%{transform:translateY(0)}}@keyframes logo-original-smile{0%,29%,82%,to{opacity:0;transform:scaleX(.35)translateY(-2px)}39%,72%{opacity:1;transform:scaleX(1)translateY(0)}}.creative-title-wrap{z-index:4;pointer-events:none;place-items:center;padding:0 5.5vw;display:grid;position:absolute;inset:0}.title-switcher{pointer-events:auto;place-items:center;display:grid;position:relative}.creative-title-wrap h1{font-family:var(--font-play);letter-spacing:0;text-align:center;visibility:visible;grid-area:1/1;margin:0;font-size:clamp(2.67375rem,4.91625vw,5.39063rem);font-weight:400;line-height:1.16;transition:opacity .16s steps(2,end),visibility 0s linear .16s;animation:3.8s ease-in-out infinite title-breathe}.enter-door{color:var(--color-ink);font-family:var(--font-pixel);opacity:0;pointer-events:none;grid-area:1/1;justify-items:center;gap:.5rem;font-size:clamp(.9rem,1.1vw,1.15rem);line-height:1;text-decoration:none;transition:opacity .16s steps(2,end),transform .16s steps(2,end);display:grid;transform:translateY(.35rem)}.title-switcher:hover h1,.title-switcher:focus-within h1,.creative.is-entering .title-switcher h1{opacity:0;visibility:hidden}.creative.is-entering .title-switcher h1{transition:none}.title-switcher:hover .enter-door,.title-switcher:focus-within .enter-door,.creative.is-entering .enter-door{opacity:1;pointer-events:auto;transform:translateY(0)}.door-frame{background:var(--color-red-dark);width:5.35rem;height:6.5rem;image-rendering:pixelated;perspective:10rem;border:.3rem solid;border-bottom:0;display:block;position:relative}.door-frame:before{content:"";background:currentColor;height:.45rem;position:absolute;bottom:-.45rem;left:-.55rem;right:-.55rem}.door-panel{border:.2rem solid var(--color-ink);transform-origin:0;background:#000;transition:transform .28s steps(5,end),background .28s steps(2,end);display:block;position:absolute;inset:.35rem}.door-panel:after{content:"";background:#fff;width:.45rem;height:.45rem;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.enter-door:hover .door-panel{background:#000;transform:rotateY(-62deg)skewY(2deg)}.title-switcher:hover .door-frame,.title-switcher:focus-within .door-frame,.enter-door:hover .door-frame{animation:1.35s steps(3,end) infinite door-pulse}.creative.is-entering .door-panel{background:#000;transform:rotateY(-68deg)skewY(2deg)}@keyframes door-pulse{0%,to{filter:drop-shadow(0 0 #f0eee900)}50%{filter:drop-shadow(0 0 .45rem #f0eee961)}}@keyframes title-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}.sheep-field{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.flock{width:clamp(13.5rem,19vw,18.75rem);height:clamp(9.25rem,12.75vw,12.25rem);position:absolute}.flock--top-left{top:18.5%;left:-.5%}.flock--upper-right{top:17%;right:.5%}.flock--lower-left{bottom:11.5%;left:-.25%}.flock--lower-right{bottom:12%;right:1.25%}.flock-sheep{top:var(--y);left:var(--x);aspect-ratio:16/9;opacity:1;mix-blend-mode:normal;transform-origin:50%;width:clamp(5rem,6.65vw,6.55rem);animation:sheep-drift var(--speed) ease-in-out var(--delay) infinite alternate;will-change:transform;position:absolute}.flock-sheep__body{z-index:0;background-image:var(--sheep-image);filter:brightness(0)invert(.86)sepia(.55)saturate(2.6)hue-rotate(-32deg)drop-shadow(0 .12rem #00000038);image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:360%;position:absolute;inset:0}.flock-sheep:before,.flock-sheep:after{z-index:1;content:"";width:.13rem;height:.13rem;image-rendering:pixelated;background:#050000;position:absolute;top:37%;transform:translateY(-50%)}.flock-sheep--facing-right:before{left:45%}.flock-sheep--facing-right:after{left:39.5%}.flock-sheep--facing-left:before{left:60.5%}.flock-sheep--facing-left:after{left:55%}.flock-sheep--runner{opacity:1}.flock-sheep--runner .flock-sheep__body{filter:brightness(0)invert(.24)sepia()saturate(7)hue-rotate(-42deg)brightness(.72)drop-shadow(0 .12rem #0000004d)}.flock-sheep--runner:before,.flock-sheep--runner:after{background:#f0eee9}.flock-sheep.is-walking{z-index:5;opacity:1;mix-blend-mode:normal;animation:none}.flock-sheep.is-walking .flock-sheep__body{filter:brightness(0)}@property --rx{syntax:"<length>";inherits:false;initial-value:0}@property --ry{syntax:"<length>";inherits:false;initial-value:0}.flock-sheep{transition:--rx 1.8s cubic-bezier(.22,.61,.36,1),--ry 1.8s cubic-bezier(.22,.61,.36,1)}@keyframes sheep-drift{0%{transform:translate(calc(-50% - var(--move-x) + var(--rx,0px)), calc(-50% + var(--move-y) + var(--ry,0px))) rotate(calc(var(--rotate) - var(--swing))) scale(var(--size))}48%{transform:translate(calc(-50% + var(--move-y) + var(--rx,0px)), calc(-50% - var(--move-x) + var(--ry,0px))) rotate(var(--rotate)) scale(var(--size))}to{transform:translate(calc(-50% + var(--move-x) + var(--rx,0px)), calc(-50% - var(--move-y) + var(--ry,0px))) rotate(calc(var(--rotate) + var(--swing))) scale(var(--size))}}.hub-band{z-index:2;width:100%;color:var(--color-ink);font-family:var(--font-pixel);letter-spacing:0;white-space:nowrap;align-items:center;height:3.5rem;padding:0;font-size:15.245px;font-weight:400;line-height:1;text-decoration:none;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hub-band span{flex:none;padding-right:0;animation:12s linear infinite hub-band-scroll}@keyframes hub-band-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (width<=767px){.gateway{flex-direction:column}.gateway:before{width:auto;height:1px;inset:50% 0 auto;transform:translateY(-50%)}.home-button{bottom:calc(50% + 1.55rem);transform:translate(-50%,50%)}.panel{flex-basis:50vh;min-height:50vh;padding:4rem 1.5rem 2rem}.creative{padding:0}.creative-logo-live{width:min(39.68%,10.24rem)}.creative-title-wrap{padding:0 1.5rem}.creative-title-wrap h1{font-size:clamp(1.725rem,8.19375vw,2.80313rem)}.flock{opacity:.9;width:11.5rem;height:7.5rem}.flock--top-left{top:11%;left:-1.5rem}.flock--upper-right{top:12%;right:-2rem}.flock--lower-left{bottom:10%;left:-2rem}.flock--lower-right{bottom:9%;right:-1.75rem}.flock-sheep{width:5.25rem}.flock-sheep:nth-child(n+6){display:none}.hub-band{font-size:.85rem}.commerce{padding:0}.commerce-logo{width:min(38.77%,10rem)}.commerce-content{padding:0 1.5rem}.commerce-title{font-size:clamp(1.725rem,8.19375vw,2.80313rem);line-height:.95}.portal-live{width:min(58vw,13rem)}.commerce-ticker{font-size:.85rem}.commerce-ticker span{animation-duration:20s}}@media (prefers-reduced-motion:reduce){.commerce-ticker span,.dote__core,.commerce-title,.commerce-enter:hover .dote,.commerce.is-opening .dote__hand,.commerce.is-opening .dote__node,.commerce.is-opening .dote__core{animation:none}.portal-live{transition:opacity .2s;transform:none}.commerce.is-opening .commerce-portal span{animation:none}}