/* ===== inline-style-1 (source line 7) ===== */
*{box-sizing:border-box;}
body{
  margin:0;
  background:#05070d;
  overflow:hidden;
  font-family:Arial, Helvetica, sans-serif;
  touch-action:none;
  color:white;
}
canvas{display:block;margin:auto;background:#000;}

#overlay{
  position:absolute;
  inset:0;
  display:flex;
  justify-content:center;
  align-items:center;
  background:rgba(0,0,0,.84);
  color:#fff;
  z-index:20;
}

.card{
  min-width:280px;
  max-width:360px;
  padding:30px 34px;
  border-radius:20px;
  text-align:center;
  background:linear-gradient(180deg,#171923,#0d0f16);
  box-shadow:0 0 40px rgba(255,255,255,.12), inset 0 0 20px rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
}

.title{
  font-size:42px;
  font-weight:900;
  letter-spacing:1px;
  background:linear-gradient(90deg,#fff,#fff15a,#59f7ff);
  -webkit-background-clip:text;
  color:transparent;
}

.sub{margin-top:8px;opacity:.65;font-size:13px;}

.btn{
  margin-top:16px;
  padding:11px 28px;
  background:#fff;
  color:#111;
  cursor:pointer;
  border-radius:10px;
  font-weight:900;
  user-select:none;
}

#ui{
  position:absolute;
  top:12px;
  left:18px;
  right:18px;
  z-index:5;
  color:#fff;
  font-weight:800;
  text-shadow:0 0 10px rgba(0,0,0,.8);
  pointer-events:none;
}

#top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}

.panel{
  padding:8px 12px;
  border-radius:12px;
  background:rgba(10,12,18,.52);
  border:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(4px);
}

.label{font-size:10px;opacity:.58;letter-spacing:.08em;}
.value{font-size:18px;line-height:1.1;}

#timePanel.warning{
  border-color:rgba(255,221,85,.5);
  box-shadow:0 0 14px rgba(255,221,85,.18);
}
#timePanel.warning .value{color:#ffdd55;}

#timePanel.danger{
  border-color:rgba(255,159,47,.75);
  box-shadow:0 0 18px rgba(255,159,47,.28);
}
#timePanel.danger .value{color:#ff9f2f; animation:pulse .42s infinite alternate;}

@keyframes pulse{
  from{transform:scale(1);opacity:1;}
  to{transform:scale(1.1);opacity:.75;}
}

#feverWrap{
  margin-top:8px;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(10,12,18,.48);
  border:1px solid rgba(255,255,255,.07);
}

#feverLabel{font-size:11px;opacity:.75;margin-bottom:5px;}

#feverBg{
  height:10px;
  background:#20232c;
  border-radius:20px;
  overflow:hidden;
}

#feverBar{
  height:100%;
  width:0%;
  background:linear-gradient(90deg,#fff15a,#ff5cf4,#59f7ff);
  border-radius:20px;
  transition:width .08s linear;
}

#feverWrap{
  position:relative;
}

#feverWrap.extend{
  border-color:rgba(89,247,255,.42);
  box-shadow:
    0 0 18px rgba(89,247,255,.22),
    inset 0 0 14px rgba(255,241,90,.08);
  animation:feverExtendWrap .38s ease-out;
}

#feverWrap.extend #feverBar{
  filter:brightness(1.35);
  box-shadow:
    0 0 16px rgba(255,241,90,.70),
    0 0 22px rgba(89,247,255,.36);
}

#feverExtendPop{
  position:absolute;
  right:10px;
  top:4px;
  font-size:12px;
  font-weight:900;
  color:#fff15a;
  opacity:0;
  pointer-events:none;
  text-shadow:
    0 0 8px rgba(255,241,90,.7),
    0 0 8px rgba(0,0,0,.9);
}

#feverExtendPop.show{
  animation:feverExtendPop .46s ease-out;
}

@keyframes feverExtendWrap{
  0%{transform:scale(1);filter:brightness(1);}
  35%{transform:scale(1.018);filter:brightness(1.25);}
  100%{transform:scale(1);filter:brightness(1);}
}

@keyframes feverExtendPop{
  0%{opacity:0;transform:translateY(6px) scale(.9);}
  18%{opacity:1;transform:translateY(0) scale(1.05);}
  68%{opacity:1;transform:translateY(-2px) scale(1);}
  100%{opacity:0;transform:translateY(-8px) scale(.96);}
}

#notice{
  position:absolute;
  top:102px;
  left:50%;
  transform:translateX(-50%);
  color:#ffd84a;
  z-index:6;
  font-weight:900;
  font-size:18px;
  opacity:0;
  pointer-events:none;
  text-shadow:0 0 14px rgba(255,216,74,.8), 0 0 8px #000;
}
#notice.show{animation:noticePop 1.2s ease-out;}

#feverWrap.ready{
  border-color:rgba(255,241,90,.55);
  box-shadow:0 0 16px rgba(255,241,90,.22), inset 0 0 12px rgba(255,241,90,.08);
  animation:feverReadyPulse .45s infinite alternate;
}

#feverWrap.ready #feverLabel{
  color:#fff15a;
  text-shadow:0 0 10px rgba(255,241,90,.8);
}

#feverWrap.ready #feverBar{
  box-shadow:0 0 18px rgba(255,241,90,.85), 0 0 28px rgba(255,92,244,.38);
  animation:feverBarCharge .28s infinite alternate;
}

@keyframes feverReadyPulse{
  from{transform:scale(1);filter:brightness(1);}
  to{transform:scale(1.018);filter:brightness(1.28);}
}

@keyframes feverBarCharge{
  from{filter:brightness(1);}
  to{filter:brightness(1.75);}
}

@keyframes noticePop{
  0%{opacity:0;transform:translateX(-50%) scale(.8);}
  15%{opacity:1;transform:translateX(-50%) scale(1.1);}
  75%{opacity:1;transform:translateX(-50%) scale(1);}
  100%{opacity:0;transform:translateX(-50%) scale(1);}
}

/* Premium UX polish */
#overlay{
  background:
    radial-gradient(circle at 50% 38%, rgba(89,247,255,.16), transparent 34%),
    radial-gradient(circle at 25% 70%, rgba(255,92,244,.11), transparent 30%),
    rgba(0,0,0,.86);
}
.card{position:relative;overflow:hidden;}
.card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);pointer-events:none;}
.logoGlow{width:58px;height:58px;margin:0 auto 10px;border-radius:50%;background:radial-gradient(circle,#fff15a 0 15%,#59f7ff 16% 42%,rgba(255,92,244,.25) 43% 64%,transparent 65%);box-shadow:0 0 28px rgba(89,247,255,.35),0 0 42px rgba(255,241,90,.18);}
.tipBox{margin-top:18px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-size:12px;line-height:1.55;color:rgba(255,255,255,.78);}
.tipStrong{color:#fff15a;font-weight:900;}
.statGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;}
.statBox{padding:9px 6px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);}
.statBox .k{font-size:9px;opacity:.55;letter-spacing:.08em;}
.statBox .v{font-size:18px;font-weight:900;margin-top:2px;}
.btn{transition:transform .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:0 8px 22px rgba(255,255,255,.11);}
.btn:active{transform:scale(.96);}
.btn.primary{background:linear-gradient(90deg,#fff15a,#59f7ff);box-shadow:0 10px 28px rgba(89,247,255,.20);}
.btn.secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:none;}
.rankBadge{display:inline-block;margin-top:10px;padding:6px 10px;border-radius:999px;background:rgba(255,241,90,.12);border:1px solid rgba(255,241,90,.30);color:#fff15a;font-size:12px;font-weight:900;}
.resultScore{margin-top:8px;font-size:54px;line-height:1;font-weight:900;color:#fff;text-shadow:0 0 18px rgba(255,241,90,.26);}
.resultCaption{font-size:11px;opacity:.56;letter-spacing:.1em;margin-top:2px;}

.rewardPanel{
  margin-top:14px;
  padding:12px 14px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,241,90,.10),rgba(89,247,255,.055));
  border:1px solid rgba(255,241,90,.22);
  box-shadow:0 0 18px rgba(255,241,90,.10), inset 0 0 18px rgba(255,255,255,.035);
  text-align:left;
}

.rewardPanel .rewardHead{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  opacity:.74;
}

.rewardPanel .rewardTotal{
  margin-top:6px;
  font-size:26px;
  line-height:1;
  font-weight:900;
  color:#fff15a;
  text-shadow:0 0 14px rgba(255,241,90,.32);
}

.rewardPanel .rewardRows{
  margin-top:9px;
  display:grid;
  gap:4px;
  font-size:12px;
}

.rewardPanel .rewardRow{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:rgba(255,255,255,.78);
}

.rewardPanel .rewardRow.bonus{
  color:#59f7ff;
  font-weight:900;
}

.rewardPanel .rewardSkin{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  opacity:.78;
  white-space:nowrap;
}

.rewardTag{
  display:inline-block;
  margin-top:4px;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(255,241,90,.12);
  border:1px solid rgba(255,241,90,.22);
  color:#fff15a;
  font-size:10px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
}
#controlHint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:7;padding:10px 14px;border-radius:999px;background:rgba(10,12,18,.66);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.86);font-size:12px;font-weight:900;letter-spacing:.02em;text-shadow:0 0 8px rgba(0,0,0,.8);pointer-events:none;opacity:0;transition:opacity .25s ease;backdrop-filter:blur(4px);}
#controlHint.show{opacity:1;}
#controlHint .accent{color:#59f7ff;}


.metaRow{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}

.metaMini{
  padding:10px;
  border-radius:14px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
}

.metaMini .k{
  font-size:10px;
  opacity:.55;
  letter-spacing:.08em;
}

.metaMini .v{
  margin-top:4px;
  font-size:18px;
  font-weight:900;
}

.menuBtns{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:14px;
}

.menuBtn{
  position:relative;
  padding:14px 10px 13px;
  border-radius:16px;
  cursor:pointer;
  user-select:none;
  font-weight:900;
  letter-spacing:.02em;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 8px 22px rgba(0,0,0,.22), inset 0 0 18px rgba(255,255,255,.045);
  transition:transform .08s ease, filter .12s ease, box-shadow .12s ease;
}

.menuBtn:active{
  transform:scale(.96);
  filter:brightness(1.22);
}

.menuBtn .ico{
  display:block;
  font-size:25px;
  line-height:1;
  margin-bottom:6px;
}

.menuBtn .txt{
  display:block;
  font-size:14px;
}

.menuBtn .hint{
  display:block;
  margin-top:4px;
  font-size:10px;
  opacity:.62;
  font-weight:800;
}

.menuBtn.ach{
  background:linear-gradient(180deg,rgba(255,216,74,.23),rgba(255,136,0,.11));
  border-color:rgba(255,216,74,.34);
}

.menuBtn.shop{
  background:linear-gradient(180deg,rgba(89,247,255,.19),rgba(89,92,255,.10));
  border-color:rgba(89,247,255,.30);
}

.menuBtn.skins{
  background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,92,244,.10));
  border-color:rgba(255,255,255,.24);
}

.menuBtn .newDot{
  position:absolute;
  top:9px;
  right:9px;
  min-width:8px;
  height:8px;
  border-radius:99px;
  background:#ff9f2f;
  box-shadow:0 0 10px rgba(255,159,47,.8);
}

.btn.secondary{
  background:rgba(255,255,255,.09);
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
}

.achList,.shopList{
  margin-top:14px;
  display:grid;
  gap:8px;
  text-align:left;
}

.achItem,.shopItem{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
  font-size:13px;
}

.achItem.done{
  border-color:rgba(255,241,90,.45);
  box-shadow:0 0 12px rgba(255,241,90,.12);
}

.shopItem.equipped{
  border-color:rgba(89,247,255,.45);
  box-shadow:0 0 12px rgba(89,247,255,.13);
}

.badge{
  font-size:11px;
  font-weight:900;
  color:#111;
  background:#fff15a;
  padding:4px 7px;
  border-radius:999px;
  white-space:nowrap;
}

.badge.lock{
  background:rgba(255,255,255,.14);
  color:rgba(255,255,255,.68);
}

.achItem.newAch{
  border-color:rgba(255,159,47,.58);
  box-shadow:0 0 14px rgba(255,159,47,.18), inset 0 0 12px rgba(255,159,47,.035);
}
.achNewDot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#ff9f2f;
  box-shadow:0 0 10px rgba(255,159,47,.85);
  display:inline-block;
  margin-left:6px;
  vertical-align:1px;
}
.badge.new{
  background:#ff9f2f;
  color:#fff;
}

.toastMeta{
  position:absolute;
  left:50%;
  top:124px;
  transform:translateX(-50%);
  z-index:30;
  min-width:220px;
  max-width:300px;
  padding:10px 13px;
  border-radius:15px;
  background:linear-gradient(180deg,rgba(26,28,38,.96),rgba(10,12,18,.94));
  color:#fff;
  font-weight:900;
  opacity:0;
  pointer-events:none;
  text-align:left;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 0 28px rgba(255,255,255,.14), inset 0 0 18px rgba(255,255,255,.04);
}

.toastMeta.bronze{
  border-color:rgba(205,127,50,.72);
  box-shadow:0 0 26px rgba(205,127,50,.28), inset 0 0 18px rgba(205,127,50,.07);
}

.toastMeta.silver{
  border-color:rgba(210,230,255,.78);
  box-shadow:0 0 30px rgba(170,210,255,.34), inset 0 0 18px rgba(210,230,255,.08);
}

.toastMeta.gold{
  border-color:rgba(255,216,74,.88);
  box-shadow:0 0 36px rgba(255,216,74,.45), inset 0 0 22px rgba(255,216,74,.10);
}

.toastMeta.show{
  animation:metaToast 1.85s ease-out;
}

.toastMeta .row{
  display:flex;
  align-items:center;
  gap:10px;
}

.toastMeta .medal{
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:22px;
  flex:0 0 auto;
  background:rgba(255,255,255,.09);
}

.toastMeta .head{
  font-size:10px;
  letter-spacing:.08em;
  opacity:.72;
}

.toastMeta .name{
  margin-top:2px;
  font-size:13px;
  line-height:1.12;
}

.toastMeta .reward{
  margin-top:4px;
  font-size:10px;
  color:#fff15a;
}

@keyframes metaToast{
  0%{opacity:0; transform:translateX(-50%) translateY(14px) scale(.9);}
  13%{opacity:1; transform:translateX(-50%) translateY(0) scale(1.045);}
  78%{opacity:1; transform:translateX(-50%) translateY(0) scale(1);}
  100%{opacity:0; transform:translateX(-50%) translateY(-10px) scale(.98);}
}


.scrollPanel{
  max-height:min(56vh,430px);
  overflow-y:auto;
  padding-right:4px;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y !important;
}

.scrollPanel::-webkit-scrollbar{
  width:5px;
}

.scrollPanel::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.22);
  border-radius:999px;
}


.skinPreview{
  width:30px;
  height:30px;
  border-radius:50%;
  flex:0 0 auto;
  box-shadow:0 0 12px rgba(255,255,255,.22);
  border:1px solid rgba(255,255,255,.28);
  position:relative;
  overflow:hidden;
}

