/* Oracle Final UX V121:
   digit centering + clear reading/result guidance. */

/* Number badge: stable circle, digit centered separately */
body.oracle-clean-v7b .oracle-spread-num{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  text-align:center !important;
  font-variant-numeric:lining-nums tabular-nums !important;
}

body.oracle-clean-v7b .oracle-spread-num-inner{
  display:block !important;
  font-size:17px !important;
  line-height:1 !important;
  font-weight:700 !important;
  transform:translateY(-1px) !important;
  letter-spacing:0 !important;
}

/* Waiting hint below action buttons */
body.oracle-clean-v7b .oracle-reading-hint{
  display:none;
  margin:14px auto 0;
  max-width:760px;
  padding:13px 16px;
  border-radius:20px;
  border:1px solid rgba(243,217,157,.32);
  background:
    radial-gradient(circle at 12% 35%,rgba(243,217,157,.10),transparent 34%),
    rgba(4,9,16,.58);
  color:rgba(255,242,211,.86);
  text-align:center;
  line-height:1.45;
  box-shadow:0 16px 42px rgba(0,0,0,.22);
  backdrop-filter:blur(7px);
}

body.oracle-clean-v7b .oracle-reading-hint.is-visible{
  display:block;
  animation:oracleHintInV121 .45s ease both;
}

body.oracle-clean-v7b .oracle-reading-hint strong{
  display:block;
  color:#fff2c9;
  margin-bottom:3px;
  font-size:15px;
}

body.oracle-clean-v7b .oracle-reading-hint span{
  display:block;
  font-size:14px;
  color:rgba(255,242,211,.78);
}

body.oracle-clean-v7b .oracle-reading-hint button{
  margin-top:10px;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(243,217,157,.42);
  background:rgba(0,0,0,.20);
  color:#fff0c9;
  font-family:inherit;
  cursor:pointer;
}

body.oracle-clean-v7b .oracle-reading-hint button:hover{
  border-color:rgba(243,217,157,.78);
  background:rgba(212,170,99,.12);
}

/* Loading state on read button */
body.oracle-clean-v7b [data-oracle-read].oracle-ux-loading{
  opacity:.78 !important;
  pointer-events:none !important;
  position:relative;
}

body.oracle-clean-v7b [data-oracle-read].oracle-ux-loading::after{
  content:"";
  width:8px;
  height:8px;
  margin-left:10px;
  border-radius:999px;
  display:inline-block;
  background:rgba(243,217,157,.88);
  box-shadow:0 0 14px rgba(243,217,157,.52);
  animation:oraclePulseV121 1s ease-in-out infinite;
}

/* Result title block */
body.oracle-clean-v7b .oracle-result-head-v121{
  display:none;
  margin:0 0 14px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(243,217,157,.30);
  background:rgba(255,255,255,.035);
}

body.oracle-clean-v7b .oracle-result-head-v121.is-visible{
  display:block;
  animation:oracleHintInV121 .5s ease both;
}

body.oracle-clean-v7b .oracle-result-head-v121 b{
  display:block;
  color:#fff2c9;
  font-size:18px;
  margin-bottom:4px;
}

body.oracle-clean-v7b .oracle-result-head-v121 span{
  display:block;
  color:rgba(255,242,211,.72);
  font-size:14px;
  line-height:1.45;
}

/* Result highlight when ready */
body.oracle-clean-v7b .oracle-result.oracle-result-ready-v121{
  border-color:rgba(243,217,157,.42) !important;
}

body.oracle-clean-v7b .oracle-result.oracle-result-flash-v121{
  animation:oracleResultGlowV121 1.55s ease both;
}

@keyframes oracleHintInV121{
  from{
    opacity:0;
    transform:translateY(8px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes oraclePulseV121{
  0%,100%{
    transform:scale(.72);
    opacity:.45;
  }
  50%{
    transform:scale(1.1);
    opacity:1;
  }
}

@keyframes oracleResultGlowV121{
  0%{
    box-shadow:0 0 0 rgba(243,217,157,0);
  }
  35%{
    box-shadow:0 0 0 1px rgba(243,217,157,.16), 0 0 42px rgba(212,170,99,.16);
  }
  100%{
    box-shadow:0 0 0 rgba(243,217,157,0);
  }
}

@media (max-width:760px){
  body.oracle-clean-v7b .oracle-reading-hint{
    margin-top:12px;
    text-align:left;
  }

  body.oracle-clean-v7b .oracle-reading-hint button{
    width:100%;
  }
}