/* ===== source style 59: boss-legendary-card-reward-ui ===== */

#screen-levels .level-card.boss .level-meta-line span:last-child{color:var(--gold);text-shadow:0 0 12px rgba(255,209,91,.28)}
.reward-preview-card .compact-reward.reward-sticker[aria-label^="Легендарная"]{border-color:rgba(255,209,91,.42)!important;background:linear-gradient(160deg,rgba(255,209,91,.18),rgba(55,21,120,.78))!important;box-shadow:0 0 20px rgba(255,209,91,.14),inset 0 1px 0 rgba(255,255,255,.08)!important}


/* ===== source style 60: level1-booster-lock-final ===== */

/* ===== Level 1: boosters locked until level 2 ===== */
#screen-game .booster.level-one-locked{
  opacity:.42!important;
  filter:grayscale(.75) brightness(.82)!important;
  pointer-events:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 16px rgba(0,0,0,.18)!important;
}
#screen-game .booster.level-one-locked:after{
  content:"🔒";
  position:absolute;
  right:6px;
  top:5px;
  font-size:12px;
  width:18px;
  height:18px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(5,2,18,.72);
  border:1px solid rgba(255,255,255,.14);
}


/* ===== source style 61: profile-close-no-bottom-nav-final ===== */

/* Profile screen behaves like a settings modal: no bottom menu, explicit close action. */
#screen-profile.active ~ #bottomNav{
  display:none!important;
}
#screen-profile{
  padding-bottom:calc(92px + var(--safeBottom))!important;
}
#screen-profile .panel{
  flex:1 1 auto;
  min-height:0;
  margin-bottom:0!important;
  padding-bottom:calc(18px + var(--safeBottom))!important;
}
.profile-close-btn{
  position:absolute;
  left:22px;
  right:22px;
  bottom:calc(16px + var(--safeBottom));
  z-index:75;
  min-height:58px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:18px;
  font-weight:1000;
  color:#fff;
  background:linear-gradient(135deg,#ff9d35,#ff4fa0);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 34px rgba(255,79,160,.28),0 0 24px rgba(255,157,53,.16),inset 0 1px 0 rgba(255,255,255,.34);
}
.profile-close-btn:active{
  transform:translateY(1px) scale(.992);
  filter:brightness(1.05);
}
@media(min-width:700px){
  .profile-close-btn{left:24px;right:24px;bottom:22px;}
}
@media(max-width:370px){
  .profile-close-btn{left:18px;right:18px;min-height:54px;border-radius:20px;font-size:16px;}
  #screen-profile{padding-bottom:calc(84px + var(--safeBottom))!important;}
}


/* ===== source style 62: unified-close-buttons-like-profile ===== */

/* Unified close buttons: same visual language as the Profile close action. */
.close-like-profile,
#closeBoosterModal,
#cancelAd,
#closeClaimReveal,
#shopDetailCancel{
  min-height:54px!important;
  border-radius:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:17px!important;
  font-weight:1000!important;
  color:#fff!important;
  background:linear-gradient(135deg,#ff9d35,#ff4fa0)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 16px 34px rgba(255,79,160,.28),0 0 24px rgba(255,157,53,.16),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.close-like-profile:active,
#closeBoosterModal:active,
#cancelAd:active,
#closeClaimReveal:active,
#shopDetailCancel:active{
  transform:translateY(1px) scale(.992);
  filter:brightness(1.05);
}
.close-like-profile.close-fullwidth,
#closeBoosterModal,
#closeClaimReveal{
  width:100%!important;
}
@media(max-width:370px){
  .close-like-profile,
  #closeBoosterModal,
  #cancelAd,
  #closeClaimReveal,
  #shopDetailCancel{
    min-height:52px!important;
    border-radius:20px!important;
    font-size:16px!important;
  }
}


/* ===== source style 63: rounded-close-buttons-final-fix ===== */

