.result-screen.screen-active{
  display:grid!important;
  place-items:center;
  padding:18px!important;
  background:
    linear-gradient(180deg,rgba(9,4,2,.34),rgba(9,4,2,.9)),
    url('/assets/imported/images/Textures/WinLoseTexture.png') center/cover no-repeat,
    radial-gradient(circle at 50% 30%,rgba(255,209,106,.2),transparent 52%),
    #120805;
}

.result-panel{
  width:min(680px,94%);
  border-radius:32px;
  padding:22px;
  background:linear-gradient(145deg,rgba(92,48,20,.94),rgba(14,7,4,.96));
  border:1px solid rgba(255,209,106,.24);
  box-shadow:0 24px 70px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.12);
  display:grid;
  gap:14px;
  text-align:center;
  position:relative;
  overflow:hidden;
}

.result-panel::before{
  content:"";
  position:absolute;
  inset:-20%;
  background:radial-gradient(circle at 50% 15%,rgba(255,214,106,.22),transparent 32%);
  pointer-events:none;
}

.result-panel>*{position:relative;z-index:2}
.result-badge{justify-self:center;padding:7px 13px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,209,106,.28);color:#ffd16a;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.result-panel h2{margin:0;color:#fff4df;font-size:clamp(30px,5vw,54px);line-height:.95;text-shadow:0 10px 24px rgba(0,0,0,.42)}
.result-stars{display:flex;justify-content:center;gap:8px;font-size:42px;line-height:1;filter:drop-shadow(0 8px 8px rgba(0,0,0,.28))}.result-stars span{opacity:.24}.result-stars span.active{opacity:1;color:#ffd447}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.result-stats div{border-radius:18px;padding:10px;background:rgba(0,0,0,.22);border:1px solid rgba(255,209,106,.14)}.result-stats strong{display:block;color:#ffd16a;font-size:20px}.result-stats small{display:block;color:rgba(255,244,223,.64);font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:.06em}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.result-actions button{min-width:124px}.result-note{margin:0;color:rgba(255,244,223,.72);font-size:13px}.result-screen[data-result="lose"] .result-panel{background:linear-gradient(145deg,rgba(54,39,34,.96),rgba(10,7,6,.98))}.result-screen[data-result="lose"] .result-badge{color:#ffb09a}.result-screen[data-result="lose"] .result-stars span.active{color:#ff8c55}
@media(max-width:760px){.result-panel{padding:14px;border-radius:24px}.result-stats{grid-template-columns:repeat(2,1fr)}.result-stars{font-size:32px}.result-actions button{min-width:105px;min-height:38px}}