/* RACCOON::6P — Chaveiro R3: delta responsivo + pan-y preservando desktop R2. */
[data-r6p-kc2] {
  --kc2-gold:#fdb913;--kc2-card:clamp(152px,16vw,204px);
  --kc2-radius:250px;--kc2-perspective:1050px;
  display:block;position:relative;width:100%;min-width:0;isolation:isolate;color:#f5e6c0;
}
[data-r6p-kc2], [data-r6p-kc2] * {box-sizing:border-box}
[data-r6p-kc2] .kc2-stage {
  display:block;position:relative;width:100%;height:clamp(390px,37vw,530px);
  min-width:0;overflow:hidden;border-radius:18px;
  border:1px solid rgba(253,185,19,.34);
  background:radial-gradient(ellipse 45% 24% at 50% 73%,rgba(108,103,94,.13),transparent 80%),#060609;
  cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;
}
[data-r6p-kc2] .kc2-stage.is-grabbing {cursor:grabbing}
[data-r6p-kc2] .kc2-stage:focus-visible {outline:3px solid var(--kc2-gold);outline-offset:-4px}
[data-r6p-kc2] .kc2-scene {
  position:absolute;inset:0;perspective:var(--kc2-perspective);perspective-origin:50% 44%;pointer-events:none;
}
[data-r6p-kc2] .kc2-drag {
  position:absolute;left:50%;top:41%;width:0;height:0;
  transform-style:preserve-3d;transform:rotateX(-10deg) rotateY(0deg);
  will-change:transform;pointer-events:none;
}
[data-r6p-kc2] .kc2-spin {
  position:absolute;left:0;top:0;width:0;height:0;
  transform-style:preserve-3d;pointer-events:none;
  animation:kc2-auto-spin 30s linear infinite;
  animation-play-state:paused;will-change:transform;
}
@keyframes kc2-auto-spin { from{transform:rotateY(0deg)}to{transform:rotateY(-360deg)} }
[data-r6p-kc2] .kc2-card {
  position:absolute;left:0;top:0;width:var(--kc2-card);height:calc(var(--kc2-card) * 1.43);
  margin-left:calc(var(--kc2-card) * -.5);margin-top:calc(var(--kc2-card) * -.715);
  transform:rotateY(0deg) translateZ(0px);transform-style:preserve-3d;
  backface-visibility:hidden;-webkit-backface-visibility:hidden;
  border:1px solid rgba(255,211,130,.5);border-radius:11px;
  background:#101014;overflow:visible;pointer-events:none;
  box-shadow:0 14px 22px rgba(0,0,0,.52),0 0 9px rgba(253,185,19,.10);
  -webkit-box-reflect:below 7px linear-gradient(transparent 53%,rgba(0,0,0,.44));
  transition:transform 880ms cubic-bezier(.22,.76,.25,1),opacity 550ms ease;
  transition-delay:var(--kc2-delay,0ms);
}
[data-r6p-kc2].kc2-fanned .kc2-card { transform:rotateY(var(--kc2-placement)) translateZ(var(--kc2-radius)) }
[data-r6p-kc2] .kc2-card-media {
  display:block;position:absolute;inset:0;overflow:hidden;border-radius:10px;background:#0c0d11;
}
[data-r6p-kc2] .kc2-card-media img,
[data-r6p-kc2] .kc2-card-media video {
  display:block;width:100%;height:100%;object-fit:cover;object-position:center center;
  pointer-events:none;user-select:none;-webkit-user-drag:none;
}
[data-r6p-kc2] .kc2-card-media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.07),transparent 36%,rgba(0,0,0,.06));
}
[data-r6p-kc2] .kc2-floor{
  position:absolute;left:16%;right:16%;bottom:11%;height:17%;pointer-events:none;
  border-radius:50%;background:radial-gradient(ellipse,rgba(95,92,86,.20),transparent 69%);filter:blur(14px);
}
[data-r6p-kc2] .kc2-assistive{
  position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;
}
/* Abertura progressiva: cartas inicialmente empilhadas; liberação da rotação após o leque. */
[data-r6p-kc2]:not(.kc2-fanned) .kc2-card{opacity:.93}
@supports not (-webkit-box-reflect:below 1px linear-gradient(transparent,#000)){
  [data-r6p-kc2] .kc2-card{filter:drop-shadow(0 10px 9px rgba(0,0,0,.5))}
}
/* Fallback sem JS ou movimento reduzido: as sete mídias ficam visíveis e acessíveis. */
[data-r6p-kc2]:not(.kc2-ready) .kc2-stage,
[data-r6p-kc2].kc2-reduced .kc2-stage{height:auto!important;min-height:300px;overflow:visible;cursor:auto;touch-action:auto}
[data-r6p-kc2]:not(.kc2-ready) .kc2-scene,
[data-r6p-kc2].kc2-reduced .kc2-scene{position:relative;inset:auto;perspective:none;pointer-events:auto}
[data-r6p-kc2]:not(.kc2-ready) .kc2-drag,
[data-r6p-kc2].kc2-reduced .kc2-drag{position:relative;left:auto;top:auto;width:auto;height:auto;transform:none!important;will-change:auto;pointer-events:auto}
[data-r6p-kc2]:not(.kc2-ready) .kc2-spin,
[data-r6p-kc2].kc2-reduced .kc2-spin{
  position:relative;left:auto;top:auto;width:auto;height:auto;animation:none!important;will-change:auto;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;
  transform:none!important;pointer-events:auto;
}
[data-r6p-kc2]:not(.kc2-ready) .kc2-card,
[data-r6p-kc2].kc2-reduced .kc2-card{
  position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:7/10;
  margin:0;transform:none!important;transition:none!important;
  -webkit-box-reflect:none!important;opacity:1;pointer-events:auto;
}
[data-r6p-kc2]:not(.kc2-ready) .kc2-floor,
[data-r6p-kc2].kc2-reduced .kc2-floor{display:none}
@media(max-width:850px){
  [data-r6p-kc2]{--kc2-card:clamp(138px,24vw,194px);--kc2-perspective:960px}
  [data-r6p-kc2] .kc2-stage{height:385px}
  [data-r6p-kc2] .kc2-drag{top:42%}
}
@media(max-width:470px){
  /* Em 390px o site fornece ~280px de palco. Carta dimensionada pelo palco via JS, não 35vw. */
  [data-r6p-kc2]{--kc2-card:clamp(150px,46vw,190px);--kc2-perspective:880px}
  [data-r6p-kc2] .kc2-stage{height:clamp(360px,110vw,445px);border-radius:14px}
  [data-r6p-kc2] .kc2-scene{perspective-origin:50% 46%}
  [data-r6p-kc2] .kc2-drag{top:43%}
  [data-r6p-kc2] .kc2-floor{bottom:5%;height:13%}
  [data-r6p-kc2]:not(.kc2-ready) .kc2-spin,
  [data-r6p-kc2].kc2-reduced .kc2-spin{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px}
}
@media(prefers-reduced-motion:reduce){
  [data-r6p-kc2] .kc2-drag,[data-r6p-kc2] .kc2-spin{will-change:auto}
  [data-r6p-kc2] .kc2-card{transition:none}
}