/* DREAMY LASH CONGRESS — PREMIUM V5
   Focused additions requested on 2026-09-16. */

/* Loader stays visible longer and its progress now matches the longer intro. */
.preloader-progress i{animation-duration:3.9s!important}

/* Experience artwork: actual image elements, intentionally prominent. */
.experience .experience-grid{overflow:visible}
.experience .exp-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  min-height:470px;
  background:#241319!important;
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 30px 70px rgba(61,34,43,.18);
}
.experience .exp-card-image{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;
  z-index:0;
  transform:scale(1.015);
  transition:transform .75s cubic-bezier(.16,1,.3,1),filter .55s ease;
  filter:saturate(.98) contrast(1.02);
}
.experience .exp-card:nth-child(1) .exp-card-image{object-position:center 47%}
.experience .exp-card:nth-child(2) .exp-card-image{object-position:center 48%}
.experience .exp-card:nth-child(3) .exp-card-image{object-position:center 48%}
.experience .exp-card:nth-child(4) .exp-card-image{object-position:center}
.experience .exp-card-shade{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(180deg,rgba(24,12,17,.02) 0%,rgba(24,12,17,.07) 38%,rgba(24,12,17,.82) 100%),
    linear-gradient(90deg,rgba(35,15,23,.17),transparent 55%);
  pointer-events:none;
}
.experience .exp-card:after{
  content:"";position:absolute;inset:12px;z-index:4;
  border:1px solid rgba(255,255,255,.3);pointer-events:none;
}
.experience .exp-card-copy{position:relative;z-index:3}
.experience .exp-card:hover .exp-card-image{transform:scale(1.07);filter:saturate(1.08) contrast(1.03)}
.experience .exp-card:hover .exp-card-shade{background:linear-gradient(180deg,rgba(24,12,17,0) 0%,rgba(24,12,17,.04) 38%,rgba(24,12,17,.76) 100%)}
.experience .exp-no{z-index:3}

/* Competition: trophy centered; monetary prize directly beneath it. */
.competition .prize-top{justify-content:center!important;text-align:center}
.competition .prize-top b{display:none!important}
.competition .prize>small{display:block;text-align:center}
.competition .prize-hero{
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  gap:4px!important;margin:8px auto 18px!important;text-align:center!important;
}
.competition .prize-hero>img{
  width:min(76%,340px)!important;height:auto!important;max-height:330px!important;
  margin:0 auto!important;object-fit:contain!important;
  filter:drop-shadow(0 22px 30px rgba(0,0,0,.2));
}
.competition .prize-amount{width:100%;text-align:center}
.competition .prize-hero .prize-money{
  display:block!important;font-size:clamp(54px,6vw,82px)!important;
  line-height:.94!important;margin:0 auto!important;white-space:nowrap
}
.competition .prize-amount>em{display:block;text-align:center!important;margin-top:10px}

/* Right-side currency rail */
.currency-rail{
  position:fixed;right:14px;top:50%;z-index:90;
  transform:translateY(-50%);
  display:flex;flex-direction:column;gap:6px;
  padding:7px;border-radius:24px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(197,211,158,.58);
  box-shadow:0 22px 54px rgba(52,44,35,.16);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.currency-option{
  width:52px;min-height:56px;border:0;border-radius:17px;background:transparent;
  display:grid;place-items:center;gap:2px;padding:7px 5px;
  color:#53603b;cursor:pointer;font:800 9px/1.1 inherit;letter-spacing:.08em;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
}
.currency-option img{width:26px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 2px 7px rgba(0,0,0,.13)}
.currency-option:hover{transform:translateX(-4px);background:#f2f6e8}
.currency-option.active{
  background:#c5d39e;color:#303924;
  box-shadow:0 10px 24px rgba(98,112,64,.22)
}
.currency-rail>small{
  writing-mode:vertical-rl;transform:rotate(180deg);
  max-height:130px;margin:5px auto 3px;
  font-size:7px;line-height:1.2;letter-spacing:.08em;
  color:#718052;opacity:.75
}
[data-money]{font-variant-numeric:tabular-nums}

/* Background music control */
.music-control{
  position:fixed;left:18px;bottom:20px;z-index:91;
  display:flex;align-items:center;gap:10px;
  border:1px solid rgba(197,211,158,.58);
  background:rgba(255,255,255,.9);color:#465133;
  padding:10px 14px;border-radius:999px;cursor:pointer;
  box-shadow:0 18px 45px rgba(53,44,37,.14);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.music-control em{font-style:normal;display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.music-control b{font-size:9px;letter-spacing:.14em}
.music-control small{font-size:7px;letter-spacing:.08em;margin-top:4px;color:#7a875e}
.music-bars{display:flex;align-items:flex-end;gap:2px;height:16px;width:16px}
.music-bars i{display:block;width:3px;border-radius:3px;background:#82965a;height:5px}
.music-control.playing .music-bars i{animation:musicBar .65s ease-in-out infinite alternate}
.music-control.playing .music-bars i:nth-child(2){animation-delay:.16s}
.music-control.playing .music-bars i:nth-child(3){animation-delay:.3s}
.music-control.blocked{box-shadow:0 0 0 5px rgba(197,211,158,.22),0 18px 45px rgba(53,44,37,.14)}
@keyframes musicBar{to{height:15px}}

/* Three sponsor cards */
.sponsor-wall-real{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.sponsor-card.sponsor-soul{background:linear-gradient(145deg,#fff 0%,#f3f7e7 100%);border-color:rgba(104,120,73,.18)}
.sponsor-card.sponsor-soul img{width:min(82%,280px);max-height:125px;object-fit:contain;filter:none!important}
.sponsor-card.sponsor-soul span{color:#657448}

/* Mobile adaptation */
@media (max-width:880px){
  .currency-rail{right:8px;top:46%;padding:5px;border-radius:20px}
  .currency-option{width:45px;min-height:49px;border-radius:14px;font-size:8px}
  .currency-option img{width:23px;height:15px}
  .currency-rail>small{display:none}
  .sponsor-wall-real{grid-template-columns:1fr!important}
  .experience .exp-card{min-height:440px}
}
@media (max-width:620px){
  .experience .exp-card{min-height:390px}
  .experience .exp-card-image{object-position:center}
  .competition .prize-hero>img{width:min(82%,280px)!important;max-height:280px!important}
  .competition .prize-hero .prize-money{font-size:50px!important}
  .currency-rail{right:6px;top:44%}
  .currency-option{width:42px;min-height:46px;padding:5px 4px}
  .currency-option span{font-size:7px}
  .music-control{left:10px;bottom:82px;padding:9px 11px}
  .music-control em{display:none}
}