/* GIZMO KAKA V0.42.94 — WALLET RANK MICRO CINEMATIC
   Scope is deliberately narrow:
   1) lower Regalia navigation = clean medal only, no circular rim/orbit;
   2) YOUR RANK = the only internal Rank micro-instrument;
   3) rank advance can play a quiet in-wallet cinematic without replacing the
      TOP 100 full-screen ceremony that will be wired later. */

/* -------------------------------------------------------------------------
   LOWER REGALIA NAVIGATION — MEDAL ONLY
   Keep the approved square button/selected aura, remove every circular ring.
   ------------------------------------------------------------------------- */
.aka-wallet-rank-action::before,
.aka-wallet-rank-action::after {
  content:none !important;
  display:none !important;
  animation:none !important;
}
.aka-wallet-rank-action .aka-rank-medal-ring.is-outer {
  display:none !important;
  opacity:0 !important;
  stroke:none !important;
  filter:none !important;
}
.aka-wallet-signal-strip .aka-wallet-rank-action .aka-rank-medal-glyph,
.aka-mobile-wallet-signal-strip .aka-wallet-rank-action .aka-rank-medal-glyph {
  width:1.30rem !important;
  height:1.30rem !important;
}

/* -------------------------------------------------------------------------
   YOUR RANK MICRO INSTRUMENT
   The filled arc mirrors Chase progress. A separate tiny comet keeps this one
   Rank instrument subtly alive even while the main Wallet Orbit is resting.
   ------------------------------------------------------------------------- */
.aka-rank-inline-emblem {
  overflow:visible;
}
.aka-rank-inline-emblem::before {
  z-index:1;
}
.aka-rank-inline-emblem::after {
  content:none !important;
  display:none !important;
}
.aka-rank-inline-emblem .aka-rank-micro-comet,
.aka-rank-inline-emblem .aka-rank-micro-complete {
  position:absolute;
  left:50%;
  top:50%;
  width:1.08rem;
  height:1.08rem;
  transform:translate(-50%,-50%);
  pointer-events:none;
  z-index:1;
}
.aka-rank-inline-emblem .aka-rank-micro-comet {
  border-radius:50%;
  opacity:0;
  background:conic-gradient(from -90deg,
    rgba(216,246,255,.96) 0deg,
    rgba(112,215,255,.88) 8deg,
    rgba(45,156,255,.28) 19deg,
    transparent 31deg 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.20px),#000 calc(100% - 1.02px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 1.20px),#000 calc(100% - 1.02px));
  filter:drop-shadow(0 0 2.1px rgba(112,215,255,.36));
}
html.aka-power-chase-connected:not(.aka-power-chase-calibrating) .aka-rank-inline-emblem .aka-rank-micro-comet {
  opacity:.48;
  animation:akaRankMicroComet 5.8s linear infinite;
}
html.aka-power-chase-pulsing .aka-rank-inline-emblem .aka-rank-micro-comet {
  opacity:.88;
  animation-duration:1.55s;
  filter:drop-shadow(0 0 3px rgba(216,246,255,.66)) drop-shadow(0 0 6px rgba(45,156,255,.22));
}
html.aka-power-chase-dominant .aka-rank-inline-emblem .aka-rank-micro-comet {
  opacity:.64;
  animation-duration:7.2s;
}

