/* Abyssal · Fossas, Specimens Shop and Resonance · interface harmony v1.
   Purely decorative overrides. No interaction or payment flow modifications. */

/* A thin, almost matte, blood-colored drip. Reduce the red halo. */
body:not(.game-active) #menuScreen .abyss-orbit-navigation #abyssGate .abyss-gate-content{
  filter:drop-shadow(0 0 .75px rgba(125,20,30,.65))!important;
}
body:not(.game-active) #menuScreen .abyss-orbit-navigation #abyssGate .abyss-gate-content::before{
  background:rgba(90,16,21,.62)!important;opacity:.76!important;
}
body:not(.game-active) #menuScreen .abyss-orbit-navigation #abyssGate .abyss-gate-content::after{
  opacity:.9!important;
}
body:not(.game-active) #menuScreen .abyss-orbit-navigation #abyssGate #abyssGateButton{
  border-color:rgba(111,28,34,.72)!important;
  box-shadow:inset 0 0 4px rgba(126,20,27,.1),0 0 1px rgba(91,14,19,.35)!important;
}
body:not(.game-active) #menuScreen .abyss-orbit-navigation #abyssGate #abyssGateButton:hover,
body:not(.game-active) #menuScreen .abyss-orbit-navigation #abyssGate #abyssGateButton:focus-visible{
  filter:brightness(1.1) drop-shadow(0 0 1px rgba(118,19,24,.48))!important;
}

/* Fossas choice icons depict individual fish vs a school of fish. */
.abyss-descent-panel .abyss-descent-choice .abyss-fish-icon{
  display:block!important;width:100px!important;height:52px!important;max-width:100%!important;
  margin:0 0 16px!important;overflow:visible!important;
  color:#cec9d2!important;filter:drop-shadow(0 0 5px rgba(120,45,62,.18))!important;
}
.abyss-descent-panel .abyss-descent-choice[data-mode="group"] .abyss-fish-icon{
  color:#c6a5dc!important;
}
.abyss-descent-panel .abyss-descent-header p{
  color:#cfb6bf!important;line-height:1.55!important;
}
.abyss-descent-panel .abyss-descent-choice small{color:#bb9ca9!important}
@media(max-width:700px){
  .abyss-descent-panel .abyss-descent-choice .abyss-fish-icon{
    width:78px!important;height:42px!important;margin-bottom:10px!important;
  }
}

/* Unpaid, mission and promo skins and bundles use brown glass without tentacles.
   Paid skins are marked with .paid-skin-card by renderShop(). */
#shopScreen #skinGrid .skin-card:not(.paid-skin-card)::before{
  content:none!important;display:none!important;background-image:none!important;
}
#shopScreen #skinGrid .skin-card:not(.paid-skin-card){
  background:linear-gradient(152deg,rgba(101,65,39,.47),rgba(48,31,27,.57) 60%,rgba(19,17,25,.73))!important;
}
#shopScreen #skinGrid .skin-card.paid-skin-card::before{opacity:.84!important}
#shopScreen #skinGrid .skin-card.paid-skin-card{border-color:rgba(160,108,77,.79)!important}

