/* =========================================================
   AK87 V92 — TAKE THE RISK SHOW CASES
   Shared visual layer for player page and OBS overlay.
   ========================================================= */

:root{
  --v92-gold:#f0bd4d;
  --v92-gold-hi:#ffe08a;
  --v92-pink:#ff2f82;
  --v92-pink-hi:#ff72ad;
  --v92-panel:#080910;
}

/* ---------- PLAYER: cleaner board ---------- */
.v54-player-page{
  background:
    radial-gradient(circle at 18% 0,#ff075f16,transparent 27%),
    radial-gradient(circle at 82% 4%,#d9ad4210,transparent 24%),
    #030307!important;
}
.v74-player-layout{
  grid-template-columns:minmax(0,1fr) 370px!important;
  gap:20px!important;
}
.v54-player-shell{
  max-width:none!important;
}
.v54-player-message{
  position:relative;
  overflow:hidden;
  font-weight:850;
  letter-spacing:.15px;
}
.v54-player-message:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 25%,#ffffff0b 45%,transparent 65%);
  transform:translateX(-120%);
  animation:v92MessageSweep 4s ease-in-out infinite;
}
@keyframes v92MessageSweep{
  0%,62%{transform:translateX(-120%)}
  100%{transform:translateX(120%)}
}

/* ---------- BRIEFCASE BODY: PLAYER ---------- */
.v54-player-cases{
  gap:15px!important;
  padding:14px 4px 4px;
}
.v54-player-cases button{
  position:relative!important;
  min-height:116px!important;
  overflow:visible!important;
  isolation:isolate;
  border:1px solid #d8a83e66!important;
  border-radius:13px!important;
  background:
    linear-gradient(180deg,#3a2d13 0%,#17130d 12%,#0c0d12 18%,#090a0e 82%,#1d160b 100%)!important;
  box-shadow:
    inset 0 1px 0 #ffe89c36,
    inset 0 -8px 18px #000a,
    0 11px 22px #0007,
    0 0 0 1px #0007!important;
  transform:translateZ(0);
  transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s!important;
}
.v54-player-cases button:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-13px;
  left:50%;
  width:42%;
  height:20px;
  transform:translateX(-50%);
  border:4px solid #bd8a31;
  border-bottom:0;
  border-radius:9px 9px 0 0;
  background:#08090d;
  box-shadow:inset 0 0 0 2px #ffe08a1e,0 -3px 8px #0008;
}
.v54-player-cases button:after{
  content:"";
  position:absolute;
  inset:6px;
  z-index:-1;
  border-radius:8px;
  border:1px solid #ffffff0a;
  background:
    linear-gradient(115deg,transparent 5%,#ffd66d0c 28%,#ffffff10 34%,transparent 40%),
    radial-gradient(circle at 50% 0,#f4c75b12,transparent 46%);
  pointer-events:none;
}
.v54-player-cases button>span{
  position:relative;
  display:inline-grid;
  place-items:center;
  min-width:58px;
  min-height:48px;
  padding:0 10px;
  border:1px solid #c9973850;
  border-radius:8px;
  background:linear-gradient(145deg,#15100a,#06070a);
  color:#f7f2e8;
  font-size:31px!important;
  font-weight:1000!important;
  line-height:1!important;
  text-shadow:0 2px 6px #000;
  box-shadow:inset 0 0 16px #d8ad4208;
}
.v54-player-cases button>span:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-18px;
  width:9px;height:9px;
  transform:translateX(-50%) rotate(45deg);
  border:1px solid #c89a3d66;
  background:#1a140a;
}
.v54-player-cases button small{
  position:absolute;
  left:7px;right:7px;bottom:7px;
  margin:0!important;
  min-height:13px;
  color:var(--v92-gold-hi)!important;
  font-size:10px!important;
  font-weight:950;
  text-shadow:0 1px 6px #000;
}
.v54-player-cases button:hover:not(:disabled){
  transform:translateY(-8px) scale(1.035)!important;
  border-color:var(--v92-gold-hi)!important;
  box-shadow:
    inset 0 1px 0 #fff4c052,
    inset 0 -8px 18px #000a,
    0 18px 28px #0009,
    0 0 26px #f0bd4d24!important;
}
.v54-player-cases button.own{
  border-color:var(--v92-gold-hi)!important;
  color:var(--v92-gold-hi)!important;
  background:
    linear-gradient(180deg,#5a4015 0%,#241907 15%,#0c0d12 23%,#090a0e 82%,#241906 100%)!important;
  box-shadow:0 0 0 2px #f0bd4d18,0 0 30px #f0bd4d35,0 14px 30px #0008!important;
}
.v54-player-cases button.own>span:before{
  content:"DEIN KOFFER";
  position:absolute;
  top:-25px;
  left:50%;
  transform:translateX(-50%);
  width:max-content;
  color:#ffe08a;
  font-size:7px;
  letter-spacing:1px;
}
.v54-player-cases button.pending{
  border-color:var(--v92-pink-hi)!important;
  animation:v92Pending .85s ease-in-out infinite alternate!important;
}
@keyframes v92Pending{
  from{box-shadow:0 0 8px #ff075f20,0 12px 25px #0008}
  to{box-shadow:0 0 35px #ff075f78,0 14px 30px #0009;transform:translateY(-4px) scale(1.02)}
}
.v54-player-cases button.open{
  opacity:.30!important;
  filter:saturate(.25) brightness(.75);
  transform:scale(.94)!important;
  text-decoration:none!important;
}
.v54-player-cases button.open:before{
  opacity:.45;
}
.v54-player-cases button.v92-pop{
  animation:v92PlayerCasePop .78s cubic-bezier(.18,.9,.18,1) both!important;
}
@keyframes v92PlayerCasePop{
  0%{transform:scale(1) rotateX(0);filter:brightness(1)}
  22%{transform:translateY(-10px) scale(1.08) rotateX(-9deg);filter:brightness(1.9)}
  52%{transform:scale(1.15) rotateX(8deg);box-shadow:0 0 44px #ff2f8280,0 0 25px #f0bd4d70}
  100%{transform:scale(.94);filter:saturate(.25) brightness(.75);opacity:.30}
}

/* ---------- PLAYER PRIZE BOARD: fill the column ---------- */
.v74-prize-board{
  padding:18px!important;
  border-color:#d9ad4233!important;
  background:
    radial-gradient(circle at 50% 0,#d9ad4210,transparent 28%),
    linear-gradient(180deg,#0b0c12,#06070b)!important;
}
.v74-prize-board header>strong{
  font-size:23px!important;
}
.v74-prize-list{
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:repeat(13,minmax(38px,1fr));
  gap:7px!important;
}
.v74-prize-list span{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 9px!important;
  border-radius:8px!important;
  font-size:13px!important;
  font-weight:950!important;
}
.v74-prize-list span.high{
  color:#ffe084!important;
  border-color:#e1b34766!important;
  background:linear-gradient(145deg,#261b08,#0a0a0d)!important;
  box-shadow:inset 0 0 18px #e1b34710,0 0 9px #e1b3470b!important;
}
.v74-prize-list span.gone{
  transform:scale(.96);
}
.v74-prize-board footer strong{
  font-size:22px!important;
}

/* ---------- SHARED BIG REVEAL generated by V92 JS ---------- */
.v92-prize-reveal{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  pointer-events:none;
  background:radial-gradient(circle,#ff075f0d,transparent 38%);
  animation:v92RevealBackdrop 4.15s ease both;
}
.v92-prize-reveal>div{
  position:relative;
  min-width:360px;
  padding:27px 40px 30px;
  overflow:hidden;
  border:1px solid #f0bd4d70;
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 0,#5a39172d,transparent 48%),
    linear-gradient(145deg,#111016,#06070b 75%);
  box-shadow:0 28px 80px #000d,0 0 46px #ff075f24,0 0 30px #f0bd4d20;
  text-align:center;
  animation:v92RevealCard 4.15s cubic-bezier(.12,.86,.18,1) both;
}
.v92-prize-reveal>div:before{
  content:"";
  position:absolute;
  inset:-40% -70%;
  background:linear-gradient(100deg,transparent 42%,#fff6c640 49%,#ff4b9035 52%,transparent 59%);
  transform:translateX(-55%) rotate(-6deg);
  animation:v92RevealShine 1.1s .2s ease both;
}
.v92-prize-reveal small,
.v92-prize-reveal strong,
.v92-prize-reveal span{
  position:relative;
  display:block;
}
.v92-prize-reveal small{
  color:#ff70aa;
  font-size:10px;
  font-weight:950;
  letter-spacing:1.8px;
}
.v92-prize-reveal strong{
  margin:7px 0 4px;
  color:#fff;
  font-size:58px;
  font-weight:1000;
  line-height:1;
  text-shadow:0 0 24px #ff075f50;
}
.v92-prize-reveal span{
  color:#f2c864;
  font-size:11px;
  font-weight:900;
}
.v92-prize-reveal.is-high>div{
  border-color:#ffe087a8;
  box-shadow:0 28px 80px #000d,0 0 58px #f0bd4d45;
}
.v92-prize-reveal.is-high strong{
  color:#ffe087;
  text-shadow:0 0 28px #f0bd4d7a;
}
@keyframes v92RevealBackdrop{
  0%,100%{background-color:transparent}
  16%,70%{background-color:#0008}
}
@keyframes v92RevealCard{
  0%{opacity:0;transform:scale(.72) rotateX(16deg);filter:blur(2px)}
  12%{opacity:1;transform:scale(1.04) rotateX(0);filter:blur(0)}
  23%{transform:scale(1)}
  82%{opacity:1;transform:scale(1);filter:blur(0)}
  100%{opacity:0;transform:scale(.97);filter:blur(0)}
}
@keyframes v92RevealShine{
  to{transform:translateX(55%) rotate(-6deg)}
}

/* ---------- OBS CASES: same premium language ---------- */
.v54-stage .v54-cases article{
  position:relative!important;
  min-height:82px!important;
  overflow:visible!important;
  isolation:isolate;
  border-color:#d8a83e5a!important;
  background:
    linear-gradient(180deg,#3b2d12 0%,#15110a 12%,#0b0c11 19%,#08090d 83%,#201707 100%)!important;
  box-shadow:inset 0 1px 0 #ffe89c24,inset 0 -7px 15px #0009,0 8px 18px #0007!important;
}
.v54-stage .v54-cases article:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-9px;
  left:50%;
  width:38%;
  height:14px;
  transform:translateX(-50%);
  border:3px solid #b98630;
  border-bottom:0;
  border-radius:7px 7px 0 0;
  background:#08090d;
}
.v54-stage .v54-cases article:after{
  content:"";
  position:absolute;
  inset:5px;
  z-index:-1;
  border:1px solid #ffffff08;
  border-radius:7px;
  background:linear-gradient(115deg,transparent 8%,#ffd66d0c 30%,#ffffff0d 36%,transparent 44%);
}
.v54-stage .v54-cases article span{
  font-size:25px!important;
  text-shadow:0 2px 6px #000;
}
.v54-stage .v54-cases article.own{
  border-color:#ffe087!important;
  box-shadow:0 0 26px #d9ad4238,0 10px 22px #0008!important;
}
.v54-stage .v54-cases article.pending{
  animation:v92Pending .85s ease-in-out infinite alternate!important;
}
.v54-stage .v54-cases article.v92-pop{
  animation:v92OverlayCasePop .9s cubic-bezier(.18,.9,.18,1) both!important;
}
@keyframes v92OverlayCasePop{
  0%{transform:scale(1);opacity:1}
  28%{transform:translateY(-9px) scale(1.1);filter:brightness(1.8);box-shadow:0 0 40px #ff2f8270,0 0 25px #f0bd4d60}
  100%{transform:scale(.94);opacity:.28;filter:saturate(.25)}
}

/* OBS prize board readable from stream distance */
.v54-stage .v54-game main{
  grid-template-columns:minmax(0,1fr) 350px!important;
}
.v54-stage .v54-prizes{
  padding:16px!important;
}
.v54-stage .v54-prizes h2{
  font-size:19px!important;
}
.v54-stage .v54-prizes>div{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:repeat(13,minmax(0,1fr))!important;
  gap:5px!important;
}
.v54-stage .v54-prizes span{
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-height:0!important;
  padding:5px 7px!important;
  border:1px solid #d9ad421f!important;
  border-radius:6px;
  background:#0a0a0e;
  text-align:center;
  font-size:11px!important;
  font-weight:900!important;
}
.v54-stage .v54-prizes span.high{
  color:#ffe080!important;
  border-color:#d9ad4250!important;
}

/* Responsive */
@media(max-width:1100px){
  .v74-player-layout{grid-template-columns:1fr!important}
  .v74-prize-list{grid-template-columns:repeat(4,1fr)!important;grid-template-rows:auto}
}
@media(max-width:700px){
  .v54-player-cases{grid-template-columns:repeat(3,1fr)!important}
  .v54-player-cases button{min-height:105px!important}
  .v74-prize-list{grid-template-columns:repeat(2,1fr)!important}
  .v92-prize-reveal>div{min-width:0;width:calc(100vw - 34px);padding:24px 18px}
  .v92-prize-reveal strong{font-size:44px}
}