.logo-orbit-container{--portal-size: clamp(150px, 12vw, 170px);--orbit-inset: 8%;--ring-width: clamp(30px, 3.2vw, 48px);position:relative;width:clamp(360px,44vw,560px);max-width:100%;aspect-ratio:1;display:grid;place-items:center;isolation:isolate;overflow:visible;animation:float 3.5s ease-in-out infinite}.hatchmelon-orbit-mascot{position:relative;z-index:4;display:block;width:58%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 25px rgba(39,100,77,.15))}.logo-orbit-ring{position:absolute;z-index:1;inset:var(--orbit-inset);border-radius:50%;opacity:.78;background:conic-gradient(from 215deg,#55d897,#58d6dd,#79c9f7,#c49bc4,#ff8192,#ffab71,#ffdc59,#a9dc72,#55d897);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-width)),#000 calc(100% - var(--ring-width) + 1px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-width)),#000 calc(100% - var(--ring-width) + 1px));box-shadow:0 16px 40px #4db3b529,0 0 0 2px #ffffff7a}.logo-orbit-container:before{content:"";position:absolute;z-index:0;top:3%;right:3%;bottom:3%;left:3%;border-radius:50%;border:2px dashed rgba(255,255,255,.82);pointer-events:none}.featured-game-portal{position:absolute;z-index:20;right:-7%;bottom:16%;width:var(--portal-size);display:flex;flex-direction:column;align-items:center;animation:portal-float 4.8s ease-in-out infinite}.featured-game-portal:before{content:"";position:absolute;top:100%;right:0;width:180px;height:26px}.featured-game-orb{position:relative;width:var(--portal-size);height:var(--portal-size);display:flex;align-items:center;justify-content:center;border-radius:50%;border:4px solid rgba(255,255,255,.94);background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.96) 0 8%,rgba(255,255,255,.22) 23%,transparent 42%),linear-gradient(145deg,#d3ffecf5,#acefd7c7 45%,#fff5bad6);box-shadow:inset 5px 6px 13px #ffffffe6,inset -8px -10px 18px #229e6a33,0 0 0 4px #4ac5802e,0 18px 30px #26735e3d;text-decoration:none;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;font:inherit;transform:translateZ(0);transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .22s ease}.featured-game-orb:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(105,226,150,.72),transparent 68%),linear-gradient(135deg,#ffffffeb,#5fc99461);filter:blur(1.5px);opacity:.78;transition:opacity .22s ease}.featured-game-orb:after{content:"";position:absolute;top:-13px;right:-13px;bottom:-13px;left:-13px;border:2px solid rgba(255,255,255,.78);border-radius:inherit;opacity:.65;animation:portal-pulse 2.8s ease-out infinite;pointer-events:none}.game-orb-glow{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;background:radial-gradient(circle,transparent 48%,rgba(255,255,255,.38) 75%,rgba(255,255,255,.72) 100%);pointer-events:none}.game-orb-shine{position:absolute;z-index:4;top:12%;left:18%;width:30%;height:15%;border-radius:999px;background:#ffffffe0;filter:blur(1px);transform:rotate(-35deg);pointer-events:none}.game-play-badge{position:absolute;z-index:7;top:12px;right:11px;min-width:58px;height:31px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:3px solid #ffffff;border-radius:999px;background:linear-gradient(135deg,#ff7180,#ffbf48);box-shadow:0 6px 13px #dc5b4d40,inset 0 1px #ffffff7a;color:#17354e;font-family:inherit;font-size:12px;font-weight:900;line-height:1;letter-spacing:.01em;text-transform:uppercase}.game-play-icon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #17354e;transform:translate(1px)}.game-orb-title{position:absolute;z-index:6;left:50%;bottom:-42px;min-width:154px;padding:9px 13px 10px;border:3px solid #ffffff;border-radius:999px;background:linear-gradient(135deg,#5ed996,#2dbb75);box-shadow:0 8px 16px #1f845b45,inset 0 1px #ffffff59;color:#fff;font-family:inherit;font-size:14px;font-weight:900;line-height:1.05;letter-spacing:.01em;text-align:center;white-space:nowrap;text-shadow:0 1px 2px rgba(24,91,63,.3);transform:translate(-50%);transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .22s ease}.game-orb-title strong,.game-orb-title small{display:block}.game-orb-title small{margin-top:3px;font-size:10px;font-weight:850;opacity:.92;text-transform:none}.game-preview-card{position:absolute;z-index:30;top:auto;bottom:calc(100% + 46px);left:calc(50% - 20px);width:min(260px,32vw);padding:16px 18px;border:3px solid rgba(255,255,255,.96);border-radius:8px;background:radial-gradient(circle at 100% 0%,rgba(255,224,107,.3),transparent 38%),linear-gradient(145deg,#fffffffa,#eefff7f7);box-shadow:0 20px 45px #19504733,inset 0 1px #ffffffe6;color:#173654;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.96);transform-origin:bottom left;transition:opacity .18s ease,visibility .18s ease,transform .22s cubic-bezier(.34,1.56,.64,1)}.game-preview-card:after{content:"";position:absolute;top:auto;bottom:-11px;left:34px;width:21px;height:21px;border-right:3px solid #ffffff;border-bottom:3px solid #ffffff;border-top:0;border-left:0;background:#f5fff9;transform:rotate(45deg)}.featured-game-portal:hover .game-preview-card,.featured-game-portal:focus-within .game-preview-card,.featured-game-portal.preview-open .game-preview-card{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.game-preview-kicker{display:inline-flex;margin-bottom:9px;padding:5px 9px;border-radius:999px;background:#dcf9e8;color:#087348;font-size:11px;font-weight:900;line-height:1;letter-spacing:.055em;text-transform:uppercase}.game-preview-card strong{display:block;max-width:220px;color:#173654;font-weight:900;font-size:18px;line-height:1.2}#tappygarden-title{color:#087348;font-size:22px}.game-preview-card p{margin:10px 0 16px;color:#45647d;font-size:14px;font-weight:650;line-height:1.55}.game-preview-play{min-height:43px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;background:linear-gradient(135deg,#ff7180,#ffbf48);box-shadow:0 8px 18px #e868533b;color:#17354e;font-size:14px;font-weight:900;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.game-preview-play:hover,.game-preview-play:focus-visible{transform:translateY(-2px);box-shadow:0 11px 23px #e868534d}.game-preview-play span{font-size:19px;line-height:1}.featured-game-orb:hover,.featured-game-orb:focus-visible,.featured-game-portal.preview-open .featured-game-orb{transform:translateY(-5px) scale(1.07);border-color:#fff;box-shadow:inset 5px 6px 13px #fff,inset -8px -10px 18px #229e6a47,0 0 0 6px #4ed28a40,0 22px 38px #26735e4d}.featured-game-orb:hover:before,.featured-game-orb:focus-visible:before,.featured-game-portal.preview-open .featured-game-orb:before{opacity:1}.featured-game-orb:hover .tappygarden-mini-world,.featured-game-orb:focus-visible .tappygarden-mini-world,.featured-game-portal.preview-open .tappygarden-mini-world{transform:scale(1.06) rotate(-2deg)}.featured-game-orb:hover .mini-keycap,.featured-game-orb:focus-visible .mini-keycap,.featured-game-portal.preview-open .mini-keycap{transform:translateY(2px)}.featured-game-orb:hover .mini-sprout-stem,.featured-game-orb:focus-visible .mini-sprout-stem,.featured-game-portal.preview-open .mini-sprout-stem{transform:scaleY(1.1)}.featured-game-orb:hover .mini-leaf--left,.featured-game-orb:focus-visible .mini-leaf--left,.featured-game-portal.preview-open .mini-leaf--left{transform:rotate(-32deg) scale(1.05);transition-delay:0ms}.featured-game-orb:hover .mini-leaf--right,.featured-game-orb:focus-visible .mini-leaf--right,.featured-game-portal.preview-open .mini-leaf--right{transform:rotate(30deg) scale(1.05);transition-delay:40ms}.featured-game-orb:hover .mini-leaf--top,.featured-game-orb:focus-visible .mini-leaf--top,.featured-game-portal.preview-open .mini-leaf--top{transform:rotate(-4deg) scale(.95);transition-delay:80ms}.featured-game-orb:hover .game-orb-title,.featured-game-orb:focus-visible .game-orb-title{background:linear-gradient(135deg,#ff7180,#ffbf48);transform:translate(-50%) translateY(3px) scale(1.06)}.featured-game-orb:focus-visible{outline:5px solid rgba(24,103,196,.42);outline-offset:9px}.featured-game-orb:active{transform:translateY(1px) scale(.98)}.orbit-bubble{position:absolute;z-index:2;width:var(--bubble-size);height:var(--bubble-size);border:2px solid rgba(255,255,255,.62);border-radius:50%;background:radial-gradient(circle at 30% 23%,rgba(255,255,255,.88) 0 10%,rgba(255,255,255,.18) 28%,transparent 50%),linear-gradient(145deg,#93e5f640,#ffa8c42e);box-shadow:inset -3px -4px 8px #fff6,0 7px 15px #3b9f9f1a;opacity:.72;pointer-events:none;animation:decorative-bubble-drift 6s ease-in-out infinite alternate}.orbit-bubble:after{content:"";position:absolute;top:17%;left:23%;width:25%;height:13%;border-radius:999px;background:#ffffffb8;transform:rotate(-32deg)}.orbit-bubble--1{--bubble-size: 60px;top:15%;left:-2%;animation-delay:-1s;background:conic-gradient(from 215deg,#55d897,#58d6dd,#bce6ff,#9bb3c4,#55d897);opacity:.2}.orbit-bubble--2{--bubble-size: 80px;top:50%;right:-30%;animation:bounce-float-random 8.2s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:-3.2s;animation-direction:reverse;background:conic-gradient(from 215deg,#c49bc4,#ff8192,#79c9f7,#a9dc72,#55d897,#ffab71,#ffdc59,#55d897,#58d6dd);opacity:.12}.orbit-bubble--3{--bubble-size: 25px;bottom:9%;right:9%;animation-delay:-2.1s}.orbit-bubble--4{--bubble-size: 15px;bottom:20%;left:2%;animation-delay:-4.4s}@keyframes portal-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes portal-pulse{0%{opacity:.65;transform:scale(.94)}70%,to{opacity:0;transform:scale(1.17)}}@keyframes decorative-bubble-drift{0%{transform:translateZ(0)}to{transform:translate3d(5px,-9px,0)}}@keyframes bounce-float-random{0%{transform:translateZ(0)}25%{transform:translate3d(8px,-34px,0)}50%{transform:translate3d(-10px,-10px,0)}75%{transform:translate3d(6px,-11px,0)}to{transform:translateZ(0)}}@media (max-width: 980px){.logo-orbit-container{--portal-size: clamp(120px, 18vw, 135px);width:min(76vw,500px)}.featured-game-portal{right:-1%;bottom:13%}.game-preview-card{top:auto;bottom:calc(100% + 42px);right:auto;left:50%;width:min(280px,72vw);transform:translate(-50%,-10px) scale(.95);transform-origin:bottom center}.game-preview-card:after{top:auto;bottom:-11px;right:auto;left:50%;border-right:3px solid #ffffff;border-bottom:3px solid #ffffff;border-top:0;border-left:0;transform:translate(-50%) rotate(45deg)}.featured-game-portal:hover .game-preview-card,.featured-game-portal:focus-within .game-preview-card,.featured-game-portal.preview-open .game-preview-card{transform:translate(-50%) scale(1)}}@media (max-width: 720px){.logo-orbit-container{--portal-size: clamp(105px, 27vw, 120px);--ring-width: 31px;width:min(88vw,430px);margin-inline:auto;animation:none}.featured-game-portal{right:1%;bottom:11%;animation:none}.game-orb-title{bottom:-38px;min-width:122px;padding:7px 10px;font-size:11px}.game-orb-title small{font-size:9px}.game-play-badge{top:5px;right:4px;min-width:52px;height:28px;font-size:10px}.game-preview-card{position:absolute;right:0;bottom:calc(100% + 84px);left:auto;width:min(280px,calc(100vw - 40px));max-width:calc(100vw - 40px);padding:13px 14px;transform:translateY(-10px) scale(.96);transform-origin:bottom right}.game-preview-card:after{display:none}.featured-game-portal:hover .game-preview-card,.featured-game-portal:focus-within .game-preview-card,.featured-game-portal.preview-open .game-preview-card{transform:translateY(0) scale(1)}@media (hover: none){.featured-game-orb:after{animation-duration:3.5s}}}@media (min-width: 981px) and (max-height: 760px){.logo-orbit-container{--portal-size: clamp(112px, 10vw, 135px);--ring-width: clamp(25px, 2.8vw, 36px);width:min(39vw,calc(100svh - 145px),460px)}.featured-game-portal{right:-2%;bottom:11%}.game-orb-title{bottom:-36px;min-width:134px;padding:7px 11px 8px;font-size:12px}.game-orb-title small{font-size:9px}.game-play-badge{top:7px;right:6px;min-width:52px;height:28px;font-size:10px}}@media (min-width: 981px) and (max-height: 640px){.logo-orbit-container{--portal-size: clamp(96px, 9vw, 116px);--ring-width: clamp(22px, 2.4vw, 31px);width:min(34vw,calc(100svh - 125px),380px)}.featured-game-portal{right:0;bottom:8%}.game-orb-title{bottom:-31px;min-width:116px;padding:6px 9px;font-size:10px}.game-orb-title small{display:none}.game-preview-card{bottom:calc(100% + 34px);width:230px;padding:13px 14px}}@media (prefers-reduced-motion: reduce){.featured-game-portal,.featured-game-orb:after,.orbit-bubble{animation:none}.featured-game-orb,.tappygarden-mini-world,.game-orb-title,.mini-leaf,.mini-keycap,.mini-sprout-stem,.game-preview-card,.game-preview-card strong,.game-preview-play{transition-duration:.01ms}}.tappygarden-mini-world{position:relative;z-index:2;display:block;width:86%;height:86%;overflow:visible;border-radius:50%;transition:transform .26s cubic-bezier(.34,1.56,.64,1),filter .26s ease}.mini-keycap-art{transform-box:view-box;transform-origin:72px 112px}.mini-keycap{transform-box:view-box;transform-origin:72px 111px;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.mini-sprout-stem{transform-box:view-box;transform-origin:73px 82px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),stroke-width .22s ease}.mini-sprout-leaf{transform-box:view-box;transform-origin:73px 54px;transition:transform .32s cubic-bezier(.34,1.56,.64,1)}.mini-sprout-leaf--left{transform:rotate(-3deg) scale(1)}.mini-sprout-leaf--right{transform:rotate(3deg) scale(1)}.tappygarden-mini-world:hover{transform:translateY(-2px) scale(1.025)}.tappygarden-mini-world:hover .mini-keycap{transform:translateY(1px) scaleX(1.01) scaleY(.98)}.tappygarden-mini-world:hover .mini-sprout-stem{transform:scaleY(1.06);stroke-width:5.4}.tappygarden-mini-world:hover .mini-sprout-leaf--left{transform:rotate(-10deg) scale(1.06)}.tappygarden-mini-world:hover .mini-sprout-leaf--right{transform:rotate(10deg) scale(1.06)}.tappygarden-mini-world.is-growing{transform:translateY(-2px) scale(1.025)}.tappygarden-mini-world.is-growing .mini-keycap{transform:translateY(1px) scaleX(1.01) scaleY(.98)}.tappygarden-mini-world.is-growing .mini-sprout-stem{transform:scaleY(1.06);stroke-width:5.4}.tappygarden-mini-world.is-growing .mini-sprout-leaf--left{transform:rotate(-10deg) scale(1.06)}.tappygarden-mini-world.is-growing .mini-sprout-leaf--right{transform:rotate(10deg) scale(1.06)}@media (prefers-reduced-motion: reduce){.tappygarden-mini-world,.mini-keycap,.mini-sprout-stem,.mini-sprout-leaf{transition:none}.tappygarden-mini-world:hover,.tappygarden-mini-world:hover .mini-keycap,.tappygarden-mini-world:hover .mini-sprout-stem,.tappygarden-mini-world:hover .mini-sprout-leaf{transform:none}}