/* All in-shop elements are harmonized, except Resgatar Código. */
#shopScreen .shop-heading p,#shopScreen .payment-settings label,
#shopScreen .wallet small,#shopScreen .meta-shop-heading p{color:#d5b9a8!important}
#shopScreen .shop-heading h2,#shopScreen .meta-shop-heading h3{color:#f6dfcf!important}
#shopScreen .shop-modal .eyebrow,#shopScreen .meta-shop-heading .eyebrow{color:#e6baa7!important}
#shopScreen .wallet,#shopScreen .payment-settings{
  border-color:rgba(161,104,70,.39)!important;color:#f3dfd3!important;
}
#shopScreen .shop-filter-search,#shopScreen .shop-filter-select,
#shopScreen #marineSearch{
  border:1px solid rgba(159,108,76,.57)!important;
  background:rgba(48,31,27,.8)!important;color:#f1ddd0!important;
}
#shopScreen .shop-filter-search:focus-visible,#shopScreen .shop-filter-select:focus-visible,
#shopScreen #marineSearch:focus-visible{
  border-color:rgba(213,154,108,.85)!important;
}
#shopScreen .meta-shop-heading{
  border-top:1px solid rgba(162,101,67,.35)!important;
  background:linear-gradient(90deg,rgba(107,63,40,.16),transparent 75%)!important;
}
#shopScreen .meta-shop-mark{color:#d7b2e7!important;text-shadow:0 0 9px rgba(147,63,202,.23)!important}
#shopScreen #metaUpgradeGrid .meta-card{
  border:1px solid rgba(151,101,70,.59)!important;
  background:linear-gradient(146deg,rgba(105,68,45,.43),rgba(46,31,28,.57) 60%,rgba(24,20,26,.7))!important;
  box-shadow:inset 0 0 17px rgba(165,95,58,.07),0 4px 12px rgba(0,0,0,.17)!important;
}
#shopScreen #metaUpgradeGrid .meta-card-icon{
  border:1px solid rgba(177,117,83,.46)!important;
  background:rgba(106,67,48,.3)!important;color:#e0b7ed!important;
}
#shopScreen #metaUpgradeGrid .meta-card .meta-kicker{color:#d6ada0!important}
#shopScreen #metaUpgradeGrid .meta-card strong{color:#f9e4d9!important}
#shopScreen #metaUpgradeGrid .meta-card p{color:#dac0b4!important}
#shopScreen #metaUpgradeGrid .meta-card>button:not(:disabled){
  border:1px solid rgba(175,116,81,.68)!important;
  background:linear-gradient(130deg,rgba(117,73,48,.67),rgba(48,32,31,.79))!important;
  color:#f8e7dc!important;
}
#shopScreen #metaUpgradeGrid .meta-card>button:not(:disabled):hover,
#shopScreen #metaUpgradeGrid .meta-card>button:not(:disabled):focus-visible{
  border-color:rgba(210,153,112,.8)!important;
  background:linear-gradient(130deg,rgba(137,88,53,.8),rgba(66,40,37,.86))!important;
}
#shopScreen #metaUpgradeGrid .meta-card>button:disabled{
  border-color:rgba(124,98,83,.4)!important;
  background:rgba(57,44,39,.38)!important;color:#bca89d!important;
}
#shopScreen .meta-shop-heading .meta-kicker{color:#dec1af!important}
#shopScreen #skinGrid .skin-card .skin-ability{
  border-color:rgba(164,107,77,.44)!important;
  background:linear-gradient(155deg,rgba(91,58,41,.44),rgba(38,29,30,.61))!important;
}
#shopScreen #skinGrid .skin-card .skin-ability b{color:#e9c4af!important}
#shopScreen .abyss-skin-filter{
  border-color:rgba(156,101,72,.49)!important;
  background:rgba(74,45,32,.56)!important;color:#ebd4c3!important;
}
#shopScreen .abyss-skin-filter.active{
  border-color:rgba(195,134,97,.8)!important;
  background:rgba(116,73,46,.5)!important;color:#fff0e4!important;
}
#shopScreen .skin-rarity{background:rgba(42,30,26,.7)!important}
#shopScreen #shopCloseBtn,#shopScreen #shopTopCloseBtn{
  border:1px solid rgba(177,114,78,.78)!important;
  background:linear-gradient(140deg,rgba(105,63,44,.76),rgba(39,28,29,.86))!important;
  color:#f8e6d8!important;
  box-shadow:inset 0 0 12px rgba(164,89,52,.07)!important;
}
#shopScreen #shopCloseBtn:hover,#shopScreen #shopCloseBtn:focus-visible,
#shopScreen #shopTopCloseBtn:hover,#shopScreen #shopTopCloseBtn:focus-visible{
  border-color:rgba(214,153,110,.89)!important;
  background:linear-gradient(140deg,rgba(120,77,50,.83),rgba(52,36,32,.88))!important;
}
/* Do not style #openRedeemCodeBtn, its children, or #redeemCodeScreen. */

/* Resonance modal uses the same translucent purple and violet border as
   the Resonance entry card. Includes its PVE and PVP modes consistently. */
