.site-submenu{--submenu-active-color:#5cc8ff;width:100%;min-width:0;font-family:var(--font-sans-stack,inherit);background:#1a1a1a;justify-content:center;display:flex}.site-submenu__items{flex-wrap:wrap;justify-content:center;align-items:center;column-gap:.25rem;min-width:0;max-width:100%;display:flex}.site-submenu .site-submenu__item{color:#fff;min-width:2.75rem;min-height:2.75rem;font:inherit;letter-spacing:normal;text-align:center;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;gap:.375rem;margin:0;padding:.75rem clamp(.375rem,1.5vw,.5rem);font-size:clamp(.875rem,4vw,1rem);font-weight:900;line-height:1.25;text-decoration:none;transition:color .14s;display:inline-flex}.site-submenu .site-submenu__item:is([aria-current=page],[aria-selected=true],[aria-pressed=true]){color:var(--submenu-active-color);text-underline-offset:.45em;text-decoration-line:underline;text-decoration-thickness:1px}.site-submenu .site-submenu__item:hover{color:var(--submenu-active-color)}.site-submenu .site-submenu__item:focus-visible{outline:2px solid var(--submenu-active-color);outline-offset:-2px}.site-submenu .site-submenu__item:disabled{opacity:.5;cursor:not-allowed}.site-submenu[data-size=compact]{width:fit-content;max-width:100%}.site-submenu[data-variant=image]{background:0 0}.site-submenu[data-variant=image] .site-submenu__items{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:clamp(.5rem,2vw,1rem);width:100%;display:grid}@media (width>=640px){.site-submenu[data-variant=image] .site-submenu__items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.site-submenu[data-variant=image] .site-submenu__items{grid-template-columns:repeat(3,minmax(0,1fr))}}.site-submenu[data-variant=image] .site-submenu__item{min-width:0;font-family:"Lockbuilds Banner Oracle", var(--font-sans-stack), sans-serif;text-transform:none;white-space:normal;background:#1a1a1a;border-radius:12px;flex-direction:column;justify-content:flex-start;gap:.75rem;padding:.75rem .4rem 1.25rem;font-size:clamp(1rem,2vw,1.8rem);font-weight:600;line-height:1.2;display:flex}.site-submenu__art{justify-content:center;align-items:center;width:100%;height:clamp(5.5rem,12vw,10rem);display:flex;position:relative;overflow:hidden}.site-submenu__art img{object-fit:contain;flex:0 0 42%;width:42%;height:100%;transition:transform .2s}.site-submenu__art img+img{margin-left:-13%}.site-submenu__art[data-layout=items] img{flex-basis:40%;width:40%;height:85%}.site-submenu__art[data-layout=sound] img{flex-basis:65%;width:65%}.site-submenu__art[data-layout=abilities]{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;width:65%;margin-inline:auto;display:grid}.site-submenu__art[data-layout=abilities] img{width:100%;height:100%;margin:0}.site-submenu__art svg{color:#fff;width:30%;height:45%;position:absolute;bottom:10%;left:9%}.site-submenu[data-variant=image] .site-submenu__item:hover img{transform:translateY(-3px)}.site-submenu[data-size=compact] .site-submenu__item{padding-inline:.75rem;font-size:.875rem}.site-submenu[data-variant=poster]{background:0 0}.site-submenu[data-variant=poster] .site-submenu__items{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:1rem;width:100%;display:grid}.site-submenu[data-variant=poster] .site-submenu__item{isolation:isolate;aspect-ratio:1.9;color:#fff;white-space:normal;text-transform:none;text-align:left;width:100%;min-width:0;min-height:11rem;font-family:"Lockbuilds Banner Oracle", var(--font-sans-stack), sans-serif;background:#1a1a1a;border-radius:12px;justify-content:flex-start;align-items:flex-end;padding:1rem;font-size:clamp(1.4rem,1.7vw,1.65rem);font-weight:600;line-height:1.15;animation:.45s cubic-bezier(.22,1,.36,1) both submenu-poster-arrive;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0006}.site-submenu__poster-caption{z-index:3;text-shadow:0 3px 12px #0009;justify-content:space-between;align-items:flex-end;gap:1rem;width:100%;display:flex;position:relative}.site-submenu__poster-caption>span{text-wrap:balance;max-width:14ch}.site-submenu__poster-caption>svg{color:#fff;flex-shrink:0;width:1.3rem;height:1.3rem;transition:transform .35s cubic-bezier(.22,1,.36,1),color .25s}.site-submenu[data-variant=poster] .site-submenu__item:is(:hover,:focus-visible){color:#fff}.site-submenu[data-variant=poster] .site-submenu__item:is(:hover,:focus-visible) .site-submenu__poster-caption>svg{color:#5cc8ff;transform:translate(3px,-3px)}@media (width>=640px){.site-submenu[data-variant=poster] .site-submenu__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.site-submenu[data-variant=poster] .site-submenu__item{padding:1rem}}@media (width>=1024px){.site-submenu[data-variant=poster] .site-submenu__items{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes submenu-poster-arrive{0%{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.site-submenu[data-variant=poster] .site-submenu__item{animation:none}.site-submenu__poster-caption>svg{transition:none;transform:none!important}}@media (width>=640px){.site-submenu__items{column-gap:.75rem}.site-submenu .site-submenu__item{padding-inline:1.125rem;font-size:1.125rem}}@media (prefers-reduced-motion:reduce){.site-submenu .site-submenu__item{transition:none}.site-submenu__art img{transition:none;transform:none!important}}.site-submenu__new{color:#fff;background:#c62838;border-radius:.25rem;padding:.15rem .35rem;font-size:.625rem;line-height:1.2;position:relative;overflow:hidden}.site-submenu__new:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 25%,#ffffff38 50%,#0000 75%);animation:5s cubic-bezier(.22,1,.36,1) infinite submenu-badge-sheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes submenu-badge-sheen{0%,65%{transform:translate(-100%)}90%,to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.site-submenu__new:after{animation:none;display:none}}.site-submenu .site-submenu__item:has(.site-submenu__attention){text-decoration:none}.site-submenu__attention{isolation:isolate;color:#fff;margin-right:2.5rem;display:inline-block;position:relative}.site-submenu__attention-label{z-index:1;background:#c92e43;border-radius:.375rem;padding:.3rem .625rem;display:inline-block;position:relative}.site-submenu__fire{z-index:0;pointer-events:none;width:4.5rem;height:4.5rem;position:absolute;top:50%;left:calc(100% - 1.5rem);transform:translateY(-50%)rotate(90deg)}@media (prefers-reduced-motion:reduce){.site-submenu__fire{display:none}.site-submenu__attention{margin-right:0}}
