/* Paleta canônica por modalidade.
   Carregada por último para manter filtros e cartões rigorosamente iguais. */
.pool-lotofacil-da-independencia { --card-a:#158a61; --card-b:#054331; --card-accent:#45d98f; }
.pool-lotofacil { --card-a:#8b2cac; --card-b:#42125c; --card-accent:#dc75ff; }
.pool-mega-sena { --card-a:#07905f; --card-b:#03442f; --card-accent:#5de5a5; }
.pool-quina { --card-a:#255ecf; --card-b:#0a286f; --card-accent:#72a1ff; }
.pool-mais-milionaria,
.pool-milionaria { --card-a:#214f9e; --card-b:#081d4b; --card-accent:#f4c84a; }
.pool-dia-de-sorte { --card-a:#dd8b13; --card-b:#754008; --card-accent:#ffc95e; }
.pool-timemania { --card-a:#24a951; --card-b:#075a2a; --card-accent:#79e797; }
.pool-dupla-sena { --card-a:#c92e3b; --card-b:#71121c; --card-accent:#ff838a; }
.pool-lotomania { --card-a:#ef7d00; --card-b:#8b3d00; --card-accent:#ffc14b; }
.pool-super-sete { --card-a:#c79b10; --card-b:#755704; --card-accent:#ffe269; }
.pool-loteca { --card-a:#d7610e; --card-b:#773006; --card-accent:#ffab55; }

.pool-card { border-color:var(--card-a); }
.pool-card .pool-top,
.pool-card .pool-buy { background:linear-gradient(135deg,var(--card-a),var(--card-b)); }
.pool-card .prize strong,
.pool-card .availability > div strong { color:var(--card-accent); }
.pool-card .availability .bar i { background:var(--card-accent) !important; }
.pool-card .pool-buy {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 0 var(--card-b);
}
.pool-card:hover { border-color:var(--card-accent); }
.pool-card .pool-buy:hover { background:linear-gradient(135deg,var(--card-b),var(--card-a)); }

/* +Milionária — azul joia com detalhes em ouro, sem perder sobriedade */
.game-filter-3d.game-milionaria,
.game-filter-3d.game-mais-milionaria {
  --hover-a:#214f9e;
  --hover-b:#081d4b;
  --accent:#f4c84a;
}

.pool-milionaria,
.pool-mais-milionaria {
  border-color:#b98a18;
  box-shadow:0 13px 28px rgba(8,29,75,.18),inset 0 0 0 1px rgba(244,200,74,.18);
}

.pool-milionaria .pool-top,
.pool-mais-milionaria .pool-top {
  border-bottom:2px solid #f4c84a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -10px 26px rgba(244,200,74,.08);
}

.pool-milionaria .game-tag,
.pool-mais-milionaria .game-tag {
  text-shadow:0 1px 0 rgba(0,0,0,.32),0 0 18px rgba(244,200,74,.16);
}

.pool-milionaria .pool-buy,
.pool-mais-milionaria .pool-buy {
  border-color:rgba(244,200,74,.72);
  color:#ffe797;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 0 #b98a18,0 0 18px rgba(244,200,74,.10);
}

/* Emblemas oficiais reinterpretados em 3D cromado */
.game-logo,
.filter-logo {
  display:flex !important;
  align-items:center;
  gap:12px;
  min-width:0;
}

.filter-logo {
  font-style:italic !important;
  letter-spacing:-.045em !important;
}

.filter-logo > span:last-child,
.game-logo .game-tag {
  overflow:hidden;
  text-overflow:ellipsis;
}

.game-emblem {
  --emblem-size:32px;
  position:relative;
  width:var(--emblem-size);
  height:var(--emblem-size);
  flex:0 0 var(--emblem-size);
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.36)) drop-shadow(0 0 8px color-mix(in srgb,var(--card-accent,var(--accent)) 30%,transparent));
  transform:rotate(-2deg);
}

.filter-logo .game-emblem {
  --emblem-size:25px;
}

.game-emblem > i:not(.emblem-plus) {
  position:absolute;
  width:48%;
  height:48%;
  border:1px solid rgba(255,255,255,.88);
  background:
    linear-gradient(145deg,rgba(255,255,255,.98) 0 13%,rgba(255,255,255,.16) 14% 31%,transparent 32%),
    linear-gradient(135deg,#f9fcff 0%,#aab7c7 19%,#fff 34%,var(--card-accent,var(--accent)) 36%,var(--card-a,var(--hover-a)) 78%,#061226 100%);
  box-shadow:
    inset 1px 1px 2px rgba(255,255,255,.95),
    inset -2px -2px 3px rgba(0,0,0,.45),
    0 1px 2px rgba(0,0,0,.38);
}

.game-emblem > i:nth-child(1) { left:0;top:0;border-radius:72% 48% 26% 48%; }
.game-emblem > i:nth-child(2) { right:0;top:0;border-radius:48% 72% 48% 26%; }
.game-emblem > i:nth-child(3) { left:0;bottom:0;border-radius:48% 26% 48% 72%; }
.game-emblem > i:nth-child(4) { right:0;bottom:0;border-radius:26% 48% 72% 48%; }

.game-emblem::after {
  content:"";
  position:absolute;
  z-index:3;
  inset:39%;
  border-radius:50%;
  background:radial-gradient(circle at 35% 25%,#fff,#c9d1db 35%,#697888 70%,#fff);
  box-shadow:0 0 3px rgba(255,255,255,.8);
}

.emblem-plus {
  position:absolute;
  z-index:4;
  right:-7px;
  top:-10px;
  color:#ffe794;
  font:900 17px/1 "Manrope";
  text-shadow:0 1px 0 #6c4800,0 0 7px rgba(244,200,74,.75);
}

.pool-card .game-logo {
  position:relative;
  z-index:2;
}

.pool-card .game-logo .game-tag {
  width:auto;
  flex:1 1 auto;
  min-height:42px;
  padding:15px 8px 0 2px;
  display:block;
  overflow:visible;
  color:#fff;
  font-size:20px;
  line-height:1.08;
  font-style:italic;
  font-weight:900;
  letter-spacing:-.045em;
  white-space:nowrap;
  text-overflow:clip;
  text-shadow:0 2px 0 rgba(0,0,0,.32),0 0 14px rgba(255,255,255,.12);
}

.pool-card .game-logo .game-tag::before {
  top:0;
  left:0;
  height:8px;
  margin:0;
  display:block;
  color:rgba(255,255,255,.74);
  font-size:7px;
  line-height:8px;
  font-style:normal;
  letter-spacing:.16em;
  text-shadow:none;
}

.pool-card.pool-lotofacil-da-independencia .game-logo .game-tag {
  min-height:48px;
  padding-top:14px;
  overflow:visible;
  font-size:15px;
  line-height:1.02;
  white-space:normal;
  text-overflow:clip;
}

.pool-card .game-logo {
  width:100%;
  overflow:visible;
}

.pool-card.pool-lotofacil-da-independencia .game-logo {
  width:100%;
  gap:10px;
}

.pool-card.pool-lotofacil-da-independencia .game-emblem {
  --emblem-size:30px;
}

.pool-card .pool-top {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -2px 0 rgba(255,255,255,.18),
    inset 0 0 0 1px rgba(3,10,26,.38);
}

/* Seção institucional com medalhão vivo */
.living-brand {
  min-height:680px;
  display:grid;
  grid-template-columns:1fr 1fr;
  background:#050b22;
  color:#fff;
  overflow:hidden;
}

.living-brand-visual {
  position:relative;
  min-height:680px;
  overflow:hidden;
  border-right:1px solid rgba(222,177,59,.28);
  background:#07102c;
}

.living-brand-visual img {
  position:absolute;
  z-index:1;
  left:-100%;
  top:0;
  width:200%;
  max-width:none;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(1.16) contrast(1.08) brightness(1.02);
  transform:none;
}

.living-brand-visual::after {
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,11,34,.12),transparent 48%,rgba(5,11,34,.46)),
    linear-gradient(0deg,rgba(3,8,25,.28),transparent 36%);
  pointer-events:none;
}

.living-brand-aura {
  position:absolute;
  z-index:2;
  left:50%;
  top:48%;
  width:500px;
  height:500px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(255,218,115,.38);
  box-shadow:
    0 0 34px rgba(245,190,55,.22),
    0 0 90px rgba(245,190,55,.14),
    inset 0 0 45px rgba(245,190,55,.12);
  animation:brand-aura 4.8s ease-in-out infinite;
  pointer-events:none;
}

.living-brand-sweep {
  position:absolute;
  z-index:3;
  top:-25%;
  left:-38%;
  width:20%;
  height:150%;
  transform:rotate(17deg);
  background:linear-gradient(90deg,transparent,rgba(255,236,176,.08),rgba(255,255,255,.54),rgba(255,224,132,.08),transparent);
  filter:blur(4px);
  animation:brand-sweep 6.8s cubic-bezier(.55,.05,.35,1) infinite;
  pointer-events:none;
}

.living-brand-copy {
  padding:92px clamp(45px,7vw,112px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.living-brand-index {
  width:31px;
  height:31px;
  margin-bottom:20px;
  display:grid;
  place-items:center;
  border:1px solid #efb928;
  color:#efb928;
  font:800 10px "Manrope";
}

.living-brand-copy > small {
  color:#efb928;
  font:800 9px "Manrope";
  letter-spacing:.19em;
}

.living-brand-copy h2 {
  margin:18px 0 24px;
  color:#fff;
  font:800 clamp(42px,4.1vw,66px)/.98 "Manrope";
  letter-spacing:-.05em;
}

.living-brand-copy h2 em {
  color:#efb928;
  font-style:normal;
}

.living-brand-copy > p {
  max-width:560px;
  margin-bottom:28px;
  color:#aebbd9;
  font-size:14px;
  line-height:1.65;
}

.living-brand-copy ol {
  margin:0;
  padding:0;
  list-style:none;
}

.living-brand-copy li {
  padding:15px 0;
  display:grid;
  grid-template-columns:48px 1fr;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.living-brand-copy li > b {
  color:#efb928;
  font:800 10px "Manrope";
}

.living-brand-copy li span {
  display:flex;
  flex-direction:column;
}

.living-brand-copy li strong {
  font:700 14px "Manrope";
}

.living-brand-copy li small {
  margin-top:5px;
  color:#8e9dbc;
  font-size:10px;
}

.living-brand-copy > a {
  width:max-content;
  margin-top:27px;
  padding:14px 18px;
  border:1px solid #d7a51f;
  background:linear-gradient(135deg,#f7d46b,#c68a00);
  color:#07102c;
  font:800 10px "Manrope";
  letter-spacing:.08em;
  box-shadow:0 10px 25px rgba(218,162,19,.16),inset 0 1px 0 rgba(255,255,255,.7);
}

.living-brand-copy > a b {
  margin-left:24px;
}

@keyframes brand-aura {
  0%,100% { opacity:.62;filter:brightness(.92); }
  50% { opacity:1;filter:brightness(1.18); }
}

@keyframes brand-sweep {
  0%,22% { left:-38%;opacity:0; }
  35% { opacity:.9; }
  62%,100% { left:120%;opacity:0; }
}

@media (prefers-reduced-motion:reduce) {
  .living-brand-aura,
  .living-brand-sweep { animation:none; }
}

@media (max-width:900px) {
  .living-brand { grid-template-columns:1fr; }
  .living-brand-visual { min-height:560px;border-right:0;border-bottom:1px solid rgba(222,177,59,.28); }
  .living-brand-copy { padding:70px 36px; }
}

@media (max-width:580px) {
  .living-brand-visual { min-height:430px; }
  .living-brand-visual img { left:-122%;width:230%; }
  .living-brand-aura { width:340px;height:340px; }
  .living-brand-copy { padding:58px 22px 66px; }
  .living-brand-copy h2 { font-size:40px; }
}

/* Dados decisivos do destaque — leitura imediata */
.featured-copy .featured-meta {
  width:max-content;
  max-width:100%;
  margin-top:20px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  border-left:3px solid #f2bd42;
  background:linear-gradient(90deg,rgba(242,189,66,.13),rgba(11,36,82,.38));
  color:#c3d1e6;
  font:600 16px/1.25 "DM Sans";
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.12);
}

.featured-copy .featured-meta span {
  white-space:nowrap;
}

.featured-copy .featured-meta strong {
  color:#fff;
  font:800 18px "Manrope";
}

.featured-copy .featured-meta i {
  width:4px;
  height:4px;
  border-radius:50%;
  background:#f2bd42;
  box-shadow:0 0 9px rgba(242,189,66,.72);
}

.featured-copy .featured-meta .featured-price {
  color:#f4d879;
}

.featured-copy .featured-meta .featured-price strong {
  margin-left:4px;
  color:#ffd65c;
  font-size:22px;
  text-shadow:0 0 18px rgba(242,189,66,.24);
}

/* Estrutura segura: nenhum conteúdo pode ultrapassar o destaque */
.featured-jackpot,
.featured-inner,
.featured-copy,
.featured-value {
  min-width:0;
  max-width:100%;
}

.featured-inner {
  grid-template-columns:minmax(500px,1fr) minmax(0,1.18fr);
}

.featured-copy h3 {
  overflow-wrap:anywhere;
}

.featured-value {
  overflow:visible;
}

.featured-value strong {
  max-width:100%;
  font-size:clamp(40px,4.8vw,66px);
  letter-spacing:-.045em;
  white-space:nowrap;
}

.featured-value a {
  max-width:100%;
  white-space:normal;
  text-align:center;
}

@media (max-width:1380px) {
  .featured-inner {
    grid-template-columns:1fr;
    gap:30px;
    padding-top:48px;
    padding-bottom:48px;
  }

  .featured-value {
    padding-top:25px;
    border-top:1px solid rgba(255,215,92,.22);
    text-align:left;
  }

  .featured-value strong {
    width:100%;
    margin:8px 0 20px;
    font-size:clamp(46px,7.4vw,78px);
    white-space:normal;
    overflow-wrap:anywhere;
  }
}

/* Lotofácil da Independência — roxo Lotofácil + identidade brasileira */
.pool-lotofacil-da-independencia {
  --card-a:#92278f;
  --card-b:#075b3b;
  --card-accent:#f2c84b;
  border-color:#d4aa34;
}

.game-filter-3d.game-lotofacil-da-independencia {
  --hover-a:#92278f;
  --hover-b:#075b3b;
  --accent:#f2c84b;
}

.pool-lotofacil-da-independencia .pool-top {
  position:relative;
  isolation:isolate;
  border-bottom:2px solid #e3bd4f;
  background:
    linear-gradient(118deg,rgba(146,39,143,.96) 0%,rgba(104,37,125,.94) 46%,rgba(7,91,59,.94) 100%);
}

.pool-lotofacil-da-independencia .pool-top::after {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  display:block;
  background:url("assets/brasil-independencia-satin.png") center 48%/cover no-repeat;
  opacity:.16;
  filter:saturate(1.2) contrast(1.08);
  mix-blend-mode:screen;
  pointer-events:none;
}

.pool-lotofacil-da-independencia .game-logo {
  position:relative;
  z-index:2;
}

.pool-lotofacil-da-independencia .price-main strong,
.pool-lotofacil-da-independencia .availability > div strong {
  color:#f4d35e;
  text-shadow:0 0 18px rgba(242,200,75,.2);
}

.pool-lotofacil-da-independencia .availability .bar i {
  background:linear-gradient(90deg,#7b2b91,#f2c84b,#15905f) !important;
}

.pool-lotofacil-da-independencia .pool-buy,
.pool-lotofacil-da-independencia .pool-details-panel > a {
  border-color:rgba(242,200,75,.72);
  background:linear-gradient(125deg,#92278f 0%,#6f2a88 46%,#075b3b 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 0 #7c5b0b;
}

/* Os quatro maiores acumulados entre o destaque e os filtros */
.top-jackpots {
  margin:26px 0 22px;
  padding:1px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:linear-gradient(90deg,#9b6a0b,#f3d56d,#9b6a0b);
  box-shadow:0 15px 38px rgba(7,18,43,.13);
}

.top-jackpots[hidden] { display:none; }

.top-jackpot-card {
  --game-color:#f2bd42;
  min-width:0;
  min-height:112px;
  padding:16px 17px 14px;
  display:grid;
  grid-template-columns:27px 1fr;
  grid-template-rows:auto auto;
  gap:7px 10px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--game-color) 22%,transparent),transparent 45%),
    linear-gradient(135deg,#061027,#0b1f48);
  color:#fff;
}

.top-jackpot-card.jackpot-mega-sena { --game-color:#38dc91; }
.top-jackpot-card.jackpot-milionaria,
.top-jackpot-card.jackpot-mais-milionaria { --game-color:#f2c84b; }
.top-jackpot-card.jackpot-timemania { --game-color:#75df5b; }
.top-jackpot-card.jackpot-lotomania { --game-color:#ff8a3d; }
.top-jackpot-card.jackpot-lotofacil { --game-color:#d45ad1; }
.top-jackpot-card.jackpot-quina { --game-color:#5d8fff; }
.top-jackpot-card.jackpot-super-sete { --game-color:#cf91ee; }
.top-jackpot-card.jackpot-dia-de-sorte { --game-color:#f6c344; }
.top-jackpot-card.jackpot-dupla-sena { --game-color:#ff6d78; }

.top-jackpot-card::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:var(--game-color);
  box-shadow:0 0 13px color-mix(in srgb,var(--game-color) 65%,transparent);
}

.top-jackpot-card > span {
  grid-row:1/3;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--game-color) 72%,transparent);
  color:var(--game-color);
  font:800 8px "Manrope";
}

.top-jackpot-card div {
  min-width:0;
  display:flex;
  flex-direction:column;
}

.top-jackpot-card small {
  overflow:hidden;
  color:#d7e1f0;
  font:800 9px "Manrope";
  letter-spacing:.06em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

.top-jackpot-card strong {
  margin-top:5px;
  color:var(--game-color);
  font:900 clamp(18px,1.65vw,27px)/1 "Manrope";
  letter-spacing:-.045em;
  white-space:nowrap;
}

.top-jackpot-card em {
  grid-column:2;
  align-self:end;
  color:#fff;
  font:900 12px/1 "Manrope";
  font-style:normal;
  letter-spacing:.11em;
  text-shadow:0 0 11px color-mix(in srgb,var(--game-color) 72%,transparent);
}

.top-jackpot-card time {
  position:absolute;
  right:15px;
  bottom:14px;
  color:#9aa9c0;
  font-size:7px;
}

@media (max-width:1000px) {
  .top-jackpots {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:580px) {
  .top-jackpots {
    margin-left:-20px;
    margin-right:-20px;
    padding-left:20px;
    padding-right:20px;
    display:flex;
    gap:9px;
    overflow-x:auto;
    background:transparent;
    box-shadow:none;
    scrollbar-width:none;
  }
  .top-jackpots::-webkit-scrollbar { display:none; }
  .top-jackpot-card { flex:0 0 250px; }
}

@media (max-width:580px) {
  .featured-copy .featured-meta {
    width:100%;
    padding:13px 14px;
    gap:8px;
    font-size:13px;
  }
  .featured-copy .featured-meta strong { font-size:15px; }
  .featured-copy .featured-meta .featured-price {
    width:100%;
    margin-top:3px;
  }
  .featured-copy .featured-meta .featured-price strong { font-size:20px; }
  .featured-value strong { font-size:clamp(38px,12vw,58px); }
}

/* Cartão comercial: o valor da cota é o dado principal */
.pool-card {
  height:492px;
  min-height:492px;
  display:grid;
  grid-template-rows:96px 34px 92px 52px 82px 42px 49px;
  overflow:hidden;
}

.pool-card .contest-row { grid-row:2; }

.pool-card .price-main {
  grid-row:3;
  margin:0 20px;
  padding:12px 0 8px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-bottom:1px solid #1c2540;
}

.pool-card .price-main small,
.pool-card .price-main span {
  color:#8291ad;
  font-size:8px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.pool-card .price-main strong {
  margin:4px 0 1px;
  color:var(--card-accent);
  font:900 clamp(31px,2.5vw,39px)/1 "Manrope";
  letter-spacing:-.045em;
  text-shadow:0 0 18px color-mix(in srgb,var(--card-accent) 18%,transparent);
}

.pool-card .prize {
  grid-row:4;
  margin:0 20px;
  padding:9px 0 5px;
}

.pool-card .prize small {
  font-size:7px;
}

.pool-card .prize strong {
  margin-top:3px;
  color:#fff;
  font-size:18px;
}

.pool-card .availability {
  grid-row:5;
  margin:0 20px;
  padding:9px 0 8px;
}

.pool-card .availability > div strong {
  font-size:20px;
}

.pool-card .details-toggle {
  grid-row:6;
  margin:0 20px 8px;
  padding:0 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid color-mix(in srgb,var(--card-accent) 55%,#26334d);
  border-radius:3px;
  background:rgba(255,255,255,.025);
  color:#dfe8f7;
  font-size:10px;
  font-weight:800;
}

.pool-card .details-toggle b {
  color:var(--card-accent);
  font-size:15px;
}

.pool-card .details-toggle:hover {
  background:color-mix(in srgb,var(--card-a) 35%,#071027);
}

.pool-card .pool-buy {
  grid-row:7;
}

.pool-details-panel {
  position:absolute;
  z-index:20;
  inset:96px 0 0;
  padding:28px 24px 22px;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--card-a) 36%,transparent),transparent 42%),
    #071027;
  border-top:2px solid var(--card-accent);
  color:#fff;
  animation:details-in .2s ease-out;
}

.pool-details-panel[hidden] { display:none; }

.pool-details-panel .details-close {
  position:absolute;
  right:17px;
  top:14px;
  width:29px;
  height:29px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:20px;
  line-height:1;
}

.pool-details-panel > small {
  color:var(--card-accent);
  font:800 8px "Manrope";
  letter-spacing:.16em;
}

.pool-details-panel h4 {
  margin:13px 0 20px;
  font:800 24px/1.08 "Manrope";
}

.pool-details-panel dl {
  margin:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:rgba(255,255,255,.1);
}

.pool-details-panel dl div {
  padding:12px;
  background:#0b1733;
}

.pool-details-panel dt {
  color:#8191ad;
  font-size:7px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.pool-details-panel dd {
  margin:5px 0 0;
  font-size:12px;
  font-weight:800;
}

.pool-details-panel p {
  margin:17px 0;
  color:#9dabc2;
  font-size:9px;
  line-height:1.5;
}

.pool-details-panel > a {
  margin-top:auto;
  padding:14px;
  display:flex;
  justify-content:center;
  gap:12px;
  border:1px solid var(--card-accent);
  background:linear-gradient(135deg,var(--card-a),var(--card-b));
  color:#fff;
  font-size:11px;
  font-weight:800;
}

@keyframes details-in {
  from { opacity:0;transform:translateY(9px); }
  to { opacity:1;transform:none; }
}

@media (max-width:580px) {
  .pool-card {
    height:492px;
    min-height:492px;
    grid-template-rows:96px 34px 92px 52px 82px 42px 49px;
  }
}