/* Original code-native EcoGames identity. Motion uses transform/opacity only. */
.eco-brand,.logo.eco-brand{--brand-rx:0deg;--brand-ry:0deg;--brand-size:54px;display:inline-flex;align-items:center;gap:12px;position:relative;flex:0 0 auto;max-width:100%;padding:5px 2px;color:#f2fbe9;text-decoration:none;font-family:Outfit,Manrope,system-ui,sans-serif;letter-spacing:normal;line-height:1;isolation:isolate;-webkit-tap-highlight-color:transparent;transform:perspective(550px) rotateX(var(--brand-rx)) rotateY(var(--brand-ry));transition:transform .3s ease,filter .3s ease;transform-style:preserve-3d}
.eco-brand:hover,.eco-brand:focus-visible{text-decoration:none;filter:drop-shadow(0 0 13px #92f7c522)}
.eco-brand:focus-visible{outline:2px solid #bcf294;outline-offset:7px;border-radius:12px}
.eco-brand .eco-brand-icon,.logo.eco-brand>.eco-brand-icon,footer .logo.eco-brand>.eco-brand-icon{position:relative;display:block;width:var(--brand-size);height:var(--brand-size);flex:0 0 var(--brand-size);margin:0;background:transparent;border-radius:0;color:inherit;transform:none;animation:eco-brand-float 5s ease-in-out infinite}
.eco-brand-icon img{display:block;width:100%;height:100%;filter:drop-shadow(0 5px 8px #0005);transform:rotate(-7deg);transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.eco-brand .eco-brand-orbit{position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,transparent 15%,#9ce9cb00 65%,#a0efd780 85%,#eafaaf 100%);mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 0);animation:eco-brand-orbit 9s linear infinite;opacity:.7;pointer-events:none}
.eco-brand .eco-brand-spark{position:absolute;right:-5px;top:6px;width:6px;height:6px;background:#eaffc1;clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);animation:eco-brand-twinkle 4s ease-in-out infinite;pointer-events:none}
.eco-brand .eco-brand-copy,.logo.eco-brand>.eco-brand-copy{display:flex;align-items:flex-start;flex-direction:column;gap:6px;width:auto;height:auto;margin:0;background:transparent;border-radius:0;transform:none;color:inherit}
.eco-brand-word{display:flex;align-items:baseline;font-size:34px;font-weight:800;letter-spacing:-1.6px;line-height:1.02;white-space:nowrap;text-shadow:0 2px 0 #06221f,0 4px 15px #0002}
.eco-brand-eco{color:#f1f9e8;transition:transform .4s ease}
.eco-brand-games{color:#b4ed98;background:linear-gradient(110deg,#c9f393 8%,#8de2b7 35%,#c5f6e9 48%,#7cdeca 57%,#c9f393 80%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;transition:transform .45s ease;animation:eco-brand-shimmer 8s ease-in-out infinite}
.eco-brand .eco-brand-tag{display:block;font-size:8px;font-weight:600;letter-spacing:2.65px;color:#91bba8;line-height:1.1;padding-left:2px;transition:color .3s ease,letter-spacing .4s ease}
.eco-brand:hover .eco-brand-icon img,.eco-brand:focus-visible .eco-brand-icon img{transform:rotate(8deg) scale(1.09)}
.eco-brand:hover .eco-brand-orbit,.eco-brand:focus-visible .eco-brand-orbit{animation-duration:2.5s;opacity:1}
.eco-brand:hover .eco-brand-eco,.eco-brand:focus-visible .eco-brand-eco{transform:translateY(-1px)}
.eco-brand:hover .eco-brand-games,.eco-brand:focus-visible .eco-brand-games{transform:translateY(-3px);animation-duration:1.6s}
.eco-brand:hover .eco-brand-tag,.eco-brand:focus-visible .eco-brand-tag{color:#d8f3b6;letter-spacing:2.8px}
.eco-brand--compact{--brand-size:40px;gap:9px}
.eco-brand--compact .eco-brand-word{font-size:27px}
.eco-brand--compact .eco-brand-tag{font-size:7px;letter-spacing:1.9px}
.portal-head>a.eco-brand{font-size:inherit;font-weight:inherit}
.portal-head>a.eco-brand span{display:revert;font-size:revert;letter-spacing:revert;color:inherit}
.portal-head>a.eco-brand .eco-brand-copy{display:flex}
.portal-head>a.eco-brand .eco-brand-word{display:flex;font-size:34px;letter-spacing:-1.6px}
.portal-head>a.eco-brand .eco-brand-tag{display:block;font-size:8px;letter-spacing:2.65px;color:#91bba8}
.portal-head>a.eco-brand .eco-brand-icon{display:block}
.site-head .eco-brand{font-size:inherit}
footer .eco-brand{vertical-align:middle}
@keyframes eco-brand-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes eco-brand-orbit{to{transform:rotate(360deg)}}
@keyframes eco-brand-twinkle{0%,100%{opacity:.35;transform:scale(.75) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(90deg)}}
@keyframes eco-brand-shimmer{0%,100%{background-position:100% 50%}50%{background-position:0 50%}}
@media(max-width:600px){.eco-brand,.logo.eco-brand{--brand-size:40px;gap:8px}.eco-brand-word,.portal-head>a.eco-brand .eco-brand-word{font-size:28px;letter-spacing:-1.4px}.eco-brand .eco-brand-tag,.portal-head>a.eco-brand .eco-brand-tag{font-size:7px;letter-spacing:1.75px}.eco-brand--compact{--brand-size:34px}.eco-brand--compact .eco-brand-word{font-size:25px}}
@media(max-width:380px){header .eco-brand,header .logo.eco-brand{--brand-size:34px;gap:6px}header .eco-brand-word,.portal-head>a.eco-brand .eco-brand-word{font-size:25px}header .eco-brand .eco-brand-tag,.portal-head>a.eco-brand .eco-brand-tag{font-size:6px;letter-spacing:1.65px}}
@media(hover:none){.eco-brand:hover .eco-brand-icon img{transform:rotate(-7deg)}.eco-brand:hover .eco-brand-orbit{animation-duration:9s}.eco-brand:hover .eco-brand-games{transform:none;animation-duration:8s}}
@media(prefers-reduced-motion:reduce){.eco-brand,.eco-brand *{animation:none!important;transition:none!important;transform:none!important}}