/* Final fix: close actions must be rounded cards, not edge-to-edge bars. */
.profile-close-btn,
.close-like-profile.close-fullwidth,
#closeBoosterModal,
#closeClaimReveal,
#onlineClose,
.onlineCloseDock{
  left:22px!important;
  right:22px!important;
  bottom:calc(16px + var(--safeBottom, 0px))!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:58px!important;
  padding:0 18px!important;
  border-radius:22px!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:18px!important;
  font-weight:1000!important;
  color:#fff!important;
  background:linear-gradient(135deg,#ff9d35,#ff4fa0)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 16px 34px rgba(255,79,160,.28),0 0 24px rgba(255,157,53,.16),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
body.onlineSubscreen .onlineCloseDock{
  position:fixed!important;
  opacity:1!important;
  pointer-events:auto!important;
  animation:none!important;
}
@media(max-width:370px){
  .profile-close-btn,.close-like-profile.close-fullwidth,#closeBoosterModal,#closeClaimReveal,#onlineClose,.onlineCloseDock{
    left:18px!important;right:18px!important;min-height:54px!important;border-radius:20px!important;font-size:16px!important;
  }
}


/* ===== source style 64: desktop-mouse-gameplay-controls ===== */

/* ===== Desktop gameplay controls: mouse wheel / drag / swipe, without visible hints ===== */
@media (pointer:fine){
  #answerStrip,
  .strip{
    cursor:grab;
    user-select:none;
    -webkit-user-select:none;
    overscroll-behavior:contain;
  }
  #answerStrip.desktop-dragging,
  .strip.desktop-dragging{
    cursor:grabbing;
    scroll-snap-type:none!important;
  }
  #screen-levels.desktop-swipe-ready,
  #battlePassDrawer.desktop-swipe-ready{
    user-select:none;
    -webkit-user-select:none;
  }
  #screen-levels.desktop-swipe-peek .level-card{
    transform:translateX(-6px) scale(.998)!important;
    transition:transform .12s ease!important;
  }
  #battlePassDrawer.desktop-swipe-peek{
    transform:translateX(10px)!important;
    transition:transform .12s ease!important;
  }
  .answer{
    user-select:none;
    -webkit-user-select:none;
  }
}


/* ===== source style 65: defense-final-header-and-bg-fix ===== */

/* Final Defense sync with Levels screen: compact header + no black inner gaps */
:root{
  --levels-bg-a:rgba(138,63,255,.25);
  --levels-bg-b:rgba(255,79,160,.16);
  --levels-panel-a:rgba(48,18,105,.74);
  --levels-panel-b:rgba(18,6,47,.90);
  --levels-line:rgba(188,143,255,.24);
  --levels-muted:#cbb9ee;
  --levels-gold:#ffd15b;
}
html,
body{
  background:
    radial-gradient(circle at 18% 0%,var(--levels-bg-a),transparent 24%),
    radial-gradient(circle at 92% 16%,var(--levels-bg-b),transparent 24%),
    linear-gradient(180deg,rgba(17,2,48,.98),rgba(7,2,22,.99))!important;
}
body:after{display:none!important;content:none!important;}
#app{
  width:100%!important;
  max-width:none!important;
  height:100dvh!important;
  margin:0!important;
  background:
    radial-gradient(circle at 18% 0%,var(--levels-bg-a),transparent 24%),
    radial-gradient(circle at 92% 16%,var(--levels-bg-b),transparent 24%),
    linear-gradient(180deg,rgba(17,2,48,.98),rgba(7,2,22,.99))!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.main,
