.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-perle-ini{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(110% 80% at 50% -12%,rgba(255,244,214,.24),transparent 56%),radial-gradient(90% 70% at 50% 118%,rgba(191,149,63,.32),transparent 62%),linear-gradient(168deg,rgba(20,22,32,.97),rgba(6,8,14,.99));box-shadow:inset 0 1px 0 rgba(255,244,214,.16),inset 0 -6px 12px -8px rgba(236,200,99,.45)}.kk-perle-ini>span{font-family:var(--font-heading,"KaliKanaOTF","KaliKana"),Georgia,serif;font-weight:400;font-size:1.18em;line-height:1;letter-spacing:.02em;padding-top:.08em;color:#d4af37;background:linear-gradient(135deg,#aa771c,#bf953f 18%,#fcf6ba 40%,#b38728 58%,#f7e08a 76%,#d4af37);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px rgba(236,200,99,.35))}.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}.kk-sph__deco{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(21,35,49,.9);filter:saturate(.55)}.kk-sph__deco img{width:100%;height:100%;object-fit:cover}.kk-sph__deco:empty{border-color:rgba(212,175,96,.16);background:radial-gradient(circle at 38% 32%,rgba(64,72,96,.55),rgba(12,16,28,.92) 70%);filter:none}.kk-sph--groupe .kk-sph__btn{animation:kk-sph-halo 5.5s ease-in-out infinite}@keyframes kk-sph-halo{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--sph-accent) 20%,transparent),0 0 18px -2px color-mix(in srgb,var(--sph-accent) 70%,transparent),0 6px 18px rgba(0,0,0,.5)}50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--sph-accent) 34%,transparent),0 0 26px 0 color-mix(in srgb,var(--sph-accent) 85%,transparent),0 6px 18px rgba(0,0,0,.5)}}@media (prefers-reduced-motion:reduce){.kk-sph--groupe .kk-sph__btn{animation:none}}.kk-sph--avec-decor .kk-sph__btn{border:1.5px solid color-mix(in srgb,var(--sph-accent) 88%,white 8%);background:radial-gradient(circle at 50% 35%,rgba(46,40,24,.95),rgba(12,16,24,.98));box-shadow:0 0 0 2px color-mix(in srgb,var(--sph-accent) 20%,transparent),0 0 18px -2px color-mix(in srgb,var(--sph-accent) 70%,transparent),0 6px 18px rgba(0,0,0,.5)}.kk-sph--compacte{min-height:0;height:100%}.kk-sph--compacte .kk-sph__stage{min-height:0}.kk-sph--compacte .kk-sph__pied{flex:none}.kk-sph__pied{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;padding:0 8px 4px}.kk-sph__stage img{-webkit-user-drag:none;-webkit-touch-callout:none}.kk-sph__stage,.kk-sph__stage img{user-select:none;-webkit-user-select:none}