button.logo-stage{width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:22px}
.logo-stage:focus-visible{outline:2px solid #96d8ff;outline-offset:5px}
.logo-stage .logo-float{transition:filter .25s ease;pointer-events:none}
.diamond-tilt{width:100%;height:100%;transform-style:preserve-3d;--pointer-x:0deg;--pointer-y:0deg;transform:rotateX(var(--pointer-x)) rotateY(var(--pointer-y));transition:transform .18s ease-out}
.logo-stage:hover .logo-float,.logo-stage:focus-visible .logo-float{filter:drop-shadow(0 0 17px #6fbaff45)}
.logo-stage:hover .logo-halo,.logo-stage:focus-visible .logo-halo{background:radial-gradient(ellipse,#439cfa48,transparent 68%)}
.diamond-hint{position:absolute;bottom:-16px;font-size:11px;letter-spacing:.4px;color:#8eacc4;opacity:.65;transition:opacity .2s ease}
.logo-stage:hover .diamond-hint,.logo-stage:focus-visible .diamond-hint{opacity:1;color:#c0e8ff}
.diamond-burst{position:absolute;left:50%;top:50%;width:4px;height:4px;background:#a8e4ff;box-shadow:0 0 8px #7bcaff;border-radius:1px;pointer-events:none;animation:diamond-burst-out .7s ease-out forwards}
@keyframes diamond-burst-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) scale(.3)}}
@media(prefers-reduced-motion:reduce){.logo-stage .logo-float,.logo-stage .logo-spin,.diamond-hint{transition:none}.diamond-burst{display:none}}