.skinPreview.sun{background:radial-gradient(circle at 35% 30%,#fff8a5,#ffd84a 48%,#ff9d1f);}
.skinPreview.mint{background:radial-gradient(circle at 35% 30%,#d9ffff,#59f7ff 48%,#3f7bff);}
.skinPreview.cherry{background:radial-gradient(circle at 35% 30%,#ffd0d8,#ff4d6d 48%,#b51032);}
.skinPreview.violet{background:radial-gradient(circle at 35% 30%,#f2d7ff,#b86bff 48%,#5830ff);}
.skinPreview.gold{background:radial-gradient(circle at 35% 30%,#fff,#fff15a 42%,#b8860b);}
.skinPreview.default{background:radial-gradient(circle at 35% 30%,#fff,#e9e9e9 46%,#888);}

.skinPreview.gold:after,.skinPreview.violet:after,.skinPreview.cherry:after{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.58);
}


.shopConfirm{
  display:none;
  position:absolute;
  inset:0;
  z-index:60;
  justify-content:center;
  align-items:center;
  background:rgba(0,0,0,.70);
  border-radius:20px;
  backdrop-filter:blur(4px);
}

.shopConfirmBox{
  width:82%;
  padding:20px;
  border-radius:20px;
  text-align:center;
  background:linear-gradient(180deg,#222532,#0f1118);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 0 32px rgba(255,241,90,.18), inset 0 0 18px rgba(255,255,255,.04);
}

.shopConfirmPreview{
  margin:0 auto 12px;
  width:56px;
  height:56px;
  border-radius:50%;
  box-shadow:0 0 20px rgba(255,255,255,.24);
}

.shopConfirmTitle{
  font-size:20px;
  font-weight:900;
}

.shopConfirmMsg{
  margin-top:8px;
  opacity:.72;
  font-size:13px;
  line-height:1.35;
}

.shopConfirmBtns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:16px;
}

.shopConfirmBtn{
  padding:11px 8px;
  border-radius:13px;
  font-weight:900;
  cursor:pointer;
  user-select:none;
}

.shopConfirmBtn.no{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.13);
}

.shopConfirmBtn.yes{
  background:#fff15a;
  color:#111;
}


/* ===== REBUILD SKIN UI PREVIEWS: CSS ONLY ===== */
.skinPreview{
  position:relative !important;
  overflow:hidden !important;
  display:inline-block !important;
  border-radius:50% !important;
  background:#888;
}
.skinPreview::before,.skinPreview::after{pointer-events:none!important;}

.skinPreview.default{background:radial-gradient(circle at 35% 30%,#fff,#ddd 55%,#777)!important;}
.skinPreview.sun{background:radial-gradient(circle at 35% 30%,#fff8a5,#ffd84a 50%,#ff9d1f)!important;}
.skinPreview.mint{background:radial-gradient(circle at 35% 30%,#d9ffff,#59f7ff 52%,#3f7bff)!important;}

.skinPreview.baseball{background:radial-gradient(circle at 35% 30%,#fff,#f7f7f7 58%,#cfcfcf)!important;}
.skinPreview.baseball::before{content:""!important;position:absolute;left:20%;top:10%;width:60%;height:80%;border-left:2px solid #d92929;border-right:2px solid #d92929;border-radius:50%;transform:rotate(-13deg);}
.skinPreview.baseball::after{content:""!important;position:absolute;left:29%;top:29%;width:42%;height:42%;border-radius:50%;border:1px solid rgba(255,255,255,.65);}

.skinPreview.smile{background:radial-gradient(circle at 35% 30%,#fff6a3,#ffd84a 55%,#ff9d1f)!important;}
.skinPreview.smile::before{content:""!important;position:absolute;left:28%;top:32%;width:7px;height:7px;border-radius:50%;background:#111;box-shadow:14px 0 0 #111;}
.skinPreview.smile::after{content:""!important;position:absolute;left:30%;top:50%;width:40%;height:20%;border-bottom:3px solid #111;border-radius:0 0 999px 999px;}

.skinPreview.taegeuk{background:conic-gradient(#ff9f2f 0 50%,#4aa3ff 50% 100%)!important;}
.skinPreview.taegeuk::before{content:""!important;position:absolute;inset:22%;border-radius:50%;border:2px solid rgba(255,255,255,.85);}
.skinPreview.taegeuk::after{content:""!important;position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.45);}

.skinPreview.doggo{background:radial-gradient(circle at 35% 30%,#fff8df,#ffd98f 58%,#f1b96e)!important;}
.skinPreview.doggo::before{content:""!important;position:absolute;left:26%;top:27%;width:6px;height:6px;border-radius:50%;background:#2a211c;box-shadow:13px 0 0 #2a211c;}
.skinPreview.doggo::after{content:""!important;position:absolute;left:33%;top:45%;width:34%;height:24%;border-radius:50%;background:#fff7e8;border-bottom:2px solid #2a211c;}

.skinPreview.cat{background:radial-gradient(circle at 35% 30%,#fff,#ffe5f1 62%,#ffc1df)!important;}
.skinPreview.cat::before{content:""!important;position:absolute;left:27%;top:30%;width:6px;height:6px;border-radius:50%;background:#2b2028;box-shadow:13px 0 0 #2b2028;}
.skinPreview.cat::after{content:"♡"!important;position:absolute;right:3px;top:0;font-size:10px;line-height:1;color:#ff6fae;font-weight:900;}

.skinPreview.btc{background:radial-gradient(circle at 35% 30%,#fff8d2,#ffd700 45%,#f2a900 72%,#6b4f00)!important;box-shadow:0 0 14px rgba(255,215,0,.45)!important;}
.skinPreview.btc::before{content:"₿"!important;position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);font-weight:900;font-size:20px;color:#4b3700;font-family:Arial,sans-serif;line-height:1;}
.skinPreview.btc::after{content:""!important;position:absolute;inset:4px;border-radius:50%;border:2px solid rgba(255,255,255,.62);}

.shopItem.ownedDim{opacity:.82;}

/* ===== inline-style-2 (source line 733) ===== */
/* =========================================================
   UI ICON STYLE 2 APPLIED
   - Doggo/Cat preview icons only
   - Does not touch in-game rendering or skin logic
   - Designed for shop / inventory / confirm UI readability
   ========================================================= */

.shopList .skinPreview.doggo,
.shopList .skinPreview.cat,
.shopConfirmPreview.doggo,
.shopConfirmPreview.cat{
  width:38px !important;
  height:38px !important;
  overflow:hidden !important;
  border-radius:50% !important;
  border:2px solid rgba(255,255,255,.72) !important;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.08),
    0 0 16px rgba(255,255,255,.22) !important;
}

/* DOGGO - Style 2: silhouette + readable puppy face */
.skinPreview.doggo{
  background:
    radial-gradient(circle at 50% 72%, #fff7e8 0 25%, transparent 26%),
    radial-gradient(circle at 32% 50%, #17110d 0 6%, transparent 7%),
    radial-gradient(circle at 68% 50%, #17110d 0 6%, transparent 7%),
    radial-gradient(ellipse at 50% 55%, #fff3dc 0 34%, transparent 35%),
    radial-gradient(ellipse at 27% 42%, #c47a30 0 24%, transparent 25%),
    radial-gradient(ellipse at 73% 42%, #c47a30 0 24%, transparent 25%),
    radial-gradient(circle at 50% 52%, #ffd98f 0 64%, #d9903f 100%) !important;
}

.skinPreview.doggo::before{
  content:"" !important;
  position:absolute !important;
  left:13% !important;
  top:19% !important;
  width:24% !important;
  height:46% !important;
  border-radius:60% 45% 55% 65% !important;
  background:#b87432 !important;
  box-shadow:22px 0 0 #b87432 !important;
  transform:rotate(10deg) !important;
}

.skinPreview.doggo::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:55% !important;
  width:32% !important;
  height:24% !important;
  transform:translateX(-50%) !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle at 50% 28%, #17110d 0 18%, transparent 19%),
    radial-gradient(ellipse at 38% 70%, transparent 0 44%, #17110d 45% 52%, transparent 53%),
    radial-gradient(ellipse at 62% 70%, transparent 0 44%, #17110d 45% 52%, transparent 53%),
    #fff7e8 !important;
}

/* CAT - Style 2: strong silhouette + cute readable cat face */
.skinPreview.cat{
  background:
    radial-gradient(circle at 32% 48%, #ffd96a 0 7%, #111 8% 12%, transparent 13%),
    radial-gradient(circle at 68% 48%, #ffd96a 0 7%, #111 8% 12%, transparent 13%),
    radial-gradient(circle at 50% 67%, #ffd3e6 0 5%, transparent 6%),
    linear-gradient(140deg, transparent 0 19%, #ff8fbd 20% 27%, #262626 28% 37%, transparent 38%),
    linear-gradient(220deg, transparent 0 19%, #ff8fbd 20% 27%, #262626 28% 37%, transparent 38%),
    radial-gradient(circle at 50% 58%, #2c2c2c 0 62%, #111 100%) !important;
}

.skinPreview.cat::before{
  content:"" !important;
  position:absolute !important;
  left:19% !important;
  top:22% !important;
  width:62% !important;
  height:58% !important;
  border-radius:48% 48% 52% 52% !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:
    radial-gradient(circle at 30% 37%, #ffd96a 0 9%, #111 10% 15%, transparent 16%),
    radial-gradient(circle at 70% 37%, #ffd96a 0 9%, #111 10% 15%, transparent 16%),
    radial-gradient(circle at 50% 60%, #ffc1df 0 5%, transparent 6%),
    transparent !important;
}

.skinPreview.cat::after{
  content:"" !important;
  position:absolute !important;
  left:24% !important;
  top:64% !important;
  width:52% !important;
  height:18% !important;
  background:
    linear-gradient(8deg, transparent 0 42%, rgba(255,255,255,.72) 43% 50%, transparent 51%),
    linear-gradient(-8deg, transparent 0 42%, rgba(255,255,255,.72) 43% 50%, transparent 51%),
    radial-gradient(ellipse at 38% 48%, transparent 0 44%, #ffc1df 45% 52%, transparent 53%),
    radial-gradient(ellipse at 62% 48%, transparent 0 44%, #ffc1df 45% 52%, transparent 53%) !important;
}

/* Equipped / owned states get clearer rings for these two icons */
.shopItem.equipped .skinPreview.doggo{
  border-color:#ffd98f !important;
  box-shadow:0 0 0 3px rgba(255,217,143,.16), 0 0 18px rgba(255,217,143,.45) !important;
}
.shopItem.equipped .skinPreview.cat{
  border-color:#ffc1df !important;
  box-shadow:0 0 0 3px rgba(255,193,223,.16), 0 0 18px rgba(255,111,174,.42) !important;
}

/* ===== inline-style-3 (source line 849) ===== */
/* =========================================================
   UI ICON STYLE 2 - SOFT MINIMAL FIX
   Doggo/Cat preview icons only. In-game skins untouched.
   Goal: small-size readability, no heavy outline, no big eyes; Cat color matches in-game cream/pink skin.
   ========================================================= */

.skinPreview.doggo,
.skinPreview.cat{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:50% !important;
  overflow:visible !important;
  background:transparent !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  border:0 !important;
  box-shadow:0 0 10px rgba(255,255,255,.14) !important;
}

.shopList .skinPreview.doggo,
.shopList .skinPreview.cat{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
}

.shopConfirmPreview.doggo,
.shopConfirmPreview.cat{
  width:64px !important;
  height:64px !important;
  background-size:contain !important;
}

.skinPreview.doggo::before,
.skinPreview.doggo::after,
.skinPreview.cat::before,
.skinPreview.cat::after{
  content:none !important;
  display:none !important;
}

.skinPreview.doggo{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%20%20%3Cdefs%3E%20%20%20%20%3CradialGradient%20id%3D%22face%22%20cx%3D%2238%25%22%20cy%3D%2230%25%22%20r%3D%2270%25%22%3E%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff2cf%22%2F%3E%20%20%20%20%20%20%3Cstop%20offset%3D%220.55%22%20stop-color%3D%22%23f4c06f%22%2F%3E%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c9853b%22%2F%3E%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%3CradialGradient%20id%3D%22muzzle%22%20cx%3D%2250%25%22%20cy%3D%2235%25%22%20r%3D%2270%25%22%3E%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fffaf0%22%2F%3E%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4dfc2%22%2F%3E%20%20%20%20%3C%2FradialGradient%3E%20%20%3C%2Fdefs%3E%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2233%22%20r%3D%2227%22%20fill%3D%22url%28%23face%29%22%2F%3E%20%20%3Cpath%20d%3D%22M17%2024%20C12%2025%209%2032%2011%2041%20C13%2050%2019%2052%2023%2045%20C26%2039%2025%2029%2017%2024Z%22%20fill%3D%22%239b6534%22%20opacity%3D%22.94%22%2F%3E%20%20%3Cpath%20d%3D%22M47%2024%20C52%2025%2055%2032%2053%2041%20C51%2050%2045%2052%2041%2045%20C38%2039%2039%2029%2047%2024Z%22%20fill%3D%22%239b6534%22%20opacity%3D%22.94%22%2F%3E%20%20%3Ccircle%20cx%3D%2224.3%22%20cy%3D%2231.3%22%20r%3D%222.6%22%20fill%3D%22%232b2119%22%2F%3E%20%20%3Ccircle%20cx%3D%2239.7%22%20cy%3D%2231.3%22%20r%3D%222.6%22%20fill%3D%22%232b2119%22%2F%3E%20%20%3Cellipse%20cx%3D%2232%22%20cy%3D%2241%22%20rx%3D%2211.7%22%20ry%3D%229.2%22%20fill%3D%22url%28%23muzzle%29%22%20opacity%3D%22.97%22%2F%3E%20%20%3Cellipse%20cx%3D%2232%22%20cy%3D%2237.5%22%20rx%3D%223.2%22%20ry%3D%222.35%22%20fill%3D%22%232b2119%22%2F%3E%20%20%3Cpath%20d%3D%22M32%2040.2%20C30.8%2042.2%2028.7%2042.8%2027.1%2041.6%22%20fill%3D%22none%22%20stroke%3D%22%232b2119%22%20stroke-width%3D%221.55%22%20stroke-linecap%3D%22round%22%2F%3E%20%20%3Cpath%20d%3D%22M32%2040.2%20C33.2%2042.2%2035.3%2042.8%2036.9%2041.6%22%20fill%3D%22none%22%20stroke%3D%22%232b2119%22%20stroke-width%3D%221.55%22%20stroke-linecap%3D%22round%22%2F%3E%20%20%3Cpath%20d%3D%22M21%2020%20C25%2015%2039%2015%2043%2020%22%20fill%3D%22none%22%20stroke%3D%22%23ffdca0%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.7%22%2F%3E%3C%2Fsvg%3E") !important;
}

.skinPreview.cat{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22fur%22%20cx%3D%2238%25%22%20cy%3D%2228%25%22%20r%3D%2272%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.58%22%20stop-color%3D%22%23ffe8f2%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffc1df%22%2F%3E%0A%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22muzzle%22%20cx%3D%2250%25%22%20cy%3D%2238%25%22%20r%3D%2265%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fffdf8%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff0d9%22%2F%3E%0A%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2234%22%20r%3D%2226.8%22%20fill%3D%22url%28%23fur%29%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M16.5%2024%20L20%209%20L31%2022%20Z%22%20fill%3D%22%23ffe5f1%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M47.5%2024%20L44%209%20L33%2022%20Z%22%20fill%3D%22%23ffe5f1%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M20.5%2019%20L21.8%2013.5%20L26.3%2020.2%20Z%22%20fill%3D%22%23ff9fca%22%20opacity%3D%220.72%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M43.5%2019%20L42.2%2013.5%20L37.7%2020.2%20Z%22%20fill%3D%22%23ff9fca%22%20opacity%3D%220.72%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M13.5%2029%20C13.5%2015.8%2050.5%2015.8%2050.5%2029%20C52.4%2046%2043.8%2055%2032%2055%20C20.2%2055%2011.6%2046%2013.5%2029Z%22%20fill%3D%22url%28%23fur%29%22%2F%3E%0A%20%20%3Cellipse%20cx%3D%2232%22%20cy%3D%2242.5%22%20rx%3D%2213.2%22%20ry%3D%228.8%22%20fill%3D%22url%28%23muzzle%29%22%20opacity%3D%220.72%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%2225%22%20cy%3D%2234%22%20r%3D%222.65%22%20fill%3D%22%2331231f%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%2239%22%20cy%3D%2234%22%20r%3D%222.65%22%20fill%3D%22%2331231f%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M32%2039.4%20L29.7%2041.4%20L32%2043.2%20L34.3%2041.4%20Z%22%20fill%3D%22%23ff8eb8%22%20opacity%3D%220.9%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M24%2022.7%20C26.2%2021.3%2029%2020.8%2031.2%2021.2%22%20fill%3D%22none%22%20stroke%3D%22%23d4b99b%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.5%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M32%2021%20C33.1%2023.8%2033.1%2026.2%2032%2028.5%22%20fill%3D%22none%22%20stroke%3D%22%23d4b99b%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.62%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M39.8%2022.7%20C37.6%2021.3%2035%2020.8%2032.8%2021.2%22%20fill%3D%22none%22%20stroke%3D%22%23d4b99b%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.5%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M18%2038%20L8%2036%20M18%2042%20L8%2042%20M46%2038%20L56%2036%20M46%2042%20L56%2042%22%20stroke%3D%22%23c4a58e%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.45%22%2F%3E%0A%3C%2Fsvg%3E") !important;
}

.shopItem.equipped .skinPreview.doggo{
  filter:drop-shadow(0 0 7px rgba(255,217,143,.62)) brightness(1.05) !important;
}

.shopItem.equipped .skinPreview.cat{
  filter:drop-shadow(0 0 7px rgba(255,193,223,.52)) brightness(1.05) !important;
}

/* ===== inline-style-4 (source line 911) ===== */
/* SIMPLE POINT REWARD UI - compact result panel */
.rewardPanel{
  margin-top:12px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  background:rgba(255,241,90,.075) !important;
  border:1px solid rgba(255,241,90,.18) !important;
  box-shadow:0 0 14px rgba(255,241,90,.08), inset 0 0 14px rgba(255,255,255,.025) !important;
  text-align:left !important;
}

.rewardPanel .rewardHead{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.03em !important;
  opacity:.78 !important;
}

.rewardPanel .rewardTotal{
  margin-top:5px !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#fff15a !important;
  text-shadow:0 0 12px rgba(255,241,90,.28) !important;
}

.rewardPanel .rewardRows{display:none !important;}

.rewardPanel .rewardSkin{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  font-size:11px !important;
  opacity:.82 !important;
  white-space:nowrap !important;
  color:rgba(255,255,255,.84) !important;
}

/* ===== inline-style-5 (source line 957) ===== */
/* RESULT REWARD UI - subtle balance pass */
.rewardPanel{
  margin-top:10px !important;
  padding:8px 10px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
  text-align:left !important;
}

.rewardPanel .rewardHead{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:8px !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  opacity:.58 !important;
}

.rewardPanel .rewardTotal{
  margin-top:3px !important;
  font-size:17px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  color:rgba(255,255,255,.88) !important;
  text-shadow:none !important;
}

.rewardPanel .rewardSkin{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  font-size:10px !important;
  opacity:.66 !important;
  white-space:nowrap !important;
  color:rgba(255,255,255,.76) !important;
}

.rewardPanel .rewardSkin .skinPreview{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  filter:none !important;
  box-shadow:0 0 6px rgba(255,255,255,.12) !important;
}

/* ===== inline-style-6 (source line 1009) ===== */
/* RESULT POINT REWARD - cleaned hierarchy */
.rewardPanel{
  margin:10px 0 12px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:inset 0 0 14px rgba(255,255,255,.025) !important;
  text-align:left !important;
}

.rewardPanel .rewardInfo{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
}

.rewardPanel .rewardTitle{
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  color:rgba(255,255,255,.68) !important;
}

.rewardPanel .rewardSkin{
  margin-top:5px !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  font-size:11px !important;
  font-weight:900 !important;
  color:rgba(255,255,255,.90) !important;
  opacity:1 !important;
  white-space:nowrap !important;
}

.rewardPanel .rewardSkin .skinPreview{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:0 0 8px rgba(255,255,255,.18) !important;
}

.rewardPanel .rewardTotal{
  margin:0 !important;
  flex:0 0 auto !important;
  font-size:21px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:rgba(255,255,255,.94) !important;
  text-shadow:0 0 8px rgba(255,255,255,.12) !important;
}

.rewardPanel .rewardHead,
.rewardPanel .rewardRows{
  display:none !important;
}

/* ===== inline-style-7 (source line 1074) ===== */
/* RESULT SCREEN HARD FIX - scoped only to result card */
.resultCard{
  width:min(88vw,340px) !important;
  max-width:340px !important;
  min-width:0 !important;
  overflow:visible !important;
  display:block !important;
}

.resultCard table{
  width:100% !important;
  min-width:0 !important;
  table-layout:auto !important;
}

.resultCard .btn{
  display:block !important;
  position:static !important;
  width:100% !important;
  margin:12px 0 0 0 !important;
  transform:none !important;
  left:auto !important;
  right:auto !important;
  float:none !important;
  clear:both !important;
  text-align:center !important;
}

.resultCard .btn.secondary{
  margin-top:10px !important;
}

.resultCard .rewardPanel{
  width:100% !important;
  box-sizing:border-box !important;
}

#overlay{
  overflow:hidden !important;
}
html,body{
  overflow:hidden !important;
}

/* ===== inline-style-8 (source line 1121) ===== */
/* RESULT BUTTONS REAL FIX */
#overlay{
  overflow:hidden !important;
}

.resultCard{
  width:min(92vw,360px) !important;
  max-width:360px !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.resultCard .resultBtns{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  width:100% !important;
  margin-top:14px !important;
}

.resultCard .resultBtns .btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  float:none !important;
}

.resultCard table{
  width:100% !important;
  min-width:0 !important;
}

/* ===== inline-style-9 (source line 1166) ===== */
/* RESULT BUTTON FINAL FIX - uses dedicated classes, not global .btn */
.resultCard{
  width:min(92vw,360px) !important;
  max-width:360px !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.resultCard .resultBtns{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  width:100% !important;
  margin-top:16px !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

.resultCard .resultBtn{
  width:100% !important;
  min-height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 12px !important;
  border-radius:12px !important;
  box-sizing:border-box !important;
  position:static !important;
  transform:none !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  float:none !important;
  clear:both !important;
  cursor:pointer !important;
  user-select:none !important;
  font-weight:900 !important;
  font-size:16px !important;
  letter-spacing:.01em !important;
  text-shadow:none !important;
}

.resultCard .resultBtn.primary{
  background:linear-gradient(90deg,#fff15a,#59f7ff) !important;
  color:#111 !important;
  border:0 !important;
  box-shadow:0 10px 28px rgba(89,247,255,.20) !important;
}

.resultCard .resultBtn.secondary{
  background:rgba(255,255,255,.09) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:none !important;
}

.resultCard .resultBtn:active{
  transform:scale(.96) !important;
}

.resultCard table{
  width:100% !important;
  min-width:0 !important;
}

/* ===== inline-style-10 (source line 1237) ===== */
.btn{
  position: static !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
}

/* ===== inline-style-11 (source line 1247) ===== */
/* RESULT SCREEN STRUCTURE FIX */
.resultCard{
  width:min(92vw,360px) !important;
  max-width:360px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.resultCard .resultBtns{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  width:100% !important;
  margin-top:16px !important;
}

.resultCard .resultBtn{
  width:100% !important;
  min-height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  user-select:none !important;
  box-sizing:border-box !important;
}

.resultCard .resultBtn.primary{
  background:linear-gradient(90deg,#fff15a,#59f7ff) !important;
  color:#111 !important;
}

.resultCard .resultBtn.secondary{
  background:rgba(255,255,255,.09) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
}

.resultCard .rewardPanel{
  margin:10px 0 12px !important;
  padding:10px 12px !important;
}

.resultCard .rewardInfo{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
}

.resultCard .rewardTotal{
  font-size:21px !important;
  font-weight:900 !important;
  color:rgba(255,255,255,.94) !important;
}

/* ===== inline-style-12 (source line 1308) ===== */
.rewardPanel{
  margin:12px 0 14px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  text-align:left;
}

.rewardTitle{
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  color:rgba(255,255,255,.7);
}

.rewardValue{
  margin-top:6px;
  font-size:26px;
  font-weight:900;
  color:#ffffff;
}

.rewardDesc{
  margin-top:4px;
  font-size:12px;
  color:rgba(255,255,255,.6);
}

/* ===== inline-style-13 (source line 1340) ===== */
.resultCard{
  width:min(92vw,340px) !important;
  max-width:340px !important;
  overflow:hidden !important;
}

.resultCard table{
  width:100% !important;
  table-layout:fixed !important;
  word-break:keep-all !important;
}

.resultCard td, .resultCard th{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.rewardPanel{
  overflow:hidden !important;
}

.rewardValue{
  white-space:nowrap !important;
}

/* ===== inline-style-14 (source line 1370) ===== */
#overlay{
  position:fixed !important;
  inset:0 !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:9999 !important;
}

#overlay .card{
  margin:0 auto !important;
  position:relative !important;
  left:auto !important;
  transform:none !important;
}

/* ===== inline-style-15 (source line 1388) ===== */
/* RESULT SCREEN REPAIR - clean structure, centered overlay, no forced visible overlay */
#overlay{
  position:fixed !important;
  inset:0 !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.resultCard{
  width:min(92vw,360px) !important;
  max-width:360px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.resultCard .resultRankTable{
  margin:8px auto 0 !important;
  border-collapse:collapse !important;
  font-size:13px !important;
  width:100% !important;
  table-layout:fixed !important;
}

.resultCard .resultRankTable th,
.resultCard .resultRankTable td{
  padding:3px 6px !important;
  text-align:right !important;
  white-space:nowrap !important;
}

.resultCard .resultBtns{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  width:100% !important;
  margin-top:16px !important;
}

.resultCard .resultBtn{
  width:100% !important;
  min-height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  user-select:none !important;
  box-sizing:border-box !important;
}

.resultCard .resultBtn.primary{
  background:linear-gradient(90deg,#fff15a,#59f7ff) !important;
  color:#111 !important;
}

.resultCard .resultBtn.secondary{
  background:rgba(255,255,255,.09) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
}

.resultCard .rewardPanel{
  margin:12px 0 14px !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  text-align:left !important;
}

.resultCard .rewardTitle{
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  color:rgba(255,255,255,.7) !important;
}

.resultCard .rewardValue{
  margin-top:6px !important;
  font-size:26px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#fff !important;
}

.resultCard .rewardDesc{
  margin-top:5px !important;
  font-size:12px !important;
  color:rgba(255,255,255,.6) !important;
}

/* ===== inline-style-16 (source line 1484) ===== */
/* COMPACT REWARD PANEL SAFE FIX */
.resultCard .rewardPanel{
  margin:10px 0 12px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:inset 0 0 14px rgba(255,255,255,.025) !important;
  text-align:left !important;
}

.resultCard .rewardTitle{
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  color:rgba(255,255,255,.66) !important;
}

.resultCard .rewardMain{
  margin-top:7px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

.resultCard .rewardValue{
  margin:0 !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#fff !important;
  white-space:nowrap !important;
}

.resultCard .rewardSkinMini{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  opacity:.78 !important;
  flex:0 0 auto !important;
}

.resultCard .rewardSkinMini .skinPreview{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:0 0 8px rgba(255,255,255,.16) !important;
}

.resultCard .rewardRate{
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:rgba(255,255,255,.72) !important;
  white-space:nowrap !important;
}

/* ===== inline-style-17 (source line 1548) ===== */
/* RESULT VISUAL POLISH PACK - structure-safe */
.resultCard{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  animation:resultCardIn .28s ease-out both !important;
}

.resultCard:before{
  content:"" !important;
  position:absolute !important;
  inset:-1px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(255,255,255,.10), transparent 34%),
    linear-gradient(130deg, rgba(255,255,255,.08), transparent 34%, rgba(89,247,255,.05) 66%, transparent) !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

.resultAura{
  position:absolute !important;
  left:50% !important;
  top:88px !important;
  width:170px !important;
  height:170px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(255,241,90,.18), rgba(89,247,255,.08) 42%, transparent 68%) !important;
  filter:blur(2px) !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

.resultSkin-btc .resultAura{
  background:radial-gradient(circle, rgba(255,215,0,.24), rgba(242,169,0,.10) 44%, transparent 70%) !important;
}
.resultSkin-cat .resultAura{
  background:radial-gradient(circle, rgba(255,193,223,.25), rgba(255,111,174,.10) 44%, transparent 70%) !important;
}
.resultSkin-doggo .resultAura{
  background:radial-gradient(circle, rgba(255,217,143,.26), rgba(241,185,110,.10) 44%, transparent 70%) !important;
}
.resultSkin-mint .resultAura{
  background:radial-gradient(circle, rgba(89,247,255,.24), rgba(63,123,255,.10) 44%, transparent 70%) !important;
}

.resultHeader{
  position:relative !important;
}

.resultRankBadge{
  animation:rankBadgePop .34s ease-out both !important;
}
.resultRankBadge.best,
.resultRankBadge.top{
  border-color:rgba(255,241,90,.52) !important;
  box-shadow:0 0 16px rgba(255,241,90,.18), inset 0 0 12px rgba(255,241,90,.07) !important;
}

.resultBadgeRow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-wrap:wrap;
}

.resultRankBadge.worldRecord{
  color:#ffb24a !important;
  border-color:rgba(255,178,74,.58) !important;
  background:linear-gradient(180deg, rgba(255,178,74,.18), rgba(255,119,52,.09)) !important;
  box-shadow:0 0 16px rgba(255,178,74,.20), inset 0 0 12px rgba(255,178,74,.08) !important;
}

.resultScoreWrap{
  position:relative !important;
  margin-top:4px !important;
}

.resultSkinGhost{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:66px !important;
  height:66px !important;
  min-width:66px !important;
  transform:translate(-50%,-50%) scale(1.8) !important;
  opacity:.105 !important;
  filter:blur(.4px) !important;
  pointer-events:none !important;
}

#resultScoreValue{
  position:relative !important;
  z-index:1 !important;
  letter-spacing:-.03em !important;
}

#resultScoreValue.settled{
  animation:scoreSettle .24s ease-out !important;
}

.resultCard .statBox{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.105) !important;
}

.resultCard .rewardPanel{
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.042)) !important;
  border-color:rgba(255,255,255,.12) !important;
}

.resultCard .rewardValue{
  text-shadow:0 0 10px rgba(255,255,255,.12) !important;
}

.rankTitle{
  margin-top:16px !important;
  opacity:.78 !important;
  font-weight:900 !important;
  font-size:12px !important;
  letter-spacing:.10em !important;
}

.resultCard .resultRankTable{
  margin:8px auto 0 !important;
  border-collapse:separate !important;
  border-spacing:0 2px !important;
  font-size:13px !important;
  width:100% !important;
  table-layout:fixed !important;
}

.resultCard .resultRankTable th{
  padding:2px 6px 4px !important;
  text-align:right !important;
  color:rgba(255,255,255,.48) !important;
  font-size:10px !important;
  letter-spacing:.08em !important;
  font-weight:900 !important;
}

.resultCard .resultRankTable td{
  padding:2px 6px !important;
  text-align:right !important;
  white-space:nowrap !important;
  font-weight:800 !important;
}

.resultCard .resultRankTable tr.me td{
  color:#fff15a !important;
  font-weight:900 !important;
  text-shadow:0 0 8px rgba(255,241,90,.22) !important;
}

.resultCard .resultRankTable tr.me{
  background:linear-gradient(90deg, transparent, rgba(255,241,90,.07), transparent) !important;
}

.resultCard .resultBtn{
  transition:transform .10s ease, filter .12s ease, box-shadow .12s ease !important;
}

.resultCard .resultBtn.primary{
  box-shadow:0 10px 26px rgba(89,247,255,.18), inset 0 0 16px rgba(255,255,255,.14) !important;
}

.resultCard .resultBtn.secondary{
  background:linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.055)) !important;
}

.resultCard .resultBtn:active{
  transform:scale(.97) !important;
}

@keyframes resultCardIn{
  0%{opacity:0; transform:translateY(12px) scale(.985);}
  100%{opacity:1; transform:translateY(0) scale(1);}
}

@keyframes rankBadgePop{
  0%{transform:scale(.82); opacity:0;}
  100%{transform:scale(1); opacity:1;}
}

@keyframes scoreSettle{
  0%{transform:scale(1);}
  45%{transform:scale(1.045);}
  100%{transform:scale(1);}
}

/* ===== inline-style-18 (source line 1728) ===== */
/* RESULT TITLE + MEDAL POLISH */
.resultMainTitle{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  margin-bottom:8px !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  color:rgba(255,255,255,.86) !important;
  text-shadow:0 0 12px rgba(255,255,255,.12) !important;
}

.resultMainTitle:before,
.resultMainTitle:after{
  content:"" !important;
  width:34px !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.32)) !important;
}

.resultMainTitle:after{
  background:linear-gradient(90deg, rgba(255,255,255,.32), transparent) !important;
}

.resultMainTitle span{
  display:inline-block !important;
  padding:0 2px !important;
}

.rankTitle{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  margin-top:17px !important;
  opacity:1 !important;
  font-weight:900 !important;
  font-size:13px !important;
  letter-spacing:.14em !important;
  color:rgba(255,255,255,.82) !important;
  text-shadow:0 0 10px rgba(255,255,255,.10) !important;
}

.rankTitle:before,
.rankTitle:after{
  content:"" !important;
  width:44px !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.22)) !important;
}

.rankTitle:after{
  background:linear-gradient(90deg, rgba(255,255,255,.22), transparent) !important;
}

.rankTitle span{
  display:inline-block !important;
}

.resultCard .resultRankTable td:first-child,
.resultCard .resultRankTable th:first-child{
  text-align:center !important;
}

.rankMedal{
  display:inline-block !important;
  width:14px !important;
  margin-right:4px !important;
  font-size:12px !important;
  line-height:1 !important;
  vertical-align:-1px !important;
  filter:drop-shadow(0 0 4px rgba(255,241,90,.25)) !important;
}

.rankNum{
  display:inline-block !important;
  min-width:12px !important;
  text-align:right !important;
}

/* ===== inline-style-19 (source line 1814) ===== */
/* SPINPOP NEON TITLE - visual only */
.spinpopTitle{
  font-size:33px !important;
  letter-spacing:.14em !important;
  color:#fff !important;
  background:linear-gradient(90deg,#fff15a,#ffffff,#59f7ff) !important;
  -webkit-background-clip:text !important;
  color:transparent !important;
  text-shadow:
    0 0 10px rgba(89,247,255,.34),
    0 0 18px rgba(255,241,90,.18) !important;
}

.spinpopSub{
  font-size:13px !important;
  letter-spacing:.08em !important;
  opacity:.72 !important;
}

.logoGlow{
  position:relative !important;
  width:64px !important;
  height:64px !important;
  margin:0 auto 10px !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle at 50% 50%, #fff15a 0 10%, #fffbd0 11% 14%, #59f7ff 15% 39%, #172033 40% 48%, #b15cff 49% 61%, #17101f 62% 72%, transparent 73%) !important;
  box-shadow:
    0 0 24px rgba(89,247,255,.36),
    0 0 42px rgba(255,241,90,.18),
    inset 0 0 0 3px rgba(0,0,0,.36) !important;
  animation:titleLogoBreath 2.8s ease-in-out infinite !important;
  isolation:isolate;
}

.logoGlow:before,
.logoGlow:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}

.logoGlow:before{
  inset:-9px;
  background:
    conic-gradient(from 18deg,
      transparent 0deg,
      rgba(89,247,255,.00) 34deg,
      rgba(89,247,255,.78) 62deg,
      rgba(255,241,90,.42) 82deg,
      transparent 112deg,
      rgba(255,92,244,.00) 188deg,
      rgba(255,92,244,.58) 222deg,
      transparent 258deg,
      transparent 360deg);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 7px), #000 calc(100% - 6px));
  mask:radial-gradient(farthest-side, transparent calc(100% - 7px), #000 calc(100% - 6px));
  opacity:.78;
  filter:blur(.15px) drop-shadow(0 0 8px rgba(89,247,255,.38));
  animation:titleLogoRing 3.4s linear infinite;
  z-index:-1;
}

.logoGlow:after{
  inset:-13px;
  background:
    radial-gradient(circle at 84% 50%, rgba(255,241,90,.95) 0 3px, rgba(89,247,255,.42) 4px 7px, transparent 8px),
    radial-gradient(circle at 24% 78%, rgba(89,247,255,.62) 0 2px, transparent 6px);
  opacity:.88;
  filter:drop-shadow(0 0 9px rgba(89,247,255,.48));
  animation:titleLogoOrbit 2.65s linear infinite;
  z-index:-1;
}

.pointsMini{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:66px;
}

.pointsMini .totalEarned{
  margin-top:5px;
  color:rgba(255,255,255,.46);
  font-size:10px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:.02em;
  white-space:nowrap;
}

@keyframes titleLogoBreath{
  0%,100%{transform:translateY(0) scale(1);filter:brightness(1);}
  46%{transform:translateY(-1px) scale(1.035);filter:brightness(1.16);}
}

@keyframes titleLogoRing{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}

@keyframes titleLogoOrbit{
  from{transform:rotate(0deg) scale(1);}
  50%{transform:rotate(180deg) scale(1.03);}
  to{transform:rotate(360deg) scale(1);}
}

#overlay > .card.titleCard.titleIntroPrep{
  opacity:0;
  transform:translateY(18px) scale(.972);
  filter:brightness(.72) saturate(.88);
}

.titleCard.titleIntroPrep .logoGlow,
.titleCard.titleIntroPrep .spinpopTitle,
.titleCard.titleIntroPrep .spinpopSub,
.titleCard.titleIntroPrep .statGrid,
.titleCard.titleIntroPrep .tipBox,
.titleCard.titleIntroPrep .metaRow,
.titleCard.titleIntroPrep .menuBtns,
.titleCard.titleIntroPrep .btn.primary,
.titleCard.titleIntroPrep > .sub:last-child{
  opacity:0;
}

#overlay > .card.titleCard.titleIntroRun{
  animation:titleCardReveal 1.02s cubic-bezier(.17,.86,.28,1) both;
}

.titleCard.titleIntroRun .logoGlow{
  animation:
    titleLogoIntro 1.22s cubic-bezier(.16,.96,.24,1) both,
    titleLogoBreath 2.8s ease-in-out 1.22s infinite !important;
}

.titleCard.titleIntroRun .logoGlow:before{
  animation:
    titleLogoRingIntro 1.24s cubic-bezier(.16,.96,.24,1) both,
    titleLogoRing 3.4s linear 1.24s infinite !important;
}

.titleCard.titleIntroRun .logoGlow:after{
  animation:
    titleLogoOrbitIntro 1.24s cubic-bezier(.16,.96,.24,1) both,
    titleLogoOrbit 2.65s linear 1.24s infinite !important;
}

.titleCard.titleIntroRun .spinpopTitle,
.titleCard.titleIntroRun .spinpopSub,
.titleCard.titleIntroRun .statGrid,
.titleCard.titleIntroRun .tipBox,
.titleCard.titleIntroRun .metaRow,
.titleCard.titleIntroRun .menuBtns,
.titleCard.titleIntroRun .btn.primary,
.titleCard.titleIntroRun > .sub:last-child{
  animation:titleElementRise .78s cubic-bezier(.16,.92,.24,1) both;
}

.titleCard.titleIntroRun .spinpopTitle{animation-delay:.28s;}
.titleCard.titleIntroRun .spinpopSub{animation-delay:.39s;}
.titleCard.titleIntroRun .statGrid{animation-delay:.53s;}
.titleCard.titleIntroRun .tipBox{animation-delay:.65s;}
.titleCard.titleIntroRun .metaRow{animation-delay:.77s;}
.titleCard.titleIntroRun .menuBtns{animation-delay:.88s;}
.titleCard.titleIntroRun .btn.primary{animation-delay:1.02s;}
.titleCard.titleIntroRun > .sub:last-child{animation-delay:1.10s;}

@keyframes titleCardReveal{
  0%{opacity:0;transform:translateY(16px) scale(.976);filter:brightness(.78) saturate(.9);}
  54%{opacity:1;transform:translateY(-2px) scale(1.004);filter:brightness(1.13) saturate(1.08);}
  100%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1) saturate(1);}
}

@keyframes titleElementRise{
  0%{opacity:0;transform:translateY(12px) scale(.982);filter:blur(3px) brightness(.85);}
  68%{opacity:1;transform:translateY(-1px) scale(1.004);filter:blur(0) brightness(1.12);}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0) brightness(1);}
}

@keyframes titleLogoIntro{
  0%{opacity:0;transform:translateY(6px) scale(.62);filter:brightness(.7) saturate(.8);}
  34%{opacity:1;transform:translateY(-2px) scale(1.18);filter:brightness(1.42) saturate(1.22);}
  58%{transform:translateY(0) scale(.96);filter:brightness(1.08) saturate(1.06);}
  100%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1);}
}

@keyframes titleLogoRingIntro{
  0%{opacity:0;transform:rotate(-120deg) scale(.72);}
  42%{opacity:.95;transform:rotate(120deg) scale(1.12);}
  100%{opacity:.78;transform:rotate(360deg) scale(1);}
}

@keyframes titleLogoOrbitIntro{
  0%{opacity:0;transform:rotate(-90deg) scale(.62);}
  44%{opacity:1;transform:rotate(165deg) scale(1.18);}
  100%{opacity:.88;transform:rotate(360deg) scale(1);}
}

/* ===== inline-style-20 (source line 1836) ===== */
/* ===== UI PANEL PULSE COLOR ===== */
#scorePanel,#comboPanel,#feverWrap{
  transform-origin:center center;
  transition:transform .10s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease;
}

#scorePanel.uiScoreJudgePulse,
#comboPanel.uiComboTierPulse{
  animation:uiPanelPop .24s ease-out;
  border-color:var(--pulse-color, rgba(255,241,90,.72)) !important;
  background:
    radial-gradient(circle at 50% 15%, var(--pulse-bg, rgba(255,241,90,.22)), rgba(10,12,18,.50) 62%) !important;
  box-shadow:
    0 0 22px var(--pulse-glow, rgba(255,241,90,.42)),
    inset 0 0 18px var(--pulse-inset, rgba(255,241,90,.12)) !important;
}

#scorePanel.uiScoreJudgePulse .value,
#comboPanel.uiComboTierPulse .value{
  color:var(--pulse-color, #fff15a) !important;
  text-shadow:0 0 12px var(--pulse-glow, rgba(255,241,90,.55)) !important;
}

@keyframes uiPanelPop{
  0%{transform:scale(1);}
  35%{transform:scale(1.20);}
  72%{transform:scale(1.08);}
  100%{transform:scale(1);}
}

#feverWrap.uiReadyPulse{
  border-color:rgba(255,241,90,.42);
  box-shadow:0 0 12px rgba(255,241,90,.18), inset 0 0 10px rgba(255,241,90,.055);
  animation:uiFeverReadyPulse .55s infinite alternate;
}
@keyframes uiFeverReadyPulse{
  from{transform:scale(1);}
  to{transform:scale(1.018);}
}

/* ===== inline-style-21 (source line 1879) ===== */
/* Fever gauge active: active flame feeling without washing out original gradient */
#feverWrap.uiFeverActive{
  border-color:rgba(255,159,47,.52) !important;
  box-shadow:
    0 0 12px rgba(255,159,47,.24),
    0 0 18px rgba(255,241,90,.14),
    inset 0 0 12px rgba(255,92,244,.055) !important;
  animation:uiFeverActiveBreath .42s infinite alternate !important;
}

#feverWrap.uiFeverActive #feverLabel{
  color:#fff15a !important;
  text-shadow:0 0 8px rgba(255,159,47,.55) !important;
}

#feverWrap.uiFeverActive #feverBar{
  position:relative !important;
  filter:saturate(1.18) brightness(1.16) !important;
  box-shadow:
    0 0 10px rgba(255,159,47,.42),
    0 0 14px rgba(255,241,90,.22) !important;
  animation:uiFeverBarHeat .24s infinite alternate !important;
}

@keyframes uiFeverActiveBreath{
  from{transform:scale(1); filter:brightness(1);}
  to{transform:scale(1.008); filter:brightness(1.10);}
}

@keyframes uiFeverBarHeat{
  from{filter:saturate(1.08) brightness(1.08);}
  to{filter:saturate(1.32) brightness(1.22);}
}

/* ===== inline-style-22 (source line 1916) ===== */
/* ===== HUD FINAL PASS: SCORE / BEST / COMBO / TIME in one clean row ===== */
#ui{
  top:10px !important;
  left:50% !important;
  right:auto !important;
  width:min(96vw,392px) !important;
  transform:translateX(-50%) !important;
}

#top{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:6px !important;
  align-items:stretch !important;
  width:100% !important;
}

#top .panel{
  min-width:0 !important;
  padding:7px 5px !important;
  border-radius:12px !important;
  background:rgba(10,12,18,.58) !important;
  border:1px solid rgba(255,255,255,.085) !important;
  box-shadow:inset 0 0 12px rgba(255,255,255,.025) !important;
  text-align:center !important;
  overflow:hidden !important;
}

#top .label{
  font-size:8.5px !important;
  line-height:1 !important;
  opacity:.56 !important;
  letter-spacing:.08em !important;
  white-space:nowrap !important;
}

#top .value{
  margin-top:4px !important;
  font-size:15.5px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#scorePanel{order:1 !important;}
#bestPanel{order:2 !important;}
#comboPanel{order:3 !important;}
#timePanel{order:4 !important;}

#feverWrap{
  margin-top:7px !important;
  padding:7px 9px !important;
  border-radius:13px !important;
  background:rgba(10,12,18,.52) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:inset 0 0 12px rgba(255,255,255,.022) !important;
}

#feverLabel{
  font-size:10px !important;
  line-height:1 !important;
  margin-bottom:5px !important;
  opacity:.68 !important;
  letter-spacing:.08em !important;
}

#feverBg{
  height:9px !important;
}

/* ===== inline-style-23 (source line 1990) ===== */
/* FEVER STATE SWAP
   - Near-ready is calmer preheat.
   - Active fever uses the stronger ready-style energy. */
#feverWrap.ready:not(.uiFeverActive),
#feverWrap.uiReadyPulse:not(.uiFeverActive){
  border-color:rgba(255,159,47,.30) !important;
  box-shadow:0 0 10px rgba(255,159,47,.12), inset 0 0 8px rgba(255,241,90,.045) !important;
  animation:feverPreheatPulse .70s infinite alternate !important;
}

#feverWrap.ready:not(.uiFeverActive) #feverLabel,
#feverWrap.uiReadyPulse:not(.uiFeverActive) #feverLabel{
  color:rgba(255,216,74,.92) !important;
  text-shadow:0 0 6px rgba(255,159,47,.35) !important;
}

#feverWrap.ready:not(.uiFeverActive) #feverBar,
#feverWrap.uiReadyPulse:not(.uiFeverActive) #feverBar{
  filter:brightness(1.22) saturate(1.08) !important;
  box-shadow:0 0 10px rgba(255,159,47,.34), 0 0 14px rgba(255,241,90,.16) !important;
}

#feverWrap.uiFeverActive{
  border-color:rgba(255,241,90,.62) !important;
  box-shadow:
    0 0 18px rgba(255,241,90,.30),
    0 0 22px rgba(255,92,244,.13),
    inset 0 0 14px rgba(255,241,90,.09) !important;
  animation:feverActiveBurn .36s infinite alternate !important;
}

#feverWrap.uiFeverActive #feverLabel{
  color:#fff15a !important;
  text-shadow:0 0 10px rgba(255,241,90,.75), 0 0 8px rgba(255,92,244,.28) !important;
}

#feverWrap.uiFeverActive #feverBar{
  filter:brightness(1.55) saturate(1.30) !important;
  box-shadow:
    0 0 16px rgba(255,241,90,.72),
    0 0 22px rgba(255,92,244,.28),
    0 0 24px rgba(89,247,255,.18) !important;
  animation:feverActiveBarBurn .22s infinite alternate !important;
}

@keyframes feverPreheatPulse{
  from{transform:scale(1);filter:brightness(1);}
  to{transform:scale(1.006);filter:brightness(1.10);}
}

@keyframes feverActiveBurn{
  from{transform:scale(1);filter:brightness(1.02);}
  to{transform:scale(1.018);filter:brightness(1.24);}
}

@keyframes feverActiveBarBurn{
  from{filter:brightness(1.30) saturate(1.12);}
  to{filter:brightness(1.80) saturate(1.42);}
}

/* ===== inline-style-24 (source line 2053) ===== */
/* FEVER PREHEAT STRONGER
   Only affects near-ready state before fever starts. Active fever remains unchanged. */
#feverWrap.ready:not(.uiFeverActive),
#feverWrap.uiReadyPulse:not(.uiFeverActive){
  border-color:rgba(255,159,47,.50) !important;
  box-shadow:
    0 0 15px rgba(255,159,47,.24),
    0 0 20px rgba(255,241,90,.13),
    inset 0 0 11px rgba(255,241,90,.07) !important;
  animation:feverPreheatStrongPulse .46s infinite alternate !important;
}

#feverWrap.ready:not(.uiFeverActive) #feverLabel,
#feverWrap.uiReadyPulse:not(.uiFeverActive) #feverLabel{
  color:#ffdd55 !important;
  text-shadow:
    0 0 8px rgba(255,159,47,.62),
    0 0 10px rgba(255,241,90,.30) !important;
}

#feverWrap.ready:not(.uiFeverActive) #feverBar,
#feverWrap.uiReadyPulse:not(.uiFeverActive) #feverBar{
  filter:brightness(1.42) saturate(1.18) !important;
  box-shadow:
    0 0 13px rgba(255,159,47,.50),
    0 0 18px rgba(255,241,90,.28),
    0 0 18px rgba(255,92,244,.12) !important;
  animation:feverPreheatBarSpark .32s infinite alternate !important;
}

@keyframes feverPreheatStrongPulse{
  from{transform:scale(1);filter:brightness(1);}
  to{transform:scale(1.014);filter:brightness(1.18);}
}

@keyframes feverPreheatBarSpark{
  from{filter:brightness(1.22) saturate(1.10);}
  to{filter:brightness(1.58) saturate(1.28);}
}

/* ===== inline-style-25 (source line 2096) ===== */
/* FEVER label rainbow letters during active fever */
#feverLabel .feverLetter{
  display:inline-block;
}

#feverWrap.uiFeverActive #feverLabel .feverLetter{
  animation:feverLetterRainbow .72s linear infinite;
  color:hsl(calc(var(--i) * 62deg), 100%, 68%) !important;
  text-shadow:
    0 0 8px currentColor,
    0 0 12px rgba(255,241,90,.26) !important;
}

#feverWrap.uiFeverActive #feverLabel .feverLetter:nth-child(1){animation-delay:0s;}
#feverWrap.uiFeverActive #feverLabel .feverLetter:nth-child(2){animation-delay:.08s;}
#feverWrap.uiFeverActive #feverLabel .feverLetter:nth-child(3){animation-delay:.16s;}
#feverWrap.uiFeverActive #feverLabel .feverLetter:nth-child(4){animation-delay:.24s;}
#feverWrap.uiFeverActive #feverLabel .feverLetter:nth-child(5){animation-delay:.32s;}

@keyframes feverLetterRainbow{
  0%{filter:hue-rotate(0deg) brightness(1.05); transform:translateY(0);}
  35%{filter:hue-rotate(120deg) brightness(1.28); transform:translateY(-1px);}
  70%{filter:hue-rotate(240deg) brightness(1.12); transform:translateY(0);}
  100%{filter:hue-rotate(360deg) brightness(1.05); transform:translateY(0);}
}

/* ===== inline-style-26 (source line 2125) ===== */
/* FEVER single row layout */
#feverWrap{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

#feverLabel{
  margin:0 !important;
  flex:0 0 auto;
}

#feverBg{
  flex:1;
  height:10px !important;
  margin:0 !important;
}

/* ===== inline-style-27 (source line 2146) ===== */
/* FEVER gauge wave flow: subtle moving energy inside the bar */
#feverBar{
  position:relative !important;
  overflow:hidden !important;
}

#feverBar::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:
    repeating-linear-gradient(
      115deg,
      rgba(255,255,255,0) 0px,
      rgba(255,255,255,0) 8px,
      rgba(255,255,255,.42) 10px,
      rgba(255,255,255,0) 15px
    );
  transform:translateX(-100%);
}

#feverWrap.uiFeverActive #feverBar::before{
  opacity:.58;
  animation:feverWaveFlow .62s linear infinite;
}

#feverWrap.uiReadyPulse:not(.uiFeverActive) #feverBar::before,
#feverWrap.ready:not(.uiFeverActive) #feverBar::before{
  opacity:.30;
  animation:feverWaveFlow 1.05s linear infinite;
}

@keyframes feverWaveFlow{
  from{transform:translateX(-100%);}
  to{transform:translateX(100%);}
}

/* ===== inline-style-28 (source line 2188) ===== */
/* ENERGY BLOB FLOW - replaces thin wave */
#feverBar{
  position:relative !important;
  overflow:hidden !important;
}

/* main blob */
#feverBar::before,
#feverBar::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:40%;
  pointer-events:none;
  filter:blur(6px);
  opacity:0;
}

/* blob gradient */
#feverBar::before{
  background:linear-gradient(90deg,
    rgba(255,241,90,0) 0%,
    rgba(255,241,90,.9) 50%,
    rgba(255,241,90,0) 100%);
}

#feverBar::after{
  background:linear-gradient(90deg,
    rgba(255,92,244,0) 0%,
    rgba(255,92,244,.7) 50%,
    rgba(255,92,244,0) 100%);
}

/* READY: subtle single blob */
#feverWrap.uiReadyPulse:not(.uiFeverActive) #feverBar::before{
  opacity:.5;
  animation:blobMoveSlow 2.2s linear infinite;
}

/* ACTIVE: two blobs, faster + stronger */
#feverWrap.uiFeverActive #feverBar::before{
  opacity:.9;
  animation:blobMoveFast 1.1s linear infinite;
}

#feverWrap.uiFeverActive #feverBar::after{
  opacity:.7;
  animation:blobMoveFast2 1.3s linear infinite;
}

/* motion */
@keyframes blobMoveSlow{
  from{transform:translateX(-120%);}
  to{transform:translateX(120%);}
}

@keyframes blobMoveFast{
  from{transform:translateX(-140%);}
  to{transform:translateX(140%);}
}

@keyframes blobMoveFast2{
  from{transform:translateX(-160%);}
  to{transform:translateX(160%);}
}

/* ===== inline-style-29 (source line 2258) ===== */
/* REAL HUD BOOT - actual selectors */
body.prepBoot #scorePanel,
body.prepBoot #bestPanel,
body.prepBoot #comboPanel,
body.prepBoot #timePanel,
body.prepBoot #feverWrap{
  will-change:opacity, transform;
}

body.prepBoot #top .panel,
body.prepBoot #feverWrap{
  transition:none !important;
}

body.prepBoot #feverBg{
  transform-origin:left center;
}

/* ===== inline-style-30 (source line 2282) ===== */
/* GLOBAL BLACK BACKDROP UNIFICATION
   Make the top HUD area and lower empty area match the central playfield tone. */
html, body{
  background:#02030a !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 46%, rgba(14,18,30,.62) 0%, rgba(4,6,14,.92) 54%, rgba(0,0,0,.98) 100%) !important;
}

#overlay{
  background:transparent !important;
}

#ui{
  background:transparent !important;
}

canvas{
  background:transparent !important;
}

/* Keep HUD readable without making top area gray. */
#top .panel,
#feverWrap{
  background:rgba(4,6,14,.54) !important;
  border-color:rgba(255,255,255,.075) !important;
}

/* ===== inline-style-31 (source line 2320) ===== */
html, body {
  background:#000000 !important;
}

/* Remove any gradient layer completely */
body::before, body::after {
  display:none !important;
}

