.home-nav a .yy-nav-mascot{display:block;flex:0 0 48px;width:48px;height:48px;border-radius:12px;background-image:url('/assets/home-mascots/navigation.png');background-size:400% 200%;background-repeat:no-repeat;box-shadow:none}
.yy-pose-0{background-position:0 0}.yy-pose-1{background-position:33.333% 0}.yy-pose-2{background-position:66.667% 0}.yy-pose-3{background-position:100% 0}.yy-pose-4{background-position:0 100%}.yy-pose-5{background-position:33.333% 100%}.yy-pose-6{background-position:66.667% 100%}.yy-pose-7{background-position:100% 100%}
.home-nav a strong{position:relative;isolation:isolate;display:inline-block;padding:2px 5px;margin-left:-5px}
.home-nav a strong:before{content:'';position:absolute;z-index:-1;inset:33% -4px -2px;background:#bae76d;opacity:.42;transform:rotate(-2deg);clip-path:polygon(2% 15%,15% 8%,28% 15%,46% 0,66% 9%,84% 3%,98% 16%,96% 36%,100% 53%,96% 73%,98% 91%,80% 95%,60% 90%,43% 100%,22% 92%,0 98%,3% 76%,0 52%,4% 32%)}
.home-nav a:nth-child(4n+2) strong:before{background:#be94e9;transform:rotate(1.5deg)}.home-nav a:nth-child(4n+3) strong:before{background:#ffc173}.home-nav a:nth-child(4n+4) strong:before{background:#7ed5e8;transform:rotate(1deg)}
.home-hero .yy-welcome-video{width:46%;max-width:420px;min-width:0;aspect-ratio:1;object-fit:contain;border-radius:24px;align-self:center;background:#fffaf0}
.yy-ranks>summary{cursor:pointer;font-weight:700;padding:14px 12px;border-radius:12px;background:#f3edf9;color:#49315f}.yy-ranks[open]>summary{margin-bottom:12px}.yy-ranks .ix-tabs{margin-top:12px}
@media(max-width:640px){.home-hero .yy-welcome-video{width:100%;max-width:340px;margin:12px auto 0}.home-nav a .yy-nav-mascot{flex-basis:42px;width:42px;height:42px}}