/* The same artwork is used in the shop and both game modes. */
html body #overlay .skinPreview[data-skin-art]::before,
html body #overlay .skinPreview[data-skin-art]::after,
html body #skinConfirmLayer .skinPreview[data-skin-art]::before,
html body #skinConfirmLayer .skinPreview[data-skin-art]::after,
html body .skinPreview[data-skin-art]::before,
html body .skinPreview[data-skin-art]::after{content:none !important;display:none !important;}

#overlay>.titleCard{
  position:relative;width:min(calc(100% - 24px),428px) !important;max-width:428px !important;min-width:0;
  max-height:calc(100dvh - 24px) !important;overflow-y:auto !important;overscroll-behavior:contain;
  padding:18px 22px 22px !important;margin:auto;
  border:0 !important;border-radius:0 !important;background:none !important;
  box-shadow:none !important;text-align:left;scrollbar-width:none;
}
#overlay>.titleCard::-webkit-scrollbar{display:none;}
.titleIdentity{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;padding:6px 32px 16px 0;}
.titleBrandMark{display:block;width:64px;height:64px;border-radius:12px;}
.titleCard .spinpopTitle{font-size:36px !important;line-height:1.05;letter-spacing:0 !important;color:#f5f8fb !important;background:none !important;text-shadow:none !important;}
.titleCard .spinpopSub{font-size:12px !important;letter-spacing:0 !important;color:#a7b4bd;opacity:1 !important;margin-top:6px;}
.titleCard .statGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 14px;padding:12px 0;border-top:1px solid #2a343b;border-bottom:1px solid #2a343b;}
.titleCard .statBox{min-width:0;border:0;border-radius:0;background:none !important;padding:0 12px;box-shadow:none !important;text-align:left;}
.titleCard .statBox:first-child{padding-left:0;}
.titleCard .statBox+.statBox{border-left:1px solid #2a343b;}
.titleCard .statBox .k{font-size:9px !important;letter-spacing:0 !important;line-height:1.4 !important;white-space:normal;color:#a7b4bd;}
.titleCard .statBox .v{margin-top:5px;font-size:22px;line-height:1.1;}
.titleCard .titleStartBlock{margin:0 0 12px;}
.titleCard .titleStartBtn{display:block;width:100%;height:52px;min-height:52px;margin:0;padding:0 20px;border:1px solid #a9ffef;border-radius:8px;background:#a6efde !important;color:#122c2c;font:900 20px Arial,sans-serif;letter-spacing:0;box-shadow:0 3px 18px #68d8c126;}
.titleCard .titleStartBtn:hover{background:#c2f8eb;}
.titleCard .titleStartBtn:focus-visible{outline:2px solid #fff;outline-offset:3px;}
.titleCard .weekdayMissionPanel{margin:0 0 12px !important;border-radius:8px !important;box-shadow:none !important;}
.titleCard .weekdayMissionPanel.locked{min-height:64px;}
.titleCard .metaRow{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:0;margin:12px 0 14px;padding:12px 0;border-top:1px solid #2a343b;border-bottom:1px solid #2a343b;}
.titleCard .metaMini{min-width:0;min-height:66px;padding:0 10px;border:0;border-radius:0;background:none;box-shadow:none;text-align:left;}
.titleCard .metaMini:first-child{padding-left:0;}
.titleCard .metaMini+.metaMini{border-left:1px solid #2a343b;}
.titleCard .metaMini .k{font-size:9px;letter-spacing:0;color:#a7b4bd;}
.titleCard .pointsMini .v{font-size:22px;color:#f4d983;}
.titleCard .metaMini .totalEarned{white-space:normal;line-height:1.3;font-size:10px;letter-spacing:0;}
.titleCard .metaMini.titleSkinMini>div:nth-child(2){justify-content:flex-start !important;}
.titleCard .titleSkinOwnedBonus,.titleCard .titleSkinItemSpawn{font-size:10px;line-height:1.4;letter-spacing:0;}
.titleCard .menuBtns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;}
.titleCard .menuBtn{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:54px;padding:10px 8px;border:1px solid #414952;border-radius:8px;background:#141a20 !important;box-shadow:none !important;letter-spacing:0;}
.titleCard .menuBtn.ach{border-color:#73683e;color:#f4d983;}
.titleCard .menuBtn.skins{border-color:#644657;color:#f0bfd6;}
.titleCard .menuBtn .ico{margin:0;font-size:22px;}
.titleCard .menuBtn .txt{font-size:14px;line-height:1.2;overflow-wrap:anywhere;}
.titleCard .menuBtn .hint,.titleCard .tipBox,.titleCard .titleSoundHint{display:none !important;}
.titleCard .titleSettingsBtn{top:20px;right:20px;width:30px;height:30px;border:0;border-radius:6px;background:none;box-shadow:none;}
.titleCard .titleSettingsBtn span{font-size:21px;}
.titleCard.titleIntroRun .weekdayMissionPanel{animation-delay:.74s;}
.titleCard.titleIntroRun .metaRow{animation-delay:.84s;}
.titleCard.titleIntroRun .menuBtns{animation-delay:.94s;}
#overlay>.titleCard.titleIntroRun{animation-duration:.32s;}
.titleCard.titleIntroRun :is(.spinpopTitle,.spinpopSub,.statGrid,.titleStartBlock,.metaRow,.weekdayMissionPanel,.menuBtns){animation-duration:.28s;animation-delay:.14s;}
@media(max-width:350px){
  #overlay>.titleCard{padding:14px 16px 18px !important;}
  .titleIdentity{grid-template-columns:52px minmax(0,1fr);gap:10px;padding-right:28px;}
  .titleBrandMark{width:52px;height:52px;}
  .titleCard .spinpopTitle{font-size:30px !important;}
  .titleCard .statBox{padding:0 8px;}
  .titleCard .titleSettingsBtn{top:17px;right:16px;}
}
@media(max-height:650px){
  .titleIdentity{padding-bottom:10px;}
  .titleCard .statGrid{padding:9px 0;margin-bottom:10px;}
  .titleCard .metaRow{margin:10px 0;padding:9px 0;}
}

/* Keep the fever lighting local instead of filtering the entire game image. */
body.spFeverOn #c,body.spFeverOn2 #c{filter:none !important;}
body.spFeverOn2 #spFeverDopaOverlay2{filter:none;will-change:opacity;}
@keyframes spFeverBreath2{from{opacity:.50;}to{opacity:.74;}}
#feverBg #feverBar,.surviveTrack .surviveBar{width:100%;transform:scaleX(0);transform-origin:left center;}
.resultRankTable :is(th,td):first-child{padding-left:16px;padding-right:0;letter-spacing:0;text-align:left;}