.home-badge-layout{--badge-rail-width: clamp(13rem, 16vw, 19rem)}.home-badge{position:fixed;inset:0;z-index:60;pointer-events:none}.home-badge-stage{height:100%;width:100%;pointer-events:none}.home-badge-stage canvas{pointer-events:none}.home-badge-hit{position:absolute;top:0;left:0;visibility:hidden;padding:0;border:0;background:transparent;color:transparent;pointer-events:auto;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.home-badge-hit[data-dragging=true]{cursor:grabbing}.home-badge-hit:focus{outline:none}.home-badge-hit[data-input=keyboard]:focus-visible{outline:2px solid color-mix(in oklab,var(--foreground) 65%,transparent);outline-offset:-4px}.home-badge-rest-frame,.home-badge-static{position:fixed;top:4.5rem;left:0;width:var(--badge-rail-width);height:calc(min(38rem,100svh - 5rem) - 5rem);pointer-events:none}.home-badge-rest-frame{visibility:hidden}.home-badge-static{display:flex;flex-direction:column;align-items:center}.home-badge-static-strap{position:relative;overflow:hidden;width:1.6rem;height:46%;flex-shrink:0;background:#0b1220;border-inline:1px solid #0f766e}.home-badge-static-strap:before{content:"";position:absolute;top:0;left:100%;width:24rem;height:1.6rem;background:url(/home-badge/strap.svg) 0 0 / 12.8rem 1.6rem repeat-x;transform:rotate(90deg);transform-origin:top left}.home-badge-static-clip{width:1.6rem;height:1.6rem;margin-top:-.25rem;margin-bottom:-.5rem;z-index:1;border:3px solid #64748b;border-radius:.5rem;background:#182431}.home-badge-static img{width:57%;height:auto;max-height:48%;object-fit:contain}@media(min-width:1280px)and (max-width:1799px)and (min-height:600px){.home-badge-layout>main,.home-badge-layout>footer{padding-left:var(--badge-rail-width)}}@media(max-width:1279px),(max-height:599px){.home-badge{display:none}}