/* Ensure containers don't inject color */
#ui, #overlay, #top, #bottom, #feverWrap {
  background:transparent !important;
}

/* Panels slightly translucent but NOT gray */
#top .panel {
  background:rgba(0,0,0,0.55) !important;
  backdrop-filter:none !important;
}

/* Remove any accidental section backgrounds */
div, section {
  background-color:transparent;
}

/* ===== inline-style-32 (source line 2348) ===== */
/* FINAL BLACK BACKGROUND LOCK */
html, body {
  background:#000000 !important;
}
body::before, body::after {
  display:none !important;
}
#overlay, #ui, #top, #feverWrap {
  background:transparent !important;
}
#top .panel {
  background:rgba(0,0,0,0.55) !important;
  backdrop-filter:none !important;
}
canvas {
  background:transparent !important;
}

/* ===== inline-style-33 (source line 2369) ===== */
/* ===== LAST FEVER DUMMY AD PROTOTYPE ===== */
#lastFeverLayer{position:fixed;inset:0;z-index:50000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.70);color:#fff;font-family:Arial,sans-serif;pointer-events:auto;}
#lastFeverLayer.show{display:flex;}
.lfCard{width:min(88vw,360px);padding:22px 20px 18px;border-radius:22px;background:linear-gradient(180deg,rgba(12,16,28,.96),rgba(4,6,14,.98));border:1px solid rgba(255,247,184,.24);box-shadow:0 0 28px rgba(255,247,184,.14),inset 0 0 18px rgba(255,255,255,.035);text-align:center;}
.lfTitle{font-size:22px;font-weight:900;color:#fff7b8;text-shadow:0 0 12px rgba(255,247,184,.42);margin-bottom:10px;}
.lfDesc{font-size:14px;line-height:1.55;opacity:.88;margin-bottom:16px;}
.lfGaugePreview{height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin:12px 4px 18px;border:1px solid rgba(255,255,255,.08);}
.lfGaugePreview>div{width:50%;height:100%;border-radius:999px;background:linear-gradient(90deg,#fff7b8,#ffbd72,#a8f3ff);box-shadow:0 0 12px rgba(255,247,184,.56);}
.lfBtns{display:flex;gap:10px;}.lfBtn{flex:1;border:none;border-radius:14px;padding:12px 8px;font-weight:900;font-size:15px;cursor:pointer;}.lfBtn.go{background:#69ff8e;color:#07130b;box-shadow:0 0 18px rgba(105,255,142,.22);}.lfBtn.no{background:rgba(80,30,34,.72);color:rgba(255,210,210,.76);border:1px solid rgba(255,120,120,.18);}
.lfAdBox{width:min(88vw,360px);height:min(58vh,420px);border-radius:24px;background:linear-gradient(145deg,#111827,#05070f);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 32px rgba(0,0,0,.55);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.lfAdLabel{font-size:24px;font-weight:900;margin-bottom:12px;}.lfAdCountdown{font-size:54px;font-weight:900;color:#fff7b8;text-shadow:0 0 16px rgba(255,247,184,.54);}
.lfReadyBtn{border:none;border-radius:18px;padding:16px 22px;font-size:20px;font-weight:900;color:#111;background:linear-gradient(90deg,#fff7b8,#69ff8e);box-shadow:0 0 24px rgba(255,247,184,.32);cursor:pointer;}

/* ===== inline-style-34 (source line 2385) ===== */
/* ===== LAST FEVER v2 FIX ===== */
.lfReadyBtn{
  position:relative !important;
  overflow:hidden !important;
  animation:lfReadyPulse .48s infinite alternate ease-in-out !important;
}
.lfReadyBtn::before{
  content:"";
  position:absolute;
  inset:-70% -40%;
  background:linear-gradient(115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.52) 42%,
    rgba(255,247,184,.86) 50%,
    rgba(105,255,142,.42) 58%,
    rgba(255,255,255,0) 100%);
  transform:translateX(-75%) rotate(8deg);
  animation:lfReadySweep .78s linear infinite;
  pointer-events:none;
}
.lfReadyBtn::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.45);
  box-shadow:inset 0 0 14px rgba(255,255,255,.24),0 0 20px rgba(255,247,184,.32);
  pointer-events:none;
}
@keyframes lfReadyPulse{
  from{filter:brightness(1) saturate(1.08); transform:scale(1);}
  to{filter:brightness(1.26) saturate(1.30); transform:scale(1.035);}
}
@keyframes lfReadySweep{
  from{transform:translateX(-85%) rotate(8deg);}
  to{transform:translateX(85%) rotate(8deg);}
}
#lastFeverBonusToast{
  display:none !important;
}
#lastFeverBonusToast.show{
  display:none !important;
}
@keyframes lfBonusToast{
  0%{opacity:0;transform:translate(-50%,-40%) scale(.9);}
  18%{opacity:1;transform:translate(-50%,-50%) scale(1.08);}
  100%{opacity:0;transform:translate(-50%,-76%) scale(1);}
}

/* ===== inline-style-35 (source line 2437) ===== */
/* ===== LAST FEVER POLISH v1 ===== */
#lastFeverLayer{
  background:
    radial-gradient(circle at 50% 42%, rgba(89,247,255,.13), transparent 34%),
    radial-gradient(circle at 50% 72%, rgba(255,241,90,.08), transparent 28%),
    rgba(0,0,0,.76) !important;
  backdrop-filter:blur(5px) !important;
}
.lfCard{
  position:relative !important;
  overflow:hidden !important;
  width:min(88vw,370px) !important;
  padding:24px 22px 20px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,rgba(18,21,32,.94),rgba(5,7,14,.98)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 0 44px rgba(89,247,255,.12),0 0 28px rgba(255,241,90,.08),inset 0 0 24px rgba(255,255,255,.035) !important;
}
.lfCard:before{
  content:""; position:absolute; inset:-1px; pointer-events:none;
  background:linear-gradient(125deg,transparent 0 20%,rgba(255,255,255,.09) 34%,transparent 48% 100%);
  opacity:.75;
}
.lfKicker{
  font-size:10px !important; font-weight:900 !important; letter-spacing:.16em !important;
  color:rgba(89,247,255,.88) !important; margin-bottom:8px !important;
  text-shadow:0 0 10px rgba(89,247,255,.35) !important;
}
.lfTitle{
  font-size:24px !important; color:#fff !important; margin-bottom:10px !important;
  text-shadow:0 0 16px rgba(255,241,90,.22),0 0 22px rgba(89,247,255,.16) !important;
}
.lfDesc{font-size:14px !important; line-height:1.6 !important; color:rgba(255,255,255,.82) !important; opacity:1 !important;}
.lfDesc b{color:#fff15a !important; text-shadow:0 0 10px rgba(255,241,90,.38) !important;}
.lfGaugePreview.labeled{
  display:flex !important; align-items:center !important; gap:8px !important; height:auto !important;
  margin:15px 2px 19px !important; padding:9px 10px !important; border-radius:13px !important;
  background:rgba(10,12,18,.60) !important; border:1px solid rgba(255,255,255,.09) !important; overflow:hidden !important;
}
.lfGaugePreview.labeled span{
  flex:0 0 auto !important; font-size:11px !important; font-weight:900 !important; letter-spacing:.08em !important;
  color:#fff15a !important; text-shadow:0 0 10px rgba(255,241,90,.50) !important;
}
.lfGaugePreview.labeled>div{
  flex:1 !important; height:10px !important; border-radius:999px !important; background:#20232c !important;
  border:0 !important; box-shadow:inset 0 0 8px rgba(0,0,0,.38) !important; overflow:hidden !important;
}
.lfGaugePreview.labeled>div>i{
  display:block !important; width:50% !important; height:100% !important; border-radius:999px !important;
  background:linear-gradient(90deg,#fff15a,#ff5cf4,#59f7ff) !important;
  box-shadow:0 0 16px rgba(255,241,90,.60),0 0 20px rgba(89,247,255,.28) !important;
}
.lfBtn{border-radius:14px !important; padding:12px 8px !important; font-size:15px !important;}
.lfBtn.go{
  background:linear-gradient(90deg,#fff15a,#59f7ff) !important; color:#101114 !important;
  box-shadow:0 10px 28px rgba(89,247,255,.18),0 0 18px rgba(255,241,90,.14) !important;
}
.lfBtn.no{
  background:rgba(255,255,255,.075) !important; color:rgba(255,255,255,.76) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.lfReadyBtn{
  min-width:230px !important; min-height:66px !important; border-radius:22px !important;
  padding:14px 26px !important; color:#111 !important;
  background:linear-gradient(90deg,#fff15a 0%,#ff5cf4 48%,#59f7ff 100%) !important;
  box-shadow:0 0 34px rgba(255,241,90,.30),0 0 42px rgba(89,247,255,.22),inset 0 0 16px rgba(255,255,255,.28) !important;
  animation:lfReadyPulse .38s infinite alternate ease-in-out !important;
}
.lfReadyBtn span{position:relative;z-index:1;display:block;font-size:21px;font-weight:900;letter-spacing:.04em;}
.lfReadyBtn small{position:relative;z-index:1;display:block;margin-top:3px;font-size:10px;font-weight:900;letter-spacing:.18em;opacity:.68;}
.lfReadyBtn::before{animation:lfReadySweep .58s linear infinite !important;}
.lfReadyBtn::after{border-radius:18px !important; box-shadow:inset 0 0 16px rgba(255,255,255,.34),0 0 26px rgba(255,241,90,.34) !important;}
.lfAdBox{border-color:rgba(255,255,255,.11) !important; background:linear-gradient(180deg,rgba(18,21,32,.96),rgba(5,7,14,.98)) !important;}
.lfAdLabel{color:#fff !important; text-shadow:0 0 14px rgba(89,247,255,.22) !important;}
@keyframes lfReadyPulse{
  from{filter:brightness(1.03) saturate(1.14); transform:scale(1);}
  to{filter:brightness(1.32) saturate(1.42); transform:scale(1.045);}
}
@keyframes lfReadySweep{
  from{transform:translateX(-95%) rotate(8deg);}
  to{transform:translateX(95%) rotate(8deg);}
}

/* ===== inline-style-36 (source line 2524) ===== */
/* ===== LAST FEVER POLISH v2 - cleaner title/copy + restrained ready energy ===== */
.lfOfferCard{
  padding-top:28px !important;
}
.lfOfferCard .lfKicker.main{
  display:block !important;
  margin:0 0 16px !important;
  font-size:22px !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  color:#ffffff !important;
  text-shadow:
    0 0 14px rgba(89,247,255,.42),
    0 0 18px rgba(255,241,90,.18) !important;
}
.lfOfferCard .lfTitle{
  display:none !important;
}
.lfOfferCard .lfDesc{
  margin:0 0 15px !important;
  font-size:14px !important;
  line-height:1.62 !important;
  color:rgba(255,255,255,.80) !important;
}
.lfOfferCard .lfDesc b{
  color:#fff15a !important;
}
.lfReadyBtn{
  background:linear-gradient(90deg,#fff15a 0%,#dfffdc 45%,#59f7ff 100%) !important;
  box-shadow:
    0 0 30px rgba(255,241,90,.22),
    0 0 38px rgba(89,247,255,.26),
    inset 0 0 15px rgba(255,255,255,.24) !important;
  filter:saturate(1.02) !important;
}
.lfReadyBtn::before{
  background:linear-gradient(115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.38) 43%,
    rgba(255,255,255,.74) 50%,
    rgba(89,247,255,.28) 58%,
    rgba(255,255,255,0) 100%) !important;
}
@keyframes lfReadyPulse{
  from{filter:brightness(1) saturate(1.02); transform:scale(1);}
  to{filter:brightness(1.18) saturate(1.08); transform:scale(1.026);}
}

/* ===== inline-style-37 (source line 2576) ===== */
/* ===== LAST FEVER POLISH v3 - copy, ready backdrop, urgent time, time-up freeze ===== */
#lastFeverLayer.lfReadyLayer{
  background:
    radial-gradient(circle at 50% 45%, rgba(89,247,255,.10), transparent 34%),
    radial-gradient(circle at 50% 72%, rgba(255,241,90,.055), transparent 28%),
    rgba(0,0,0,.48) !important;
  backdrop-filter:blur(2px) !important;
}
#lastFeverLayer.lfAdLayer{
  background:rgba(0,0,0,.50) !important;
  backdrop-filter:blur(2px) !important;
}
.lfReadyBtn{
  background:linear-gradient(90deg,#fff15a 0%,#e9ffd5 52%,#59f7ff 100%) !important;
}
.lfOfferCard .lfDesc{
  font-size:14px !important;
  line-height:1.58 !important;
}

/* ===== inline-style-38 (source line 2599) ===== */
/* ===== LAST FEVER POLISH v6 - clearer copy + softer backdrop + 50% gauge label ===== */
#lastFeverLayer.lfOfferLayer{
  background:
    radial-gradient(circle at 50% 42%, rgba(89,247,255,.10), transparent 34%),
    radial-gradient(circle at 50% 72%, rgba(255,241,90,.055), transparent 28%),
    rgba(0,0,0,.46) !important;
  backdrop-filter:blur(2px) !important;
}
.lfOfferCard .lfDesc b{
  color:#fff15a !important;
  text-shadow:0 0 8px rgba(255,241,90,.30) !important;
}
.lfGaugePreview.labeled>div{
  position:relative !important;
}
.lfGaugePreview.labeled>div>em{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  z-index:2 !important;
  font-style:normal !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  color:rgba(255,255,255,.94) !important;
  text-shadow:0 0 6px rgba(0,0,0,.90),0 0 8px rgba(255,241,90,.35) !important;
  pointer-events:none !important;
}

/* ===== inline-style-39 (source line 2634) ===== */
/* ===== LAST FEVER POLISH v7 - subtle mint glass card ===== */
#lastFeverLayer.lfOfferLayer{
  background:
    radial-gradient(circle at 50% 42%, rgba(89,247,255,.13), transparent 34%),
    radial-gradient(circle at 50% 72%, rgba(172,255,229,.075), transparent 30%),
    rgba(0,0,0,.42) !important;
  backdrop-filter:blur(2px) !important;
}
.lfOfferCard{
  background:
    radial-gradient(circle at 50% 0%, rgba(171,255,230,.20), transparent 38%),
    linear-gradient(180deg, rgba(22,38,42,.94), rgba(7,15,20,.96)) !important;
  border:1px solid rgba(172,255,229,.28) !important;
  box-shadow:
    0 0 42px rgba(89,247,255,.18),
    0 0 34px rgba(172,255,229,.12),
    inset 0 0 26px rgba(172,255,229,.055),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.lfOfferCard:before{
  background:
    linear-gradient(125deg, transparent 0 18%, rgba(206,255,242,.13) 34%, transparent 50% 100%),
    radial-gradient(circle at 50% 0%, rgba(206,255,242,.10), transparent 34%) !important;
  opacity:.85 !important;
}
.lfOfferCard .lfKicker.main{
  color:rgba(246,255,252,.98) !important;
  text-shadow:
    0 0 13px rgba(172,255,229,.50),
    0 0 22px rgba(89,247,255,.26) !important;
}
.lfOfferCard .lfDesc{
  color:rgba(245,255,252,.82) !important;
}
.lfOfferCard .lfDesc b{
  color:#e8fff8 !important;
  text-shadow:0 0 10px rgba(172,255,229,.45) !important;
}
.lfOfferCard .lfGaugePreview.labeled{
  background:rgba(5,12,17,.52) !important;
  border:1px solid rgba(172,255,229,.16) !important;
  box-shadow:inset 0 0 16px rgba(172,255,229,.035) !important;
}
.lfOfferCard .lfBtn.no{
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(172,255,229,.14) !important;
}

/* ===== inline-style-40 (source line 2686) ===== */
/* ===== LAST FEVER POLISH v8 - gold premium card + 70% bonus fever ===== */
#lastFeverLayer.lfOfferLayer{
  background:
    radial-gradient(circle at 50% 42%, rgba(255,215,92,.13), transparent 34%),
    radial-gradient(circle at 50% 72%, rgba(255,178,48,.075), transparent 30%),
    rgba(0,0,0,.42) !important;
  backdrop-filter:blur(2px) !important;
}
.lfOfferCard{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,220,115,.20), transparent 38%),
    linear-gradient(180deg, rgba(40,32,18,.94), rgba(16,11,5,.96)) !important;
  border:1px solid rgba(255,215,92,.30) !important;
  box-shadow:
    0 0 42px rgba(255,215,92,.18),
    0 0 34px rgba(255,178,48,.12),
    inset 0 0 26px rgba(255,215,92,.055),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.lfOfferCard:before{
  background:
    linear-gradient(125deg, transparent 0 18%, rgba(255,238,176,.13) 34%, transparent 50% 100%),
    radial-gradient(circle at 50% 0%, rgba(255,238,176,.10), transparent 34%) !important;
  opacity:.85 !important;
}
.lfOfferCard .lfKicker.main{
  color:rgba(255,252,238,.98) !important;
  text-shadow:
    0 0 13px rgba(255,215,92,.50),
    0 0 22px rgba(255,178,48,.24) !important;
}
.lfOfferCard .lfDesc{
  color:rgba(255,250,232,.84) !important;
}
.lfOfferCard .lfDesc b{
  color:#fff3b0 !important;
  text-shadow:0 0 10px rgba(255,215,92,.45) !important;
}
.lfOfferCard .lfGaugePreview.labeled{
  background:rgba(18,13,5,.54) !important;
  border:1px solid rgba(255,215,92,.18) !important;
  box-shadow:inset 0 0 16px rgba(255,215,92,.04) !important;
}
.lfOfferCard .lfGaugePreview.labeled>div>i{
  width:70% !important;
  background:linear-gradient(90deg,#fff15a,#ffd36a,#59f7ff) !important;
  box-shadow:0 0 16px rgba(255,241,90,.62),0 0 18px rgba(255,178,48,.28) !important;
}
.lfOfferCard .lfBtn.go{
  background:linear-gradient(90deg,#fff15a,#ffd36a,#59f7ff) !important;
  box-shadow:0 10px 28px rgba(255,215,92,.18),0 0 18px rgba(255,241,90,.14) !important;
}
.lfOfferCard .lfBtn.no{
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(255,215,92,.14) !important;
}

/* ===== inline-style-41 (source line 2746) ===== */
/* =========================================================
   IN-GAME HUD SUBTLE COLOR POLISH
   - Adds quiet neon tint so HUD separates from black space.
   - Keeps the existing premium dark-glass style.
   ========================================================= */

#top .panel{
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(8,10,16,.58)),
    radial-gradient(circle at 50% 0%, rgba(89,247,255,.075), transparent 72%) !important;
  border-color:rgba(255,255,255,.105) !important;
  box-shadow:
    0 0 18px rgba(89,247,255,.055),
    inset 0 0 16px rgba(255,255,255,.028) !important;
}

#top .panel:nth-child(1){
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(8,10,16,.58)),
    radial-gradient(circle at 50% 0%, rgba(255,241,90,.085), transparent 74%) !important;
}

#top .panel:nth-child(2){
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(8,10,16,.58)),
    radial-gradient(circle at 50% 0%, rgba(89,247,255,.075), transparent 74%) !important;
}

#top .panel:nth-child(3){
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(8,10,16,.58)),
    radial-gradient(circle at 50% 0%, rgba(255,159,47,.075), transparent 74%) !important;
}

#top .panel:nth-child(4){
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(8,10,16,.58)),
    radial-gradient(circle at 50% 0%, rgba(255,92,244,.060), transparent 74%) !important;
}

#top .panel .label{
  opacity:.66 !important;
}

#top .panel .value{
  text-shadow:
    0 0 10px rgba(255,255,255,.16),
    0 0 18px rgba(89,247,255,.055) !important;
}

#feverWrap{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(8,10,16,.54)),
    radial-gradient(circle at 12% 50%, rgba(255,241,90,.07), transparent 45%),
    radial-gradient(circle at 88% 50%, rgba(89,247,255,.065), transparent 45%) !important;
  border-color:rgba(255,255,255,.105) !important;
  box-shadow:
    0 0 18px rgba(89,247,255,.055),
    inset 0 0 16px rgba(255,255,255,.022) !important;
}

#feverLabel{
  opacity:.82 !important;
  text-shadow:0 0 10px rgba(255,241,90,.13) !important;
}

#feverBg{
  background:rgba(40,44,58,.78) !important;
}

/* ===== inline-style-42 (source line 2819) ===== */
#devPanel .devBtn.danger{
  background:rgba(255,159,47,.14) !important;
  border:1px solid rgba(255,159,47,.42) !important;
  color:#ffd28a !important;
  box-shadow:0 0 14px rgba(255,159,47,.12) !important;
}
#devPanel .devBtn.danger:active{
  filter:brightness(1.22);
}

/* ===== inline-style-43 (source line 2835) ===== */
/* RESET ALL DATA: same DEV button rhythm, adjusted text only */


/* TOP10 rank spacing: middle value between too-tight and too-wide */
.resultCard .resultRankTable th:first-child,
.resultCard .resultRankTable td:first-child{
  text-align:left !important;
  padding-left:16px !important;
  padding-right:0 !important;
  letter-spacing:0 !important;
}

/* ===== inline-style-44 (source line 2852) ===== */
/* FINAL RESULT TOP10 RANK CELL - consistent 1~10 */
.resultCard .resultRankTable{
  table-layout:fixed !important;
}
.resultCard .resultRankTable th:first-child,
.resultCard .resultRankTable td.rankCell{
  width:78px !important;
  min-width:78px !important;
  max-width:78px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  text-align:center !important;
}
.resultCard .resultRankTable td.rankCell .rankInner{
  display:inline-grid !important;
  grid-template-columns:18px 18px !important;
  column-gap:.55em !important;
  align-items:center !important;
  justify-content:center !important;
  width:58px !important;
}
.resultCard .resultRankTable td.rankCell .rankMedal{
  position:static !important;
  display:inline-block !important;
  width:18px !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1 !important;
  text-align:center !important;
  transform:none !important;
  vertical-align:0 !important;
  filter:drop-shadow(0 0 4px rgba(255,241,90,.25)) !important;
}
.resultCard .resultRankTable td.rankCell .rankMedal.empty{
  visibility:hidden !important;
}
.resultCard .resultRankTable td.rankCell .rankNum{
  display:inline-block !important;
  width:18px !important;
  min-width:18px !important;
  text-align:center !important;
}
.resultCard .resultRankTable tr.rankEmpty td{
  color:rgba(255,255,255,.34) !important;
  font-weight:800 !important;
  text-shadow:none !important;
}
.resultCard .resultRankTable tr.rankEmpty td.rankCell .rankNum{
  color:rgba(255,255,255,.50) !important;
}

/* ===== inline-style-45 (source line 2898) ===== */
/* Live rank notice badge visibility */
#notice{
  white-space:nowrap !important;
  min-width:max-content !important;
  padding:0 10px !important;
  font-size:19px !important;
}

/* ===== inline-style-46 (source line 2909) ===== */
#notice.show{
  animation-duration:3.2s !important;
}

/* ===== inline-style-47 (source line 2916) ===== */
/* Unified title menu: achievements + skins only */
.menuBtns{
  grid-template-columns:repeat(2,1fr) !important;
  gap:14px !important;
}
.menuBtn.unified{
  background:
    radial-gradient(circle at 70% 15%, rgba(89,247,255,.22), transparent 48%),
    linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,92,244,.10)) !important;
  border-color:rgba(255,255,255,.26) !important;
}
.menuBtn.unified .ico{
  filter:drop-shadow(0 0 8px rgba(255,255,255,.22));
}

/* Unified skins list */
.skinUnifiedHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.skinUnifiedTitle{
  font-size:28px;
  font-weight:900;
  letter-spacing:.03em;
}
.skinUnifiedPoint{
  font-size:12px;
  font-weight:900;
  color:#fff15a;
  opacity:.95;
}
.shopItem .badge.buyable{
  background:linear-gradient(90deg,#fff15a,#59f7ff) !important;
  color:#111 !important;
}
.shopItem .badge.owned{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
}

/* ===== inline-style-48 (source line 2962) ===== */
/* Skin purchase/equip confirmation popup */
#skinConfirmLayer{
  position:fixed;
  inset:0;
  z-index:10030;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:opacity .16s ease;
}
#skinConfirmLayer.show{
  opacity:1;
}
.skinConfirmDim{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.48);
  backdrop-filter:blur(4px);
}
.skinConfirmCard{
  position:relative;
  width:min(84vw,320px);
  padding:22px 20px 18px;
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 0%,rgba(89,247,255,.16),transparent 48%),
    linear-gradient(180deg,rgba(30,34,46,.96),rgba(9,11,18,.96));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 0 34px rgba(89,247,255,.14), inset 0 0 20px rgba(255,255,255,.04);
  text-align:center;
  color:#fff;
}
.skinConfirmPreview{
  width:74px;
  height:74px;
  margin:0 auto 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  box-shadow:0 0 22px rgba(89,247,255,.18);
}
.skinConfirmPreview .skinPreview{
  width:52px !important;
  height:52px !important;
}
.skinConfirmTitle{
  font-size:22px;
  font-weight:900;
  letter-spacing:.02em;
}
.skinConfirmMsg{
  margin-top:8px;
  font-size:14px;
  line-height:1.45;
  color:rgba(255,255,255,.82);
}
.skinConfirmBonus{
  margin-top:9px;
  font-size:12px;
  font-weight:900;
  color:#fff15a;
}
.skinConfirmBtns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:18px;
}
.skinConfirmBtn{
  border:0;
  border-radius:15px;
  min-height:48px;
  font-size:17px;
  font-weight:900;
  cursor:pointer;
}
.skinConfirmBtn.primary{
  background:linear-gradient(90deg,#fff15a,#59f7ff);
  color:#111;
}
.skinConfirmBtn.secondary{
  background:rgba(255,255,255,.08);
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
}

/* ===== inline-style-49 (source line 3054) ===== */
/* Skin card state colors */
.shopItem .badge.equippedNow{
  background:linear-gradient(90deg,#fff15a,#ffb23f) !important;
  color:#151008 !important;
  box-shadow:0 0 16px rgba(255,178,63,.22), inset 0 0 12px rgba(255,255,255,.16) !important;
}
.shopItem .badge.owned{
  background:rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.88) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

/* ===== inline-style-50 (source line 3069) ===== */
/* Skin point shortage toast - fixed above menu overlay */
#skinPointLackToast{
  position:fixed;
  left:50%;
  top:118px;
  transform:translateX(-50%) translateY(10px) scale(.96);
  z-index:2147482000;
  min-width:220px;
  max-width:320px;
  padding:12px 15px;
  border-radius:17px;
  background:linear-gradient(180deg,rgba(28,31,42,.98),rgba(10,12,18,.96));
  border:1px solid rgba(255,216,74,.44);
  box-shadow:0 0 28px rgba(255,216,74,.20), inset 0 0 18px rgba(255,255,255,.05);
  color:#fff;
  text-align:left;
  font-weight:900;
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease;
}
#skinPointLackToast.show{
  opacity:1;
  transform:translateX(-50%) translateY(0) scale(1);
}
#skinPointLackToast .skinPointLackHead{
  color:#fff15a;
  font-size:13px;
  letter-spacing:.06em;
}
#skinPointLackToast .skinPointLackName{
  margin-top:3px;
  font-size:16px;
}
#skinPointLackToast .skinPointLackSub{
  margin-top:3px;
  font-size:12px;
  color:rgba(255,255,255,.76);
}

/* ===== inline-style-51 (source line 3112) ===== */
/* Ensure unified skin cards remain clickable/tappable */
.shopItem,
.shopItem *{
  pointer-events:auto !important;
}
.scrollPanel{
  touch-action:pan-y !important;
}

/* ===== inline-style-52 (source line 3124) ===== */
.shopItem[data-skin-id]{
  pointer-events:auto !important;
  cursor:pointer !important;
  touch-action:pan-y !important;
}
.shopItem[data-skin-id] *{
  pointer-events:auto !important;
}

/* ===== inline-style-53 (source line 3136) ===== */
.skinActionBtn.badge{
  border:0 !important;
  font-family:inherit !important;
  cursor:pointer !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
.shopItem[data-skin-id],
.shopItem[data-skin-id] .skinActionBtn{
  pointer-events:auto !important;
}

/* ===== inline-style-54 (source line 3151) ===== */
/* SKINS header center alignment restore - BGM untouched */
.skinUnifiedHead{
  position:relative !important;
  display:block !important;
  text-align:center !important;
  margin-bottom:14px !important;
  padding:0 78px !important;
}
.skinUnifiedHead > div:first-child{
  text-align:center !important;
}
.skinUnifiedTitle{
  text-align:center !important;
  width:100% !important;
}
.skinUnifiedHead .sub{
  text-align:center !important;
}
.skinUnifiedPoint{
  position:absolute !important;
  right:0 !important;
  top:20px !important;
  text-align:right !important;
  min-width:70px !important;
}

/* ===== inline-style-55 (source line 3180) ===== */
/* Independent toast for skin-purchase achievements.
   Separate from metaToast so normal 'skin purchased' message cannot overwrite it. */
#skinAchToastDirect{
  position:fixed;
  left:50%;
  top:68vh;
  transform:translateX(-50%) translateY(12px) scale(.96);
  z-index:2147483300;
  display:flex;
  align-items:center;
  gap:11px;
  min-width:238px;
  max-width:330px;
  padding:12px 15px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(28,31,42,.985),rgba(9,11,18,.965));
  border:1px solid rgba(255,216,74,.54);
  box-shadow:0 0 32px rgba(255,216,74,.26), inset 0 0 18px rgba(255,255,255,.055);
  color:#fff;
  text-align:left;
  font-weight:900;
  pointer-events:none;
  opacity:0;
  transition:opacity .18s ease, transform .18s ease;
}
#skinAchToastDirect.show{
  opacity:1;
  transform:translateX(-50%);
}
#skinAchToastDirect .medal{
  font-size:28px;
  line-height:1;
  filter:drop-shadow(0 0 8px rgba(255,216,74,.45));
}
#skinAchToastDirect .head{
  font-size:12px;
  color:#fff15a;
  letter-spacing:.06em;
}
#skinAchToastDirect .name{
  margin-top:2px;
  font-size:15px;
}
#skinAchToastDirect .reward{
  margin-top:2px;
  font-size:12px;
  color:rgba(255,255,255,.76);
}

/* ===== inline-style-56 (source line 3232) ===== */
.shopItem[data-skin-id]{
  cursor:pointer !important;
  touch-action:pan-y !important;
  -webkit-tap-highlight-color:transparent !important;
}
.shopItem[data-skin-id].skinPressed{
  transform:scale(.992);
  filter:brightness(1.08);
}
.shopItem[data-skin-id] .skinActionBtn{
  pointer-events:none !important;
}

/* ===== inline-style-57 (source line 3248) ===== */
/* DOGGO / CAT ICON REWORK
   Match current in-game skin designs for shop/result/confirm previews.
   - Doggo: cream face + long floppy brown ears
   - Cat: orange tabby + pointy ears + black eyes
*/
.skinPreview.doggo,
.skinPreview.cat,
.shopList .skinPreview.doggo,
.shopList .skinPreview.cat,
.shopConfirmPreview .skinPreview.doggo,
.shopConfirmPreview .skinPreview.cat,
.rewardPanel .skinPreview.doggo,
.rewardPanel .skinPreview.cat{
  position:relative !important;
  width:44px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:50% !important;
  overflow:visible !important;
  background:transparent !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:100% 100% !important;
  border:0 !important;
  box-shadow:0 0 12px rgba(255,255,255,.16) !important;
}

