.kk-sph{flex-direction:column;gap:8px;min-height:320px}.kk-sph,.kk-sph__stage{position:relative;display:flex;align-items:center;width:100%}.kk-sph__stage{flex:1;justify-content:center;min-height:300px;touch-action:none;cursor:grab;transform-origin:center center}.kk-sph__stage:active{cursor:grabbing}.kk-sph__ball{position:relative;width:0;height:0;transform-style:preserve-3d;will-change:transform}.kk-sph__face{position:absolute;left:0;top:0;transform-style:preserve-3d;will-change:transform,opacity}.kk-sph__btn{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;border:1px solid color-mix(in srgb,var(--sph-accent) 42%,transparent);background:linear-gradient(180deg,rgba(36,32,22,.9),rgba(14,12,8,.95));color:color-mix(in srgb,var(--sph-accent) 82%,white 12%);font-size:12px;font-weight:700;letter-spacing:.03em;box-shadow:0 6px 18px rgba(0,0,0,.45);transition:border-color .25s ease,box-shadow .3s ease}.kk-sph__btn:hover{border-color:color-mix(in srgb,var(--sph-accent) 92%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sph-accent) 22%,transparent),0 10px 26px rgba(0,0,0,.5)}.kk-sph__btn img{width:100%;height:100%;object-fit:cover}.kk-sph__hud{display:flex;align-items:baseline;gap:10px;min-height:20px;font-size:12.5px;color:rgba(243,230,207,.6)}.kk-sph__hud b{color:#fffdf8;font-weight:600}