#resonanceScreen .resonance-modal,
#resonanceScreen .resonance-modal.resonance-pvp-theme{
  border:2px solid rgba(183,112,250,.83)!important;
  background:radial-gradient(ellipse at 10% 0%,rgba(180,104,255,.16),transparent 40%),
    linear-gradient(150deg,rgba(58,27,93,.98),rgba(26,15,49,.98) 61%,rgba(11,11,29,.99))!important;
  box-shadow:0 0 22px rgba(132,59,203,.16),inset 0 0 30px rgba(135,64,211,.07),0 25px 80px rgba(0,0,0,.65)!important;
}
#resonanceScreen .resonance-modal .eyebrow,
#resonanceScreen .resonance-modal h2 em{color:#dab1ff!important}
#resonanceScreen .resonance-modal h2{color:#f7eaff!important}
#resonanceScreen .resonance-modal > p{color:#d6c1e8!important}
#resonanceScreen .resonance-modal .resonance-category{
  border:1px solid rgba(166,100,227,.31)!important;
  background:rgba(68,31,104,.29)!important;
}
#resonanceScreen .resonance-modal .resonance-category-title{
  color:#e5c1ff!important;border-bottom:1px solid rgba(187,112,249,.38)!important;
}
#resonanceScreen .resonance-modal .resonance-selection-count{
  color:#e8cdff!important;border:1px solid rgba(168,91,237,.43)!important;
  background:rgba(88,37,133,.32)!important;
}
#resonanceScreen .resonance-modal .resonance-skill-option,
#resonanceScreen .resonance-modal.resonance-pvp-theme .resonance-skill-option{
  border:1px solid rgba(177,103,242,.36)!important;
  background:linear-gradient(140deg,rgba(107,49,152,.31),rgba(27,16,51,.66))!important;
  color:#f2e6fc!important;
}
#resonanceScreen .resonance-modal .resonance-skill-option:hover,
#resonanceScreen .resonance-modal .resonance-skill-option:focus-within{border-color:rgba(215,151,255,.8)!important}
#resonanceScreen .resonance-modal .resonance-skill-option:has(input:checked){
  border-color:#d4a0ff!important;
  background:linear-gradient(140deg,rgba(133,63,187,.5),rgba(47,23,81,.67))!important;
  box-shadow:inset 0 0 0 1px rgba(207,145,250,.19),0 0 16px rgba(155,76,223,.17)!important;
}
#resonanceScreen .resonance-modal .resonance-skill-icon,
#resonanceScreen .resonance-modal .resonance-shots .resonance-skill-icon,
#resonanceScreen .resonance-modal .resonance-defensive .resonance-skill-icon,
#resonanceScreen .resonance-modal .resonance-passive .resonance-skill-icon{
  color:#e5c9ff!important;border:1px solid rgba(193,130,255,.5)!important;
  background:radial-gradient(circle,rgba(149,77,212,.33),rgba(37,19,70,.79))!important;
}
#resonanceScreen .resonance-modal .resonance-skill-copy strong,
#resonanceScreen .resonance-modal.resonance-pvp-theme .resonance-skill-copy strong{color:#f3dcff!important}
#resonanceScreen .resonance-modal .resonance-skill-copy small,
#resonanceScreen .resonance-modal.resonance-pvp-theme .resonance-skill-copy small{color:#cdb9dc!important}
#resonanceScreen .resonance-modal .resonance-skill-option input,
#resonanceScreen .resonance-modal.resonance-pvp-theme .resonance-skill-option input{
  accent-color:#cb8aff!important;border-color:rgba(180,109,239,.67)!important;
  background:rgba(42,22,67,.93)!important;
}
#resonanceScreen .resonance-modal .resonance-skill-option input:checked{
  border:4px solid #3a175d!important;background:#ca84ff!important;
  box-shadow:0 0 10px rgba(182,103,254,.4)!important;
}
#resonanceScreen .resonance-modal .resonance-mode-tabs button,
#resonanceScreen .resonance-modal.resonance-pvp-theme .resonance-mode-tabs button,
#resonanceScreen .resonance-modal #saveResonanceBtn,
#resonanceScreen .resonance-modal.resonance-pvp-theme #saveResonanceBtn,
#resonanceScreen .resonance-modal .modal-top-close{
  border:1px solid rgba(186,109,249,.77)!important;
  background:linear-gradient(130deg,rgba(136,65,191,.57),rgba(48,24,87,.73))!important;
  color:#f8eaff!important;
}
#resonanceScreen .resonance-modal .resonance-mode-tabs button:hover,
#resonanceScreen .resonance-modal .resonance-mode-tabs button:focus-visible,
#resonanceScreen .resonance-modal #saveResonanceBtn:hover,
#resonanceScreen .resonance-modal #saveResonanceBtn:focus-visible{
  border-color:#e5baff!important;
  background:linear-gradient(130deg,rgba(155,82,213,.74),rgba(63,31,105,.83))!important;
}
@media(max-width:700px){
  #shopScreen #skinGrid .skin-card.paid-skin-card::before{opacity:.66!important}
  #resonanceScreen .resonance-modal{width:96vw!important}
}


/* V2 · PvE blue / PvP red. Active mode grows without shifting sibling buttons. */
#resonanceScreen .resonance-modal .resonance-mode-tabs{
  gap:clamp(15px,2vw,22px)!important;
  padding:6px 8px!important;
  align-items:center!important;
  overflow:visible!important;
}
#resonanceScreen .resonance-modal .resonance-mode-tabs button{
  position:relative!important;
  transform-origin:center!important;
  transform:scale(1)!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