/* Doggo icon: long floppy ears outside the ball */
.skinPreview.doggo{
  background:
    radial-gradient(circle at 42% 42%, #ffffff 0 5%, transparent 6%),
    radial-gradient(circle at 62% 42%, #ffffff 0 5%, transparent 6%),
    radial-gradient(circle at 38% 58%, rgba(255,160,180,.72) 0 8%, transparent 9%),
    radial-gradient(circle at 62% 58%, rgba(255,160,180,.72) 0 8%, transparent 9%),
    radial-gradient(circle at 41% 43%, #201713 0 9%, transparent 10%),
    radial-gradient(circle at 59% 43%, #201713 0 9%, transparent 10%),
    radial-gradient(ellipse at 50% 55%, #5b3829 0 5%, transparent 6%),
    radial-gradient(ellipse at 50% 55%, rgba(255,255,255,.32) 0 28%, transparent 29%),
    radial-gradient(circle at 38% 18%, rgba(255,255,255,.95) 0 16%, transparent 17%),
    radial-gradient(circle at 50% 50%, #fff8e6 0 54%, #f1d39d 90%, transparent 92%) !important;
}
.skinPreview.doggo::before,
.skinPreview.doggo::after{
  content:"" !important;
  position:absolute !important;
  top:7px !important;
  width:18px !important;
  height:33px !important;
  border-radius:60% 60% 54% 54% !important;
  background:linear-gradient(180deg,#d99b55,#9f612e) !important;
  z-index:-1 !important;
  box-shadow:0 0 8px rgba(255,190,105,.24) !important;
}
.skinPreview.doggo::before{
  left:-7px !important;
  transform:rotate(18deg) !important;
}
.skinPreview.doggo::after{
  right:-7px !important;
  transform:rotate(-18deg) !important;
}

/* Doggo mouth overlay */
.skinPreview.doggo .iconMouth{display:none!important;}
.skinPreview.doggo{
  outline:1px solid rgba(130,78,36,.20) !important;
}

/* Cat icon: orange tabby with pointy ears */
.skinPreview.cat{
  background:
    radial-gradient(circle at 42% 42%, #ffffff 0 5%, transparent 6%),
    radial-gradient(circle at 62% 42%, #ffffff 0 5%, transparent 6%),
    radial-gradient(circle at 40% 58%, rgba(255,145,165,.58) 0 8%, transparent 9%),
    radial-gradient(circle at 60% 58%, rgba(255,145,165,.58) 0 8%, transparent 9%),
    radial-gradient(circle at 40% 43%, #1a120f 0 9%, transparent 10%),
    radial-gradient(circle at 60% 43%, #1a120f 0 9%, transparent 10%),
    radial-gradient(ellipse at 50% 54%, #ffb0b8 0 5%, transparent 6%),
    linear-gradient(90deg, transparent 0 37%, rgba(120,65,28,.40) 38% 42%, transparent 43% 47%, rgba(120,65,28,.46) 48% 52%, transparent 53% 57%, rgba(120,65,28,.40) 58% 62%, transparent 63%),
    radial-gradient(circle at 35% 25%, rgba(255,235,180,.65) 0 18%, transparent 19%),
    radial-gradient(circle at 50% 50%, #ffc777 0 55%, #d98a3f 91%, transparent 93%) !important;
  box-shadow:0 0 12px rgba(255,180,80,.22) !important;
}
.skinPreview.cat::before,
.skinPreview.cat::after{
  content:"" !important;
  position:absolute !important;
  top:-9px !important;
  width:22px !important;
  height:24px !important;
  background:
    radial-gradient(ellipse at 55% 55%, #ffbfd0 0 38%, transparent 39%),
    linear-gradient(135deg,#d88943,#b46d2d) !important;
  clip-path:polygon(50% 0%, 100% 100%, 0% 100%) !important;
  z-index:-1 !important;
  filter:drop-shadow(0 0 5px rgba(255,180,80,.30)) !important;
}
.skinPreview.cat::before{
  left:2px !important;
  transform:rotate(-18deg) !important;
}
.skinPreview.cat::after{
  right:2px !important;
  transform:rotate(18deg) !important;
}

/* Add tiny mouth/whisker strokes using inset shadow-like pseudo element */
.skinPreview.cat .iconMouth{display:none!important;}
.skinPreview.cat{
  outline:1px solid rgba(140,75,30,.22) !important;
}

/* Equipped state: keep distinct but not overpowering */
.shopItem.equipped .skinPreview.doggo{
  filter:drop-shadow(0 0 8px rgba(255,217,143,.62)) brightness(1.04) !important;
}
.shopItem.equipped .skinPreview.cat{
  filter:drop-shadow(0 0 8px rgba(255,165,80,.60)) brightness(1.04) !important;
}

/* Result reward skin icon size compatibility */
.rewardPanel .skinPreview.doggo,
.rewardPanel .skinPreview.cat{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
}

/* ===== new-skins-clean-icons (source line 3378) ===== */
.skinPreview.soccer,.skinPreview.tangerine,.skinPreview.earth{background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;background-color:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;}
.skinPreview.soccer{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22b%22%20cx%3D%2234%25%22%20cy%3D%2226%25%22%20r%3D%2275%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22/%3E%3Cstop%20offset%3D%22.60%22%20stop-color%3D%22%23f2f2f2%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bfc4c9%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2228%22%20fill%3D%22url%28%23b%29%22%20stroke%3D%22%23202020%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.5%22/%3E%3Cg%20fill%3D%22%23111%22%3E%3Cpolygon%20points%3D%2232%2C18%2041%2C25%2038%2C36%2026%2C36%2023%2C25%22/%3E%3Cpolygon%20points%3D%2215%2C16%2025%2C19%2023%2C30%2012%2C31%209%2C22%22/%3E%3Cpolygon%20points%3D%2249%2C16%2055%2C22%2052%2C31%2041%2C30%2039%2C19%22/%3E%3Cpolygon%20points%3D%2212%2C45%2021%2C38%2031%2C44%2027%2C55%2017%2C55%22/%3E%3Cpolygon%20points%3D%2252%2C45%2043%2C38%2033%2C44%2037%2C55%2047%2C55%22/%3E%3C/g%3E%3Cg%20stroke%3D%22%23111%22%20stroke-opacity%3D%22.42%22%20stroke-width%3D%222.1%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M23%2025%20L15%2016%20M41%2025%20L49%2016%20M26%2036%20L21%2038%20M38%2036%20L43%2038%22/%3E%3Cpath%20d%3D%22M32%2018%20L32%208%20M23%2030%20L12%2031%20M41%2030%20L52%2031%20M31%2044%20L33%2044%22/%3E%3C/g%3E%3C/svg%3E")!important;filter:drop-shadow(0 0 7px rgba(255,255,255,.45))!important;}
.skinPreview.tangerine{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22t%22%20cx%3D%2234%25%22%20cy%3D%2228%25%22%20r%3D%2275%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe7a9%22/%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ffb13f%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dc7a18%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2235%22%20r%3D%2225%22%20fill%3D%22url%28%23t%29%22/%3E%3Crect%20x%3D%2229%22%20y%3D%227%22%20width%3D%226%22%20height%3D%2212%22%20rx%3D%222%22%20fill%3D%22%235b7f25%22/%3E%3Cellipse%20cx%3D%2241%22%20cy%3D%2214%22%20rx%3D%2210%22%20ry%3D%225%22%20fill%3D%22%2373bd3e%22%20transform%3D%22rotate%28-25%2041%2014%29%22/%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2227%22%20r%3D%223%22%20fill%3D%22%23ffd36e%22%20opacity%3D%22.55%22/%3E%3Ccircle%20cx%3D%2239%22%20cy%3D%2246%22%20r%3D%222%22%20fill%3D%22%23ffd36e%22%20opacity%3D%22.45%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2236%22%20r%3D%221.6%22%20fill%3D%22%23fff15a%22%20opacity%3D%22.45%22/%3E%3C/svg%3E")!important;filter:drop-shadow(0 0 8px rgba(255,159,47,.55))!important;}
.skinPreview.earth{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22e%22%20cx%3D%2234%25%22%20cy%3D%2226%25%22%20r%3D%2275%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237fe8ff%22/%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%232798ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230f3f95%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2227%22%20fill%3D%22url%28%23e%29%22/%3E%3Cpath%20d%3D%22M16%2027%20C23%2014%2035%2021%2030%2033%20C27%2041%2018%2037%2016%2027Z%22%20fill%3D%22%2358c86b%22/%3E%3Cpath%20d%3D%22M37%2025%20C50%2019%2055%2035%2046%2043%20C39%2048%2034%2036%2037%2025Z%22%20fill%3D%22%2358c86b%22/%3E%3Cpath%20d%3D%22M16%2024%20C28%2019%2043%2021%2053%2028%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.55%29%22%20stroke-width%3D%223%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M14%2042%20C27%2047%2039%2046%2050%2039%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.40%29%22%20stroke-width%3D%222.4%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E")!important;filter:drop-shadow(0 0 8px rgba(43,156,255,.58))!important;}
.skinPreview.soccer::before,.skinPreview.soccer::after,.skinPreview.tangerine::before,.skinPreview.tangerine::after,.skinPreview.earth::before,.skinPreview.earth::after{content:none!important;display:none!important;}

/* ===== inline-style-59 (source line 10619) ===== */
/* === SAFE FEVER DOPAMINE POLISH ===
   CSS/DOM only. Does not override game loop, physics, scoring, or input.
*/
#spFeverDopaOverlay{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:8;
  opacity:0;
  transition:opacity .18s ease;
  background:
    radial-gradient(circle at 50% 46%, rgba(255,241,90,.18), rgba(255,92,244,.08) 28%, transparent 55%),
    radial-gradient(circle at 50% 52%, transparent 0 48%, rgba(0,0,0,.34) 78%, rgba(0,0,0,.62) 100%);
  mix-blend-mode:screen;
}
body.spFeverOn #spFeverDopaOverlay{
  opacity:1;
}
body.spFeverOn canvas{
  filter:saturate(1.18) contrast(1.08) brightness(.94);
}
body.spFeverKick #spFeverDopaOverlay{
  animation:spFeverKickFlash .34s ease-out;
}
body.spFeverKick canvas{
  animation:spFeverCanvasPunch .28s ease-out;
}
@keyframes spFeverKickFlash{
  0%{opacity:0; filter:brightness(1);}
  16%{opacity:.95; filter:brightness(1.7);}
  100%{opacity:1; filter:brightness(1);}
}
@keyframes spFeverCanvasPunch{
  0%{transform:scale(1);}
  38%{transform:scale(1.025);}
  100%{transform:scale(1);}
}
#spFeverEdgeGlow{
  position:fixed;
  inset:10px;
  border-radius:24px;
  pointer-events:none;
  z-index:9;
  opacity:0;
  transition:opacity .18s ease;
  box-shadow:
    inset 0 0 28px rgba(89,247,255,.22),
    inset 0 0 46px rgba(255,92,244,.13),
    0 0 18px rgba(255,241,90,.10);
}
body.spFeverOn #spFeverEdgeGlow{
  opacity:1;
}

/* ===== inline-style-60 (source line 10733) ===== */
/* === FEVER DOPAMINE V2 - STRONGER BUT SAFE === */
#spFeverBurstText{
  position:fixed;
  left:50%;
  top:42%;
  transform:translate(-50%,-50%) scale(.8);
  z-index:9998;
  pointer-events:none;
  opacity:0;
  font:900 42px Arial, sans-serif;
  letter-spacing:.04em;
  color:#fff15a;
  text-shadow:
    0 0 10px rgba(255,241,90,.95),
    0 0 24px rgba(255,92,244,.75),
    0 0 42px rgba(89,247,255,.55),
    0 3px 0 rgba(0,0,0,.55);
}
body.spFeverKick2 #spFeverBurstText{
  animation:spFeverTextPop2 .72s ease-out both;
}

#spFeverDopaOverlay2{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9996;
  opacity:0;
  background:
    radial-gradient(circle at 50% 48%, rgba(255,241,90,.34) 0%, rgba(255,92,244,.16) 22%, rgba(89,247,255,.10) 42%, transparent 64%),
    radial-gradient(circle at 50% 50%, transparent 0 42%, rgba(0,0,0,.28) 70%, rgba(0,0,0,.70) 100%);
  transition:opacity .16s ease;
}
body.spFeverOn2 #spFeverDopaOverlay2{
  opacity:1;
  animation:spFeverBreath2 .72s ease-in-out infinite alternate;
}

#spFeverRing2{
  position:fixed;
  left:50%;
  top:50%;
  width:120px;
  height:120px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:3px solid rgba(255,241,90,.0);
  pointer-events:none;
  z-index:9997;
  opacity:0;
}
body.spFeverKick2 #spFeverRing2{
  animation:spFeverRingBoom2 .58s ease-out both;
}

body.spFeverOn2 canvas{
  filter:saturate(1.34) contrast(1.16) brightness(.90);
}
body.spFeverKick2 canvas{
  animation:spFeverPunch2 .36s ease-out both;
}

@keyframes spFeverTextPop2{
  0%{opacity:0; transform:translate(-50%,-50%) scale(.45) rotate(-4deg);}
  16%{opacity:1; transform:translate(-50%,-50%) scale(1.18) rotate(2deg);}
  54%{opacity:1; transform:translate(-50%,-50%) scale(1.0) rotate(0);}
  100%{opacity:0; transform:translate(-50%,-74%) scale(.92);}
}
@keyframes spFeverRingBoom2{
  0%{opacity:0; width:80px; height:80px; border-color:rgba(255,255,255,.95);}
  15%{opacity:1; border-color:rgba(255,241,90,.90);}
  100%{opacity:0; width:520px; height:520px; border-color:rgba(89,247,255,.0);}
}
@keyframes spFeverPunch2{
  0%{transform:scale(1);}
  30%{transform:scale(1.045);}
  100%{transform:scale(1);}
}
@keyframes spFeverBreath2{
  from{filter:brightness(1) saturate(1);}
  to{filter:brightness(1.20) saturate(1.18);}
}

/* ===== inline-style-61 (source line 11039) ===== */
/* === FEVER FOCUSED V3 OVERRIDES ===
   - Stronger entry "pull-in" punch.
   - Less bright wash inside the square.
   - Orb symbols/effects only during fever.
*/
body.spFeverOn2 #spFeverDopaOverlay2,
body.spFeverOn #spFeverDopaOverlay{
  opacity:.62 !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(255,241,90,.16) 0%, rgba(255,92,244,.07) 24%, rgba(89,247,255,.04) 42%, transparent 66%),
    radial-gradient(circle at 50% 50%, transparent 0 38%, rgba(0,0,0,.34) 70%, rgba(0,0,0,.76) 100%) !important;
}

body.spFeverOn2 canvas,
body.spFeverOn canvas{
  filter:saturate(1.28) contrast(1.12) brightness(.84) !important;
}

body.spFeverKick2 canvas{
  animation:spFeverPullPunchV3 .48s cubic-bezier(.12,.9,.18,1) both !important;
}

body.spFeverKick2 #spFeverRing2{
  animation:spFeverRingBoomV3 .68s ease-out both !important;
}

@keyframes spFeverPullPunchV3{
  0%{transform:scale(1); filter:saturate(1.1) contrast(1.05) brightness(.78);}
  18%{transform:scale(.955); filter:saturate(1.55) contrast(1.24) brightness(.74);}
  42%{transform:scale(1.072); filter:saturate(1.38) contrast(1.18) brightness(.86);}
  100%{transform:scale(1); filter:saturate(1.28) contrast(1.12) brightness(.84);}
}

@keyframes spFeverRingBoomV3{
  0%{opacity:0; width:72px; height:72px; border-color:rgba(255,255,255,.92);}
  18%{opacity:1; width:160px; height:160px; border-color:rgba(255,241,90,.92);}
  100%{opacity:0; width:640px; height:640px; border-color:rgba(89,247,255,0);}
}

/* ===== inline-style-62 (source line 13039) ===== */
/* === SAFE SKIN ICON FIX ===
   Icons only. Does not touch in-game canvas drawing.
   Fixes small result/shop icons by using simplified CSS-only icon art.
*/
.skinPreview.smile,
.skinPreview.baseball,
.skinPreview.doggo,
.skinPreview.cat{
  position:relative !important;
  overflow:hidden !important;
  background:none !important;
  border:1px solid rgba(255,255,255,.30) !important;
  box-shadow:0 0 8px rgba(255,255,255,.18) !important;
  filter:none !important;
}

.skinPreview.smile::before,
.skinPreview.baseball::before,
.skinPreview.doggo::before,
.skinPreview.cat::before,
.skinPreview.smile::after,
.skinPreview.baseball::after,
.skinPreview.doggo::after,
.skinPreview.cat::after{
  content:"" !important;
  position:absolute !important;
  display:block !important;
  box-sizing:border-box !important;
}

/* Smile icon: simple clean happy face, no in-game expression complexity */
.skinPreview.smile{
  background:radial-gradient(circle at 35% 28%,#fff8a5 0%,#ffd84a 48%,#ff9d1f 100%) !important;
}
.skinPreview.smile::before{
  left:25% !important;
  top:31% !important;
  width:50% !important;
  height:12% !important;
  background:
    radial-gradient(circle at 18% 50%,#17110d 0 28%,transparent 31%),
    radial-gradient(circle at 82% 50%,#17110d 0 28%,transparent 31%) !important;
}
.skinPreview.smile::after{
  left:27% !important;
  top:54% !important;
  width:46% !important;
  height:22% !important;
  border-bottom:2px solid #17110d !important;
  border-radius:0 0 999px 999px !important;
}

/* Baseball icon: clean ball with red seams */
.skinPreview.baseball{
  background:radial-gradient(circle at 35% 28%,#ffffff 0%,#f4f4f4 58%,#cfcfcf 100%) !important;
}
.skinPreview.baseball::before{
  inset:8% !important;
  border-radius:50% !important;
  border-left:2px solid #d92929 !important;
  border-right:2px solid #d92929 !important;
  transform:rotate(-24deg) !important;
  opacity:.95 !important;
}
.skinPreview.baseball::after{
  left:22% !important;
  top:16% !important;
  width:56% !important;
  height:68% !important;
  background:
    repeating-linear-gradient(102deg, transparent 0 5px, rgba(217,41,41,.95) 5px 6.5px, transparent 6.5px 9px),
    repeating-linear-gradient(78deg, transparent 0 5px, rgba(217,41,41,.95) 5px 6.5px, transparent 6.5px 9px) !important;
  opacity:.55 !important;
  clip-path:ellipse(32% 48% at 50% 50%) !important;
}

/* Doggo icon: cute face simplified */
.skinPreview.doggo{
  background:radial-gradient(circle at 35% 28%,#fff7e8 0%,#ffd98f 54%,#c88945 100%) !important;
}
.skinPreview.doggo::before{
  left:22% !important;
  top:34% !important;
  width:56% !important;
  height:44% !important;
  background:
    radial-gradient(circle at 25% 28%,#2a211c 0 10%,transparent 12%),
    radial-gradient(circle at 75% 28%,#2a211c 0 10%,transparent 12%),
    radial-gradient(ellipse at 50% 58%,#2a211c 0 10%,transparent 12%),
    radial-gradient(ellipse at 50% 72%,rgba(255,247,232,.85) 0 36%,transparent 38%) !important;
  border-radius:50% !important;
}
.skinPreview.doggo::after{
  left:12% !important;
  top:15% !important;
  width:76% !important;
  height:34% !important;
  background:
    radial-gradient(ellipse at 9% 65%,#8b5b2a 0 20%,transparent 22%),
    radial-gradient(ellipse at 91% 65%,#8b5b2a 0 20%,transparent 22%) !important;
}

/* Cat icon: cream/pink face, clear ears/whisker feel */
.skinPreview.cat{
  background:radial-gradient(circle at 35% 28%,#fff7e8 0%,#ffc1df 58%,#ff6fae 100%) !important;
}
.skinPreview.cat::before{
  left:17% !important;
  top:13% !important;
  width:66% !important;
  height:50% !important;
  background:
    linear-gradient(135deg, transparent 0 30%,#fff7e8 31% 65%,transparent 66%) left top/36% 45% no-repeat,
    linear-gradient(225deg, transparent 0 30%,#fff7e8 31% 65%,transparent 66%) right top/36% 45% no-repeat,
    radial-gradient(circle at 28% 58%,#2a211c 0 7%,transparent 9%),
    radial-gradient(circle at 72% 58%,#2a211c 0 7%,transparent 9%) !important;
}
.skinPreview.cat::after{
  left:22% !important;
  top:53% !important;
  width:56% !important;
  height:30% !important;
  background:
    radial-gradient(ellipse at 50% 18%,#ff6fae 0 9%,transparent 11%),
    linear-gradient(15deg, transparent 0 45%,rgba(42,33,28,.75) 46% 50%,transparent 51%) left 25% top 48%/38% 26% no-repeat,
    linear-gradient(-15deg, transparent 0 45%,rgba(42,33,28,.75) 46% 50%,transparent 51%) right 25% top 48%/38% 26% no-repeat !important;
  border-bottom:1.5px solid rgba(42,33,28,.85) !important;
  border-radius:0 0 999px 999px !important;
}

/* ===== inline-style-63 (source line 13172) ===== */
/* === SKIN PREVIEW SIMPLE CLEAN FIX ===
   Preview icons only. Use large centered glyphs to avoid tiny CSS-face distortion.
   In-game canvas skins are untouched.
*/
.skinPreview.smile,
.skinPreview.baseball,
.skinPreview.doggo,
.skinPreview.cat{
  position:relative !important;
  overflow:hidden !important;
  border-radius:50% !important;
  background:none !important;
  border:1px solid rgba(255,255,255,.30) !important;
  box-shadow:0 0 10px rgba(255,255,255,.18) !important;
  filter:none !important;
}

.skinPreview.smile::before,
.skinPreview.baseball::before,
.skinPreview.doggo::before,
.skinPreview.cat::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:50% !important;
  display:block !important;
  box-sizing:border-box !important;
}

.skinPreview.smile::after,
.skinPreview.baseball::after,
.skinPreview.doggo::after,
.skinPreview.cat::after{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:auto !important;
  border:0 !important;
  background:none !important;
  clip-path:none !important;
  transform:none !important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
  font-size:72% !important;
  line-height:1 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
}

.skinPreview.smile::before{
  background:radial-gradient(circle at 35% 28%,#fff8a5 0%,#ffd84a 52%,#ff9d1f 100%) !important;
}
.skinPreview.smile::after{
  content:"🙂" !important;
  font-size:78% !important;
}

.skinPreview.baseball::before{
  background:radial-gradient(circle at 35% 28%,#fff 0%,#f4f4f4 58%,#cfcfcf 100%) !important;
}
.skinPreview.baseball::after{
  content:"⚾" !important;
  font-size:86% !important;
  color:#d92929 !important;
  text-shadow:none !important;
}

.skinPreview.doggo::before{
  background:radial-gradient(circle at 35% 28%,#fff7e8 0%,#ffd98f 58%,#c88945 100%) !important;
}
.skinPreview.doggo::after{
  content:"🐶" !important;
  font-size:82% !important;
}

.skinPreview.cat::before{
  background:radial-gradient(circle at 35% 28%,#fff7e8 0%,#ffc1df 60%,#ff6fae 100%) !important;
}
.skinPreview.cat::after{
  content:"🐱" !important;
  font-size:82% !important;
}

/* ===== inline-style-64 (source line 13259) ===== */
/* === DRAWN CLEAN SKIN ICONS v2 ===
   Proper CSS-drawn preview icons.
   Scope: skinPreview only. In-game canvas skins untouched.
*/
.skinPreview.smile,
.skinPreview.baseball,
.skinPreview.doggo,
.skinPreview.cat{
  position:relative !important;
  overflow:hidden !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.30) !important;
  box-shadow:
    0 0 8px rgba(255,255,255,.18),
    inset 0 0 8px rgba(255,255,255,.22) !important;
  filter:none !important;
  background:none !important;
}

.skinPreview.smile::before,
.skinPreview.baseball::before,
.skinPreview.doggo::before,
.skinPreview.cat::before,
.skinPreview.smile::after,
.skinPreview.baseball::after,
.skinPreview.doggo::after,
.skinPreview.cat::after{
  content:"" !important;
  position:absolute !important;
  display:block !important;
  box-sizing:border-box !important;
  clip-path:none !important;
  transform:none;
}

/* ---------- BASEBALL ---------- */
.skinPreview.baseball{
  background:
    radial-gradient(circle at 34% 26%, #ffffff 0 23%, #f7f7f7 52%, #d5d5d5 100%) !important;
}
.skinPreview.baseball::before{
  width:48% !important;
  height:82% !important;
  left:10% !important;
  top:9% !important;
  border-radius:50% !important;
  border-right:2.2px solid #d92929 !important;
  transform:rotate(-16deg) !important;
  background:
    repeating-linear-gradient(74deg,
      transparent 0 4px,
      rgba(217,41,41,.92) 4px 5.3px,
      transparent 5.3px 8px) !important;
  background-size:100% 100% !important;
  opacity:.92 !important;
}
.skinPreview.baseball::after{
  width:48% !important;
  height:82% !important;
  right:10% !important;
  top:9% !important;
  border-radius:50% !important;
  border-left:2.2px solid #d92929 !important;
  transform:rotate(-16deg) !important;
  background:
    repeating-linear-gradient(106deg,
      transparent 0 4px,
      rgba(217,41,41,.92) 4px 5.3px,
      transparent 5.3px 8px) !important;
  background-size:100% 100% !important;
  opacity:.92 !important;
}

/* ---------- SMILE ---------- */
.skinPreview.smile{
  background:
    radial-gradient(circle at 34% 25%, #fff7a6 0 24%, #ffd84a 54%, #ff9d1f 100%) !important;
}
.skinPreview.smile::before{
  left:20% !important;
  top:29% !important;
  width:60% !important;
  height:18% !important;
  background:
    radial-gradient(circle at 20% 50%, #17110d 0 19%, transparent 21%),
    radial-gradient(circle at 80% 50%, #17110d 0 19%, transparent 21%) !important;
}
.skinPreview.smile::after{
  left:24% !important;
  top:48% !important;
  width:52% !important;
  height:28% !important;
  border-bottom:2.4px solid #17110d !important;
  border-radius:0 0 999px 999px !important;
}

/* ---------- DOGGO ---------- */
.skinPreview.doggo{
  background:
    radial-gradient(circle at 36% 25%, #fff4d8 0 20%, #ffd98f 54%, #b87833 100%) !important;
}
.skinPreview.doggo::before{
  /* ears + muzzle + eyes + nose all in one clean layer */
  left:10% !important;
  top:12% !important;
  width:80% !important;
  height:76% !important;
  background:
    radial-gradient(ellipse at 15% 28%, #8b5b2a 0 13%, transparent 14%),
    radial-gradient(ellipse at 85% 28%, #8b5b2a 0 13%, transparent 14%),
    radial-gradient(circle at 35% 38%, #2a211c 0 5.5%, transparent 6.5%),
    radial-gradient(circle at 65% 38%, #2a211c 0 5.5%, transparent 6.5%),
    radial-gradient(ellipse at 50% 66%, #fff7e8 0 29%, transparent 30%),
    radial-gradient(ellipse at 50% 57%, #2a211c 0 6.5%, transparent 7.5%) !important;
  border-radius:50% !important;
}
.skinPreview.doggo::after{
  left:36% !important;
  top:61% !important;
  width:28% !important;
  height:17% !important;
  border-bottom:1.6px solid #2a211c !important;
  border-radius:0 0 999px 999px !important;
}

/* ---------- CAT ---------- */
.skinPreview.cat{
  background:
    radial-gradient(circle at 35% 25%, #fff7ee 0 22%, #ffc1df 58%, #ff6fae 100%) !important;
}
.skinPreview.cat::before{
  left:10% !important;
  top:9% !important;
  width:80% !important;
  height:78% !important;
  background:
    linear-gradient(135deg, transparent 0 43%, #fff3df 44% 74%, transparent 75%) left top/38% 34% no-repeat,
    linear-gradient(225deg, transparent 0 43%, #fff3df 44% 74%, transparent 75%) right top/38% 34% no-repeat,
    radial-gradient(circle at 35% 43%, #2a211c 0 5%, transparent 6%),
    radial-gradient(circle at 65% 43%, #2a211c 0 5%, transparent 6%),
    radial-gradient(ellipse at 50% 58%, #ff6fae 0 5%, transparent 6%) !important;
  border-radius:50% !important;
}
.skinPreview.cat::after{
  left:19% !important;
  top:55% !important;
  width:62% !important;
  height:25% !important;
  background:
    linear-gradient(12deg, transparent 0 44%, rgba(42,33,28,.82) 45% 50%, transparent 51%) left 0 top 20%/42% 34% no-repeat,
    linear-gradient(-12deg, transparent 0 44%, rgba(42,33,28,.82) 45% 50%, transparent 51%) right 0 top 20%/42% 34% no-repeat,
    linear-gradient(0deg, transparent 0 43%, rgba(42,33,28,.82) 44% 49%, transparent 50%) center top 62%/42% 32% no-repeat !important;
  border-bottom:1.5px solid #2a211c !important;
  border-radius:0 0 999px 999px !important;
}

/* Keep them readable in reward/result tiny slot */
.rewardPanel .skinPreview.smile,
.rewardPanel .skinPreview.baseball,
.rewardPanel .skinPreview.doggo,
.rewardPanel .skinPreview.cat{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
}

/* Larger list previews keep full detail */
.skinList .skinPreview.smile,
.skinList .skinPreview.baseball,
.skinList .skinPreview.doggo,
.skinList .skinPreview.cat,
.shopList .skinPreview.smile,
.shopList .skinPreview.baseball,
.shopList .skinPreview.doggo,
.shopList .skinPreview.cat{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
}

/* ===== inline-style-65 (source line 13442) ===== */
/* === SVG SKIN ICON BASE64 FIX === */
.skinPreview.smile,
.skinPreview.baseball,
.skinPreview.doggo,
.skinPreview.cat{
  position:relative !important;
  overflow:hidden !important;
  border-radius:50% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:100% 100% !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:0 0 10px rgba(255,255,255,.18) !important;
  filter:none !important;
}
.skinPreview.smile::before,
.skinPreview.baseball::before,
.skinPreview.doggo::before,
.skinPreview.cat::before,
.skinPreview.smile::after,
.skinPreview.baseball::after,
.skinPreview.doggo::after,
.skinPreview.cat::after{
  content:none !important;
  display:none !important;
}
.skinPreview.baseball{ background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+CiAgPGRlZnM+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9ImciIGN4PSIzNSUiIGN5PSIyOCUiIHI9IjcwJSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPgogICAgICA8c3RvcCBvZmZzZXQ9Ii41NSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNjZmNmY2YiLz4KICAgIDwvcmFkaWFsR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxjaXJjbGUgY3g9IjMyIiBjeT0iMzIiIHI9IjI5IiBmaWxsPSJ1cmwoI2cpIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNjUiIHN0cm9rZS13aWR0aD0iMiIvPgogIDxwYXRoIGQ9Ik0xOCA4IEMzMSAxOCAzMSA0NiAxOCA1NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDkyOTI5IiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik00NiA4IEMzMyAxOCAzMyA0NiA0NiA1NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDkyOTI5IiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgogIDxnIHN0cm9rZT0iI2Q5MjkyOSIgc3Ryb2tlLXdpZHRoPSIyLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+CiAgICA8cGF0aCBkPSJNMjAgMTcgbC02IDQgTTIzIDI0IGwtNyAzIE0yNCAzMSBsLTcgMiBNMjMgMzkgbC03IDMgTTIwIDQ3IGwtNiA0Ii8+CiAgICA8cGF0aCBkPSJNNDQgMTcgbDYgNCBNNDEgMjQgbDcgMyBNNDAgMzEgbDcgMiBNNDEgMzkgbDcgMyBNNDQgNDcgbDYgNCIvPgogIDwvZz4KPC9zdmc+") !important; }
.skinPreview.smile{ background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+CiAgPGRlZnM+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9ImciIGN4PSIzNSUiIGN5PSIyNSUiIHI9IjcwJSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZjZhMyIvPgogICAgICA8c3RvcCBvZmZzZXQ9Ii41NSIgc3RvcC1jb2xvcj0iI2ZmZDg0YSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZjlkMWYiLz4KICAgIDwvcmFkaWFsR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxjaXJjbGUgY3g9IjMyIiBjeT0iMzIiIHI9IjI5IiBmaWxsPSJ1cmwoI2cpIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNTUiIHN0cm9rZS13aWR0aD0iMiIvPgogIDxjaXJjbGUgY3g9IjIzIiBjeT0iMjciIHI9IjQiIGZpbGw9IiMxNzExMGQiLz4KICA8Y2lyY2xlIGN4PSI0MSIgY3k9IjI3IiByPSI0IiBmaWxsPSIjMTcxMTBkIi8+CiAgPHBhdGggZD0iTTE5IDM3IEMyMyA0OCA0MSA0OCA0NSAzNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTcxMTBkIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgogIDxlbGxpcHNlIGN4PSIxOCIgY3k9IjM1IiByeD0iNC4yIiByeT0iMi42IiBmaWxsPSIjZmY3ODk2IiBvcGFjaXR5PSIuMzAiLz4KICA8ZWxsaXBzZSBjeD0iNDYiIGN5PSIzNSIgcng9IjQuMiIgcnk9IjIuNiIgZmlsbD0iI2ZmNzg5NiIgb3BhY2l0eT0iLjMwIi8+Cjwvc3ZnPg==") !important; }
.skinPreview.doggo{ background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+CiAgPGRlZnM+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9ImciIGN4PSIzNSUiIGN5PSIyNSUiIHI9IjcyJSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZjRkOCIvPgogICAgICA8c3RvcCBvZmZzZXQ9Ii41OCIgc3RvcC1jb2xvcj0iI2ZmZDk4ZiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNiODc4MzMiLz4KICAgIDwvcmFkaWFsR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxjaXJjbGUgY3g9IjMyIiBjeT0iMzIiIHI9IjI5IiBmaWxsPSJ1cmwoI2cpIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNTUiIHN0cm9rZS13aWR0aD0iMiIvPgogIDxlbGxpcHNlIGN4PSIxNiIgY3k9IjI0IiByeD0iOCIgcnk9IjE0IiBmaWxsPSIjOGI1YjJhIiB0cmFuc2Zvcm09InJvdGF0ZSgtMjggMTYgMjQpIi8+CiAgPGVsbGlwc2UgY3g9IjQ4IiBjeT0iMjQiIHJ4PSI4IiByeT0iMTQiIGZpbGw9IiM4YjViMmEiIHRyYW5zZm9ybT0icm90YXRlKDI4IDQ4IDI0KSIvPgogIDxlbGxpcHNlIGN4PSIzMiIgY3k9IjM5IiByeD0iMTQiIHJ5PSIxMCIgZmlsbD0iI2ZmZjdlOCIvPgogIDxjaXJjbGUgY3g9IjI0IiBjeT0iMjkiIHI9IjMuNiIgZmlsbD0iIzJhMjExYyIvPgogIDxjaXJjbGUgY3g9IjQwIiBjeT0iMjkiIHI9IjMuNiIgZmlsbD0iIzJhMjExYyIvPgogIDxlbGxpcHNlIGN4PSIzMiIgY3k9IjM2IiByeD0iNCIgcnk9IjMiIGZpbGw9IiMyYTIxMWMiLz4KICA8cGF0aCBkPSJNMjcgNDMgQzMwIDQ3IDM0IDQ3IDM3IDQzIiBmaWxsPSJub25lIiBzdHJva2U9IiMyYTIxMWMiIHN0cm9rZS13aWR0aD0iMi42IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8ZWxsaXBzZSBjeD0iMjEiIGN5PSIzNyIgcng9IjMuNiIgcnk9IjIuNCIgZmlsbD0iI2ZmODI5NiIgb3BhY2l0eT0iLjMyIi8+CiAgPGVsbGlwc2UgY3g9IjQzIiBjeT0iMzciIHJ4PSIzLjYiIHJ5PSIyLjQiIGZpbGw9IiNmZjgyOTYiIG9wYWNpdHk9Ii4zMiIvPgo8L3N2Zz4=") !important; }
.skinPreview.cat{ background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+CiAgPGRlZnM+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9ImciIGN4PSIzNSUiIGN5PSIyNiUiIHI9IjcyJSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZjdlZSIvPgogICAgICA8c3RvcCBvZmZzZXQ9Ii42MiIgc3RvcC1jb2xvcj0iI2ZmYzFkZiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZjZmYWUiLz4KICAgIDwvcmFkaWFsR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxjaXJjbGUgY3g9IjMyIiBjeT0iMzIiIHI9IjI5IiBmaWxsPSJ1cmwoI2cpIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNTUiIHN0cm9rZS13aWR0aD0iMiIvPgogIDxwYXRoIGQ9Ik0xNiAyNSBMMjIgOSBMMzAgMjUgWiIgZmlsbD0iI2ZmZjJkZiIgc3Ryb2tlPSIjMmEyMTFjIiBzdHJva2Utb3BhY2l0eT0iLjI1IiBzdHJva2Utd2lkdGg9IjEuNSIvPgogIDxwYXRoIGQ9Ik00OCAyNSBMNDIgOSBMMzQgMjUgWiIgZmlsbD0iI2ZmZjJkZiIgc3Ryb2tlPSIjMmEyMTFjIiBzdHJva2Utb3BhY2l0eT0iLjI1IiBzdHJva2Utd2lkdGg9IjEuNSIvPgogIDxjaXJjbGUgY3g9IjI0IiBjeT0iMzAiIHI9IjMiIGZpbGw9IiMyYTIxMWMiLz4KICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjMwIiByPSIzIiBmaWxsPSIjMmEyMTFjIi8+CiAgPHBhdGggZD0iTTMyIDM2IGwtMyAzIGg2IHoiIGZpbGw9IiNmZjZmYWUiLz4KICA8cGF0aCBkPSJNMjUgNDIgQzI5IDQ2IDM1IDQ2IDM5IDQyIiBmaWxsPSJub25lIiBzdHJva2U9IiMyYTIxMWMiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8ZyBzdHJva2U9IiMyYTIxMWMiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIG9wYWNpdHk9Ii44NSI+CiAgICA8cGF0aCBkPSJNMTAgMzYgTDI0IDM4IE0xMCA0MiBMMjQgNDEgTTU0IDM2IEw0MCAzOCBNNTQgNDIgTDQwIDQxIi8+CiAgPC9nPgo8L3N2Zz4=") !important; }
.rewardPanel .skinPreview.smile,
.rewardPanel .skinPreview.baseball,
.rewardPanel .skinPreview.doggo,
.rewardPanel .skinPreview.cat{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
}
.skinList .skinPreview.smile,
.skinList .skinPreview.baseball,
.skinList .skinPreview.doggo,
.skinList .skinPreview.cat,
.shopList .skinPreview.smile,
.shopList .skinPreview.baseball,
.shopList .skinPreview.doggo,
.shopList .skinPreview.cat{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
}

/* ===== inline-style-66 (source line 13496) ===== */
/* === RESULT WATERMARK LAYER RESTORE ===
   Restore old intent: large skin icon sits BEHIND the score, not beside it.
   Small reward/list icons remain normal.
*/
.resultCard{
  position:relative !important;
  overflow:hidden !important;
}

/* Keep actual result content above watermark */
.resultCard .rankBadge,
.resultCard .resultScore,
.resultCard .resultCaption,
.resultCard .resultStats,
.resultCard .rewardPanel,
.resultCard .rankTitle,
.resultCard .resultRankTable,
.resultCard .btn{
  position:relative !important;
  z-index:2 !important;
}

/* Decorative big skin preview inside result card = background watermark */
.resultCard > .skinPreview,
.resultCard .resultSkinBg,
.resultCard .resultSkinWatermark,
.resultCard .resultBg,
.resultCard .resultTop > .skinPreview,
.resultCard .resultHeader > .skinPreview{
  position:absolute !important;
  z-index:0 !important;
  width:150px !important;
  height:150px !important;
  min-width:150px !important;
  right:-28px !important;
  top:54px !important;
  opacity:.105 !important;
  transform:none !important;
  filter:blur(.4px) saturate(.9) brightness(.9) !important;
  pointer-events:none !important;
  box-shadow:none !important;
}

/* Score itself must be safely above */
.resultCard .resultScore{
  z-index:3 !important;
  text-shadow:
    0 0 18px rgba(255,241,90,.26),
    0 3px 14px rgba(0,0,0,.35) !important;
}

/* Do NOT affect the mini icon in reward panel */
.resultCard .rewardPanel .skinPreview,
.rewardPanel .skinPreview{
  position:relative !important;
  z-index:auto !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  right:auto !important;
  top:auto !important;
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
  box-shadow:0 0 10px rgba(255,255,255,.18) !important;
}

/* ===== inline-style-67 (source line 13566) ===== */
/* === RESULT WATERMARK CENTER RESTORE ===
   Put the large skin watermark back behind the score area, centered like a background.
   Mini reward/list icons are protected below.
*/
.resultCard{
  position:relative !important;
  overflow:hidden !important;
}

/* Foreground UI */
.resultCard .rankBadge,
.resultCard .resultScore,
.resultCard .resultCaption,
.resultCard .resultStats,
.resultCard .rewardPanel,
.resultCard .rankTitle,
.resultCard .resultRankTable,
.resultCard .btn{
  position:relative !important;
  z-index:2 !important;
}

/* Large decorative result skin icon: center behind score */
.resultCard > .skinPreview,
.resultCard .resultSkinBg,
.resultCard .resultSkinWatermark,
.resultCard .resultBg,
.resultCard .resultTop > .skinPreview,
.resultCard .resultHeader > .skinPreview{
  position:absolute !important;
  z-index:0 !important;
  left:50% !important;
  top:118px !important;
  right:auto !important;
  width:185px !important;
  height:185px !important;
  min-width:185px !important;
  transform:translate(-50%,-50%) !important;
  opacity:.070 !important;
  filter:blur(.55px) saturate(.85) brightness(.95) !important;
  pointer-events:none !important;
  box-shadow:none !important;
}

/* Score stays above the watermark */
.resultCard .resultScore{
  z-index:3 !important;
  text-shadow:
    0 0 18px rgba(255,241,90,.26),
    0 3px 14px rgba(0,0,0,.40) !important;
}

/* Protect mini icon in reward panel */
.resultCard .rewardPanel .skinPreview,
.rewardPanel .skinPreview{
  position:relative !important;
  z-index:auto !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  transform:none !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:0 0 10px rgba(255,255,255,.18) !important;
}

/* ===== inline-style-68 (source line 13638) ===== */
/* === RESULT WATERMARK FORCE FIX ===
   The visible big background icon was not the protected mini icon.
   Force any decorative/result skin preview layer back behind the score, centered.
*/

/* Result card is the stacking context */
.resultCard{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* Big decorative skin preview / watermark candidates */
.resultCard::before,
.resultCard::after,
.resultCard .resultSkin,
.resultCard .resultSkinBg,
.resultCard .resultSkinWatermark,
.resultCard .skinWatermark,
.resultCard .bgSkin,
.resultCard .bgIcon,
.resultCard .backgroundSkin,
.resultCard .decorSkin,
.resultCard .resultDecor,
.resultCard [class*="Watermark"],
.resultCard [class*="watermark"],
.resultCard [class*="BgIcon"],
.resultCard [class*="bgIcon"],
.resultCard [class*="ResultSkin"],
.resultCard [class*="resultSkin"]{
  position:absolute !important;
  left:50% !important;
  top:150px !important;
  right:auto !important;
  bottom:auto !important;
  transform:translate(-50%,-50%) !important;
  z-index:0 !important;
  opacity:.060 !important;
  filter:blur(.45px) saturate(.85) brightness(.92) !important;
  pointer-events:none !important;
}

/* If a skinPreview is being used as direct result-card decoration, center it.
   Excludes the reward panel mini icon. */
.resultCard > .skinPreview,
.resultCard > .skinIcon,
.resultCard .resultMain > .skinPreview,
.resultCard .resultHeader > .skinPreview,
.resultCard .resultTop > .skinPreview{
  position:absolute !important;
  left:50% !important;
  top:150px !important;
  right:auto !important;
  bottom:auto !important;
  width:190px !important;
  height:190px !important;
  min-width:190px !important;
  transform:translate(-50%,-50%) !important;
  z-index:0 !important;
  opacity:.060 !important;
  filter:blur(.45px) saturate(.85) brightness(.92) !important;
  pointer-events:none !important;
  box-shadow:none !important;
}

/* All actual UI content floats above the watermark */
.resultCard > *:not(.skinPreview):not(.skinIcon),
.resultCard .rankBadge,
.resultCard .resultScore,
.resultCard .resultCaption,
.resultCard .resultStats,
.resultCard .rewardPanel,
.resultCard .rankTitle,
.resultCard .resultRankTable,
.resultCard .btn{
  position:relative !important;
  z-index:2 !important;
}

.resultCard .resultScore{
  z-index:3 !important;
}

/* Protect all normal small icons in panels/lists/buttons */
.resultCard .rewardPanel .skinPreview,
.rewardPanel .skinPreview,
.skinList .skinPreview,
.shopList .skinPreview{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  transform:none !important;
  z-index:auto !important;
  opacity:1 !important;
  filter:none !important;
  pointer-events:auto !important;
  box-shadow:0 0 10px rgba(255,255,255,.18) !important;
}

.skinList .skinPreview,
.shopList .skinPreview{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
}

/* ===== inline-style-69 (source line 13752) ===== */
/* === RESULT WATERMARK SCORE-BACK FIX ===
   Put the large decorative skin mark behind the SCORE number area,
   not at the whole UI center.
*/
.resultCard{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* Foreground content */
.resultCard .rankBadge,
.resultCard .resultScore,
.resultCard .resultCaption,
.resultCard .resultStats,
.resultCard .rewardPanel,
.resultCard .rankTitle,
.resultCard .resultRankTable,
.resultCard .btn{
  position:relative !important;
  z-index:2 !important;
}
.resultCard .resultScore{ z-index:3 !important; }

/* Large watermark candidates: behind current score area */
.resultCard::before,
.resultCard::after,
.resultCard .resultSkin,
.resultCard .resultSkinBg,
.resultCard .resultSkinWatermark,
.resultCard .skinWatermark,
.resultCard .bgSkin,
.resultCard .bgIcon,
.resultCard .backgroundSkin,
.resultCard .decorSkin,
.resultCard .resultDecor,
.resultCard [class*="Watermark"],
.resultCard [class*="watermark"],
.resultCard [class*="BgIcon"],
.resultCard [class*="bgIcon"],
.resultCard [class*="ResultSkin"],
.resultCard [class*="resultSkin"],
.resultCard > .skinPreview,
.resultCard > .skinIcon,
.resultCard .resultMain > .skinPreview,
.resultCard .resultHeader > .skinPreview,
.resultCard .resultTop > .skinPreview{
  position:absolute !important;
  left:50% !important;
  top:92px !important;
  right:auto !important;
  bottom:auto !important;
  width:176px !important;
  height:176px !important;
  min-width:176px !important;
  transform:translate(-50%,-50%) !important;
  z-index:0 !important;
  opacity:.072 !important;
  filter:blur(.45px) saturate(.85) brightness(.92) !important;
  pointer-events:none !important;
  box-shadow:none !important;
}

/* Keep mini reward/list icons normal */
.resultCard .rewardPanel .skinPreview,
.rewardPanel .skinPreview{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  transform:none !important;
  z-index:auto !important;
  opacity:1 !important;
  filter:none !important;
  pointer-events:auto !important;
  box-shadow:0 0 10px rgba(255,255,255,.18) !important;
}
.skinList .skinPreview,
.shopList .skinPreview{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  transform:none !important;
  z-index:auto !important;
  opacity:1 !important;
  filter:none !important;
  pointer-events:auto !important;
}

/* ===== inline-style-70 (source line 13853) ===== */
/* === RESULT LAYOUT + SCORE WATERMARK FINAL FIX ===
   1) Decorative skin watermark sits directly behind the big score number.
   2) Result card top empty space reduced so bottom buttons fit again.
*/

/* Pull result card upward / reduce wasted top space */
.resultCard{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  padding-top:24px !important;
  margin-top:0 !important;
  transform:translateY(-34px) !important;
}

/* Reduce excess header spacing */
.resultCard .resultTitle,
.resultCard .rankTitle:first-child{
  margin-top:0 !important;
  margin-bottom:10px !important;
}

.resultCard .rankBadge{
  margin-top:2px !important;
  margin-bottom:8px !important;
}

/* Keep actual content above watermark */
.resultCard .rankBadge,
.resultCard .resultScore,
.resultCard .resultCaption,
.resultCard .resultStats,
.resultCard .rewardPanel,
.resultCard .rankTitle,
.resultCard .resultRankTable,
.resultCard .btn{
  position:relative !important;
  z-index:2 !important;
}

.resultCard .resultScore{
  z-index:3 !important;
}

/* Large decorative watermark: directly behind the 1,800 score number */
.resultCard::before,
.resultCard::after,
.resultCard .resultSkin,
.resultCard .resultSkinBg,
.resultCard .resultSkinWatermark,
.resultCard .skinWatermark,
.resultCard .bgSkin,
.resultCard .bgIcon,
.resultCard .backgroundSkin,
.resultCard .decorSkin,
.resultCard .resultDecor,
.resultCard [class*="Watermark"],
.resultCard [class*="watermark"],
.resultCard [class*="BgIcon"],
.resultCard [class*="bgIcon"],
.resultCard [class*="ResultSkin"],
.resultCard [class*="resultSkin"],
.resultCard > .skinPreview,
.resultCard > .skinIcon,
.resultCard .resultMain > .skinPreview,
.resultCard .resultHeader > .skinPreview,
.resultCard .resultTop > .skinPreview{
  position:absolute !important;
  left:50% !important;
  top:172px !important;
  right:auto !important;
  bottom:auto !important;
  width:168px !important;
  height:168px !important;
  min-width:168px !important;
  transform:translate(-50%,-50%) !important;
  z-index:0 !important;
  opacity:.062 !important;
  filter:blur(.45px) saturate(.82) brightness(.92) !important;
  pointer-events:none !important;
  box-shadow:none !important;
}

/* Tighten lower result layout a bit so both buttons show */
.resultCard .resultStats{
  margin-top:10px !important;
}

.resultCard .rewardPanel{
  margin-top:10px !important;
  margin-bottom:10px !important;
}

.resultCard .rankTitle{
  margin-top:12px !important;
  margin-bottom:8px !important;
}

.resultCard .resultRankTable{
  margin-bottom:8px !important;
}

.resultCard .btn{
  margin-top:10px !important;
}

/* Protect mini reward/list icons */
.resultCard .rewardPanel .skinPreview,
.rewardPanel .skinPreview{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  transform:none !important;
  z-index:auto !important;
  opacity:1 !important;
  filter:none !important;
  pointer-events:auto !important;
  box-shadow:0 0 10px rgba(255,255,255,.18) !important;
}
.skinList .skinPreview,
.shopList .skinPreview{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  transform:none !important;
  z-index:auto !important;
  opacity:1 !important;
  filter:none !important;
  pointer-events:auto !important;
}

/* ===== inline-style-71 (source line 13997) ===== */
/* === RESULT WATERMARK ANCHOR FIX ===
   Anchor the decorative skin watermark to the actual score number position.
*/
.resultCard{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.resultCard .rankBadge,
.resultCard .resultScore,
.resultCard .resultCaption,
.resultCard .resultStats,
.resultCard .rewardPanel,
.resultCard .rankTitle,
.resultCard .resultRankTable,
.resultCard .btn{
  position:relative !important;
  z-index:2 !important;
}

.resultCard .resultScore{
  z-index:3 !important;
}

/* Default fallback before JS anchors it */
.resultCard > .skinPreview,
.resultCard > .skinIcon,
.resultCard .resultMain > .skinPreview,
.resultCard .resultHeader > .skinPreview,
.resultCard .resultTop > .skinPreview,
.resultCard .resultSkin,
.resultCard .resultSkinBg,
.resultCard .resultSkinWatermark,
.resultCard .skinWatermark,
.resultCard .bgSkin,
.resultCard .bgIcon,
.resultCard .backgroundSkin,
.resultCard .decorSkin,
.resultCard .resultDecor{
  position:absolute !important;
  left:50% !important;
  top:120px !important;
  right:auto !important;
  bottom:auto !important;
  width:178px !important;
  height:178px !important;
  min-width:178px !important;
  transform:translate(-50%,-50%) !important;
  z-index:0 !important;
  opacity:.060 !important;
  filter:blur(.45px) saturate(.82) brightness(.92) !important;
  pointer-events:none !important;
  box-shadow:none !important;
}

/* Protect mini icons */
.resultCard .rewardPanel .skinPreview,
.rewardPanel .skinPreview{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  transform:none !important;
  z-index:auto !important;
  opacity:1 !important;
  filter:none !important;
  pointer-events:auto !important;
  box-shadow:0 0 10px rgba(255,255,255,.18) !important;
}

/* ===== inline-style-72 (source line 14118) ===== */
/* === FINAL CORRECT FIX ===
   Attach watermark to .resultScore itself (not whole card)
*/

/* make score container anchor */
.resultScore{
  position:relative !important;
}

/* create watermark directly behind score */
.resultScore::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:180px;
  height:180px;
  background-image: var(--result-skin-url);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  opacity:0.06;
  filter:blur(0.4px);
  z-index:-1;
  pointer-events:none;
}

/* remove any previous misplaced big icons */
.resultCard .skinPreview:not(.rewardPanel *){
  display:none !important;
}

/* ===== inline-style-73 (source line 14172) ===== */
/* === RESULT FINAL TIGHTEN ===
   - Score watermark smaller so it does not invade MAX COMBO card.
   - Pull result UI upward to reduce wasted top space.
*/
.resultCard{
  transform:translateY(-54px) !important;
  padding-top:10px !important;
  margin-top:0 !important;
}

/* Smaller score-backed watermark */
.resultScore::after{
  width:138px !important;
  height:138px !important;
  opacity:.055 !important;
  filter:blur(.35px) saturate(.82) brightness(.92) !important;
}

/* tighten vertical spacing around the top result area */
.resultCard .resultTitle,
.resultCard .rankBadge{
  margin-top:0 !important;
}

.resultCard .rankBadge{
  margin-bottom:6px !important;
}

.resultCard .resultScore{
  margin-top:2px !important;
}

.resultCard .resultCaption{
  margin-top:0 !important;
}

.resultCard .resultStats{
  margin-top:8px !important;
}

/* ===== inline-style-74 (source line 14215) ===== */
/* === RESULT TOPSPACE NEGATIVE FIX ===
   The blank space is inside the result card, before resultHeader.
   Pull the actual result content upward in-flow.
*/
.resultCard{
  position:relative !important;
  overflow:hidden !important;
  padding-top:0 !important;
  margin-top:0 !important;
  transform:translateY(-18px) !important;
}

/* Pull the whole result content block upward.
   This moves RESULT/RANK/SCORE/stat/reward/rank/buttons together. */
.resultCard .resultHeader{
  margin-top:-118px !important;
}

/* keep spacing compact after pulling */
.resultCard .resultMainTitle{
  margin-bottom:6px !important;
}
.resultCard .rankBadge,
.resultCard .resultRankBadge{
  margin-top:0 !important;
  margin-bottom:6px !important;
}
.resultCard .resultScoreWrap{
  margin-top:0 !important;
}
.resultCard .statGrid{
  margin-top:8px !important;
}
.resultCard .rewardPanel{
  margin-top:8px !important;
  margin-bottom:8px !important;
}
.resultCard .rankTitle{
  margin-top:10px !important;
  margin-bottom:6px !important;
}
.resultCard .resultRankTable{
  margin-top:0 !important;
  margin-bottom:6px !important;
}
.resultCard .resultBtns{
  margin-top:8px !important;
}

/* score watermark remains behind the score and no longer invades MAX COMBO */
.resultScore::after{
  width:118px !important;
  height:118px !important;
  opacity:.048 !important;
  filter:blur(.35px) saturate(.82) brightness(.92) !important;
}

/* ===== inline-style-75 (source line 14275) ===== */
/* === WATERMARK MASK FIX ===
   Some skins (taegeuk/btc) have rectangular preview backgrounds.
   Result watermark must always be circular/faded behind score.
*/
.resultScore::after{
  width:112px !important;
  height:112px !important;
  opacity:.045 !important;
  border-radius:50% !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center !important;
  -webkit-mask-image:radial-gradient(circle at center, #000 0 58%, rgba(0,0,0,.72) 70%, transparent 100%) !important;
  mask-image:radial-gradient(circle at center, #000 0 58%, rgba(0,0,0,.72) 70%, transparent 100%) !important;
  filter:blur(.35px) saturate(.80) brightness(.88) !important;
}

/* ===== inline-style-76 (source line 14294) ===== */
/* === RESULT IMPACT UPGRADE === */
.resultScore{
  position:relative;
  animation: scorePop .6s ease-out;
}

@keyframes scorePop{
  0%{
    transform:scale(0.6);
    opacity:0;
    filter:blur(6px);
  }
  60%{
    transform:scale(1.12);
    opacity:1;
    filter:blur(0);
  }
  100%{
    transform:scale(1);
  }
}

/* glow pulse */
.resultScore::before{
  content:"";
  position:absolute;
  inset:-12px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,230,120,.25), transparent 70%);
  opacity:0;
  animation: scoreGlow .8s ease-out;
}

@keyframes scoreGlow{
  0%{opacity:0; transform:scale(0.8);}
  50%{opacity:1; transform:scale(1.1);}
  100%{opacity:0; transform:scale(1.3);}
}

/* ===== doggo-cat-icon-force-fix (source line 14904) ===== */
/* FINAL FORCE OVERRIDE: Doggo/Cat skin icons in shop/result/confirm.
   Placed at the very end so older SVG/CSS icon rules cannot override it. */

.skinPreview.doggo,
.skinPreview.cat{
  position:relative !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  border-radius:50% !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  background-image:none !important;
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:100% 100% !important;
}

/* DOGGO: current in-game style, cream face + long floppy ears */
.skinPreview.doggo{
  background:
    radial-gradient(circle at 43% 40%, #fff 0 5%, transparent 6%),
    radial-gradient(circle at 61% 40%, #fff 0 5%, transparent 6%),
    radial-gradient(circle at 39% 58%, rgba(255,150,178,.72) 0 8%, transparent 9%),
    radial-gradient(circle at 61% 58%, rgba(255,150,178,.72) 0 8%, transparent 9%),
    radial-gradient(circle at 41% 42%, #1b1210 0 9%, transparent 10%),
    radial-gradient(circle at 59% 42%, #1b1210 0 9%, transparent 10%),
    radial-gradient(ellipse at 50% 53%, #573426 0 5%, transparent 6%),
    radial-gradient(ellipse at 50% 60%, rgba(255,255,255,.36) 0 24%, transparent 25%),
    radial-gradient(circle at 36% 18%, rgba(255,255,255,.95) 0 15%, transparent 16%),
    radial-gradient(circle at 50% 50%, #fff8e6 0 56%, #f1cf96 91%, transparent 93%) !important;
  box-shadow:0 0 13px rgba(255,217,143,.32) !important;
  outline:1px solid rgba(130,78,36,.24) !important;
}
.skinPreview.doggo::before,
.skinPreview.doggo::after{
  content:"" !important;
  position:absolute !important;
  top:6px !important;
  width:18px !important;
  height:34px !important;
  border-radius:60% 60% 54% 54% !important;
  background:linear-gradient(180deg,#d99b55,#9f612e) !important;
  z-index:-1 !important;
  box-shadow:0 0 7px rgba(255,190,105,.25) !important;
}
.skinPreview.doggo::before{
  left:-7px !important;
  transform:rotate(18deg) !important;
}
.skinPreview.doggo::after{
  right:-7px !important;
  transform:rotate(-18deg) !important;
}

/* CAT: current in-game orange cat + pointy ears + black eyes */
.skinPreview.cat{
  background:
    radial-gradient(circle at 43% 39%, #fff 0 5%, transparent 6%),
    radial-gradient(circle at 61% 39%, #fff 0 5%, transparent 6%),
    radial-gradient(circle at 40% 58%, rgba(255,145,165,.55) 0 8%, transparent 9%),
    radial-gradient(circle at 60% 58%, rgba(255,145,165,.55) 0 8%, transparent 9%),
    radial-gradient(circle at 40% 42%, #1a120f 0 9%, transparent 10%),
    radial-gradient(circle at 60% 42%, #1a120f 0 9%, transparent 10%),
    radial-gradient(ellipse at 50% 54%, #ffadb8 0 5%, transparent 6%),
    linear-gradient(90deg, transparent 0 36%, rgba(120,65,28,.42) 37% 42%, transparent 43% 47%, rgba(120,65,28,.48) 48% 52%, transparent 53% 57%, rgba(120,65,28,.42) 58% 63%, transparent 64%),
    radial-gradient(circle at 35% 24%, rgba(255,235,180,.66) 0 18%, transparent 19%),
    radial-gradient(circle at 50% 50%, #ffc777 0 56%, #d98a3f 91%, transparent 93%) !important;
  box-shadow:0 0 13px rgba(255,170,80,.34) !important;
  outline:1px solid rgba(140,75,30,.28) !important;
}
.skinPreview.cat::before,
.skinPreview.cat::after{
  content:"" !important;
  position:absolute !important;
  top:-9px !important;
  width:22px !important;
  height:25px !important;
  background:
    radial-gradient(ellipse at 55% 58%, #ffbfd0 0 38%, transparent 39%),
    linear-gradient(135deg,#d88943,#b46d2d) !important;
  clip-path:polygon(50% 0%, 100% 100%, 0% 100%) !important;
  z-index:-1 !important;
  filter:drop-shadow(0 0 5px rgba(255,180,80,.30)) !important;
}
.skinPreview.cat::before{
  left:1px !important;
  transform:rotate(-18deg) !important;
}
.skinPreview.cat::after{
  right:1px !important;
  transform:rotate(18deg) !important;
}

/* Keep result panel icons compact */
.rewardPanel .skinPreview.doggo,
.rewardPanel .skinPreview.cat{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
}

/* Equipped glow */
.shopItem.equipped .skinPreview.doggo{
  filter:drop-shadow(0 0 8px rgba(255,217,143,.65)) brightness(1.05) !important;
}
.shopItem.equipped .skinPreview.cat{
  filter:drop-shadow(0 0 8px rgba(255,165,80,.65)) brightness(1.05) !important;
}

/* ===== doggo-cat-final-svg-icons (source line 15019) ===== */
/* FINAL SVG ICONS: replace broken gradient-only icons with stable cute SVGs. */
.skinPreview.doggo,
.skinPreview.cat{
  position:relative !important;
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:50% !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  box-shadow:none !important;
}

.skinPreview.doggo::before,
.skinPreview.doggo::after,
.skinPreview.cat::before,
.skinPreview.cat::after{
  content:none !important;
  display:none !important;
}

.skinPreview.doggo{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22face%22%20cx%3D%2236%25%22%20cy%3D%2230%25%22%20r%3D%2270%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fffefa%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.58%22%20stop-color%3D%22%23fff2d3%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eec27f%22/%3E%0A%20%20%20%20%3C/radialGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22ear%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23d89a55%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2397592d%22/%3E%0A%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22glow%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%222.2%22%20result%3D%22b%22/%3E%0A%20%20%20%20%20%20%3CfeMerge%3E%3CfeMergeNode%20in%3D%22b%22/%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22/%3E%3C/feMerge%3E%0A%20%20%20%20%3C/filter%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cellipse%20cx%3D%2214%22%20cy%3D%2234%22%20rx%3D%229%22%20ry%3D%2219%22%20fill%3D%22url%28%23ear%29%22%20transform%3D%22rotate%2818%2014%2034%29%22/%3E%0A%20%20%3Cellipse%20cx%3D%2250%22%20cy%3D%2234%22%20rx%3D%229%22%20ry%3D%2219%22%20fill%3D%22url%28%23ear%29%22%20transform%3D%22rotate%28-18%2050%2034%29%22/%3E%0A%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2234%22%20r%3D%2225%22%20fill%3D%22url%28%23face%29%22%20stroke%3D%22rgba%28120%2C75%2C35%2C.35%29%22%20stroke-width%3D%221.4%22%20filter%3D%22url%28%23glow%29%22/%3E%0A%20%20%3Cpath%20d%3D%22M27%2013%20Q32%205%2037%2013%22%20fill%3D%22none%22%20stroke%3D%22%23efcb91%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2231%22%20r%3D%224.3%22%20fill%3D%22%23201713%22/%3E%0A%20%20%3Ccircle%20cx%3D%2239.5%22%20cy%3D%2231%22%20r%3D%224.3%22%20fill%3D%22%23201713%22/%3E%0A%20%20%3Ccircle%20cx%3D%2226.1%22%20cy%3D%2229.2%22%20r%3D%221.35%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Ccircle%20cx%3D%2241.1%22%20cy%3D%2229.2%22%20r%3D%221.35%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Cellipse%20cx%3D%2232%22%20cy%3D%2238%22%20rx%3D%223.2%22%20ry%3D%222.2%22%20fill%3D%22%235b3829%22/%3E%0A%20%20%3Cpath%20d%3D%22M32%2040.4%20Q29.2%2044%2025.8%2043.2%20M32%2040.4%20Q34.8%2044%2038.2%2043.2%22%20fill%3D%22none%22%20stroke%3D%22%235b3829%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2240%22%20r%3D%224.4%22%20fill%3D%22%23ff9fb5%22%20opacity%3D%22.65%22/%3E%0A%20%20%3Ccircle%20cx%3D%2242.5%22%20cy%3D%2240%22%20r%3D%224.4%22%20fill%3D%22%23ff9fb5%22%20opacity%3D%22.65%22/%3E%0A%3C/svg%3E") !important;
  filter:drop-shadow(0 0 7px rgba(255,217,143,.45)) !important;
}

.skinPreview.cat{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22catface%22%20cx%3D%2235%25%22%20cy%3D%2230%25%22%20r%3D%2275%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe6b8%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.58%22%20stop-color%3D%22%23ffc36c%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d98538%22/%3E%0A%20%20%20%20%3C/radialGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22earO%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23db8b43%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ad6429%22/%3E%0A%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22glow%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%222%22%20result%3D%22b%22/%3E%0A%20%20%20%20%20%20%3CfeMerge%3E%3CfeMergeNode%20in%3D%22b%22/%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22/%3E%3C/feMerge%3E%0A%20%20%20%20%3C/filter%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20d%3D%22M13%2024%20L23%206%20Q28%2019%2024%2027%20Z%22%20fill%3D%22url%28%23earO%29%22%20stroke%3D%22%23ffd38b%22%20stroke-width%3D%221.2%22/%3E%0A%20%20%3Cpath%20d%3D%22M51%2024%20L41%206%20Q36%2019%2040%2027%20Z%22%20fill%3D%22url%28%23earO%29%22%20stroke%3D%22%23ffd38b%22%20stroke-width%3D%221.2%22/%3E%0A%20%20%3Cpath%20d%3D%22M17%2022%20L22%2012%20L23%2025%20Z%22%20fill%3D%22%23ffb8ca%22%20opacity%3D%22.9%22/%3E%0A%20%20%3Cpath%20d%3D%22M47%2022%20L42%2012%20L41%2025%20Z%22%20fill%3D%22%23ffb8ca%22%20opacity%3D%22.9%22/%3E%0A%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2235%22%20r%3D%2225%22%20fill%3D%22url%28%23catface%29%22%20stroke%3D%22rgba%28125%2C70%2C26%2C.35%29%22%20stroke-width%3D%221.4%22%20filter%3D%22url%28%23glow%29%22/%3E%0A%20%20%3Cpath%20d%3D%22M25%2012%20C25%2019%2024%2023%2022%2027%22%20fill%3D%22none%22%20stroke%3D%22%23a95b24%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22/%3E%0A%20%20%3Cpath%20d%3D%22M32%2010%20C32%2019%2032%2024%2032%2028%22%20fill%3D%22none%22%20stroke%3D%22%23a95b24%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%3Cpath%20d%3D%22M39%2012%20C39%2019%2040%2023%2042%2027%22%20fill%3D%22none%22%20stroke%3D%22%23a95b24%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22/%3E%0A%20%20%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2234%22%20r%3D%224.5%22%20fill%3D%22%231a120f%22/%3E%0A%20%20%3Ccircle%20cx%3D%2239.5%22%20cy%3D%2234%22%20r%3D%224.5%22%20fill%3D%22%231a120f%22/%3E%0A%20%20%3Ccircle%20cx%3D%2226%22%20cy%3D%2232.2%22%20r%3D%221.4%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Ccircle%20cx%3D%2241%22%20cy%3D%2232.2%22%20r%3D%221.4%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Cellipse%20cx%3D%2232%22%20cy%3D%2240%22%20rx%3D%222.8%22%20ry%3D%222%22%20fill%3D%22%23ff9faa%22/%3E%0A%20%20%3Cpath%20d%3D%22M32%2042%20Q29.2%2045.4%2026.2%2044.5%20M32%2042%20Q34.8%2045.4%2037.8%2044.5%22%20fill%3D%22none%22%20stroke%3D%22%23704024%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3Ccircle%20cx%3D%2220.5%22%20cy%3D%2242%22%20r%3D%224.1%22%20fill%3D%22%23ff9baa%22%20opacity%3D%22.48%22/%3E%0A%20%20%3Ccircle%20cx%3D%2243.5%22%20cy%3D%2242%22%20r%3D%224.1%22%20fill%3D%22%23ff9baa%22%20opacity%3D%22.48%22/%3E%0A%20%20%3Cpath%20d%3D%22M18%2037%20L8%2035%20M18%2041%20L8%2042%20M46%2037%20L56%2035%20M46%2041%20L56%2042%22%20stroke%3D%22%2381502a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%3C/svg%3E") !important;
  filter:drop-shadow(0 0 7px rgba(255,170,80,.45)) !important;
}

.shopItem.equipped .skinPreview.doggo{
  filter:drop-shadow(0 0 9px rgba(255,217,143,.7)) brightness(1.04) !important;
}
.shopItem.equipped .skinPreview.cat{
  filter:drop-shadow(0 0 9px rgba(255,165,80,.7)) brightness(1.04) !important;
}

.rewardPanel .skinPreview.doggo,
.rewardPanel .skinPreview.cat{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
}

/* ===== final-new-skin-icons-polish (source line 15111) ===== */
.skinPreview.soccer,.skinPreview.tangerine,.skinPreview.earth{
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.skinPreview.soccer{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%3Cdefs%3E%0A%3CradialGradient%20id%3D%22b%22%20cx%3D%2234%25%22%20cy%3D%2226%25%22%20r%3D%2275%25%22%3E%0A%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffffff%22/%3E%0A%3Cstop%20offset%3D%22.60%22%20stop-color%3D%22%23f2f2f2%22/%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bfc4c9%22/%3E%0A%3C/radialGradient%3E%0A%3C/defs%3E%0A%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2228%22%20fill%3D%22url%28%23b%29%22%20stroke%3D%22%23202020%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.5%22/%3E%0A%3Cg%20fill%3D%22%23111%22%3E%0A%3Cpolygon%20points%3D%2232%2C18%2041%2C25%2038%2C36%2026%2C36%2023%2C25%22/%3E%0A%3Cpolygon%20points%3D%2215%2C16%2025%2C19%2023%2C30%2012%2C31%209%2C22%22/%3E%0A%3Cpolygon%20points%3D%2249%2C16%2055%2C22%2052%2C31%2041%2C30%2039%2C19%22/%3E%0A%3Cpolygon%20points%3D%2212%2C45%2021%2C38%2031%2C44%2027%2C55%2017%2C55%22/%3E%0A%3Cpolygon%20points%3D%2252%2C45%2043%2C38%2033%2C44%2037%2C55%2047%2C55%22/%3E%0A%3C/g%3E%0A%3Cg%20stroke%3D%22%23111%22%20stroke-opacity%3D%22.42%22%20stroke-width%3D%222.1%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M23%2025%20L15%2016%20M41%2025%20L49%2016%20M26%2036%20L21%2038%20M38%2036%20L43%2038%22/%3E%0A%3Cpath%20d%3D%22M32%2018%20L32%208%20M23%2030%20L12%2031%20M41%2030%20L52%2031%20M31%2044%20L33%2044%22/%3E%0A%3C/g%3E%0A%3C/svg%3E") !important; filter:none !important;}
.skinPreview.tangerine{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%3Cdefs%3E%0A%3CradialGradient%20id%3D%22t%22%20cx%3D%2236%25%22%20cy%3D%2228%25%22%20r%3D%2274%25%22%3E%0A%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe7a9%22/%3E%0A%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ffb13f%22/%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dc7a18%22/%3E%0A%3C/radialGradient%3E%0A%3C/defs%3E%0A%3Ccircle%20cx%3D%2232%22%20cy%3D%2233%22%20r%3D%2227%22%20fill%3D%22url%28%23t%29%22%20stroke%3D%22%23b65e12%22%20stroke-opacity%3D%22.30%22%20stroke-width%3D%221.4%22/%3E%0A%3Cpath%20d%3D%22M32%2012%20C30%208%2034%206%2038%208%20C39%2011%2036%2014%2032%2012Z%22%20fill%3D%22%234f9a33%22/%3E%0A%3Cpath%20d%3D%22M35%209%20C42%204%2049%208%2047%2014%20C41%2015%2037%2013%2035%209Z%22%20fill%3D%22%2372bd3e%22/%3E%0A%3Cg%20stroke%3D%22%23ffcf69%22%20stroke-width%3D%221.5%22%20opacity%3D%22.35%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M32%2020%20L32%2047%22/%3E%0A%3Cpath%20d%3D%22M20%2033%20L45%2033%22/%3E%0A%3Cpath%20d%3D%22M23%2023%20L42%2043%22/%3E%0A%3Cpath%20d%3D%22M42%2023%20L23%2043%22/%3E%0A%3C/g%3E%0A%3Ccircle%20cx%3D%2223%22%20cy%3D%2224%22%20r%3D%226%22%20fill%3D%22%23fff3b9%22%20opacity%3D%22.30%22/%3E%0A%3Cg%20fill%3D%22%23ffd36a%22%20opacity%3D%22.35%22%3E%0A%3Ccircle%20cx%3D%2222%22%20cy%3D%2242%22%20r%3D%221.5%22/%3E%3Ccircle%20cx%3D%2241%22%20cy%3D%2230%22%20r%3D%221.4%22/%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2249%22%20r%3D%221.2%22/%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%2239%22%20r%3D%221.3%22/%3E%0A%3C/g%3E%0A%3C/svg%3E") !important; filter:drop-shadow(0 0 8px rgba(255,159,47,.58)) !important;}
.skinPreview.earth{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%3Cdefs%3E%3CradialGradient%20id%3D%22e%22%20cx%3D%2235%25%22%20cy%3D%2225%25%22%20r%3D%2275%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2387efff%22/%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%232798ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230f3f95%22/%3E%3C/radialGradient%3E%3C/defs%3E%0A%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2228%22%20fill%3D%22url%28%23e%29%22%20stroke%3D%22%237fe8ff%22%20stroke-opacity%3D%22.38%22%20stroke-width%3D%221.4%22/%3E%0A%3Cpath%20d%3D%22M15%2025%20C20%2014%2029%2015%2028%2025%20C27%2035%2018%2034%2015%2025Z%22%20fill%3D%22%2358c86b%22/%3E%0A%3Cpath%20d%3D%22M35%2022%20C45%2018%2055%2027%2048%2039%20C42%2048%2034%2040%2037%2032%20C39%2027%2032%2027%2035%2022Z%22%20fill%3D%22%2358c86b%22/%3E%0A%3Cpath%20d%3D%22M18%2043%20C26%2039%2033%2043%2029%2051%20C24%2052%2020%2049%2018%2043Z%22%20fill%3D%22%2358c86b%22/%3E%0A%3Cpath%20d%3D%22M12%2030%20C25%2024%2040%2025%2052%2033%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.55%29%22%20stroke-width%3D%223%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%0A%3Cpath%20d%3D%22M18%2047%20C30%2052%2042%2050%2050%2044%22%20stroke%3D%22rgba%28255%2C255%2C255%2C.38%29%22%20stroke-width%3D%222.5%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%0A%3C/svg%3E") !important; filter:drop-shadow(0 0 8px rgba(43,156,255,.58)) !important;}
.skinPreview.soccer::before,.skinPreview.soccer::after,
.skinPreview.tangerine::before,.skinPreview.tangerine::after,
.skinPreview.earth::before,.skinPreview.earth::after{content:none !important; display:none !important;}

/* ===== soccer-icon-only-final (source line 15258) ===== */
/* SOCCER ICON ONLY FIX - does not touch in-game ball, target, text, or effects */
.skinPreview.soccer{
  width:40px !important;
  height:44px !important;
  min-width:44px !important;
  border-radius:50% !important;
  overflow:visible !important;
  background:transparent !important;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22ball%22%20cx%3D%2235%25%22%20cy%3D%2228%25%22%20r%3D%2275%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffffff%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.58%22%20stop-color%3D%22%23f4f4f4%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bfc4c9%22/%3E%0A%20%20%20%20%3C/radialGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22soft%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%220.25%22/%3E%0A%20%20%20%20%3C/filter%3E%0A%20%20%3C/defs%3E%0A%0A%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2228%22%20fill%3D%22url%28%23ball%29%22%20stroke%3D%22%23222%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.5%22/%3E%0A%0A%20%20%3C%21--%20center%20pentagon%20--%3E%0A%20%20%3Cpolygon%20points%3D%2232%2C19%2042%2C26%2038%2C38%2026%2C38%2022%2C26%22%20fill%3D%22%23111%22/%3E%0A%0A%20%20%3C%21--%20surrounding%20black%20panels%2C%20emoji-like%20--%3E%0A%20%20%3Cpolygon%20points%3D%2215%2C13%2025%2C17%2023%2C28%2012%2C30%208%2C21%22%20fill%3D%22%23111%22/%3E%0A%20%20%3Cpolygon%20points%3D%2249%2C13%2056%2C21%2052%2C30%2041%2C28%2039%2C17%22%20fill%3D%22%23111%22/%3E%0A%20%20%3Cpolygon%20points%3D%2210%2C44%2020%2C38%2031%2C45%2027%2C57%2016%2C56%22%20fill%3D%22%23111%22/%3E%0A%20%20%3Cpolygon%20points%3D%2254%2C44%2044%2C38%2033%2C45%2037%2C57%2048%2C56%22%20fill%3D%22%23111%22/%3E%0A%0A%20%20%3C%21--%20seams%20--%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23111%22%20stroke-opacity%3D%22.45%22%20stroke-width%3D%222.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M22%2026%20L15%2013%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M42%2026%20L49%2013%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M26%2038%20L20%2038%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M38%2038%20L44%2038%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M31%2045%20L33%2045%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M32%2019%20L32%206%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M12%2030%20C14%2035%2015%2039%2010%2044%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2030%20C50%2035%2049%2039%2054%2044%22/%3E%0A%20%20%3C/g%3E%0A%0A%20%20%3C%21--%20highlight%20--%3E%0A%20%20%3Ccircle%20cx%3D%2222%22%20cy%3D%2218%22%20r%3D%227%22%20fill%3D%22%23fff%22%20opacity%3D%22.38%22/%3E%0A%3C/svg%3E") !important;
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.46)) !important;
}
.skinPreview.soccer::before,
.skinPreview.soccer::after{
  content:none !important;
  display:none !important;
}
.shopItem.equipped .skinPreview.soccer{
  filter:brightness(1.02) contrast(1.12) !important;
}
.rewardPanel .skinPreview.soccer{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
}

/* ===== soccer-icon-rework-v2 (source line 15293) ===== */
.skinPreview.soccer{
  background-image:url("data:image/svg+xml;charset=utf-8,%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22g%22%20cx%3D%2234%25%22%20cy%3D%2228%25%22%20r%3D%2275%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ffffff%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2262%25%22%20stop-color%3D%22%23f3f3f3%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23d6d6d6%22/%3E%0A%20%20%20%20%3C/radialGradient%3E%0A%20%20%3C/defs%3E%0A%0A%20%20%3C%21--%20base%20--%3E%0A%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2228%22%20fill%3D%22url%28%23g%29%22%20stroke%3D%22%231f1f1f%22%20stroke-opacity%3D%22.18%22%20stroke-width%3D%221.2%22/%3E%0A%0A%20%20%3C%21--%20central%20pentagon%20--%3E%0A%20%20%3Cpolygon%20points%3D%2232%2C22%2039%2C27%2036.5%2C35%2027.5%2C35%2025%2C27%22%0A%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23121212%22/%3E%0A%0A%20%20%3C%21--%20surrounding%20patches%20--%3E%0A%20%20%3Cpolygon%20points%3D%2216%2C18%2023%2C21%2022%2C29%2014%2C31%2011%2C24%22%0A%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23121212%22/%3E%0A%0A%20%20%3Cpolygon%20points%3D%2248%2C18%2053%2C24%2050%2C31%2042%2C29%2041%2C21%22%0A%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23121212%22/%3E%0A%0A%20%20%3Cpolygon%20points%3D%2215%2C44%2022%2C39%2029%2C43%2027%2C52%2018%2C53%22%0A%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23121212%22/%3E%0A%0A%20%20%3Cpolygon%20points%3D%2249%2C44%2042%2C39%2035%2C43%2037%2C52%2046%2C53%22%0A%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23121212%22/%3E%0A%0A%20%20%3C%21--%20seam%20curves%20--%3E%0A%20%20%3Cg%20fill%3D%22none%22%0A%20%20%20%20%20stroke%3D%22%23121212%22%0A%20%20%20%20%20stroke-opacity%3D%22.30%22%0A%20%20%20%20%20stroke-width%3D%221.8%22%0A%20%20%20%20%20stroke-linecap%3D%22round%22%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M25%2027%20L22%2029%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M39%2027%20L42%2029%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M27.5%2035%20L29%2043%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M36.5%2035%20L35%2043%22/%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M22%2021%20Q30%2016%2041%2021%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M14%2031%20Q18%2037%2022%2039%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M50%2031%20Q46%2037%2042%2039%22/%3E%0A%0A%20%20%3C/g%3E%0A%0A%20%20%3C%21--%20soft%20highlight%20--%3E%0A%20%20%3Cellipse%20cx%3D%2222%22%20cy%3D%2218%22%0A%20%20%20%20%20%20%20%20%20%20%20rx%3D%227%22%20ry%3D%225%22%0A%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23ffffff%22%0A%20%20%20%20%20%20%20%20%20%20%20opacity%3D%22.34%22/%3E%0A%3C/svg%3E%0A") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  background-color:transparent !important;
  border:none !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.38)) !important;
}
.skinPreview.soccer::before,
.skinPreview.soccer::after{
  display:none !important;
  content:none !important;
}

/* ===== soccer-icon-emoji-final-fix (source line 15312) ===== */
/* SOCCER ICON ONLY: use native ⚽ emoji-style rendering.
   This touches only the skin menu/result/confirm preview icon. */
.skinPreview.soccer{
  width:40px !important;
  height:44px !important;
  min-width:44px !important;
  border-radius:50% !important;
  overflow:visible !important;
  background:transparent !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  filter:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.skinPreview.soccer::before{
  content:"⚽" !important;
  display:block !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  background:none !important;
  box-shadow:none !important;
  transform:none !important;
  font-size:33px !important;
  line-height:1 !important;
  filter:contrast(1.35) saturate(0.92) brightness(0.92) !important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Arial,sans-serif !important;
}

.skinPreview.soccer::after{
  content:none !important;
  display:none !important;
}

.shopItem.equipped .skinPreview.soccer{
  filter:brightness(1.02) contrast(1.12) !important;
}

.rewardPanel .skinPreview.soccer{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
}

.rewardPanel .skinPreview.soccer::before{
  font-size:30px !important;
}

/* ===== soccer-size-final-balance (source line 15369) ===== */
/* Soccer preview icon only: match other skin icon visual size */
.skinPreview.soccer{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  filter:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.skinPreview.soccer::before{
  content:"⚽" !important;
  display:block !important;
  position:static !important;
  background:none !important;
  box-shadow:none !important;
  transform:none !important;
  font-size:30px !important;
  line-height:1 !important;
  filter:contrast(1.18) brightness(.96) !important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Arial,sans-serif !important;
}
.skinPreview.soccer::after{
  content:none !important;
  display:none !important;
}
.rewardPanel .skinPreview.soccer{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
}
.rewardPanel .skinPreview.soccer::before{
  font-size:26px !important;
}

/* ===== dogcat-icon-restore-final (source line 15412) ===== */
/* Restore Doggo/Cat preview icons after soccer icon tuning */
.skinPreview.doggo,
.skinPreview.cat{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:50% !important;
  overflow:visible !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:0 0 10px rgba(255,255,255,.14) !important;
}
.shopList .skinPreview.doggo,
.shopList .skinPreview.cat{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
}
.skinPreview.doggo::before,
.skinPreview.doggo::after,
.skinPreview.cat::before,
.skinPreview.cat::after{
  content:none !important;
  display:none !important;
}
.skinPreview.doggo{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22face%22%20cx%3D%2236%25%22%20cy%3D%2230%25%22%20r%3D%2270%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fffefa%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.58%22%20stop-color%3D%22%23fff2d3%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eec27f%22/%3E%0A%20%20%20%20%3C/radialGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22ear%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23d89a55%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2397592d%22/%3E%0A%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22glow%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%222.2%22%20result%3D%22b%22/%3E%0A%20%20%20%20%20%20%3CfeMerge%3E%3CfeMergeNode%20in%3D%22b%22/%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22/%3E%3C/feMerge%3E%0A%20%20%20%20%3C/filter%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cellipse%20cx%3D%2214%22%20cy%3D%2234%22%20rx%3D%229%22%20ry%3D%2219%22%20fill%3D%22url%28%23ear%29%22%20transform%3D%22rotate%2818%2014%2034%29%22/%3E%0A%20%20%3Cellipse%20cx%3D%2250%22%20cy%3D%2234%22%20rx%3D%229%22%20ry%3D%2219%22%20fill%3D%22url%28%23ear%29%22%20transform%3D%22rotate%28-18%2050%2034%29%22/%3E%0A%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2234%22%20r%3D%2225%22%20fill%3D%22url%28%23face%29%22%20stroke%3D%22rgba%28120%2C75%2C35%2C.35%29%22%20stroke-width%3D%221.4%22%20filter%3D%22url%28%23glow%29%22/%3E%0A%20%20%3Cpath%20d%3D%22M27%2013%20Q32%205%2037%2013%22%20fill%3D%22none%22%20stroke%3D%22%23efcb91%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2231%22%20r%3D%224.3%22%20fill%3D%22%23201713%22/%3E%0A%20%20%3Ccircle%20cx%3D%2239.5%22%20cy%3D%2231%22%20r%3D%224.3%22%20fill%3D%22%23201713%22/%3E%0A%20%20%3Ccircle%20cx%3D%2226.1%22%20cy%3D%2229.2%22%20r%3D%221.35%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Ccircle%20cx%3D%2241.1%22%20cy%3D%2229.2%22%20r%3D%221.35%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Cellipse%20cx%3D%2232%22%20cy%3D%2238%22%20rx%3D%223.2%22%20ry%3D%222.2%22%20fill%3D%22%235b3829%22/%3E%0A%20%20%3Cpath%20d%3D%22M32%2040.4%20Q29.2%2044%2025.8%2043.2%20M32%2040.4%20Q34.8%2044%2038.2%2043.2%22%20fill%3D%22none%22%20stroke%3D%22%235b3829%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2240%22%20r%3D%224.4%22%20fill%3D%22%23ff9fb5%22%20opacity%3D%22.65%22/%3E%0A%20%20%3Ccircle%20cx%3D%2242.5%22%20cy%3D%2240%22%20r%3D%224.4%22%20fill%3D%22%23ff9fb5%22%20opacity%3D%22.65%22/%3E%0A%3C/svg%3E") !important;
  filter:drop-shadow(0 0 7px rgba(255,217,143,.42)) !important;
}
.skinPreview.cat{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22catface%22%20cx%3D%2235%25%22%20cy%3D%2230%25%22%20r%3D%2275%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe6b8%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.58%22%20stop-color%3D%22%23ffc36c%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d98538%22/%3E%0A%20%20%20%20%3C/radialGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22earO%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23db8b43%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ad6429%22/%3E%0A%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22glow%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%222%22%20result%3D%22b%22/%3E%0A%20%20%20%20%20%20%3CfeMerge%3E%3CfeMergeNode%20in%3D%22b%22/%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22/%3E%3C/feMerge%3E%0A%20%20%20%20%3C/filter%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20d%3D%22M13%2024%20L23%206%20Q28%2019%2024%2027%20Z%22%20fill%3D%22url%28%23earO%29%22%20stroke%3D%22%23ffd38b%22%20stroke-width%3D%221.2%22/%3E%0A%20%20%3Cpath%20d%3D%22M51%2024%20L41%206%20Q36%2019%2040%2027%20Z%22%20fill%3D%22url%28%23earO%29%22%20stroke%3D%22%23ffd38b%22%20stroke-width%3D%221.2%22/%3E%0A%20%20%3Cpath%20d%3D%22M17%2022%20L22%2012%20L23%2025%20Z%22%20fill%3D%22%23ffb8ca%22%20opacity%3D%22.9%22/%3E%0A%20%20%3Cpath%20d%3D%22M47%2022%20L42%2012%20L41%2025%20Z%22%20fill%3D%22%23ffb8ca%22%20opacity%3D%22.9%22/%3E%0A%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2235%22%20r%3D%2225%22%20fill%3D%22url%28%23catface%29%22%20stroke%3D%22rgba%28125%2C70%2C26%2C.35%29%22%20stroke-width%3D%221.4%22%20filter%3D%22url%28%23glow%29%22/%3E%0A%20%20%3Cpath%20d%3D%22M25%2012%20C25%2019%2024%2023%2022%2027%22%20fill%3D%22none%22%20stroke%3D%22%23a95b24%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22/%3E%0A%20%20%3Cpath%20d%3D%22M32%2010%20C32%2019%2032%2024%2032%2028%22%20fill%3D%22none%22%20stroke%3D%22%23a95b24%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%3Cpath%20d%3D%22M39%2012%20C39%2019%2040%2023%2042%2027%22%20fill%3D%22none%22%20stroke%3D%22%23a95b24%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22/%3E%0A%20%20%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2234%22%20r%3D%224.5%22%20fill%3D%22%231a120f%22/%3E%0A%20%20%3Ccircle%20cx%3D%2239.5%22%20cy%3D%2234%22%20r%3D%224.5%22%20fill%3D%22%231a120f%22/%3E%0A%20%20%3Ccircle%20cx%3D%2226%22%20cy%3D%2232.2%22%20r%3D%221.4%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Ccircle%20cx%3D%2241%22%20cy%3D%2232.2%22%20r%3D%221.4%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Cellipse%20cx%3D%2232%22%20cy%3D%2240%22%20rx%3D%222.8%22%20ry%3D%222%22%20fill%3D%22%23ff9faa%22/%3E%0A%20%20%3Cpath%20d%3D%22M32%2042%20Q29.2%2045.4%2026.2%2044.5%20M32%2042%20Q34.8%2045.4%2037.8%2044.5%22%20fill%3D%22none%22%20stroke%3D%22%23704024%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3Ccircle%20cx%3D%2220.5%22%20cy%3D%2242%22%20r%3D%224.1%22%20fill%3D%22%23ff9baa%22%20opacity%3D%22.48%22/%3E%0A%20%20%3Ccircle%20cx%3D%2243.5%22%20cy%3D%2242%22%20r%3D%224.1%22%20fill%3D%22%23ff9baa%22%20opacity%3D%22.48%22/%3E%0A%20%20%3Cpath%20d%3D%22M18%2037%20L8%2035%20M18%2041%20L8%2042%20M46%2037%20L56%2035%20M46%2041%20L56%2042%22%20stroke%3D%22%2381502a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%3C/svg%3E") !important;
  filter:drop-shadow(0 0 7px rgba(255,170,80,.42)) !important;
}
.shopItem.equipped .skinPreview.doggo{
  filter:drop-shadow(0 0 8px rgba(255,217,143,.62)) brightness(1.05) !important;
}
.shopItem.equipped .skinPreview.cat{
  filter:drop-shadow(0 0 8px rgba(255,165,80,.62)) brightness(1.05) !important;
}
.rewardPanel .skinPreview.doggo,
.rewardPanel .skinPreview.cat{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
}

/* ===== dogcat-real-restore-from-user-base (source line 15464) ===== */
/* FINAL RESTORE: Doggo/Cat icons from known-good user-provided base file.
   This does not touch soccer, new skins, game logic, or prices. */
.skinPreview.doggo,
.skinPreview.cat{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:50% !important;
  overflow:visible !important;
  display:inline-block !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  background-color:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:0 0 10px rgba(255,255,255,.14) !important;
}

.shopList .skinPreview.doggo,
.shopList .skinPreview.cat{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
}

.shopConfirmPreview.doggo,
.shopConfirmPreview.cat{
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
}

.skinPreview.doggo::before,
.skinPreview.doggo::after,
.skinPreview.cat::before,
.skinPreview.cat::after{
  content:none !important;
  display:none !important;
}

.skinPreview.doggo{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22face%22%20cx%3D%2236%25%22%20cy%3D%2230%25%22%20r%3D%2270%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fffefa%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.58%22%20stop-color%3D%22%23fff2d3%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eec27f%22/%3E%0A%20%20%20%20%3C/radialGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22ear%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23d89a55%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2397592d%22/%3E%0A%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22glow%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%222.2%22%20result%3D%22b%22/%3E%0A%20%20%20%20%20%20%3CfeMerge%3E%3CfeMergeNode%20in%3D%22b%22/%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22/%3E%3C/feMerge%3E%0A%20%20%20%20%3C/filter%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cellipse%20cx%3D%2214%22%20cy%3D%2234%22%20rx%3D%229%22%20ry%3D%2219%22%20fill%3D%22url%28%23ear%29%22%20transform%3D%22rotate%2818%2014%2034%29%22/%3E%0A%20%20%3Cellipse%20cx%3D%2250%22%20cy%3D%2234%22%20rx%3D%229%22%20ry%3D%2219%22%20fill%3D%22url%28%23ear%29%22%20transform%3D%22rotate%28-18%2050%2034%29%22/%3E%0A%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2234%22%20r%3D%2225%22%20fill%3D%22url%28%23face%29%22%20stroke%3D%22rgba%28120%2C75%2C35%2C.35%29%22%20stroke-width%3D%221.4%22%20filter%3D%22url%28%23glow%29%22/%3E%0A%20%20%3Cpath%20d%3D%22M27%2013%20Q32%205%2037%2013%22%20fill%3D%22none%22%20stroke%3D%22%23efcb91%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2231%22%20r%3D%224.3%22%20fill%3D%22%23201713%22/%3E%0A%20%20%3Ccircle%20cx%3D%2239.5%22%20cy%3D%2231%22%20r%3D%224.3%22%20fill%3D%22%23201713%22/%3E%0A%20%20%3Ccircle%20cx%3D%2226.1%22%20cy%3D%2229.2%22%20r%3D%221.35%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Ccircle%20cx%3D%2241.1%22%20cy%3D%2229.2%22%20r%3D%221.35%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Cellipse%20cx%3D%2232%22%20cy%3D%2238%22%20rx%3D%223.2%22%20ry%3D%222.2%22%20fill%3D%22%235b3829%22/%3E%0A%20%20%3Cpath%20d%3D%22M32%2040.4%20Q29.2%2044%2025.8%2043.2%20M32%2040.4%20Q34.8%2044%2038.2%2043.2%22%20fill%3D%22none%22%20stroke%3D%22%235b3829%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2240%22%20r%3D%224.4%22%20fill%3D%22%23ff9fb5%22%20opacity%3D%22.65%22/%3E%0A%20%20%3Ccircle%20cx%3D%2242.5%22%20cy%3D%2240%22%20r%3D%224.4%22%20fill%3D%22%23ff9fb5%22%20opacity%3D%22.65%22/%3E%0A%3C/svg%3E") !important;
  filter:drop-shadow(0 0 7px rgba(255,217,143,.62)) brightness(1.04) !important;
}

.skinPreview.cat{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22catface%22%20cx%3D%2235%25%22%20cy%3D%2230%25%22%20r%3D%2275%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe6b8%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.58%22%20stop-color%3D%22%23ffc36c%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d98538%22/%3E%0A%20%20%20%20%3C/radialGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22earO%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23db8b43%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ad6429%22/%3E%0A%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22glow%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%222%22%20result%3D%22b%22/%3E%0A%20%20%20%20%20%20%3CfeMerge%3E%3CfeMergeNode%20in%3D%22b%22/%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22/%3E%3C/feMerge%3E%0A%20%20%20%20%3C/filter%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20d%3D%22M13%2024%20L23%206%20Q28%2019%2024%2027%20Z%22%20fill%3D%22url%28%23earO%29%22%20stroke%3D%22%23ffd38b%22%20stroke-width%3D%221.2%22/%3E%0A%20%20%3Cpath%20d%3D%22M51%2024%20L41%206%20Q36%2019%2040%2027%20Z%22%20fill%3D%22url%28%23earO%29%22%20stroke%3D%22%23ffd38b%22%20stroke-width%3D%221.2%22/%3E%0A%20%20%3Cpath%20d%3D%22M17%2022%20L22%2012%20L23%2025%20Z%22%20fill%3D%22%23ffb8ca%22%20opacity%3D%22.9%22/%3E%0A%20%20%3Cpath%20d%3D%22M47%2022%20L42%2012%20L41%2025%20Z%22%20fill%3D%22%23ffb8ca%22%20opacity%3D%22.9%22/%3E%0A%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2235%22%20r%3D%2225%22%20fill%3D%22url%28%23catface%29%22%20stroke%3D%22rgba%28125%2C70%2C26%2C.35%29%22%20stroke-width%3D%221.4%22%20filter%3D%22url%28%23glow%29%22/%3E%0A%20%20%3Cpath%20d%3D%22M25%2012%20C25%2019%2024%2023%2022%2027%22%20fill%3D%22none%22%20stroke%3D%22%23a95b24%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22/%3E%0A%20%20%3Cpath%20d%3D%22M32%2010%20C32%2019%2032%2024%2032%2028%22%20fill%3D%22none%22%20stroke%3D%22%23a95b24%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%3Cpath%20d%3D%22M39%2012%20C39%2019%2040%2023%2042%2027%22%20fill%3D%22none%22%20stroke%3D%22%23a95b24%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22/%3E%0A%20%20%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2234%22%20r%3D%224.5%22%20fill%3D%22%231a120f%22/%3E%0A%20%20%3Ccircle%20cx%3D%2239.5%22%20cy%3D%2234%22%20r%3D%224.5%22%20fill%3D%22%231a120f%22/%3E%0A%20%20%3Ccircle%20cx%3D%2226%22%20cy%3D%2232.2%22%20r%3D%221.4%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Ccircle%20cx%3D%2241%22%20cy%3D%2232.2%22%20r%3D%221.4%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Cellipse%20cx%3D%2232%22%20cy%3D%2240%22%20rx%3D%222.8%22%20ry%3D%222%22%20fill%3D%22%23ff9faa%22/%3E%0A%20%20%3Cpath%20d%3D%22M32%2042%20Q29.2%2045.4%2026.2%2044.5%20M32%2042%20Q34.8%2045.4%2037.8%2044.5%22%20fill%3D%22none%22%20stroke%3D%22%23704024%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3Ccircle%20cx%3D%2220.5%22%20cy%3D%2242%22%20r%3D%224.1%22%20fill%3D%22%23ff9baa%22%20opacity%3D%22.48%22/%3E%0A%20%20%3Ccircle%20cx%3D%2243.5%22%20cy%3D%2242%22%20r%3D%224.1%22%20fill%3D%22%23ff9baa%22%20opacity%3D%22.48%22/%3E%0A%20%20%3Cpath%20d%3D%22M18%2037%20L8%2035%20M18%2041%20L8%2042%20M46%2037%20L56%2035%20M46%2041%20L56%2042%22%20stroke%3D%22%2381502a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%3C/svg%3E") !important;
  filter:drop-shadow(0 0 7px rgba(255,165,80,.58)) brightness(1.04) !important;
}

.shopItem.equipped .skinPreview.doggo{
  filter:drop-shadow(0 0 8px rgba(255,217,143,.72)) brightness(1.06) !important;
}

.shopItem.equipped .skinPreview.cat{
  filter:drop-shadow(0 0 8px rgba(255,165,80,.72)) brightness(1.06) !important;
}

.rewardPanel .skinPreview.doggo,
.rewardPanel .skinPreview.cat{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
}

/* ===== dogcat-shop-icon-hard-restore (source line 15533) ===== */
/* Restore Doggo/Cat specifically inside the SKINS shop list.
   Main/title icon already worked; this targets shop rows only. */
.shopList .shopItem .skinPreview.doggo,
.shopList .shopItem .skinPreview.cat,
.scrollPanel .shopItem .skinPreview.doggo,
.scrollPanel .shopItem .skinPreview.cat,
.card .shopItem .skinPreview.doggo,
.card .shopItem .skinPreview.cat{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  flex:0 0 38px !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  border-radius:50% !important;
  overflow:visible !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  background-color:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:0 0 10px rgba(255,255,255,.14) !important;
}

.shopList .shopItem .skinPreview.doggo::before,
.shopList .shopItem .skinPreview.doggo::after,
.shopList .shopItem .skinPreview.cat::before,
.shopList .shopItem .skinPreview.cat::after,
.scrollPanel .shopItem .skinPreview.doggo::before,
.scrollPanel .shopItem .skinPreview.doggo::after,
.scrollPanel .shopItem .skinPreview.cat::before,
.scrollPanel .shopItem .skinPreview.cat::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}

.shopList .shopItem .skinPreview.doggo,
.scrollPanel .shopItem .skinPreview.doggo,
.card .shopItem .skinPreview.doggo{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22face%22%20cx%3D%2236%25%22%20cy%3D%2230%25%22%20r%3D%2270%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fffefa%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.58%22%20stop-color%3D%22%23fff2d3%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eec27f%22/%3E%0A%20%20%20%20%3C/radialGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22ear%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23d89a55%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2397592d%22/%3E%0A%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22glow%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%222.2%22%20result%3D%22b%22/%3E%0A%20%20%20%20%20%20%3CfeMerge%3E%3CfeMergeNode%20in%3D%22b%22/%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22/%3E%3C/feMerge%3E%0A%20%20%20%20%3C/filter%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cellipse%20cx%3D%2214%22%20cy%3D%2234%22%20rx%3D%229%22%20ry%3D%2219%22%20fill%3D%22url%28%23ear%29%22%20transform%3D%22rotate%2818%2014%2034%29%22/%3E%0A%20%20%3Cellipse%20cx%3D%2250%22%20cy%3D%2234%22%20rx%3D%229%22%20ry%3D%2219%22%20fill%3D%22url%28%23ear%29%22%20transform%3D%22rotate%28-18%2050%2034%29%22/%3E%0A%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2234%22%20r%3D%2225%22%20fill%3D%22url%28%23face%29%22%20stroke%3D%22rgba%28120%2C75%2C35%2C.35%29%22%20stroke-width%3D%221.4%22%20filter%3D%22url%28%23glow%29%22/%3E%0A%20%20%3Cpath%20d%3D%22M27%2013%20Q32%205%2037%2013%22%20fill%3D%22none%22%20stroke%3D%22%23efcb91%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2231%22%20r%3D%224.3%22%20fill%3D%22%23201713%22/%3E%0A%20%20%3Ccircle%20cx%3D%2239.5%22%20cy%3D%2231%22%20r%3D%224.3%22%20fill%3D%22%23201713%22/%3E%0A%20%20%3Ccircle%20cx%3D%2226.1%22%20cy%3D%2229.2%22%20r%3D%221.35%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Ccircle%20cx%3D%2241.1%22%20cy%3D%2229.2%22%20r%3D%221.35%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Cellipse%20cx%3D%2232%22%20cy%3D%2238%22%20rx%3D%223.2%22%20ry%3D%222.2%22%20fill%3D%22%235b3829%22/%3E%0A%20%20%3Cpath%20d%3D%22M32%2040.4%20Q29.2%2044%2025.8%2043.2%20M32%2040.4%20Q34.8%2044%2038.2%2043.2%22%20fill%3D%22none%22%20stroke%3D%22%235b3829%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2240%22%20r%3D%224.4%22%20fill%3D%22%23ff9fb5%22%20opacity%3D%22.65%22/%3E%0A%20%20%3Ccircle%20cx%3D%2242.5%22%20cy%3D%2240%22%20r%3D%224.4%22%20fill%3D%22%23ff9fb5%22%20opacity%3D%22.65%22/%3E%0A%3C/svg%3E") !important;
  filter:drop-shadow(0 0 7px rgba(255,217,143,.65)) brightness(1.05) !important;
}

.shopList .shopItem .skinPreview.cat,
.scrollPanel .shopItem .skinPreview.cat,
.card .shopItem .skinPreview.cat{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22catface%22%20cx%3D%2235%25%22%20cy%3D%2230%25%22%20r%3D%2275%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe6b8%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.58%22%20stop-color%3D%22%23ffc36c%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d98538%22/%3E%0A%20%20%20%20%3C/radialGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22earO%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23db8b43%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ad6429%22/%3E%0A%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22glow%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%222%22%20result%3D%22b%22/%3E%0A%20%20%20%20%20%20%3CfeMerge%3E%3CfeMergeNode%20in%3D%22b%22/%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22/%3E%3C/feMerge%3E%0A%20%20%20%20%3C/filter%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20d%3D%22M13%2024%20L23%206%20Q28%2019%2024%2027%20Z%22%20fill%3D%22url%28%23earO%29%22%20stroke%3D%22%23ffd38b%22%20stroke-width%3D%221.2%22/%3E%0A%20%20%3Cpath%20d%3D%22M51%2024%20L41%206%20Q36%2019%2040%2027%20Z%22%20fill%3D%22url%28%23earO%29%22%20stroke%3D%22%23ffd38b%22%20stroke-width%3D%221.2%22/%3E%0A%20%20%3Cpath%20d%3D%22M17%2022%20L22%2012%20L23%2025%20Z%22%20fill%3D%22%23ffb8ca%22%20opacity%3D%22.9%22/%3E%0A%20%20%3Cpath%20d%3D%22M47%2022%20L42%2012%20L41%2025%20Z%22%20fill%3D%22%23ffb8ca%22%20opacity%3D%22.9%22/%3E%0A%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2235%22%20r%3D%2225%22%20fill%3D%22url%28%23catface%29%22%20stroke%3D%22rgba%28125%2C70%2C26%2C.35%29%22%20stroke-width%3D%221.4%22%20filter%3D%22url%28%23glow%29%22/%3E%0A%20%20%3Cpath%20d%3D%22M25%2012%20C25%2019%2024%2023%2022%2027%22%20fill%3D%22none%22%20stroke%3D%22%23a95b24%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22/%3E%0A%20%20%3Cpath%20d%3D%22M32%2010%20C32%2019%2032%2024%2032%2028%22%20fill%3D%22none%22%20stroke%3D%22%23a95b24%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%20%20%3Cpath%20d%3D%22M39%2012%20C39%2019%2040%2023%2042%2027%22%20fill%3D%22none%22%20stroke%3D%22%23a95b24%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.5%22/%3E%0A%20%20%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2234%22%20r%3D%224.5%22%20fill%3D%22%231a120f%22/%3E%0A%20%20%3Ccircle%20cx%3D%2239.5%22%20cy%3D%2234%22%20r%3D%224.5%22%20fill%3D%22%231a120f%22/%3E%0A%20%20%3Ccircle%20cx%3D%2226%22%20cy%3D%2232.2%22%20r%3D%221.4%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Ccircle%20cx%3D%2241%22%20cy%3D%2232.2%22%20r%3D%221.4%22%20fill%3D%22%23fff%22/%3E%0A%20%20%3Cellipse%20cx%3D%2232%22%20cy%3D%2240%22%20rx%3D%222.8%22%20ry%3D%222%22%20fill%3D%22%23ff9faa%22/%3E%0A%20%20%3Cpath%20d%3D%22M32%2042%20Q29.2%2045.4%2026.2%2044.5%20M32%2042%20Q34.8%2045.4%2037.8%2044.5%22%20fill%3D%22none%22%20stroke%3D%22%23704024%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22/%3E%0A%20%20%3Ccircle%20cx%3D%2220.5%22%20cy%3D%2242%22%20r%3D%224.1%22%20fill%3D%22%23ff9baa%22%20opacity%3D%22.48%22/%3E%0A%20%20%3Ccircle%20cx%3D%2243.5%22%20cy%3D%2242%22%20r%3D%224.1%22%20fill%3D%22%23ff9baa%22%20opacity%3D%22.48%22/%3E%0A%20%20%3Cpath%20d%3D%22M18%2037%20L8%2035%20M18%2041%20L8%2042%20M46%2037%20L56%2035%20M46%2041%20L56%2042%22%20stroke%3D%22%2381502a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22/%3E%0A%3C/svg%3E") !important;
  filter:drop-shadow(0 0 7px rgba(255,165,80,.65)) brightness(1.05) !important;
}

/* ===== achievement-toast-position-fix (source line 16784) ===== */
/* Achievement toast: keep it higher so it does not cover the playfield center. */
#achievementToast,
.achievementToast,
.achToast,
.skinAchievementToast,
.metaToast,
#metaToast{
  top: calc(env(safe-area-inset-top, 0px) + 52px) !important;
  bottom: auto !important;
  transform: translateX(-50%) scale(.96) !important;
  max-width: min(84vw, 430px) !important;
}
#achievementToast.show,
.achievementToast.show,
.achToast.show,
.skinAchievementToast.show,
.metaToast.show,
#metaToast.show{
  transform: translateX(-50%) scale(.96) !important;
}

/* ===== achievement-toast-below-combo-box-final (source line 16980) ===== */
/* Achievement toast box restored.
   Position: toast TOP below the lower COMBO gauge area. */
#skinAchToastDirect{
  position:fixed !important;
  left:50% !important;
  top:68vh !important;
  transform:translateX(-50%) translateY(8px) scale(.96) !important;
  z-index:2147483300 !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  min-width:238px !important;
  max-width:330px !important;
  padding:12px 15px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(28,31,42,.985),rgba(9,11,18,.965)) !important;
  border:1px solid rgba(255,216,74,.54) !important;
  box-shadow:0 0 32px rgba(255,216,74,.26), inset 0 0 18px rgba(255,255,255,.055) !important;
  color:#fff !important;
  text-align:left !important;
  font-weight:900 !important;
  pointer-events:none !important;
  opacity:0 !important;
  transition:opacity .18s ease, transform .18s ease !important;
}
#skinAchToastDirect.show{
  opacity:1 !important;
  transform:translateX(-50%) translateY(0) scale(.96) !important;
}
#skinAchToastDirect .medal{
  width:48px !important;
  height:48px !important;
  flex:0 0 48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:34px !important;
}
#skinAchToastDirect .copy{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  min-width:0 !important;
}
#skinAchToastDirect .head{
  color:#fff15a !important;
  font-size:14px !important;
  font-weight:900 !important;
}
#skinAchToastDirect .name{
  color:#fff !important;
  font-size:18px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
#skinAchToastDirect .reward{
  color:#e8e8ef !important;
  font-size:14px !important;
  font-weight:900 !important;
}

/* ===== spinpop-share-feature-style (source line 17074) ===== */
.resultCard .shareResultBtns{
  grid-template-columns:1fr !important;
}
.resultBtn.share{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  border-radius:14px !important;
  font-weight:900 !important;
  color:#ffffff !important;
  background:linear-gradient(180deg,rgba(25,32,42,.96),rgba(11,14,22,.98)) !important;
  border:1px solid rgba(89,247,255,.45) !important;
  box-shadow:0 0 14px rgba(89,247,255,.18), inset 0 0 12px rgba(255,255,255,.04) !important;
}
.resultBtn.share.newbest{
  border-color:rgba(89,247,255,.92) !important;
  box-shadow:0 0 22px rgba(89,247,255,.45), inset 0 0 18px rgba(89,247,255,.10) !important;
}
.resultBtn.share.ranked{
  border-color:rgba(215,84,255,.95) !important;
  box-shadow:0 0 26px rgba(215,84,255,.52), inset 0 0 20px rgba(215,84,255,.12) !important;
}
.resultBtn.share.champion{
  border-color:rgba(255,215,0,.98) !important;
  background:linear-gradient(180deg,rgba(72,50,8,.94),rgba(16,12,3,.98)) !important;
  box-shadow:0 0 30px rgba(255,215,0,.62), inset 0 0 24px rgba(255,215,0,.16) !important;
}
#sharePanel{
  position:fixed;
  inset:0;
  z-index:2147483400;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(8px);
}
.shareSheet{
  width:min(88vw,360px);
  border-radius:24px;
  padding:18px;
  background:linear-gradient(180deg,rgba(28,31,42,.985),rgba(9,11,18,.985));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 38px rgba(0,0,0,.55), inset 0 0 22px rgba(255,255,255,.035);
  color:#fff;
}
.shareTitle{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:20px;
  font-weight:900;
  margin-bottom:12px;
}
.shareClose{
  width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);
  font-size:22px;
}
.sharePreviewWrap{
  display:flex;
  justify-content:center;
  margin:10px 0 16px;
}
#sharePreviewImg{
  width:124px;
  height:auto;
  border-radius:12px;
  border:1px solid rgba(89,247,255,.28);
  box-shadow:0 0 18px rgba(89,247,255,.18);
  background:#000;
}
.shareOption{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:54px;
  padding:12px 14px;
  margin:8px 0;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  font-weight:900;
}
.shareOption .ico{
  font-size:24px;
  width:30px;
  text-align:center;
}
.shareOption .sub{
  font-size:11px;
  opacity:.62;
  font-weight:700;
  margin-top:2px;
}
.shareOption.primaryShare{
  min-height:66px;
  border-color:rgba(89,247,255,.92);
  background:linear-gradient(180deg,rgba(25,255,255,.18),rgba(10,25,32,.95));
  box-shadow:0 0 24px rgba(89,247,255,.42), inset 0 0 22px rgba(89,247,255,.08);
}
.shareOption.primaryShare .label{
  font-size:19px;
}
.shareToast{
  position:fixed;
  left:50%;
  bottom:28px;
  transform:translateX(-50%);
  z-index:2147483500;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(10,14,22,.96);
  border:1px solid rgba(89,247,255,.45);
  color:white;
  font-weight:900;
  font-size:13px;
  box-shadow:0 0 18px rgba(89,247,255,.22);
}

/* ===== spinpop-share-v2-fixes (source line 17495) ===== */
/* Result screen: prevent bottom buttons from being clipped when Top10 is full */
.resultCard{
  max-height:calc(100vh - 28px) !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  padding-bottom:14px !important;
}
.resultCard::-webkit-scrollbar{width:0;height:0;}

.resultCard .shareResultBtns{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:9px !important;
  margin-top:12px !important;
}
.resultCard .shareResultBtns .resultBtn{
  min-height:42px !important;
  padding:10px 8px !important;
  font-size:15px !important;
  border-radius:13px !important;
}
.resultCard .shareResultBtns .resultBtn.share{
  grid-column:1 / span 2 !important;
  min-height:46px !important;
  font-size:17px !important;
}

/* Share sheet: keep primary share emphasized, but restore readable secondary labels */
.shareOption{
  min-height:56px !important;
  padding:12px 14px !important;
}
.shareOption .label{
  font-size:16px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}
.shareOption .sub{
  font-size:12px !important;
  line-height:1.2 !important;
}
.shareOption.primaryShare .label{
  font-size:21px !important;
}
.shareOption.primaryShare .ico{
  font-size:28px !important;
}

/* ===== spinpop-share-v3-ui-fix (source line 17662) ===== */
/* Share sheet: primary action should be gently emphasized, not visually dominate. */
.shareOption.primaryShare{
  min-height:60px !important;
  border-color:rgba(89,247,255,.62) !important;
  background:linear-gradient(180deg,rgba(89,247,255,.105),rgba(18,28,36,.88)) !important;
  box-shadow:0 0 14px rgba(89,247,255,.20), inset 0 0 14px rgba(89,247,255,.045) !important;
}
.shareOption.primaryShare .label{
  font-size:20px !important;
}
.shareOption.primaryShare .ico{
  font-size:26px !important;
}

/* Result buttons: restore sane vertical layout.
   No clipping, no awkward 2-column layout, no oversized broken arrangement. */
.resultCard{
  max-height:calc(100vh - 18px) !important;
  overflow-y:auto !important;
  padding-bottom:16px !important;
  box-sizing:border-box !important;
}
.resultCard .resultBtns,
.resultCard .shareResultBtns{
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
  width:100% !important;
  margin-top:12px !important;
}
.resultCard .resultBtns .resultBtn,
.resultCard .shareResultBtns .resultBtn{
  width:100% !important;
  min-height:43px !important;
  height:auto !important;
  padding:10px 12px !important;
  box-sizing:border-box !important;
  font-size:16px !important;
  line-height:1.1 !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  grid-column:auto !important;
}
.resultCard .shareResultBtns .resultBtn.share{
  min-height:45px !important;
  font-size:17px !important;
}

/* Share icon using three connected nodes, matching standard share metaphor. */
.shareIconStd{
  width:30px;
  height:30px;
  display:inline-block;
  position:relative;
}
.shareIconStd:before{
  content:"";
  position:absolute;
  inset:0;
  background:currentColor;
  -webkit-mask:
    radial-gradient(circle at 22% 50%, #000 0 4px, transparent 4.5px),
    radial-gradient(circle at 76% 25%, #000 0 4px, transparent 4.5px),
    radial-gradient(circle at 76% 75%, #000 0 4px, transparent 4.5px),
    linear-gradient(25deg, transparent 0 44%, #000 45% 55%, transparent 56% 100%),
    linear-gradient(-25deg, transparent 0 44%, #000 45% 55%, transparent 56% 100%);
          mask:
    radial-gradient(circle at 22% 50%, #000 0 4px, transparent 4.5px),
    radial-gradient(circle at 76% 25%, #000 0 4px, transparent 4.5px),
    radial-gradient(circle at 76% 75%, #000 0 4px, transparent 4.5px),
    linear-gradient(25deg, transparent 0 44%, #000 45% 55%, transparent 56% 100%),
    linear-gradient(-25deg, transparent 0 44%, #000 45% 55%, transparent 56% 100%);
}

/* ===== spinpop-share-v4-result-row-and-icon (source line 17767) ===== */
.resultCard .resultBtns,
.resultCard .shareResultBtns{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:7px !important;
  width:100% !important;
  margin-top:10px !important;
}
.resultCard .resultBtns .resultBtn,
.resultCard .shareResultBtns .resultBtn{
  width:100% !important;
  min-height:38px !important;
  height:38px !important;
  padding:0 4px !important;
  box-sizing:border-box !important;
  border-radius:11px !important;
  font-size:13px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  grid-column:auto !important;
  white-space:nowrap !important;
}
.resultCard .shareResultBtns .resultBtn.share{
  grid-column:auto !important;
  min-height:38px !important;
  height:38px !important;
  font-size:13px !important;
}
.shareSvgIcon{
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.shareSvgIcon svg{
  width:30px;
  height:30px;
  display:block;
}

/* ===== spinpop-v5-button-polish (source line 17882) ===== */
.resultCard .resultBtns .resultBtn,
.resultCard .shareResultBtns .resultBtn{
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.018)
    ) !important;
  border:1.5px solid rgba(255,255,255,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 2px 10px rgba(0,0,0,.22) !important;
  color:#f3f3f3 !important;
  transition:all .18s ease !important;
}

.resultCard .resultBtns .resultBtn.retry,
.resultCard .shareResultBtns .resultBtn.retry{
  background:
    linear-gradient(90deg,
      rgba(245,240,95,.92),
      rgba(100,240,235,.92)
    ) !important;
  border-color:rgba(255,255,255,.14) !important;
  color:#111 !important;
  box-shadow:
    0 0 14px rgba(120,255,240,.14),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.resultCard .resultBtns .resultBtn.share,
.resultCard .shareResultBtns .resultBtn.share{
  background:
    linear-gradient(180deg,
      rgba(185,95,255,.08),
      rgba(255,255,255,.02)
    ) !important;
  border-color:rgba(190,110,255,.22) !important;
  color:#efe6ff !important;
  box-shadow:
    0 0 10px rgba(180,100,255,.10),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.resultCard .resultBtns .resultBtn.title,
.resultCard .shareResultBtns .resultBtn.title{
  opacity:.92 !important;
}

.resultCard .resultBtns .resultBtn:active,
.resultCard .shareResultBtns .resultBtn:active{
  transform:translateY(1px) scale(.988) !important;
}

/* ===== spinpop-v6-button-presence (source line 17938) ===== */
/* RESULT buttons: unified, but clearly button-like */
.resultCard .resultBtns,
.resultCard .shareResultBtns{
  gap:8px !important;
  margin-top:12px !important;
}

.resultCard .resultBtns .resultBtn,
.resultCard .shareResultBtns .resultBtn{
  height:42px !important;
  min-height:42px !important;
  border-radius:13px !important;
  font-size:14px !important;
  font-weight:900 !important;
  color:rgba(255,255,255,.94) !important;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.105),
      rgba(255,255,255,.035) 48%,
      rgba(0,0,0,.10)
    ) !important;
  border:1.5px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 6px 16px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.18) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.45) !important;
}

/* Replay: still the main practical action */
.resultCard .resultBtns .resultBtn.retry,
.resultCard .shareResultBtns .resultBtn.retry{
  color:#111 !important;
  background:
    linear-gradient(90deg,
      rgba(255,245,96,.96),
      rgba(96,242,232,.96)
    ) !important;
  border-color:rgba(255,255,255,.32) !important;
  box-shadow:
    0 0 18px rgba(100,240,235,.24),
    0 6px 16px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
  text-shadow:none !important;
}

/* Share: integrated, but slightly featured */
.resultCard .resultBtns .resultBtn.share,
.resultCard .shareResultBtns .resultBtn.share{
  color:#fff !important;
  background:
    linear-gradient(180deg,
      rgba(160,80,255,.22),
      rgba(72,38,105,.18) 52%,
      rgba(20,14,32,.22)
    ) !important;
  border-color:rgba(205,120,255,.42) !important;
  box-shadow:
    0 0 15px rgba(190,90,255,.22),
    0 6px 16px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.11) !important;
}

/* Title: visible but slightly quieter */
.resultCard .resultBtns .resultBtn.title,
.resultCard .shareResultBtns .resultBtn.title{
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.09),
      rgba(255,255,255,.025)
    ) !important;
  border-color:rgba(255,255,255,.15) !important;
  color:rgba(255,255,255,.90) !important;
}

.resultCard .resultBtns .resultBtn:active,
.resultCard .shareResultBtns .resultBtn:active{
  transform:translateY(1px) scale(.985) !important;
  filter:brightness(.94) !important;
}

/* ===== spinpop-v7-fullscreen-uniform (source line 18022) ===== */
/* RESULT / TITLE modal scale-up */
.resultCard,
.titleScreen,
.shareModal,
.modalPanel{
  width:min(96vw, 560px) !important;
  max-width:96vw !important;
}

/* reduce visible gameplay behind modal */
.resultOverlay,
.titleOverlay,
.shareOverlay{
  backdrop-filter:blur(10px) brightness(.42) !important;
  background:rgba(0,0,0,.58) !important;
}

/* bottom buttons perfectly equal */
.resultCard .resultBtns,
.resultCard .shareResultBtns{
  display:flex !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  gap:10px !important;
}

.resultCard .resultBtns .resultBtn,
.resultCard .shareResultBtns .resultBtn{
  flex:1 1 0 !important;
  width:0 !important;
  min-width:0 !important;
  height:48px !important;
  border-radius:14px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  letter-spacing:-0.02em !important;
}

/* force identical outer dimensions */
.resultCard .resultBtns .resultBtn.retry,
.resultCard .resultBtns .resultBtn.share,
.resultCard .resultBtns .resultBtn.title,
.resultCard .shareResultBtns .resultBtn.retry,
.resultCard .shareResultBtns .resultBtn.share,
.resultCard .shareResultBtns .resultBtn.title{
  min-height:48px !important;
  max-height:48px !important;
}

/* slightly stronger modal presence */
.resultCard{
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:
    0 0 40px rgba(0,0,0,.45),
    0 0 80px rgba(60,80,180,.10) !important;
}

/* ===== spinpop-layout-overlay-button-real-fix (source line 18085) ===== */
/* 1) Hide in-game HUD behind menu/result overlays.
   The game UI should not peek through title/result screens. */
#overlay{
  background:
    radial-gradient(circle at 50% 14%, rgba(89,247,255,.10), transparent 34%),
    linear-gradient(180deg, rgba(10,13,22,.985), rgba(3,5,10,.992)) !important;
  backdrop-filter:none !important;
}

/* 2) Keep title/result cards visually large, but do NOT break internal layout. */
#overlay > .card{
  width:min(92vw, 620px) !important;
  max-width:620px !important;
  box-sizing:border-box !important;
}

/* Result card is already dense; keep it inside the viewport without destroying layout. */
#overlay > .card.resultCard,
.resultCard{
  width:min(92vw, 560px) !important;
  max-width:560px !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  max-height:calc(100vh - 24px) !important;
  max-height:calc(100dvh - 24px) !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  touch-action:pan-y !important;
  padding-bottom:calc(18px + env(safe-area-inset-bottom, 0px)) !important;
}

/* 3) Final hard fix for bottom result buttons:
   exact one-line 3-column grid, equal button dimensions. */
.resultCard .resultBtns,
.resultCard .shareResultBtns{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  column-gap:10px !important;
  row-gap:0 !important;
  width:100% !important;
  margin:14px 0 0 0 !important;
  padding:0 !important;
  align-items:stretch !important;
}

.resultCard .resultBtns .resultBtn,
.resultCard .shareResultBtns .resultBtn{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  padding:0 4px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  float:none !important;
  clear:none !important;
  grid-column:auto !important;
  border-radius:14px !important;
  font-size:15px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  letter-spacing:-.03em !important;
}

/* Undo the broken flex width:0 behavior from previous patch */
.resultCard .shareResultBtns .resultBtn.retry,
.resultCard .shareResultBtns .resultBtn.share,
.resultCard .shareResultBtns .resultBtn.title,
.resultCard .resultBtns .resultBtn.retry,
.resultCard .resultBtns .resultBtn.share,
.resultCard .resultBtns .resultBtn.title{
  flex:none !important;
  width:100% !important;
}

/* Keep visual hierarchy, but equal size */
.resultCard .shareResultBtns .resultBtn.retry{
  color:#111 !important;
}
.resultCard .shareResultBtns .resultBtn.share{
  color:#fff !important;
}
.resultCard .shareResultBtns .resultBtn.title{
  color:rgba(255,255,255,.92) !important;
}

/* Prevent old .btn rules from affecting result buttons */
.resultCard .resultBtns .btn,
.resultCard .shareResultBtns .btn{
  width:100% !important;
  margin:0 !important;
}

.resultRankScroll{
  width:100% !important;
  overflow:visible;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y !important;
}

.resultRankScroll::-webkit-scrollbar{
  width:5px;
}

.resultRankScroll::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(180deg, rgba(116,255,181,.82), rgba(89,247,255,.70));
}

@media (max-width:480px){
  #overlay > .card.resultCard,
  .resultCard{
    max-height:calc(100dvh - 92px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:16px !important;
    padding-right:16px !important;
    padding-bottom:18px !important;
    transform:translateY(-18px) !important;
  }
  .resultCard .resultRankScroll{
    max-height:min(230px, calc(100dvh - 360px)) !important;
    overflow-y:auto !important;
    margin-bottom:0 !important;
  }
  .resultCard .resultRankTable{
    margin-bottom:0 !important;
  }
  .resultCard .resultBtns,
  .resultCard .shareResultBtns{
    position:sticky !important;
    bottom:0 !important;
    z-index:8 !important;
    margin-top:8px !important;
    padding-top:8px !important;
    background:linear-gradient(180deg, rgba(13,16,24,0), rgba(13,16,24,.94) 28%, rgba(13,16,24,.98)) !important;
  }
}

/* ===== release-toast-placement-v1 ===== */
#skinAchToastDirect{
  top:var(--ach-toast-y, 112px) !important;
  left:50% !important;
  width:min(74vw, 260px) !important;
  min-width:0 !important;
  max-width:260px !important;
  padding:8px 11px !important;
  gap:8px !important;
  border-radius:14px !important;
  transform:translate(-50%, -50%) translateY(6px) scale(.94) !important;
  box-shadow:
    0 0 18px rgba(255,216,74,.20),
    inset 0 0 12px rgba(255,255,255,.045) !important;
}

#skinAchToastDirect.show{
  transform:translate(-50%, -50%) translateY(0) scale(1) !important;
}

#skinAchToastDirect .medal{
  width:34px !important;
  height:34px !important;
  flex:0 0 34px !important;
  font-size:23px !important;
}

#skinAchToastDirect .copy{
  gap:1px !important;
}

#skinAchToastDirect .head{
  font-size:11px !important;
  letter-spacing:.04em !important;
}

#skinAchToastDirect .name{
  font-size:14px !important;
  line-height:1.08 !important;
  white-space:normal !important;
}

#skinAchToastDirect .reward{
  font-size:11px !important;
  line-height:1.08 !important;
}

@media (max-width:480px){
  #skinAchToastDirect{
    width:min(72vw, 235px) !important;
    max-width:235px !important;
    padding:7px 10px !important;
  }
  #skinAchToastDirect .medal{
    width:30px !important;
    height:30px !important;
    flex-basis:30px !important;
    font-size:20px !important;
  }
  #skinAchToastDirect .head{font-size:10px !important;}
  #skinAchToastDirect .name{font-size:13px !important;}
  #skinAchToastDirect .reward{font-size:10px !important;}
}

/* ===== release-settings-v1 ===== */
.titleSettingsBtn{
  position:absolute;
  top:18px;
  right:18px;
  z-index:5;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  background:rgba(255,255,255,.075);
  color:#fff;
  cursor:pointer;
  user-select:none;
  box-shadow:0 8px 22px rgba(0,0,0,.20), inset 0 0 14px rgba(255,255,255,.045);
  transition:transform .08s ease, background .12s ease, border-color .12s ease, filter .12s ease;
}

.titleSettingsBtn span{
  display:block;
  font-size:21px;
  line-height:1;
}

.titleSettingsBtn:active{
  transform:scale(.94);
  background:rgba(116,255,181,.16);
  border-color:rgba(116,255,181,.42);
  filter:brightness(1.18);
}

.settingsCard{
  width:min(92vw, 520px) !important;
  max-width:520px !important;
  text-align:left !important;
  padding:24px !important;
  max-height:calc(100vh - 24px) !important;
  max-height:calc(100dvh - 24px) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
}

body.spSettingsOpen{
  touch-action:pan-y !important;
}

body.spSettingsOpen #overlay,
body.spSettingsOpen .settingsCard,
body.spSettingsOpen .settingLanguageMenu{
  touch-action:pan-y !important;
}

.settingsCard,
.settingLanguageMenu{
  scrollbar-width:thin;
  scrollbar-color:rgba(89,247,255,.72) rgba(255,255,255,.07);
}

.settingsCard::-webkit-scrollbar,
.settingLanguageMenu::-webkit-scrollbar{
  width:8px;
}

.settingsCard::-webkit-scrollbar-track,
.settingLanguageMenu::-webkit-scrollbar-track{
  border-radius:999px;
  background:rgba(255,255,255,.055);
}

.settingsCard::-webkit-scrollbar-thumb,
.settingLanguageMenu::-webkit-scrollbar-thumb{
  border:2px solid rgba(10,13,22,.88);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(116,255,181,.90), rgba(89,247,255,.78));
}

.settingsHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.settingsEyebrow{
  color:#74ffb5;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}

.settingsTitle{
  margin-top:4px;
  color:#fff;
  font-size:28px;
  font-weight:1000;
  line-height:1;
}

.settingsClose{
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}

.settingsGroup{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px 0;
  border-top:1px solid rgba(255,255,255,.10);
}

.settingsGroup:first-of-type{
  border-top:0;
  padding-top:0;
}

.settingRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:58px;
  padding:8px 0;
  color:#fff;
}

.settingRow b{
  display:block;
  font-size:15px;
  font-weight:1000;
  line-height:1.2;
}

.settingRow small{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.58);
  font-size:11px;
  font-weight:800;
  line-height:1.25;
}

.settingToggle{
  cursor:pointer;
}

.settingToggle input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.settingToggle i{
  position:relative;
  flex:0 0 50px;
  width:50px;
  height:28px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.10);
  box-shadow:inset 0 0 14px rgba(0,0,0,.28);
  transition:background .15s ease, border-color .15s ease;
}

.settingToggle i:before{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 3px 10px rgba(0,0,0,.35);
  transition:transform .15s ease;
}

.settingToggle input:checked + i{
  border-color:rgba(116,255,181,.70);
  background:linear-gradient(90deg, rgba(116,255,181,.90), rgba(89,247,255,.72));
}

.settingToggle input:checked + i:before{
  transform:translateX(22px);
}

.settingSlider{
  align-items:flex-start;
}

.settingRangeBox{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 min(48%, 220px);
  min-width:160px;
}

.settingRangeBox input{
  width:100%;
  accent-color:#74ffb5;
}

.settingRangeBox em{
  min-width:42px;
  color:#fff15a;
  font-size:12px;
  font-style:normal;
  font-weight:1000;
  text-align:right;
}

.settingSegments{
  display:flex;
  align-items:center;
  gap:6px;
  padding:4px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.06);
}

.settingSegments button{
  min-width:74px;
  height:34px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:rgba(255,255,255,.62);
  font-weight:1000;
}

.settingSegments button.active{
  color:#111;
  background:#74ffb5;
}

.settingSegments button.disabled{
  opacity:.45;
}

.settingLanguagePicker{
  position:relative;
  flex:0 0 min(48%, 230px);
  min-width:190px;
}

.settingLanguageButton{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(89,247,255,.34);
  border-radius:14px;
  background:
    radial-gradient(circle at 20% 0%, rgba(116,255,181,.18), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.045));
  color:#fff;
  padding:0 13px;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 0 18px rgba(89,247,255,.10), inset 0 0 14px rgba(255,255,255,.04);
}

.settingLanguageCurrent{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.settingLanguageChevron{
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-right:2px solid rgba(255,255,255,.82);
  border-bottom:2px solid rgba(255,255,255,.82);
  transform:rotate(45deg) translateY(-2px);
  transition:transform .14s ease;
}

.settingLanguageButton[aria-expanded="true"]{
  border-color:rgba(255,241,90,.58);
  box-shadow:0 0 20px rgba(255,241,90,.15), inset 0 0 16px rgba(255,241,90,.06);
}

.settingLanguageButton[aria-expanded="true"] .settingLanguageChevron{
  transform:rotate(225deg) translateY(-1px);
}

.settingLanguageMenu{
  width:100%;
  max-height:220px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  margin-top:8px;
  padding:8px;
  border:1px solid rgba(89,247,255,.32);
  border-radius:16px;
  background:
    radial-gradient(circle at 18% 0%, rgba(89,247,255,.16), transparent 42%),
    linear-gradient(180deg, rgba(25,28,39,.99), rgba(8,10,18,.99));
  box-shadow:0 18px 34px rgba(0,0,0,.48), 0 0 24px rgba(89,247,255,.13), inset 0 0 14px rgba(255,255,255,.04);
}

.settingLanguageMenu[hidden]{
  display:none !important;
}

.settingLanguageChoice{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid transparent;
  border-radius:11px;
  background:transparent;
  color:rgba(255,255,255,.74);
  padding:0 11px;
  font-weight:1000;
  text-align:left;
  cursor:pointer;
}

.settingLanguageChoice + .settingLanguageChoice{
  margin-top:4px;
}

.settingLanguageChoice span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.settingLanguageChoice i{
  color:#fff15a;
  font-style:normal;
  font-size:14px;
}

.settingLanguageChoice:hover,
.settingLanguageChoice:focus-visible{
  border-color:rgba(89,247,255,.30);
  background:rgba(89,247,255,.09);
  outline:none;
}

.settingLanguageChoice.active{
  border-color:rgba(116,255,181,.50);
  background:linear-gradient(90deg, rgba(116,255,181,.92), rgba(89,247,255,.80));
  color:#071014;
  box-shadow:0 0 16px rgba(89,247,255,.18);
}

.settingLanguageChoice.active i{
  color:#071014;
}

.settingsGroup.danger{
  margin-top:2px;
}

.settingsGroup.legal{
  margin-top:10px;
  padding-top:12px;
  padding-bottom:0;
  border-top:1px solid rgba(255,255,255,.08);
}

.settingsLegalLink{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  border:1px solid rgba(89,247,255,.18);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:900;
  text-decoration:none;
}

.settingsLegalLink:hover,
.settingsLegalLink:focus-visible{
  border-color:rgba(89,247,255,.42);
  color:#65ffeb;
  outline:none;
}

.settingsDangerBtn{
  flex:0 0 auto;
  min-width:82px;
  height:38px;
  border:1px solid rgba(255,92,122,.42);
  border-radius:12px;
  background:rgba(255,92,122,.14);
  color:#ffb7c3;
  font-weight:1000;
  cursor:pointer;
}

.settingsDone{
  margin-top:14px !important;
  width:100% !important;
  box-sizing:border-box !important;
  text-align:center !important;
}

body.spReducedFx .logoGlow,
body.spReducedFx .logoGlow:before,
body.spReducedFx .logoGlow:after,
body.spReducedFx .titleCard.titleIntro,
body.spReducedFx .titleCard.titleIntro *,
body.spReducedFx .titleCard.titleIntro *:before,
body.spReducedFx .titleCard.titleIntro *:after,
body.spReducedFx .titleCard.titleIntroPrep,
body.spReducedFx .titleCard.titleIntroPrep *,
body.spReducedFx .titleCard.titleIntroPrep *:before,
body.spReducedFx .titleCard.titleIntroPrep *:after,
body.spReducedFx .titleCard.titleIntroRun,
body.spReducedFx .titleCard.titleIntroRun *,
body.spReducedFx .titleCard.titleIntroRun *:before,
body.spReducedFx .titleCard.titleIntroRun *:after,
body.spReducedFx .skinPreview,
body.spReducedFx #lastFeverLayer,
body.spReducedFx .resultGlow{
  animation:none !important;
  filter:none !important;
}

body.spReducedFx #skinAchToastDirect{
  box-shadow:
    0 0 12px rgba(255,216,74,.14),
    inset 0 0 8px rgba(255,255,255,.04) !important;
}

@media (max-width:480px){
  .titleSettingsBtn{
    top:14px;
    right:14px;
    width:36px;
    height:36px;
    border-radius:11px;
  }
  .titleSettingsBtn span{
    font-size:19px;
  }
  .settingsCard{
    padding:20px !important;
  }
  .settingsTitle{
    font-size:25px;
  }
  .settingRow{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
  .settingToggle{
    flex-direction:row;
    align-items:center;
  }
  .settingLanguage{
    align-items:stretch;
  }
  .settingRangeBox{
    width:100%;
    flex-basis:auto;
    min-width:0;
  }
  .settingSegments{
    width:100%;
  }
  .settingLanguagePicker{
    width:100%;
    min-width:0;
    flex-basis:auto;
  }
  .settingLanguageMenu{
    max-height:min(176px, 34vh);
  }
  body.spLanguageMenuOpen .settingLanguagePicker{
    position:static;
  }
  body.spLanguageMenuOpen .settingLanguageMenu{
    position:fixed;
    left:16px;
    right:16px;
    top:50%;
    z-index:2147483520;
    width:auto;
    max-height:min(62dvh, 420px);
    margin:0;
    transform:translateY(-50%);
  }
  .settingSegments button{
    flex:1 1 0;
    min-width:0;
  }
}

/* ===== release-mobile-result-layout-v2 ===== */
@media (max-width:480px){
  #overlay > .card.resultCard,
  .resultCard{
    width:min(92vw, 392px) !important;
    max-width:392px !important;
    height:calc(100dvh - 20px) !important;
    max-height:calc(100dvh - 20px) !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:stretch !important;
    overflow:hidden !important;
    margin:0 auto !important;
    padding:12px 15px 14px !important;
    transform:none !important;
  }

  .resultCard .resultHeader,
  .resultCard .resultScoreWrap,
  .resultCard .statGrid,
  .resultCard .rewardPanel,
  .resultCard .rankTitle,
  .resultCard .resultBtns,
  .resultCard .shareResultBtns{
    flex:0 0 auto !important;
  }

  .resultCard > .resultAura{
    position:absolute !important;
    left:50% !important;
    top:54px !important;
    right:auto !important;
    bottom:auto !important;
    width:128px !important;
    height:128px !important;
    margin:0 !important;
    transform:translate(-50%, -50%) !important;
    z-index:0 !important;
    pointer-events:none !important;
  }

  .resultCard .resultHeader{
    margin-top:0 !important;
    position:relative !important;
    z-index:2 !important;
  }

  .resultCard .resultMainTitle{
    margin-bottom:5px !important;
    font-size:14px !important;
  }

  .resultCard .resultMainTitle:before,
  .resultCard .resultMainTitle:after{
    width:30px !important;
  }

  .resultCard .rankBadge,
  .resultCard .resultRankBadge{
    margin-top:0 !important;
    margin-bottom:5px !important;
    padding:4px 9px !important;
    font-size:11px !important;
    line-height:1 !important;
  }

  .resultCard .resultScoreWrap{
    margin-top:0 !important;
  }

  .resultCard .resultScore{
    margin-top:0 !important;
    font-size:42px !important;
    line-height:.92 !important;
  }

  .resultCard .resultCaption{
    margin-top:1px !important;
    font-size:9px !important;
  }

  .resultCard .statGrid{
    margin-top:7px !important;
    gap:6px !important;
  }

  .resultCard .statBox{
    min-height:43px !important;
    padding:5px 4px !important;
    border-radius:10px !important;
  }

  .resultCard .statBox .k{
    font-size:8px !important;
    line-height:1 !important;
  }

  .resultCard .statBox .v{
    font-size:14px !important;
    line-height:1.05 !important;
  }

  .resultCard .rewardPanel{
    min-height:47px !important;
    margin:7px 0 6px !important;
    padding:7px 10px !important;
    border-radius:11px !important;
  }

  .resultCard .rewardTitle{
    font-size:10px !important;
    line-height:1.05 !important;
  }

  .resultCard .rewardValue{
    font-size:20px !important;
    line-height:1 !important;
  }

  .resultCard .rewardSkinMini .skinPreview{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
  }

  .resultCard .rankTitle{
    margin:5px 0 3px !important;
    font-size:11px !important;
    line-height:1 !important;
    letter-spacing:.13em !important;
  }

  .resultCard .rankTitle:before,
  .resultCard .rankTitle:after{
    width:32px !important;
  }

  .resultCard .resultRankScroll{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    margin:0 !important;
    padding-right:3px !important;
  }

  .resultCard .resultRankTable{
    margin:0 !important;
    border-spacing:0 1px !important;
    font-size:11px !important;
    line-height:1.05 !important;
  }

  .resultCard .resultRankTable th{
    padding:1px 4px 2px !important;
    font-size:8px !important;
    line-height:1 !important;
  }

  .resultCard .resultRankTable td{
    padding:1px 4px !important;
    font-size:11px !important;
    line-height:1.05 !important;
  }

  .resultCard .resultRankTable td.rankCell .rankInner{
    gap:3px !important;
  }

  .resultCard .resultRankTable td.rankCell .rankMedal{
    width:12px !important;
    min-width:12px !important;
    font-size:11px !important;
  }

  .resultCard .resultBtns,
  .resultCard .shareResultBtns{
    position:static !important;
    bottom:auto !important;
    z-index:auto !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:7px !important;
    width:100% !important;
    margin:8px 0 0 !important;
    padding:0 !important;
    background:none !important;
  }

  .resultCard .resultBtns .resultBtn,
  .resultCard .shareResultBtns .resultBtn{
    width:100% !important;
    min-width:0 !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    margin:0 !important;
    padding:0 2px !important;
    flex:none !important;
    box-sizing:border-box !important;
    border-radius:12px !important;
    font-size:12px !important;
    line-height:1 !important;
    letter-spacing:-.02em !important;
    transform:none !important;
  }

  .resultCard .shareResultBtns .resultBtn.share,
  .resultCard .shareResultBtns .resultBtn.share.ranked,
  .resultCard .shareResultBtns .resultBtn.share.newbest,
  .resultCard .shareResultBtns .resultBtn.share.champion{
    box-shadow:inset 0 0 12px rgba(215,84,255,.12) !important;
  }
}

/* ===== release-mobile-result-layout-v3 ===== */
@media (max-width:480px){
  #overlay > .card.resultCard > .resultAura.resultAura{
    position:absolute !important;
    left:50% !important;
    top:54px !important;
    right:auto !important;
    bottom:auto !important;
    width:128px !important;
    height:128px !important;
    margin:0 !important;
    transform:translate(-50%, -50%) !important;
    z-index:0 !important;
    pointer-events:none !important;
  }

  #overlay > .card.resultCard .resultBtns,
  #overlay > .card.resultCard .shareResultBtns{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    justify-content:stretch !important;
    align-items:stretch !important;
    gap:7px !important;
    margin:8px 0 0 !important;
    padding:0 !important;
  }

  #overlay > .card.resultCard .resultBtns .resultBtn,
  #overlay > .card.resultCard .shareResultBtns .resultBtn,
  #overlay > .card.resultCard .resultBtns .resultBtn.retry,
  #overlay > .card.resultCard .resultBtns .resultBtn.share,
  #overlay > .card.resultCard .resultBtns .resultBtn.title,
  #overlay > .card.resultCard .shareResultBtns .resultBtn.retry,
  #overlay > .card.resultCard .shareResultBtns .resultBtn.share,
  #overlay > .card.resultCard .shareResultBtns .resultBtn.title{
    width:100% !important;
    min-width:0 !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    margin:0 !important;
    padding:0 2px !important;
    flex:none !important;
    box-sizing:border-box !important;
    transform:none !important;
  }

  #overlay > .card.resultCard .shareResultBtns .resultBtn.share,
  #overlay > .card.resultCard .shareResultBtns .resultBtn.share.ranked,
  #overlay > .card.resultCard .shareResultBtns .resultBtn.share.newbest,
  #overlay > .card.resultCard .shareResultBtns .resultBtn.share.champion{
    box-shadow:inset 0 0 12px rgba(215,84,255,.12) !important;
  }
}

/* ===== release-mobile-result-natural-height-v1 ===== */
@media (max-width:480px){
  #overlay > .card.resultCard,
  .resultCard{
    height:auto !important;
    min-height:0 !important;
    max-height:calc(100dvh - 20px) !important;
    display:block !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    padding:12px 15px 14px !important;
    margin:0 auto !important;
    transform:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #overlay > .card.resultCard .resultRankScroll,
  .resultCard .resultRankScroll{
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:min(196px, calc(100dvh - 314px)) !important;
    flex:0 1 auto !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    margin:0 !important;
    padding-right:3px !important;
  }

  #overlay > .card.resultCard .resultRankTable,
  .resultCard .resultRankTable{
    margin:0 !important;
  }

  #overlay > .card.resultCard .resultBtns,
  #overlay > .card.resultCard .shareResultBtns,
  .resultCard .resultBtns,
  .resultCard .shareResultBtns{
    position:static !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:7px !important;
    width:100% !important;
    margin:8px 0 0 !important;
    padding:0 !important;
    background:none !important;
  }
}

/* ===== release-mobile-result-readable-v1 ===== */
@media (max-width:480px){
  #overlay > .card.resultCard,
  .resultCard{
    padding:13px 15px 15px !important;
  }

  .resultCard .resultScore{
    font-size:48px !important;
    line-height:.94 !important;
  }

  .resultCard .resultCaption{
    font-size:10px !important;
  }

  .resultCard .statGrid{
    margin-top:7px !important;
    gap:7px !important;
  }

  .resultCard .statBox{
    min-height:44px !important;
    padding:5px 4px !important;
  }

  .resultCard .statBox .k{
    font-size:8px !important;
  }

  .resultCard .statBox .v{
    font-size:15px !important;
  }

  .resultCard .rewardPanel{
    min-height:50px !important;
    margin:7px 0 6px !important;
    padding:7px 10px !important;
  }

  .resultCard .rewardValue{
    font-size:21px !important;
  }

  .resultCard .rewardSkinMini .skinPreview{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
  }

  .resultCard .rankTitle{
    margin:6px 0 4px !important;
    font-size:11px !important;
  }

  #overlay > .card.resultCard .resultRankScroll,
  .resultCard .resultRankScroll{
    max-height:min(196px, calc(100dvh - 320px)) !important;
  }

  .resultCard .resultRankTable{
    border-spacing:0 1px !important;
    font-size:11px !important;
    line-height:1.05 !important;
  }

  .resultCard .resultRankTable th{
    padding:1px 4px 2px !important;
    font-size:8px !important;
  }

  .resultCard .resultRankTable td{
    padding:1px 4px !important;
    font-size:11px !important;
    line-height:1.05 !important;
  }

  #overlay > .card.resultCard .resultBtns .resultBtn,
  #overlay > .card.resultCard .shareResultBtns .resultBtn,
  #overlay > .card.resultCard .resultBtns .resultBtn.retry,
  #overlay > .card.resultCard .resultBtns .resultBtn.share,
  #overlay > .card.resultCard .resultBtns .resultBtn.title,
  #overlay > .card.resultCard .shareResultBtns .resultBtn.retry,
  #overlay > .card.resultCard .shareResultBtns .resultBtn.share,
  #overlay > .card.resultCard .shareResultBtns .resultBtn.title{
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    font-size:12.5px !important;
  }
}

/* ===== native-fullscreen-result-scale-v1 ===== */
@media (max-width:480px){
  html.spinpopNativeApp #overlay{
    align-items:center !important;
    justify-content:center !important;
  }

  html.spinpopNativeApp #overlay > .card.resultCard,
  html.spinpopNativeApp .resultCard{
    width:min(94vw,390px) !important;
    max-width:390px !important;
    height:min(90dvh,650px) !important;
    max-height:calc(100dvh - 32px) !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    padding:18px 17px 17px !important;
    margin:0 auto !important;
    transform:translateY(-2px) !important;
    border-radius:18px !important;
  }

  html.spinpopNativeApp .resultCard .resultHeader{
    margin-top:3px !important;
  }

  html.spinpopNativeApp .resultCard .resultMainTitle{
    margin-bottom:6px !important;
    font-size:15px !important;
  }

  html.spinpopNativeApp .resultCard .rankBadge,
  html.spinpopNativeApp .resultCard .resultRankBadge{
    margin-bottom:6px !important;
    padding:5px 10px !important;
    font-size:11px !important;
  }

  html.spinpopNativeApp .resultCard .resultScoreWrap{
    margin-top:2px !important;
  }

  html.spinpopNativeApp .resultCard .resultScore{
    font-size:64px !important;
    line-height:.92 !important;
  }

  html.spinpopNativeApp .resultCard .resultCaption{
    margin-top:2px !important;
    font-size:10px !important;
  }

  html.spinpopNativeApp .resultCard .statGrid{
    margin-top:10px !important;
    gap:8px !important;
  }

  html.spinpopNativeApp .resultCard .statBox{
    min-height:52px !important;
    padding:7px 5px !important;
    border-radius:11px !important;
  }

  html.spinpopNativeApp .resultCard .statBox .k{
    font-size:8.5px !important;
  }

  html.spinpopNativeApp .resultCard .statBox .v{
    font-size:16px !important;
  }

  html.spinpopNativeApp .resultCard .rewardPanel{
    min-height:60px !important;
    margin:10px 0 8px !important;
    padding:9px 12px !important;
    border-radius:12px !important;
  }

  html.spinpopNativeApp .resultCard .rewardTitle{
    font-size:10.5px !important;
  }

  html.spinpopNativeApp .resultCard .rewardValue{
    font-size:25px !important;
  }

  html.spinpopNativeApp .resultCard .rewardSkinMini .skinPreview{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
  }

  html.spinpopNativeApp .resultCard .rankTitle{
    margin:8px 0 6px !important;
    font-size:12px !important;
  }

  html.spinpopNativeApp #overlay > .card.resultCard .resultRankScroll,
  html.spinpopNativeApp .resultCard .resultRankScroll{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
    padding-right:0 !important;
  }

  html.spinpopNativeApp .resultCard .resultRankTable{
    border-spacing:0 2px !important;
    font-size:12.2px !important;
    line-height:1.15 !important;
  }

  html.spinpopNativeApp .resultCard .resultRankTable th{
    padding:2px 4px 3px !important;
    font-size:8.5px !important;
  }

  html.spinpopNativeApp .resultCard .resultRankTable td{
    padding:2px 4px !important;
    font-size:12.2px !important;
    line-height:1.15 !important;
  }

  html.spinpopNativeApp .resultCard .resultRankTable td.rankCell .rankInner{
    grid-template-columns:15px 20px !important;
    width:50px !important;
    gap:3px !important;
  }

  html.spinpopNativeApp .resultCard .resultRankTable td.rankCell .rankMedal{
    width:15px !important;
    min-width:15px !important;
    font-size:12px !important;
  }

  html.spinpopNativeApp #overlay > .card.resultCard .resultBtns,
  html.spinpopNativeApp #overlay > .card.resultCard .shareResultBtns,
  html.spinpopNativeApp .resultCard .resultBtns,
  html.spinpopNativeApp .resultCard .shareResultBtns{
    flex:0 0 auto !important;
    gap:8px !important;
    margin:12px 0 0 !important;
  }

  html.spinpopNativeApp #overlay > .card.resultCard .resultBtns .resultBtn,
  html.spinpopNativeApp #overlay > .card.resultCard .shareResultBtns .resultBtn,
  html.spinpopNativeApp .resultCard .resultBtns .resultBtn,
  html.spinpopNativeApp .resultCard .shareResultBtns .resultBtn{
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    border-radius:13px !important;
    font-size:13.5px !important;
  }
}

/* ===== release-qa-mode-v1 ===== */
#spinpopQaPanel{
  position:fixed;
  right:12px;
  bottom:calc(12px + env(safe-area-inset-bottom, 0px));
  z-index:2147483600;
  font-family:Arial, Helvetica, sans-serif;
  pointer-events:none;
}

#spinpopQaPanel,
#spinpopQaPanel *{
  box-sizing:border-box;
}

#spinpopQaPanel .qaFab{
  pointer-events:auto;
  width:42px;
  height:42px;
  border:1px solid rgba(101,255,235,.72);
  border-radius:12px;
  background:rgba(14,19,31,.9);
  color:#65ffeb;
  font-size:13px;
  font-weight:900;
  letter-spacing:.06em;
  box-shadow:0 0 18px rgba(87,249,232,.28), inset 0 0 14px rgba(87,249,232,.1);
  cursor:pointer;
}

#spinpopQaPanel .qaSheet{
  pointer-events:auto;
  position:absolute;
  right:0;
  bottom:50px;
  display:none;
  width:252px;
  max-width:calc(100vw - 24px);
  padding:12px;
  border:1px solid rgba(101,255,235,.35);
  border-radius:16px;
  background:rgba(13,17,28,.94);
  box-shadow:0 18px 38px rgba(0,0,0,.48), inset 0 0 22px rgba(101,255,235,.06);
  backdrop-filter:blur(12px);
}

#spinpopQaPanel.open .qaSheet{
  display:block;
}

#spinpopQaPanel .qaHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
  color:#f7fff9;
  font-size:12px;
  letter-spacing:.08em;
}

#spinpopQaPanel .qaClose{
  width:28px;
  height:28px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:9px;
  background:rgba(255,255,255,.08);
  color:#f7fff9;
  font-size:15px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}

#spinpopQaPanel .qaGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:7px;
}

#spinpopQaPanel .qaGrid button{
  min-height:34px;
  padding:7px 8px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:10px;
  background:linear-gradient(135deg, rgba(101,255,235,.16), rgba(218,87,255,.1));
  color:#f7fff9;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}

#spinpopQaPanel .qaGrid button:active{
  transform:translateY(1px);
}

.qaStorageCard{
  width:min(92vw, 440px) !important;
  max-width:440px !important;
  padding:22px !important;
  text-align:left !important;
}

.qaStorageHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}

.qaStorageEyebrow{
  color:#65ffeb;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}

.qaStorageTitle{
  margin-top:5px;
  color:#fff;
  font-size:22px;
  font-weight:900;
  line-height:1.05;
}

.qaStorageClose{
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:11px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:20px;
  font-weight:900;
  line-height:1;
}

.qaStorageList{
  display:grid;
  gap:6px;
  max-height:min(54vh, 420px);
  overflow-y:auto;
  padding-right:4px;
}

.qaStorageList::-webkit-scrollbar{
  width:5px;
}

.qaStorageList::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(180deg, rgba(116,255,181,.82), rgba(89,247,255,.70));
}

.qaStorageRow{
  display:grid;
  grid-template-columns:minmax(112px, .85fr) minmax(0, 1.15fr);
  align-items:center;
  gap:10px;
  min-height:36px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  background:rgba(255,255,255,.055);
}

.qaStorageRow span{
  color:rgba(255,255,255,.58);
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
}

.qaStorageRow b{
  min-width:0;
  color:#fff;
  font-size:13px;
  font-weight:900;
  text-align:right;
  overflow-wrap:anywhere;
}

.qaStorageHint{
  margin-top:12px;
  color:rgba(255,255,255,.58);
  font-size:11px;
  line-height:1.45;
  text-align:center;
}

.qaStorageDone{
  margin-top:14px !important;
  text-align:center !important;
}

@media (max-width:480px){
  #spinpopQaPanel{
    right:8px;
    bottom:calc(8px + env(safe-area-inset-bottom, 0px));
  }

  #spinpopQaPanel .qaSheet{
    bottom:48px;
    width:min(252px, calc(100vw - 16px));
  }
}

/* ===== native-result-fullscreen-roomy-v2 ===== */
@media (max-width:480px){
  html.spinpopNativeApp #overlay,
  body.spinpopNativeApp #overlay{
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
  }

  html.spinpopNativeApp #overlay > .card.resultCard,
  html.spinpopNativeApp .resultCard,
  body.spinpopNativeApp #overlay > .card.resultCard,
  body.spinpopNativeApp .resultCard{
    width:min(96vw, 420px) !important;
    max-width:420px !important;
    height:calc(100dvh - 16px) !important;
    max-height:calc(100dvh - 16px) !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    overflow:hidden !important;
    padding:20px 18px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    margin:0 auto !important;
    transform:none !important;
    border-radius:20px !important;
  }

  html.spinpopNativeApp .resultCard .resultHeader,
  body.spinpopNativeApp .resultCard .resultHeader{
    margin-top:0 !important;
  }

  html.spinpopNativeApp .resultCard .resultMainTitle,
  body.spinpopNativeApp .resultCard .resultMainTitle{
    margin-bottom:7px !important;
    font-size:15.5px !important;
  }

  html.spinpopNativeApp .resultCard .rankBadge,
  html.spinpopNativeApp .resultCard .resultRankBadge,
  body.spinpopNativeApp .resultCard .rankBadge,
  body.spinpopNativeApp .resultCard .resultRankBadge{
    margin-bottom:7px !important;
    padding:5px 11px !important;
    font-size:11.5px !important;
  }

  html.spinpopNativeApp .resultCard .resultScore,
  body.spinpopNativeApp .resultCard .resultScore{
    font-size:68px !important;
    line-height:.92 !important;
  }

  html.spinpopNativeApp .resultCard .statGrid,
  body.spinpopNativeApp .resultCard .statGrid{
    margin-top:11px !important;
    gap:8px !important;
  }

  html.spinpopNativeApp .resultCard .statBox,
  body.spinpopNativeApp .resultCard .statBox{
    min-height:54px !important;
    padding:7px 5px !important;
  }

  html.spinpopNativeApp .resultCard .statBox .v,
  body.spinpopNativeApp .resultCard .statBox .v{
    font-size:16.5px !important;
  }

  html.spinpopNativeApp .resultCard .rewardPanel,
  body.spinpopNativeApp .resultCard .rewardPanel{
    min-height:62px !important;
    margin:11px 0 9px !important;
    padding:10px 12px !important;
  }

  html.spinpopNativeApp .resultCard .rewardValue,
  body.spinpopNativeApp .resultCard .rewardValue{
    font-size:26px !important;
  }

  html.spinpopNativeApp .resultCard .rankTitle,
  body.spinpopNativeApp .resultCard .rankTitle{
    margin:9px 0 6px !important;
    font-size:12px !important;
  }

  html.spinpopNativeApp #overlay > .card.resultCard .resultRankScroll,
  html.spinpopNativeApp .resultCard .resultRankScroll,
  body.spinpopNativeApp #overlay > .card.resultCard .resultRankScroll,
  body.spinpopNativeApp .resultCard .resultRankScroll{
    flex:0 0 auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    margin:0 !important;
    padding-right:0 !important;
  }

  html.spinpopNativeApp .resultCard .resultRankTable,
  body.spinpopNativeApp .resultCard .resultRankTable{
    border-spacing:0 2px !important;
    font-size:12.8px !important;
    line-height:1.16 !important;
  }

  html.spinpopNativeApp .resultCard .resultRankTable th,
  body.spinpopNativeApp .resultCard .resultRankTable th{
    padding:2px 4px 3px !important;
    font-size:8.5px !important;
  }

  html.spinpopNativeApp .resultCard .resultRankTable td,
  body.spinpopNativeApp .resultCard .resultRankTable td{
    padding:2px 4px !important;
    font-size:12.8px !important;
    line-height:1.16 !important;
  }

  html.spinpopNativeApp #overlay > .card.resultCard .resultBtns,
  html.spinpopNativeApp #overlay > .card.resultCard .shareResultBtns,
  html.spinpopNativeApp .resultCard .resultBtns,
  html.spinpopNativeApp .resultCard .shareResultBtns,
  body.spinpopNativeApp #overlay > .card.resultCard .resultBtns,
  body.spinpopNativeApp #overlay > .card.resultCard .shareResultBtns,
  body.spinpopNativeApp .resultCard .resultBtns,
  body.spinpopNativeApp .resultCard .shareResultBtns{
    flex:0 0 auto !important;
    gap:8px !important;
    margin:14px 0 0 !important;
  }

  html.spinpopNativeApp #overlay > .card.resultCard .resultBtns .resultBtn,
  html.spinpopNativeApp #overlay > .card.resultCard .shareResultBtns .resultBtn,
  html.spinpopNativeApp .resultCard .resultBtns .resultBtn,
  html.spinpopNativeApp .resultCard .shareResultBtns .resultBtn,
  body.spinpopNativeApp #overlay > .card.resultCard .resultBtns .resultBtn,
  body.spinpopNativeApp #overlay > .card.resultCard .shareResultBtns .resultBtn,
  body.spinpopNativeApp .resultCard .resultBtns .resultBtn,
  body.spinpopNativeApp .resultCard .shareResultBtns .resultBtn{
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    border-radius:14px !important;
    font-size:14px !important;
  }
}

@media (max-width:360px){
  html.spinpopNativeApp #overlay > .card.resultCard,
  html.spinpopNativeApp .resultCard,
  body.spinpopNativeApp #overlay > .card.resultCard,
  body.spinpopNativeApp .resultCard{
    padding:17px 14px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html.spinpopNativeApp .resultCard .resultScore,
  body.spinpopNativeApp .resultCard .resultScore{
    font-size:62px !important;
  }

  html.spinpopNativeApp .resultCard .resultRankTable,
  body.spinpopNativeApp .resultCard .resultRankTable,
  html.spinpopNativeApp .resultCard .resultRankTable td,
  body.spinpopNativeApp .resultCard .resultRankTable td{
    font-size:12px !important;
  }
}

/* ===== release-world-ranking-v1 ===== */
.titleWorldStat{
  position:relative;
  cursor:pointer;
  user-select:none;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,241,90,.26), transparent 38%),
    linear-gradient(180deg, rgba(89,247,255,.18), rgba(126,92,255,.10)),
    rgba(255,255,255,.055) !important;
  border-color:rgba(89,247,255,.34) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.18), inset 0 0 18px rgba(89,247,255,.08);
  transition:transform .08s ease, filter .12s ease, border-color .12s ease;
}

.titleWorldStat:active{
  transform:scale(.97);
  filter:brightness(1.18);
}

.titleWorldStat .k{
  color:#59f7ff;
  opacity:.88 !important;
  font-size:8px !important;
  letter-spacing:.055em !important;
  line-height:1 !important;
  white-space:nowrap;
  text-shadow:0 0 10px rgba(89,247,255,.55);
}

.titleWorldStat .v{
  color:#fff15a;
  text-shadow:0 0 13px rgba(255,241,90,.32);
}

.resultCard .worldRankPanel{
  position:relative;
  z-index:3;
  margin:8px 0 6px;
  padding:9px 11px;
  border-radius:13px;
  cursor:pointer;
  user-select:none;
  text-align:left;
  border:1px solid rgba(89,247,255,.28);
  background:
    linear-gradient(135deg, rgba(89,247,255,.14), rgba(255,241,90,.08)),
    rgba(255,255,255,.055);
  box-shadow:inset 0 0 18px rgba(89,247,255,.08), 0 0 22px rgba(89,247,255,.06);
}

.resultCard .resultWorldButton{
  position:relative;
  width:auto;
  min-width:116px;
  min-height:0;
  margin:6px auto 0;
  padding:5px 14px 6px;
  transform:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:999px;
  border-color:rgba(255,178,74,.62);
  color:#ffd37a;
  background:
    linear-gradient(180deg, rgba(255,178,74,.22), rgba(255,119,52,.10)),
    rgba(255,178,74,.035);
  box-shadow:
    inset 0 0 12px rgba(255,178,74,.08),
    0 0 16px rgba(255,178,74,.16);
  appearance:none;
  -webkit-appearance:none;
  animation:worldCheckPulse 1.95s ease-in-out infinite;
}

.resultCard .resultWorldButton span{
  display:block;
  color:#ffd37a;
  font-size:clamp(10px, 2.45vw, 12px);
  line-height:1.05;
  font-weight:1000;
  letter-spacing:.01em;
  word-break:keep-all;
  text-shadow:0 0 10px rgba(255,178,74,.35);
}

.resultCard .resultWorldButton em{
  display:none;
}

.resultCard .worldRankPanel.ready{
  border-color:rgba(255,178,74,.62);
  background:
    linear-gradient(180deg, rgba(255,178,74,.24), rgba(255,119,52,.11)),
    rgba(255,178,74,.04);
}

.resultCard .worldRankPanel.failed,
.resultCard .worldRankPanel.offline{
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
}

.worldRankHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:10px;
  letter-spacing:.13em;
  color:#59f7ff;
  font-weight:900;
}

.worldRankHead b{
  color:#fff15a;
  font-size:11px;
  letter-spacing:0;
  text-align:right;
}

.worldRankSub{
  margin-top:4px;
  color:rgba(255,255,255,.68);
  font-size:11px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:0;
}

@keyframes worldCheckPulse{
  0%,100%{
    transform:translateY(0) scale(1);
    filter:brightness(1);
    box-shadow:
      inset 0 0 12px rgba(255,178,74,.08),
      0 0 14px rgba(255,178,74,.14);
  }
  18%{
    transform:translateY(-1px) scale(1.055);
    filter:brightness(1.2);
    box-shadow:
      inset 0 0 16px rgba(255,178,74,.16),
      0 0 28px rgba(255,178,74,.38);
  }
  36%{
    transform:translateY(0) scale(.985);
    filter:brightness(1.04);
    box-shadow:
      inset 0 0 12px rgba(255,178,74,.10),
      0 0 16px rgba(255,178,74,.18);
  }
  50%{
    transform:translateY(-.5px) scale(1.035);
    filter:brightness(1.16);
    box-shadow:
      inset 0 0 14px rgba(255,178,74,.14),
      0 0 24px rgba(255,178,74,.32);
  }
  72%{
    transform:translateY(0) scale(1);
    filter:brightness(1.02);
  }
}

body.spReducedFx .resultCard .resultWorldButton{
  animation:none;
}

.scrollPanel .shopList{
  overflow-x:hidden;
}

.shopItem[data-skin-id]{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:8px;
  overflow:hidden;
}

.shopItem[data-skin-id] > div:first-child{
  min-width:0;
  display:grid !important;
  grid-template-columns:46px minmax(0, 1fr);
  align-items:center;
  gap:10px;
}

.shopItem[data-skin-id] > div:first-child > div:last-child{
  min-width:0;
}

.shopItem[data-skin-id] > div:first-child > div:last-child > div{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.shopItem[data-skin-id] .rewardTag{
  width:max-content;
  max-width:100%;
}

.shopItem[data-skin-id] .skinActionBtn{
  justify-self:end;
  max-width:108px;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:4px 8px !important;
  font-size:clamp(9px, 2.7vw, 11px) !important;
}

.worldCard{
  width:min(92vw, 440px);
  height:min(88dvh, 720px);
  max-height:min(88dvh, 720px);
  display:flex;
  flex-direction:column;
  gap:9px;
  overflow:hidden;
}

.worldTitleRow{
  position:relative;
  display:grid;
  grid-template-columns:34px minmax(0, 1fr) 34px;
  align-items:center;
  column-gap:4px;
  min-height:38px;
  padding:0;
  text-align:center;
}

.worldTitleBlock{
  grid-column:2;
  min-width:0;
  max-width:100%;
}

.worldTitle{
  margin-top:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-size:clamp(18px, 4.8vw, 23px);
  font-weight:1000;
  letter-spacing:.012em;
  white-space:nowrap;
  line-height:1.05;
  overflow:hidden;
}

.worldTitleIcon{
  display:inline-block;
  margin-right:0;
  flex:0 0 auto;
  font-size:.95em;
  filter:drop-shadow(0 0 10px rgba(255,241,90,.34));
}

.worldClose{
  grid-column:3;
  justify-self:end;
  width:34px;
  height:34px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  background:rgba(255,255,255,.10);
  font-size:20px;
  font-weight:900;
}

.worldPlayer,
.worldLocalBest{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:44px;
  padding:8px 11px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
}

.worldModeHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  padding:0 3px 4px;
}

.worldModeTitle{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}

.worldModeHead b{
  color:#fff;
  font-size:15px;
  font-weight:1000;
  letter-spacing:.02em;
  white-space:nowrap;
}

.worldModeHead span{
  color:rgba(255,255,255,.58);
  font-size:10px;
  font-weight:900;
  text-align:right;
}

.worldIconButton{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  min-width:30px;
  padding:0;
  border-radius:10px;
  border:1px solid rgba(89,247,255,.26);
  color:#8ffaff;
  background:
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.055)),
    rgba(89,247,255,.055);
  box-shadow:inset 0 0 10px rgba(89,247,255,.055), 0 4px 12px rgba(0,0,0,.16);
  font-size:17px;
  font-weight:1000;
  line-height:1;
}

.worldButtonSvg{
  display:block;
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
  overflow:visible;
  pointer-events:none;
}

.worldSwapSvg{
  width:17px;
  height:17px;
  stroke-width:2.2;
}

.worldUpSvg{
  width:16px;
  height:16px;
}

.worldIconButton:active{
  transform:scale(.94);
  filter:brightness(1.22);
}

.worldPlayer span,
.worldLocalBest span{
  color:rgba(255,255,255,.62);
  font-size:11px;
  font-weight:900;
}

.worldPlayer input{
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  text-align:right;
  color:#fff;
  background:transparent;
  font-size:15px;
  font-weight:900;
}

.worldPlayer.nicknamePrompt{
  border-color:rgba(255,178,63,.72);
  background:
    radial-gradient(circle at 78% 50%, rgba(255,178,63,.24), transparent 52%),
    rgba(255,255,255,.07);
  box-shadow:
    0 0 0 1px rgba(255,178,63,.14),
    0 0 22px rgba(255,178,63,.18),
    inset 0 0 18px rgba(255,178,63,.07);
  animation:worldNicknamePulse 1.2s ease-in-out infinite;
}

.worldPlayer.nicknamePrompt span{
  color:#fff15a;
}

.worldPlayer.nicknamePrompt input{
  color:#fff;
  text-shadow:0 0 10px rgba(255,241,90,.42);
}

.worldPlayer.nicknameSaving{
  border-color:rgba(89,247,255,.46);
}

.worldPlayer.nicknameSaved{
  border-color:rgba(132,255,178,.56);
  box-shadow:0 0 18px rgba(132,255,178,.16), inset 0 0 14px rgba(132,255,178,.06);
}

.worldPlayer.nicknameFailed{
  border-color:rgba(255,103,103,.52);
}

@keyframes worldNicknamePulse{
  0%,100%{transform:translateY(0);filter:brightness(1);}
  50%{transform:translateY(-1px);filter:brightness(1.16);}
}

.worldLocalBest b{
  color:#fff15a;
  font-size:17px;
}

#worldRankingBody{
  flex:1;
  min-height:0;
  overflow:hidden;
  overflow-x:hidden;
  padding-right:0;
}

.worldRows::-webkit-scrollbar{
  width:6px;
}

.worldRows::-webkit-scrollbar-thumb{
  border-radius:99px;
  background:linear-gradient(180deg, #fff15a, #59f7ff);
}

.worldLoading,
.worldOffline,
.worldEmpty{
  display:grid;
  place-items:center;
  min-height:130px;
  color:rgba(255,255,255,.72);
  text-align:center;
  font-weight:900;
}

.worldOffline{
  gap:8px;
  place-items:center;
}

.worldOffline b{
  color:#fff;
  font-size:17px;
}

.worldOffline span,
.worldOffline em{
  color:rgba(255,255,255,.66);
  font-size:12px;
  font-style:normal;
  line-height:1.35;
}

.worldSection{
  margin-top:10px;
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
}

.worldSection:first-child{
  margin-top:0;
}

.worldSectionHead{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:0 2px 6px;
}

.worldSectionHead b{
  color:#fff;
  font-size:14px;
  letter-spacing:.04em;
}

.worldSectionInfo{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
}

.worldSectionInfo b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.worldSectionTools{
  display:flex;
  align-items:center;
  gap:6px;
}

.worldRows{
  display:grid;
  gap:4px;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:3px;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y pinch-zoom;
}

.worldRow{
  display:grid;
  grid-template-columns:62px minmax(0, 1fr) 82px;
  grid-template-areas:"rank name score";
  align-items:center;
  gap:6px;
  min-height:31px;
  padding:4px 9px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
}

.worldRow.me{
  border-color:rgba(255,241,90,.42);
  background:linear-gradient(90deg, rgba(255,241,90,.14), rgba(89,247,255,.08));
}

.worldRow .rank{
  grid-area:rank;
  display:flex;
  align-items:center;
  gap:4px;
  color:#59f7ff;
  font-weight:1000;
  font-size:14px;
}

.worldRow .rank em{
  color:#59f7ff;
  font-style:normal;
  font-size:12px;
}

.worldRow .name{
  grid-area:name;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:12px;
  font-weight:900;
}

.worldRow b{
  grid-area:score;
  justify-self:end;
  color:#fff15a;
  font-size:14px;
}

.worldRow .sub{
  display:none;
  grid-area:sub;
  color:rgba(255,255,255,.52);
  font-size:10px;
  font-weight:800;
}

.worldIconButton[hidden]{
  display:none;
}

.worldIconButton.worldTopButton{
  color:#8ffaff;
  border-color:rgba(89,247,255,.26);
  background:
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.055)),
    rgba(89,247,255,.055);
}

.worldHelpButton{
  width:24px;
  height:24px;
  min-width:24px;
  border-radius:9px;
  font-size:13px;
  color:#fff15a;
  border-color:rgba(255,241,90,.28);
  background:
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.052)),
    rgba(255,241,90,.065);
  box-shadow:inset 0 0 9px rgba(255,241,90,.055), 0 4px 12px rgba(0,0,0,.16);
}

.worldRulesLayer{
  position:fixed;
  inset:0;
  z-index:2147483550;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(0,0,0,.42);
  backdrop-filter:blur(5px);
  pointer-events:auto;
}

.worldRulesCard{
  position:relative;
  z-index:1;
  width:min(100%, 340px);
  max-height:min(78dvh, 560px);
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,241,90,.24);
  background:
    radial-gradient(circle at 18% 0%, rgba(255,241,90,.14), transparent 38%),
    radial-gradient(circle at 86% 16%, rgba(89,247,255,.13), transparent 42%),
    linear-gradient(180deg, rgba(34,37,50,.98), rgba(12,14,22,.98));
  box-shadow:0 18px 50px rgba(0,0,0,.44), inset 0 0 20px rgba(255,255,255,.035);
}

.worldRulesHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.worldRulesHead b{
  color:#fff;
  font-size:18px;
  font-weight:1000;
  letter-spacing:.02em;
}

.worldRulesClose{
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  background:rgba(255,255,255,.10);
  font-size:22px;
  font-weight:1000;
}

.worldRulesBody{
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  display:grid;
  gap:8px;
  padding-right:3px;
  -webkit-overflow-scrolling:touch;
}

.worldRulesBody::-webkit-scrollbar{
  width:6px;
}

.worldRulesBody::-webkit-scrollbar-thumb{
  border-radius:99px;
  background:linear-gradient(180deg, #fff15a, #59f7ff);
}

.worldRulesItem{
  text-align:left;
  padding:10px 11px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.055);
}

.worldRulesItem b{
  display:block;
  color:#fff15a;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.04em;
  margin-bottom:4px;
}

.worldRulesItem p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:12px;
  font-weight:800;
  line-height:1.45;
}

.worldRulesOk{
  width:100%;
  min-height:42px;
  border:0;
  border-radius:13px;
  color:#071016;
  background:linear-gradient(90deg,#fff15a,#6ff4df);
  box-shadow:0 0 18px rgba(89,247,255,.16);
  font-size:14px;
  font-weight:1000;
}

@media (max-width:480px){
  .worldCard{
    width:min(94vw, 420px);
    height:calc(100dvh - 24px);
    max-height:calc(100dvh - 24px);
    padding:18px 16px;
  }

  .worldTitle{
    font-size:20px;
  }

  .worldModeHead{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:3px 8px;
    padding-bottom:3px;
  }

  .worldModeTitle{
    min-width:0;
    max-width:100%;
  }

  .worldModeHead b{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:14px;
  }

  .worldModeHead span{
    grid-column:1 / -1;
    justify-self:end;
    max-width:100%;
    font-size:9px;
    line-height:1.12;
  }

  .resultCard .worldRankPanel{
    margin:7px 0 5px !important;
    padding:7px 10px !important;
    border-radius:11px !important;
  }

  .resultCard .resultWorldButton{
    width:auto !important;
    min-width:112px !important;
    min-height:0 !important;
    margin:6px auto 0 !important;
    padding:5px 13px 6px !important;
  }

  .resultCard .worldRankHead{
    font-size:9px !important;
  }

  .resultCard .worldRankHead b,
  .resultCard .worldRankSub{
    font-size:10px !important;
  }

  html.spinpopNativeApp .resultCard.hasWorldRank .resultScore,
  body.spinpopNativeApp .resultCard.hasWorldRank .resultScore{
    font-size:66px !important;
  }

  html.spinpopNativeApp .resultCard.hasWorldRank .rewardPanel,
  body.spinpopNativeApp .resultCard.hasWorldRank .rewardPanel{
    min-height:56px !important;
    margin:9px 0 7px !important;
  }

  html.spinpopNativeApp .resultCard.hasWorldRank .rankTitle,
  body.spinpopNativeApp .resultCard.hasWorldRank .rankTitle{
    margin:7px 0 5px !important;
  }

  html.spinpopNativeApp .resultCard.hasWorldRank .resultRankTable,
  body.spinpopNativeApp .resultCard.hasWorldRank .resultRankTable,
  html.spinpopNativeApp .resultCard.hasWorldRank .resultRankTable td,
  body.spinpopNativeApp .resultCard.hasWorldRank .resultRankTable td{
    font-size:12px !important;
    line-height:1.12 !important;
  }

  html.spinpopNativeApp .resultCard.hasWorldRank .resultBtns,
  html.spinpopNativeApp .resultCard.hasWorldRank .shareResultBtns,
  body.spinpopNativeApp .resultCard.hasWorldRank .resultBtns,
  body.spinpopNativeApp .resultCard.hasWorldRank .shareResultBtns{
    margin-top:10px !important;
  }
}

/* ===== spinpop-android-back-button ===== */
#spinpopBackToast{
  position:fixed;
  left:50%;
  bottom:calc(26px + env(safe-area-inset-bottom, 0px));
  transform:translateX(-50%) translateY(10px) scale(.96);
  z-index:2147483600;
  max-width:min(84vw, 360px);
  padding:10px 15px;
  border-radius:999px;
  border:1px solid rgba(89,247,255,.42);
  background:
    linear-gradient(180deg, rgba(31,35,48,.98), rgba(10,12,20,.98));
  color:#ffffff;
  box-shadow:0 0 22px rgba(89,247,255,.18), inset 0 0 14px rgba(255,255,255,.045);
  font-size:13px;
  font-weight:900;
  line-height:1.25;
  text-align:center;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease;
}

#spinpopBackToast.show{
  opacity:1;
  transform:translateX(-50%) translateY(0) scale(1);
}