.home-shell{box-sizing:border-box;flex-direction:column;min-height:100dvh;display:flex;overflow:hidden}.hb-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:0;display:flex}.hb-title{letter-spacing:.02em;color:var(--muted);text-align:center;margin:0;font-size:15px;font-weight:700}.hb-field{width:min(340px,92vw);height:min(400px,100dvh - 300px);min-height:330px;position:relative}.hb-orbit{width:0;height:0;position:absolute;top:50%;left:50%}.hb-a{--r:8px;--d:18s;--p:0s;top:24%;left:30%}.hb-b{--r:8px;--d:18s;--p:-6s;top:50%;left:74%}.hb-c{--r:8px;--d:18s;--p:-12s;top:77%;left:30%}.hb-bob{animation:hb-orbit var(--d) linear var(--p) infinite;position:absolute;top:0;left:0}.hb{box-sizing:border-box;width:158px;height:158px;color:var(--ink);background:radial-gradient(circle at 32% 26%, #ffffff8c 0 9%, transparent 24%), var(--card);border:1.5px solid color-mix(in srgb, var(--ink) 22%, transparent);box-shadow:inset -8px -10px 22px color-mix(in srgb, var(--ink) 6%, transparent), 0 14px 30px #1a17141a;animation:hb-wobble 6.5s ease-in-out var(--p) infinite;-webkit-tap-highlight-color:transparent;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;transition:scale .16s;display:flex;position:absolute;top:-79px;left:-79px}.hb:active{scale:.95}.hb.squish{animation:.17s ease-out forwards hb-squish}.hb:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.hb-art{place-items:center;height:40px;display:grid}.hb-wolf svg{width:38px;height:38px;display:block}.hb-held{width:40px;height:40px;display:block;position:relative}.hb-held .pk-card{transform-origin:50% 140%;border-radius:4px;width:18px;height:26px;position:absolute;top:2px;left:11px;box-shadow:0 1px 2px #1a17142e}.hb-held .pk-card:first-child{transform:rotate(-13deg)}.hb-held .pk-card:last-child{transform:rotate(13deg)}.hb-name{font-size:18px;font-weight:800;line-height:1.1}.hb-sub{color:var(--muted);text-align:center;max-width:116px;font-size:11.5px;line-height:1.2}@keyframes hb-orbit{0%{transform:rotate(0deg) translateX(var(--r)) rotate(0deg)}to{transform:rotate(360deg) translateX(var(--r)) rotate(-360deg)}}@keyframes hb-wobble{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(-6px)scale(1.015,.99)}50%{transform:translateY(-2px)scale(.99,1.012)}75%{transform:translateY(4px)scale(1.01,.995)}}@keyframes hb-squish{0%{transform:scale(1)}45%{transform:scale(1.06,.9)}to{opacity:.85;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.hb-bob,.hb,.hb.squish{animation:none}}html[data-theme=dark] .hb{background:var(--card);box-shadow:0 14px 30px #00000059}.home-shell .site-foot{margin-top:auto}@media (width<=340px),(height<=620px){.hb{width:132px;height:132px;top:-66px;left:-66px}.hb-name{font-size:16px}.hb-art{height:32px}.hb-wolf svg,.hb-held{width:30px;height:30px}.hb-sub{max-width:96px;font-size:10.5px}}.hb-wolf{--eye-bg:var(--card)}button.hb{font:inherit;cursor:default;padding:0}.hb-soon{opacity:.82}.hb-soon .hb-sub{letter-spacing:.02em;font-weight:700}.hb.hb-soon.squish{animation:.26s ease-out hb-squish-back}@keyframes hb-squish-back{0%{transform:scale(1)}40%{transform:scale(1.06,.9)}to{transform:scale(1)}}.hb-rabbit{color:var(--ink);--rabbit-ring:var(--card);place-items:center;display:grid}.hb-rabbit svg{width:39px;height:31px;display:block}@media (width<=340px),(height<=620px){.hb-rabbit svg{width:31px;height:24.7px}}@media (orientation:landscape) and (height<=620px){.home-shell{width:100%;max-width:none;height:var(--app-h,100dvh);min-height:0;padding-left:calc(24px + env(safe-area-inset-left));padding-right:calc(24px + env(safe-area-inset-right));padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:calc(8px + env(safe-area-inset-bottom));background-image:none}.home-shell .top{margin-bottom:0}.hb-stage{--bs:clamp(84px, calc(var(--app-h,100dvh) - 196px), 136px);gap:clamp(8px,3dvh,18px);padding:6px 0}.hb-field{width:min(calc(3 * var(--bs) + 120px), 100%);height:calc(var(--bs) + 14px);min-height:0}.hb-orbit{--r:3px}.hb-a{top:50%;left:16.5%}.hb-b{top:50%;left:50%}.hb-c{top:50%;left:83.5%}.hb{left:calc(var(--bs) / -2);top:calc(var(--bs) / -2);width:var(--bs);height:var(--bs);gap:2px}.hb-name{font-size:clamp(13px, calc(var(--bs) * .12), 16px);white-space:nowrap}.hb-art{height:calc(var(--bs) * .24)}.hb-wolf svg,.hb-held{width:calc(var(--bs) * .23);height:calc(var(--bs) * .23)}.hb-rabbit svg{width:calc(var(--bs) * .24);height:calc(var(--bs) * .19)}.hb-sub{font-size:clamp(9px, calc(var(--bs) * .078), 10.5px);white-space:nowrap;max-width:none}.home-shell .site-foot{white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;gap:14px;margin-top:0;display:flex}.home-shell .site-foot p{margin:0}}.hb-sub{white-space:nowrap;letter-spacing:-.005em;max-width:148px}@media (width<=340px),(height<=620px) and (orientation:portrait){.hb-sub{max-width:120px;font-size:10px}}.hb-held .pk-card{width:45%;height:65%;top:16%;left:27.5%}@media (orientation:landscape) and (height>=621px){html.win-land .hb-stage{--bs:clamp(136px, calc(var(--app-h,100dvh) * .24), 210px)}html.win-land .hb-name{font-size:clamp(16px, calc(var(--bs) * .11), 22px)}html.win-land .hb-sub{font-size:clamp(10.5px, calc(var(--bs) * .068), 13.5px)}}
