/* Regular faucet reward details. Scoped styles: do not alter the existing site theme. */
.emrw-faucet-rewards{width:100%;margin:24px 0 18px;text-align:left}
.emrw-faucet-rewards *{box-sizing:border-box}
.emrw-faucet-rewards-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}
.emrw-faucet-rewards-eyebrow{display:block;font-size:10px;letter-spacing:.13em;font-weight:750;color:#81a9c6;margin-bottom:4px}
.emrw-faucet-rewards-head h3{font-size:18px;line-height:1.3;margin:0;color:#edf2f9}
.emrw-faucet-rewards-interval{flex-shrink:0;font-size:11px;color:#a1aec3;background:rgba(133,165,214,.08);border:1px solid rgba(142,181,232,.14);padding:6px 9px;border-radius:16px}
.emrw-faucet-rewards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.emrw-faucet-reward{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:154px;background:linear-gradient(140deg,rgba(24,33,47,.95),rgba(33,43,60,.84));border:1px solid rgba(158,187,233,.14);border-radius:13px;padding:17px 15px 13px;box-shadow:0 6px 16px rgba(0,0,0,.11)}
.emrw-faucet-reward-icon{font-size:23px;line-height:1;margin-bottom:9px}
.emrw-faucet-reward-acp .emrw-faucet-reward-icon,.emrw-faucet-reward-acp .emrw-faucet-reward-value{color:#73c6ff}
.emrw-faucet-reward-xp .emrw-faucet-reward-icon,.emrw-faucet-reward-xp .emrw-faucet-reward-value{color:#85e0b0}
.emrw-faucet-reward-fuel .emrw-faucet-reward-icon,.emrw-faucet-reward-fuel .emrw-faucet-reward-value{color:#73d6f8}
.emrw-faucet-reward-credits .emrw-faucet-reward-icon,.emrw-faucet-reward-credits .emrw-faucet-reward-value{color:#d2a6ff}
.emrw-faucet-reward-value{display:block;font-size:27px;line-height:1.1;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.emrw-faucet-reward-value small{font-size:12px;font-weight:750;letter-spacing:.05em;color:#b6c2d2}
.emrw-faucet-reward-label{font-size:12px;font-weight:750;color:#f1f3fa;margin:7px 0 3px}
.emrw-faucet-reward-description{font-size:11px;line-height:1.45;color:#9daabd}
.emrw-faucet-rewards-note{display:flex;gap:7px;margin:12px 1px 0!important;font-size:11px!important;line-height:1.55!important;color:#9daabd!important;text-align:left}
.emrw-faucet-rewards-note span{color:#7fc1fc;flex-shrink:0}
@media(max-width:520px){.emrw-faucet-rewards-head{flex-wrap:wrap}.emrw-faucet-rewards-grid{gap:8px}.emrw-faucet-reward{padding:13px 11px;min-height:154px}.emrw-faucet-reward-value{font-size:23px}.emrw-faucet-reward-value small{font-size:10px}}
@media(max-width:340px){.emrw-faucet-rewards-grid{grid-template-columns:1fr}.emrw-faucet-reward{min-height:0}}

/* Regular Faucet: full-width animated image hero.
   The background URL is relative to /assets/faucet-reward-info.css. */
.faucet-layout .faucet-card > .faucet-orbit,
.faucet-layout .faucet-card > .faucet-core { display:none !important; }
.faucet-layout .faucet-card > .emrw-faucet-hero {
  box-sizing:border-box;
  display:block !important;
  position:relative;
  isolation:isolate;
  align-self:stretch !important;
  flex:0 0 auto !important;
  width:100% !important;
  min-width:0;
  max-width:100% !important;
  aspect-ratio:16 / 9;
  min-height:235px;
  max-height:390px;
  margin:0 0 22px;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(85,209,228,.26);
  background-color:#0c1c2b;
  background-image:linear-gradient(180deg,rgba(5,12,23,.05) 0%,rgba(5,12,23,.28) 75%,rgba(5,12,23,.68) 100%),url('./auto-faucet-hero-bg.jpg');
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}
.emrw-faucet-hero * { box-sizing:border-box; }
.emrw-faucet-hero-core {
  position:absolute;
  z-index:2;
  left:50%;top:47%;
  width:150px;height:150px;
  transform:translate(-50%,-50%);
  display:grid;place-items:center;
}
.emrw-faucet-hero-ring,
.emrw-faucet-hero-ring::before,
.emrw-faucet-hero-ring::after {
  content:"";
  position:absolute;
  border:1px solid rgba(117,248,246,.42);
  border-radius:50%;
}
.emrw-faucet-hero-ring { inset:0;box-shadow:0 0 29px rgba(71,223,233,.22);animation:emrwFaucetHeroRotate 18s linear infinite; }
.emrw-faucet-hero-ring::before { inset:16px;border-color:rgba(117,248,246,.26); }
.emrw-faucet-hero-ring::after { inset:34px;border-color:rgba(117,248,246,.18); }
.emrw-faucet-hero-credits {
  width:96px;height:96px;
  position:relative;
  display:grid;place-items:center;
  border-radius:50%;
  background:radial-gradient(circle,rgba(61,206,203,.27),rgba(4,23,36,.72) 70%);
  border:1px solid rgba(111,240,236,.35);
  box-shadow:0 0 28px rgba(60,215,223,.23);
  animation:emrwFaucetHeroBreath 4.3s ease-in-out infinite;
}
.emrw-faucet-hero-credits img { display:block;width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(254,202,87,.31)); }
.emrw-faucet-hero-float {
  z-index:2;
  display:grid;place-items:center;
  position:absolute;
  width:58px;height:58px;
  border-radius:50%;
  background:rgba(8,20,34,.72);
  border:1px solid rgba(126,242,249,.34);
  box-shadow:0 0 18px rgba(47,208,224,.15);
  backdrop-filter:blur(3px);
}
.emrw-faucet-hero-float img { display:block;width:34px;height:34px;object-fit:contain; }
.emrw-faucet-hero-float.acp { left:17%;top:18%;animation:emrwFaucetFloatA 5.6s ease-in-out infinite; }
.emrw-faucet-hero-float.fuel { right:17%;top:18%;animation:emrwFaucetFloatB 6.1s ease-in-out infinite; }
.emrw-faucet-hero-float.xp { left:18%;bottom:21%;animation:emrwFaucetFloatC 5.9s ease-in-out infinite; }
.emrw-faucet-hero-float.fuel-second { right:18%;bottom:21%;animation:emrwFaucetFloatD 6.5s ease-in-out infinite; }
.emrw-faucet-hero-label {
  position:absolute;z-index:3;left:0;right:0;bottom:15px;
  display:block;
  padding:0 12px;
  text-align:center;
  color:#e0fbff;
  font-size:clamp(17px,2vw,27px);
  line-height:1.2;
  letter-spacing:.17em;
  font-weight:800;
  text-shadow:0 2px 13px #051420,0 0 18px rgba(38,212,221,.24);
}
@keyframes emrwFaucetHeroRotate { to { transform:rotate(360deg); } }
@keyframes emrwFaucetHeroBreath { 0%,100%{transform:scale(1)} 50%{transform:scale(1.07)} }
@keyframes emrwFaucetFloatA { 0%,100%{transform:translate(0,0)} 50%{transform:translate(10px,-9px)} }
@keyframes emrwFaucetFloatB { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-11px,-8px)} }
@keyframes emrwFaucetFloatC { 0%,100%{transform:translate(0,0)} 50%{transform:translate(8px,10px)} }
@keyframes emrwFaucetFloatD { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-9px,8px)} }
@media(max-width:650px) {
  .faucet-layout .faucet-card > .emrw-faucet-hero { min-height:220px;max-height:310px;border-radius:16px; }
  .emrw-faucet-hero-core { width:128px;height:128px; }
  .emrw-faucet-hero-credits { width:86px;height:86px; }
  .emrw-faucet-hero-credits img { width:54px;height:54px; }
  .emrw-faucet-hero-float { width:46px;height:46px; }
  .emrw-faucet-hero-float img { width:27px;height:27px; }
  .emrw-faucet-hero-float.acp { left:8%;top:14%; }
  .emrw-faucet-hero-float.fuel { right:8%;top:14%; }
  .emrw-faucet-hero-float.xp { left:9%;bottom:20%; }
  .emrw-faucet-hero-float.fuel-second { right:9%;bottom:20%; }
  .emrw-faucet-hero-label { bottom:12px;font-size:17px;letter-spacing:.12em; }
}
@media(prefers-reduced-motion:reduce) {
 .emrw-faucet-hero-ring,.emrw-faucet-hero-credits,.emrw-faucet-hero-float { animation:none !important; }
}

/* 2026-10: Visual-only hero sizing: 12% smaller, centered.
   Leave artwork, floating icons and keyframe animations unchanged. */
.faucet-layout .faucet-card > .emrw-faucet-hero {
  align-self: center !important;
  width: 88% !important;
  max-width: 88% !important;
  min-height: 207px;
  max-height: 343px;
  margin: 0 auto 22px !important;
}
@media (max-width: 650px) {
  .faucet-layout .faucet-card > .emrw-faucet-hero {
    min-height: 194px;
    max-height: 273px;
  }
}

/* 2026-10 — Faucet visual refresh, matching Earn ACP and Overview.
   Loaded in <head> with the existing stylesheet. NO JS page rebuilding:
   timers, claim forms, Fuel state, reward results and original artwork stay intact. */
body.app-body .page-content:has(> .faucet-layout) { --emrw-fa-mint:#67e5bb; --emrw-fa-line:rgba(134,182,201,.18); }
body.app-body .page-content:has(> .faucet-layout) > .page-intro {
  position:relative; isolation:isolate; overflow:hidden; min-width:0;
  display:flex; align-items:center; justify-content:space-between; gap:22px;
  min-height:186px; padding:28px 32px; margin:0 0 21px;
  border-radius:23px; border:1px solid rgba(103,223,191,.27);
  background:radial-gradient(ellipse at 92% 12%,rgba(36,176,147,.22),transparent 45%),linear-gradient(117deg,#182c40,#182639 60%,#1b3c43);
  box-shadow:0 18px 44px rgba(4,10,22,.16);
}
body.app-body .page-content:has(> .faucet-layout) > .page-intro::before {
  content:""; position:absolute; right:-97px; top:-150px; z-index:-1;
  width:330px; height:330px; border:1px solid rgba(106,225,193,.17);
  box-shadow:0 0 0 54px rgba(106,225,193,.035),0 0 0 115px rgba(106,225,193,.025);
  border-radius:50%; pointer-events:none;
  animation:emrwFaIntroPulse 8s ease-in-out infinite;
}
body.app-body .page-content:has(> .faucet-layout) > .page-intro > div:first-child{min-width:0;position:relative;z-index:1;max-width:680px}
body.app-body .page-content:has(> .faucet-layout) > .page-intro .eyebrow{font-size:10px;color:#81f0ce;letter-spacing:.14em;font-weight:800}
body.app-body .page-content:has(> .faucet-layout) > .page-intro h1{font:800 clamp(29px,3vw,41px)/1.14 'Space Grotesk',sans-serif;color:#f5fbff;letter-spacing:-.045em;margin:10px 0 8px}
body.app-body .page-content:has(> .faucet-layout) > .page-intro .orange-dot{color:#68e9c5}
body.app-body .page-content:has(> .faucet-layout) > .page-intro p{font-size:12px;line-height:1.7;color:#b3cbd3;max-width:575px;margin:0}
body.app-body .page-content:has(> .faucet-layout) > .page-intro .header-balance{position:relative;z-index:1;flex:0 0 auto;min-width:160px;padding:13px 16px;border:1px solid rgba(118,224,197,.28);border-radius:14px;background:rgba(9,28,42,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
body.app-body .page-content:has(> .faucet-layout) > .page-intro .header-balance>span{color:#9fc9c5;font-size:9px;letter-spacing:.11em;font-weight:800}
body.app-body .page-content:has(> .faucet-layout) > .page-intro .header-balance strong{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#eafff7;font-size:clamp(19px,2.4vw,27px);font-variant-numeric:tabular-nums}
body.app-body .page-content:has(> .faucet-layout) > .page-intro .header-balance strong img{max-width:29px;max-height:29px;object-fit:contain}
.faucet-layout{grid-template-columns:minmax(0,1.12fr) minmax(260px,.75fr);gap:17px;align-items:start;min-width:0}
.faucet-layout > *{min-width:0}
.faucet-layout .faucet-card{
  min-width:0; overflow:hidden; position:relative; padding:24px 25px 25px;
  border:1px solid rgba(131,177,201,.22); border-radius:21px;
  background:radial-gradient(circle at 50% 0%,rgba(40,150,137,.13),transparent 36%),linear-gradient(152deg,rgba(28,45,64,.95),rgba(21,33,50,.98));
  box-shadow:0 14px 35px rgba(5,12,26,.14); color:#eaf6fe;
}
.faucet-layout .faucet-card > .emrw-faucet-hero{
  border-radius:17px;border-color:rgba(117,232,207,.31);
  box-shadow:0 12px 32px rgba(4,13,27,.28),0 0 0 1px rgba(53,194,166,.05);
  transition:border-color .25s ease,box-shadow .25s ease;
}
.faucet-layout .faucet-card > .emrw-faucet-hero:hover{border-color:rgba(126,240,211,.53);box-shadow:0 14px 38px rgba(4,13,27,.31),0 0 25px rgba(56,215,174,.08)}
.faucet-layout .faucet-card > .eyebrow{color:#76e9cb;font-size:10px;letter-spacing:.17em;font-weight:800;margin-top:4px}
.faucet-layout .faucet-card > h2{font:800 clamp(21px,2.4vw,28px)/1.23 'Space Grotesk',sans-serif;letter-spacing:-.035em;color:#f1f9ff;margin:12px 0 10px}
.faucet-layout .faucet-card > p{color:#a8bbca;font-size:12px;line-height:1.7;max-width:500px;margin-bottom:17px}
.faucet-layout .faucet-card .countdown{
  display:inline-block;box-sizing:border-box;min-width:min(100%,210px);padding:11px 22px 9px;
  color:#8bf1cf;font-size:clamp(31px,4vw,45px);font-weight:800;line-height:1.2;letter-spacing:.04em;
  border:1px solid rgba(94,220,175,.26);border-radius:16px;
  background:linear-gradient(130deg,rgba(15,58,60,.74),rgba(17,37,53,.82));
  box-shadow:inset 0 1px 0 rgba(112,233,200,.07),0 8px 24px rgba(4,14,27,.13);
  font-variant-numeric:tabular-nums;
}
.faucet-layout .faucet-card .countdown-caption{margin-top:9px;letter-spacing:.13em;font-size:9px;font-weight:800;color:#9dbbbf}
.faucet-layout .emrw-faucet-rewards{margin-top:23px;padding-top:20px;border-top:1px solid rgba(135,181,200,.16)}
.faucet-layout .emrw-faucet-rewards-head h3{color:#f1f8ff;font-weight:800;font-size:20px;letter-spacing:-.035em}
.faucet-layout .emrw-faucet-rewards-eyebrow{color:#70e1c1}
.faucet-layout .emrw-faucet-rewards-interval{color:#b3e2d5;background:rgba(50,139,113,.12);border-color:rgba(92,221,179,.24)}
.faucet-layout .emrw-faucet-reward{
  min-height:149px;border-radius:14px;padding:15px;
  border-color:rgba(139,178,203,.2);
  background:linear-gradient(138deg,rgba(27,45,61,.98),rgba(24,37,54,.98));
  box-shadow:0 7px 23px rgba(5,13,26,.11);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.faucet-layout .emrw-faucet-reward:hover{transform:translateY(-3px);border-color:rgba(94,223,180,.43);box-shadow:0 13px 27px rgba(3,13,26,.17)}
.faucet-layout .emrw-faucet-reward-icon{display:flex;align-items:center;justify-content:center;min-height:38px;min-width:38px;margin:0 0 8px;padding:5px;border-radius:10px;background:rgba(81,176,157,.12)}
.faucet-layout .emrw-faucet-reward-icon img{width:27px;height:27px;object-fit:contain}
.faucet-layout .emrw-faucet-reward-value{color:#f1fbff;font:800 clamp(21px,2.3vw,27px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.025em}
.faucet-layout .emrw-faucet-reward-value small{color:#8de0c8;font-weight:800}
.faucet-layout .emrw-faucet-reward-label{font-size:12px;color:#dbeefa}
.faucet-layout .emrw-faucet-reward-description{color:#9eb0c2}
.faucet-layout .emrw-faucet-rewards-note{color:#9cafc2!important}
.faucet-layout .faucet-card form .btn-primary{min-height:49px;border:1px solid rgba(127,242,204,.5);border-radius:12px;background:linear-gradient(100deg,#2bc8a2,#76e5b4);color:#08372d;font-weight:850;box-shadow:0 10px 25px rgba(23,176,138,.17);transition:filter .22s ease,box-shadow .22s ease,transform .22s ease}
.faucet-layout .faucet-card form .btn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 30px rgba(27,202,164,.22)}
.faucet-layout .faucet-card form .btn-primary:disabled{background:linear-gradient(100deg,#2a5560,#2c4e5b);color:#b2c9cd;box-shadow:none;border-color:rgba(116,169,179,.18)}
.faucet-layout .faucet-card > .fine-print{font-size:10px!important;line-height:1.65!important;color:#91a7bd!important}
.faucet-layout .faucet-aside{gap:13px}
.faucet-layout .faucet-aside > .mini-panel{
  border:1px solid rgba(133,172,199,.2);border-radius:17px;padding:20px 17px;
  background:linear-gradient(145deg,rgba(27,44,63,.97),rgba(23,36,54,.97));
  box-shadow:0 8px 24px rgba(5,13,26,.09);
  transition:transform .22s ease,border-color .22s ease;
}
.faucet-layout .faucet-aside > .mini-panel:hover{transform:translateY(-2px);border-color:rgba(94,223,180,.36)}
.faucet-layout .mini-panel .mini-icon{width:42px;height:42px;border-radius:12px;color:#83f0cd;background:rgba(56,183,148,.13)}
.faucet-layout .mini-panel .mini-icon img{width:30px;height:30px;object-fit:contain}
.faucet-layout .mini-panel h3{color:#edf8ff;font-size:14px;font-weight:800;margin:2px 0 8px}
.faucet-layout .mini-panel p{color:#a7bdca;font-size:11px;line-height:1.7}
.faucet-layout .mini-panel a.text-link{color:#82e7c7;font-weight:750}
@keyframes emrwFaIntroPulse{0%,100%{opacity:.75}50%{opacity:1}}
@media(max-width:1020px){
 .faucet-layout{grid-template-columns:minmax(0,1fr)}
 .faucet-layout .faucet-aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
 .faucet-layout .faucet-aside > .mini-panel{padding:16px 12px;flex-direction:column}
}
@media(max-width:620px){
 body.app-body .page-content:has(> .faucet-layout) > .page-intro{min-height:0;padding:22px 19px;flex-direction:column;align-items:stretch;gap:16px;border-radius:18px}
 body.app-body .page-content:has(> .faucet-layout) > .page-intro::before{right:-180px;top:-120px}
 body.app-body .page-content:has(> .faucet-layout) > .page-intro .header-balance{min-width:0;align-self:flex-start}
 body.app-body .page-content:has(> .faucet-layout) > .page-intro .header-balance strong{justify-content:flex-start}
 .faucet-layout .faucet-card{padding:18px 13px 23px;border-radius:17px}
 .faucet-layout .faucet-aside{grid-template-columns:1fr}
 .faucet-layout .faucet-aside > .mini-panel{flex-direction:row}
 .faucet-layout .emrw-faucet-reward{padding:12px 10px;min-height:142px}
 .faucet-layout .emrw-faucet-reward-icon{min-width:33px;min-height:33px;padding:3px}
}
@media(max-width:350px){
 .faucet-layout .emrw-faucet-rewards-grid{grid-template-columns:1fr}
 .faucet-layout .emrw-faucet-reward{min-height:0}
}
@media(prefers-reduced-motion:reduce){
 body.app-body .page-content:has(> .faucet-layout) > .page-intro::before,
 .faucet-layout .emrw-faucet-reward,
 .faucet-layout .faucet-aside > .mini-panel{animation:none;transition:none}
}