.hub,
.hubCompact,
.screen,
.list{
  background:transparent!important;
}
.top.playerTop{
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  padding:10px 12px!important;
  margin:0 0 12px 0!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 15% 18%,rgba(255,209,91,.10),transparent 30%),
    radial-gradient(circle at 86% 16%,rgba(255,79,160,.12),transparent 34%),
    linear-gradient(160deg,var(--levels-panel-a),var(--levels-panel-b))!important;
  border:1px solid var(--levels-line)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.07)!important;
  overflow:hidden!important;
}
.top.playerTop .back{display:none!important;}
.playerIdentity{gap:12px!important;min-width:0!important;}
.playerAvatar{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  font-size:27px!important;
  border-radius:50%!important;
}
.playerAvatar i{
  min-width:32px!important;
  height:19px!important;
  font-size:9px!important;
  right:-5px!important;
  bottom:-3px!important;
}
.playerCopy b{
  font-size:17px!important;
  line-height:1.08!important;
  max-width:190px!important;
}
.resourceGroup{gap:7px!important;}
.resourceGroup .pill,
.pill.energyPill{
  height:42px!important;
  min-height:42px!important;
  min-width:58px!important;
  padding:8px 11px!important;
  border-radius:999px!important;
  font-size:16px!important;
  line-height:1!important;
}
.main{
  height:calc(100dvh - 88px)!important;
  padding:0!important;
  overflow:hidden!important;
}
.hubCompact{
  height:100%!important;
  gap:10px!important;
  padding-bottom:6px!important;
}
.panel,
.battleCta,
.defenseCompactTile,
.defenseProPanel,
.defenseInfoCard,
.defDeckCard,
.historyRow,
.guideCard,
.collectionCard{
  background:
    radial-gradient(circle at 88% 44%,rgba(255,79,160,.18),transparent 28%),
    linear-gradient(135deg,rgba(45,18,102,.94),rgba(16,5,47,.98))!important;
  border:1px solid rgba(190,143,255,.23)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.065)!important;
}
.battleCta{
  min-height:150px!important;
  background:
    radial-gradient(circle at 78% 48%,rgba(255,79,160,.18),transparent 22%),
    linear-gradient(135deg,rgba(53,20,122,.92),rgba(20,6,55,.98))!important;
  border-color:rgba(189,143,255,.24)!important;
}
.defenseCompactTile{
  background:
    radial-gradient(circle at 80% 18%,rgba(123,60,255,.18),transparent 30%),
    linear-gradient(135deg,rgba(53,20,122,.92),rgba(20,6,55,.98))!important;
}
.defenseCompactTile p,
.battleCta p,
.playerCopy span{
  color:var(--levels-muted)!important;
}
@media(max-width:370px){
  .top.playerTop{
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    padding:9px 11px!important;
    margin-bottom:10px!important;
  }
  .playerAvatar{width:50px!important;height:50px!important;min-width:50px!important;font-size:25px!important;}
  .playerAvatar i{min-width:30px!important;height:18px!important;font-size:8.5px!important;}
  .playerCopy b{font-size:16px!important;max-width:150px!important;}
  .resourceGroup{gap:5px!important;}
  .resourceGroup .pill,.pill.energyPill{height:39px!important;min-height:39px!important;min-width:52px!important;padding:7px 9px!important;font-size:15px!important;}
  .main{height:calc(100dvh - 82px)!important;}
}


/* ===== source style 66: single-file-card-inventory-debug-onboarding-upgrade ===== */