.aka-rank-inline-emblem .aka-rank-micro-complete {
  overflow:visible;
  opacity:0;
  filter:drop-shadow(0 0 2px rgba(112,215,255,.36));
}
.aka-rank-inline-emblem .aka-rank-micro-complete circle {
  fill:none;
  stroke:url(#akaRankMicroCompleteGradient);
  stroke-width:1.22;
  stroke-linecap:round;
  stroke-dasharray:100;
  stroke-dashoffset:100;
  transform:rotate(-90deg);
  transform-origin:12px 12px;
}

/* -------------------------------------------------------------------------
   MINI RANK ADVANCE CINEMATIC — only visible while Wallet itself is open.
   ------------------------------------------------------------------------- */
.aka-wallet-rank-summary {
  position:relative;
  isolation:isolate;
}
.aka-wallet-rank-summary::after {
  content:"";
  position:absolute;
  z-index:4;
  left:-12%;
  top:0;
  width:18%;
  height:100%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(112,215,255,.08),rgba(216,246,255,.42),rgba(112,215,255,.08),transparent);
  transform:translateX(-140%) skewX(-14deg);
  filter:blur(.2px);
}
.aka-wallet-rank-summary.is-rank-advancing::after {
  animation:akaRankSummaryLightSweep .78s cubic-bezier(.18,.75,.22,1) 1;
}
.aka-wallet-rank-summary.is-rank-advancing .aka-rank-inline-emblem {
  opacity:1;
  filter:none;
  border-color:rgba(var(--aka-rank-cyan),.74);
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.05),
    inset -1px -1px 0 rgba(0,0,0,.40),
    0 0 7px rgba(112,215,255,.28),
    0 0 15px rgba(45,156,255,.12),
    0 2px 4px rgba(0,0,0,.28);
}
.aka-wallet-rank-summary.is-rank-advancing .aka-rank-micro-complete {
  opacity:1;
  animation:akaRankMicroCompleteFade 1.05s ease-out 1;
}
.aka-wallet-rank-summary.is-rank-advancing .aka-rank-micro-complete circle {
  animation:akaRankMicroCompleteDraw .54s cubic-bezier(.18,.78,.22,1) forwards;
}
.aka-wallet-rank-summary.is-rank-advancing .aka-wallet-rank-summary-label {
  animation:akaRankLabelCinematic .86s ease-out 1;
}
.aka-wallet-rank-summary.is-rank-advancing .aka-wallet-rank-summary-value {
  animation:akaRankValueCinematic .72s cubic-bezier(.16,1,.30,1) 1;
}
.aka-wallet-rank-summary.is-rank-top100 {
  box-shadow:inset 0 0 12px rgba(45,156,255,.035);
}

@keyframes akaRankMicroComet {
  to { transform:translate(-50%,-50%) rotate(360deg); }
}
@keyframes akaRankMicroCompleteDraw {
  0% { stroke-dashoffset:100; opacity:.58; }
  72% { stroke-dashoffset:0; opacity:1; }
  100% { stroke-dashoffset:0; opacity:1; }
}
@keyframes akaRankMicroCompleteFade {
  0%,58% { opacity:1; filter:drop-shadow(0 0 3px rgba(216,246,255,.72)) drop-shadow(0 0 7px rgba(45,156,255,.26)); }
  100% { opacity:0; filter:drop-shadow(0 0 1px rgba(45,156,255,.08)); }
}
@keyframes akaRankSummaryLightSweep {
  0% { opacity:0; transform:translateX(-140%) skewX(-14deg); }
  15% { opacity:.88; }
  72% { opacity:.58; }
  100% { opacity:0; transform:translateX(720%) skewX(-14deg); }
}
@keyframes akaRankLabelCinematic {
  0%,100% { color:rgba(var(--aka-rank-gold),.66); text-shadow:none; }
  34% { color:rgba(216,246,255,.94); text-shadow:0 0 5px rgba(112,215,255,.54),0 0 12px rgba(45,156,255,.18); }
  64% { color:rgba(var(--aka-rank-cream),.92); text-shadow:0 0 3px rgba(112,215,255,.28); }
}
@keyframes akaRankValueCinematic {
  0% { transform:translateY(0) scale(1); filter:none; }
  30% { transform:translateY(-.02rem) scale(1.055); color:rgba(216,246,255,.98); text-shadow:0 0 6px rgba(112,215,255,.48); }
  72% { transform:translateY(0) scale(1.015); }
  100% { transform:translateY(0) scale(1); filter:none; }
}

@media (max-width:768px) {
  .aka-wallet-signal-strip .aka-wallet-rank-action .aka-rank-medal-glyph,
  .aka-mobile-wallet-signal-strip .aka-wallet-rank-action .aka-rank-medal-glyph {
    width:1.32rem !important;
    height:1.32rem !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .aka-rank-micro-comet,
  .aka-rank-micro-complete,
  .aka-rank-micro-complete circle,
  .aka-wallet-rank-summary::after,
  .aka-wallet-rank-summary-label,
  .aka-wallet-rank-summary-value {
    animation:none !important;
    transition:none !important;
  }
}