#resonanceScreen .resonance-modal .resonance-mode-tabs button[data-resonance-mode="pve"]{
  border:2px solid rgba(86,170,255,.88)!important;
  background:linear-gradient(130deg,rgba(48,125,227,.47),rgba(13,35,94,.78))!important;
  color:#e8f5ff!important;
  box-shadow:inset 0 0 11px rgba(47,141,251,.13)!important;
}
#resonanceScreen .resonance-modal .resonance-mode-tabs button[data-resonance-mode="pvp"]{
  border:2px solid rgba(255,92,109,.87)!important;
  background:linear-gradient(130deg,rgba(212,40,61,.47),rgba(96,16,32,.78))!important;
  color:#fff0f2!important;
  box-shadow:inset 0 0 11px rgba(218,49,66,.13)!important;
}
#resonanceScreen .resonance-modal .resonance-mode-tabs button[data-resonance-mode="pve"][aria-pressed="true"]{
  z-index:2!important;
  transform:scale(1.09)!important;
  border-color:#b6e1ff!important;
  background:linear-gradient(130deg,rgba(47,146,255,.81),rgba(27,64,154,.94))!important;
  box-shadow:0 0 14px rgba(65,149,251,.42),inset 0 0 16px rgba(130,195,255,.17)!important;
}
#resonanceScreen .resonance-modal .resonance-mode-tabs button[data-resonance-mode="pvp"][aria-pressed="true"]{
  z-index:2!important;
  transform:scale(1.09)!important;
  border-color:#ffb2bb!important;
  background:linear-gradient(130deg,rgba(244,57,76,.83),rgba(144,21,42,.94))!important;
  box-shadow:0 0 14px rgba(235,59,77,.39),inset 0 0 16px rgba(255,144,156,.16)!important;
}
#resonanceScreen .resonance-modal .resonance-mode-tabs button:focus-visible{
  outline:2px solid #f5e8ff!important;outline-offset:3px!important;
}

/* Selected skills are green in both PvE and PvP. Unselected skills stay violet. */
#resonanceScreen .resonance-modal .resonance-skill-option:has(input:checked),
#resonanceScreen .resonance-modal.resonance-pvp-theme .resonance-skill-option:has(input:checked){
  border:2px solid rgba(104,236,155,.93)!important;
  background:linear-gradient(140deg,rgba(33,119,68,.54),rgba(13,54,37,.8))!important;
  box-shadow:inset 0 0 0 1px rgba(110,241,158,.19),0 0 15px rgba(63,191,104,.2)!important;
  color:#effff3!important;
}
#resonanceScreen .resonance-modal .resonance-skill-option:has(input:checked) .resonance-skill-icon{
  color:#abffca!important;
  border-color:rgba(113,239,159,.8)!important;
  background:radial-gradient(circle,rgba(58,162,91,.35),rgba(13,52,35,.88))!important;
  box-shadow:0 0 9px rgba(65,199,113,.21)!important;
}
#resonanceScreen .resonance-modal .resonance-skill-option:has(input:checked) .resonance-skill-copy strong,
#resonanceScreen .resonance-modal.resonance-pvp-theme .resonance-skill-option:has(input:checked) .resonance-skill-copy strong{
  color:#ebfff1!important;
}
#resonanceScreen .resonance-modal .resonance-skill-option:has(input:checked) .resonance-skill-copy small,
#resonanceScreen .resonance-modal.resonance-pvp-theme .resonance-skill-option:has(input:checked) .resonance-skill-copy small{
  color:#c8f4d8!important;
}
#resonanceScreen .resonance-modal .resonance-skill-option input:checked,
#resonanceScreen .resonance-modal.resonance-pvp-theme .resonance-skill-option input:checked{
  border:4px solid #17452b!important;
  background:#79efab!important;
  box-shadow:0 0 10px rgba(110,233,154,.48)!important;
  accent-color:#79efab!important;
}
@media(max-width:520px){
  #resonanceScreen .resonance-modal .resonance-mode-tabs{gap:14px!important;padding:6px 5px!important}
  #resonanceScreen .resonance-modal .resonance-mode-tabs button[aria-pressed="true"]{transform:scale(1.065)!important}
}
@media(prefers-reduced-motion:reduce){
  #resonanceScreen .resonance-modal .resonance-mode-tabs button{transition:none!important}
}