/* ===== Single-file prototype upgrade: Card inventory, Defense clarity, Debug panel, Onboarding ===== */
.onboarding-card,.defense-unlock-card{border-radius:22px;padding:13px 14px;margin:0 0 12px;background:linear-gradient(160deg,rgba(48,18,105,.66),rgba(18,6,47,.84));border:1px solid rgba(188,143,255,.22);box-shadow:0 12px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}
.onboarding-card h3,.defense-unlock-card h3{margin:0 0 8px;font-size:15px;font-weight:1000;color:#fff}.onboarding-card p,.defense-unlock-card p{margin:0;color:var(--muted);font-size:12px;font-weight:900;line-height:1.35}.onboarding-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.onboarding-step{min-height:46px;border-radius:16px;padding:8px 7px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.09);font-size:10.5px;font-weight:1000;line-height:1.15;text-align:center;color:#eadfff}.onboarding-step b{display:block;font-size:15px;margin-bottom:3px}.defense-progress-mini{height:8px;border-radius:99px;background:rgba(0,0,0,.28);overflow:hidden;margin-top:10px;border:1px solid rgba(255,255,255,.08)}.defense-progress-mini i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#55c5ff,#7a3cff,#ff4fa0,#ffd15b);transition:width .22s ease}.defense-unlock-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.defense-unlock-row small{color:#d8cafa;font-size:11px;font-weight:1000}.defense-unlock-row button{min-height:34px;border-radius:14px;padding:0 11px;background:linear-gradient(135deg,#7a3cff,#ff4fa0);font-size:11px;font-weight:1000;border:1px solid rgba(255,255,255,.14)}
.card-inventory-card,.debug-card{max-width:430px!important;width:100%;height:min(82dvh,720px);padding:0!important;text-align:left!important;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 82% 0%,rgba(255,79,160,.16),transparent 30%),radial-gradient(circle at 12% 10%,rgba(85,197,255,.10),transparent 28%),linear-gradient(160deg,rgba(49,19,108,.98),rgba(10,3,31,.99))!important}.inventory-head,.debug-head{flex:0 0 auto;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid rgba(188,143,255,.16)}.inventory-head h2,.debug-head h2{margin:0;font-size:19px;font-weight:1000;text-align:center}.inventory-close,.debug-close{width:44px;height:44px;border-radius:16px;background:rgba(35,12,81,.82);border:1px solid rgba(188,143,255,.2);display:grid;place-items:center;font-size:25px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 20px rgba(0,0,0,.24)}.inventory-summary{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px}.inventory-stat{border-radius:17px;padding:10px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.1);text-align:center}.inventory-stat b{display:block;font-size:17px}.inventory-stat small{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:1000}.inventory-filters{display:flex;gap:7px;overflow-x:auto;padding:0 14px 10px;scrollbar-width:none}.inventory-filters::-webkit-scrollbar{display:none}.inventory-filter{flex:0 0 auto;min-height:34px;border-radius:14px;padding:0 10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);color:#d8cafa;font-size:11px;font-weight:1000}.inventory-filter.active{background:linear-gradient(135deg,#7a3cff,#ff4fa0);color:#fff;border-color:rgba(255,255,255,.18)}.inventory-grid{flex:1;min-height:0;overflow:auto;padding:0 14px 16px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start;scrollbar-width:none}.inventory-grid::-webkit-scrollbar{display:none}.inventory-empty{grid-column:1/-1;border-radius:20px;padding:16px;background:rgba(255,255,255,.055);border:1px solid rgba(188,143,255,.16);color:#cbb9ee;font-size:13px;font-weight:900;line-height:1.35;text-align:center}.inventory-card-item{position:relative;min-height:156px;border-radius:21px;padding:11px;background:linear-gradient(160deg,rgba(39,15,86,.82),rgba(13,5,39,.96));border:1px solid rgba(188,143,255,.18);box-shadow:0 13px 31px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.065);overflow:hidden}.inventory-card-item.rarity-rare{border-color:rgba(85,197,255,.28)}.inventory-card-item.rarity-epic{border-color:rgba(255,79,160,.30)}.inventory-card-item.rarity-legend{border-color:rgba(255,209,91,.36);background:radial-gradient(circle at 82% 0%,rgba(255,209,91,.14),transparent 32%),linear-gradient(160deg,rgba(52,19,98,.88),rgba(13,5,39,.96))}.inventory-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.inventory-card-icon{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;font-size:31px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.inventory-rarity{min-height:24px;border-radius:999px;padding:0 8px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.10);font-size:9px;font-weight:1000;text-transform:uppercase;color:#eadfff}.inventory-card-item h3{margin:9px 0 7px;font-size:14px;line-height:1.12}.inventory-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px}.inventory-card-meta span{min-height:27px;border-radius:11px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:1000;color:#eee6ff}.inventory-ability{margin-top:8px;color:#cbb9ee;font-size:10.5px;font-weight:900;line-height:1.25}.debug-body{flex:1;min-height:0;overflow:auto;padding:14px;scrollbar-width:none}.debug-body::-webkit-scrollbar{display:none}.debug-warning{border-radius:18px;padding:11px 12px;margin-bottom:12px;background:rgba(255,209,91,.08);border:1px solid rgba(255,209,91,.22);color:#f4e7bd;font-size:12px;font-weight:900;line-height:1.35}.debug-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.debug-grid button{min-height:58px;border-radius:18px;padding:9px;background:linear-gradient(160deg,rgba(67,29,140,.78),rgba(29,9,75,.92));border:1px solid rgba(188,143,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);font-size:12px;font-weight:1000;text-align:left}.debug-grid button.danger{background:linear-gradient(160deg,rgba(118,33,74,.58),rgba(39,10,54,.92));border-color:rgba(255,82,105,.24)}.debug-grid button span{display:block;font-size:22px;margin-bottom:4px}.card-system-note{margin-top:12px;border-radius:18px;padding:12px;background:rgba(255,255,255,.045);border:1px solid rgba(188,143,255,.14);color:#cbb9ee;font-size:12px;font-weight:900;line-height:1.35}.card-system-note b{color:#fff}
@media(max-width:370px){.onboarding-steps{grid-template-columns:1fr}.inventory-grid{grid-template-columns:1fr}.debug-grid{grid-template-columns:1fr}.inventory-summary{grid-template-columns:1fr 1fr}.inventory-summary .inventory-stat:last-child{grid-column:1/-1}}