@font-face{font-family:SiteRodin;src:url('../Rodin.otf')}
.site-menu{position:relative;z-index:20;background:linear-gradient(#fff,#e9edf0);border-bottom:2px solid #a9b2ba;padding:16px 10px 12px;box-shadow:0 2px 0 #fff;font-family:SiteRodin,Arial,sans-serif;}
.site-nav{display:flex;justify-content:center;gap:20px;max-width:760px;margin:auto;}
.site-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;min-height:108px;padding:8px 6px 5px;text-decoration:none;color:#505861;border:2px solid transparent;border-radius:12px;transition:background .15s,transform .15s,border-color .15s;}
.site-nav a img{display:block;width:68px;height:68px;object-fit:contain;filter:none;}
.site-nav a span{display:block;margin-top:5px;font-size:12px;text-shadow:none;}
.site-nav a:hover,.site-nav a:focus-visible{background:#fff;border-color:#53bcf3;transform:translateY(-3px);outline:none;}
.site-nav a[aria-current=page]{background:#f8fbff;border-color:#8dcbe8;}
.site-nav a:active{transform:translateY(1px);}
@media(max-width:520px){.site-nav{gap:4px;}.site-nav a{width:calc((100% - 16px)/5);min-height:86px;padding:6px 2px;}.site-nav a img{width:48px;height:48px;}.site-nav a span{font-size:10px;}}
@media(prefers-reduced-motion:reduce){.site-nav a{transition:none;}}

/* Blue DSi-style selection frame and START tab, drawn entirely with CSS. */
.site-nav a::before{content:"";position:absolute;z-index:1;left:50%;top:1px;width:82px;height:82px;transform:translateX(-50%);border:4px solid #168bd5;border-radius:13px;box-sizing:border-box;box-shadow:inset 0 0 0 2px #b9eaff,0 0 0 1px #0873ba;pointer-events:none;opacity:0;transition:opacity .12s;}
.site-nav a::after{content:"START";position:absolute;z-index:2;left:50%;top:81px;width:82px;height:25px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:linear-gradient(#239fe8,#0875c0);border:1px solid #0873ba;border-top:0;border-radius:0 0 8px 8px;color:#fff;font:bold 14px/1 Arial,sans-serif;letter-spacing:2px;text-shadow:none;pointer-events:none;opacity:0;transition:opacity .12s;}
.site-nav a:focus-visible::before,.site-nav a:focus-visible::after,.site-nav a:active::before,.site-nav a:active::after{opacity:1;}
.site-nav a:focus-visible span,.site-nav a:active span{opacity:0;}
@media(hover:hover){.site-nav a:hover::before,.site-nav a:hover::after{opacity:1;}.site-nav a:hover span{opacity:0;}}
@media(max-width:520px){.site-nav a::before{top:2px;width:60px;height:60px;border-width:3px;border-radius:10px;}.site-nav a::after{top:60px;width:60px;height:22px;font-size:11px;letter-spacing:1px;border-radius:0 0 6px 6px;}}
@media(prefers-reduced-motion:reduce){.site-nav a::before,.site-nav a::after{transition:none;}}

.site-menu .site-nav a{box-sizing:border-box;flex-shrink:1;line-height:normal;}
.site-menu .site-nav a span{font-family:SiteRodin,Arial,sans-serif;letter-spacing:normal;}