/* 034GAME: saldos de Cultura — marfim, graffiti e neon. */
section.balance.culture-pools {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:15px;
  margin-bottom:22px;
}
section.balance.culture-pools > div {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:7px;
  min-height:183px;
  padding:17px 17px 15px;
  border:2px solid #32232c;
  border-radius:17px;
  background:
    radial-gradient(circle at 98% 5%,#f5a6cc70 0,transparent 37%),
    radial-gradient(circle at 0% 100%,#71e4d45c 0,transparent 40%),
    linear-gradient(145deg,#fffdf5 0%,#f6ead7 100%);
  box-shadow:4px 5px 0 #31222b8c;
  color:#30222c;
}
section.balance.culture-pools > div:nth-child(2) {
  box-shadow:4px 5px 0 #18a8ad95;
}
section.balance.culture-pools > div.culture-total {
  border-color:#39232f;
  background:
    radial-gradient(circle at 94% 8%,#f39bc18c 0,transparent 39%),
    radial-gradient(circle at 2% 100%,#86e4db70 0,transparent 42%),
    linear-gradient(140deg,#fff9e9,#f6dfd4);
  box-shadow:4px 5px 0 #d5378d88;
}
section.balance.culture-pools > div::before {
  content:"034";
  position:absolute;
  right:-7px;
  bottom:17px;
  transform:rotate(-16deg);
  z-index:-1;
  font:italic 900 94px/.85 "Barlow Condensed",Impact,sans-serif;
  letter-spacing:-5px;
  color:#d7378914;
  pointer-events:none;
}
section.balance.culture-pools > div:nth-child(2)::before {content:"FLOW";font-size:75px;color:#00a8ad1b;right:-5px;}
section.balance.culture-pools > div.culture-total::before {content:"CULTURA";font-size:68px;right:-9px;bottom:26px;}
section.balance.culture-pools small {
  position:relative;
  display:block;
  margin:0;
  color:#8b2758;
  font:800 11px/1.25 Inter,system-ui,sans-serif;
  letter-spacing:1px;
  text-transform:uppercase;
}
section.balance.culture-pools > div:nth-child(2)>small:first-child {color:#087d84;}
section.balance.culture-pools strong {
  position:relative;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px;
  min-height:46px;
  color:#2c202a;
  font:900 clamp(29px,3.4vw,40px)/1 "Barlow Condensed",Impact,sans-serif;
  text-shadow:2px 2px 0 #ffedc8;
  letter-spacing:.3px;
}
section.balance.culture-pools .culture-currency-icon {width:1.03em;height:1.03em;margin-right:4px;filter:drop-shadow(1px 2px 0 #2d202c44);}
section.balance.culture-pools > div:nth-child(2)>small:not(:first-child) {
  margin:-3px 0 5px;
  color:#375d70;
  font-weight:800;
  letter-spacing:.3px;
  text-transform:none;
}
section.balance.culture-pools button {
  position:relative;
  z-index:1;
  width:100%;
  margin-top:auto;
  padding:11px 8px;
  border:2px solid #382533;
  border-radius:10px;
  background:linear-gradient(105deg,#75e9da 0%,#f6d675 100%);
  box-shadow:3px 3px 0 #e34394;
  color:#291c24;
  font:900 12px/1.1 Inter,system-ui,sans-serif;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}
section.balance.culture-pools > div:nth-child(2) button {
  background:linear-gradient(105deg,#f8cfe0,#f7d06f);
  box-shadow:3px 3px 0 #27bec5;
}
section.balance.culture-pools button:not(:disabled):hover {transform:translateY(-2px);filter:saturate(1.15);}
section.balance.culture-pools button:not(:disabled):active {transform:translate(2px,2px);box-shadow:1px 1px 0 #e34394;}
section.balance.culture-pools button:disabled {opacity:.55;cursor:not-allowed;}
section.balance.culture-pools .top-realdles-balance {
  position:relative;
  margin-top:8px;
  padding-top:10px;
  border-top:2px dashed #a86d8a;
}
section.balance.culture-pools .top-realdles-balance small {color:#8b2758;}
section.balance.culture-pools .top-realdles-balance strong {font-size:29px;min-height:0;}
@media(max-width:680px) {
  section.balance.culture-pools {grid-template-columns:1fr;gap:11px;}
  section.balance.culture-pools > div {min-height:145px;padding:15px 16px;}
  section.balance.culture-pools > div.culture-total {min-height:155px;}
  section.balance.culture-pools strong {font-size:35px;min-height:40px;}
  section.balance.culture-pools button {margin-top:9px;}
}
@media(prefers-reduced-motion:reduce) {
  section.balance.culture-pools button {transition:none;}
}