/* RONIN: Slashdown — Season I War Seal v3.3.1 */
.war-seal-section{margin-top:20px;padding:18px;border:1px solid rgba(255,57,91,.26);border-radius:18px;background:radial-gradient(circle at 50% 15%,rgba(255,26,54,.10),transparent 48%),linear-gradient(145deg,rgba(7,10,17,.96),rgba(18,4,10,.94));box-shadow:inset 0 0 38px rgba(255,29,67,.035),0 24px 60px rgba(0,0,0,.28)}
.war-seal-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.war-seal-head small{display:block;color:#ff5876;font-weight:1000;letter-spacing:.16em;font-size:9px}.war-seal-head h3{margin:4px 0 0;font-size:22px}.war-seal-count{font-size:10px;font-weight:1000;letter-spacing:.13em;color:#8fa7b2;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:8px 10px;background:#050a11}
.war-seal-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(150px,230px) 1fr;gap:20px;align-items:center;padding:18px;border-radius:18px;border:1px solid rgba(255,69,101,.18);background:linear-gradient(135deg,rgba(10,8,13,.98),rgba(6,11,18,.98))}.war-seal-card::before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle,rgba(255,31,62,.14),transparent 46%);pointer-events:none;transform:translateY(-18%)}
.war-seal-art{position:relative;display:grid;place-items:center;min-height:210px}.war-seal-art img{position:relative;z-index:1;width:min(100%,220px);height:auto;filter:drop-shadow(0 0 18px rgba(255,39,68,.30)) drop-shadow(0 18px 35px rgba(0,0,0,.62));transition:transform .35s ease,filter .35s ease}.war-seal-card.is-earned .war-seal-art img:hover{transform:scale(1.025);filter:drop-shadow(0 0 24px rgba(255,45,75,.42)) drop-shadow(0 22px 40px rgba(0,0,0,.68))}
.war-seal-card.is-locked .war-seal-art img{filter:grayscale(1) brightness(.25) contrast(1.2);opacity:.34}.war-seal-lock{position:absolute;z-index:2;display:grid;place-items:center;text-align:center;width:92px;height:92px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:rgba(2,5,9,.82);box-shadow:0 0 28px rgba(0,0,0,.58);font-weight:1000;letter-spacing:.12em;font-size:9px;color:#b0bec5}.war-seal-card.is-earned .war-seal-lock{display:none}
.war-seal-copy{position:relative;z-index:1}.war-seal-kicker{color:#ff5b76;font-size:9px;font-weight:1000;letter-spacing:.16em}.war-seal-title{font-size:25px;margin:5px 0 5px}.war-seal-description{margin:0;color:#e7c88d;font-weight:800;letter-spacing:.05em}.war-seal-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.war-seal-meta div{padding:10px 11px;border-radius:11px;background:#050a11;border:1px solid rgba(255,255,255,.07)}.war-seal-meta small{display:block;color:#6f8996;font-size:8px;font-weight:1000;letter-spacing:.1em}.war-seal-meta strong{display:block;margin-top:3px;color:#fff;font-size:12px;overflow-wrap:anywhere}.war-seal-actions{display:flex;gap:8px;flex-wrap:wrap}.war-seal-actions button,.war-seal-actions a{min-height:42px;padding:0 14px;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:10px;font-weight:1000;letter-spacing:.08em;cursor:pointer}.war-seal-download{border:1px solid rgba(255,61,94,.38);background:linear-gradient(135deg,#a90f2d,#ff3158);color:#fff}.war-seal-replay{border:1px solid rgba(0,246,255,.19);background:#07111a;color:#baf8ff}.war-seal-status{margin-top:10px;min-height:18px;color:#8197a1;font-size:9px;font-weight:800;letter-spacing:.06em}.war-seal-status.is-earned{color:#ff7d93}.war-seal-status.is-pending{color:#f1c86d}
.war-seal-cinematic{position:fixed;inset:0;z-index:60000;display:grid;place-items:center;background:#000}.war-seal-cinematic.hidden{display:none}.war-seal-cinematic video{width:100%;height:100%;object-fit:contain;background:#000}.war-seal-cinematic-ui{position:absolute;inset:0;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding:22px;background:linear-gradient(to bottom,transparent 65%,rgba(0,0,0,.72))}.war-seal-cinematic-ui button{pointer-events:auto;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(3,8,13,.72);backdrop-filter:blur(8px);color:#fff;font:inherit;font-size:10px;font-weight:1000;letter-spacing:.1em;cursor:pointer}
@media(max-width:700px){.war-seal-card{grid-template-columns:1fr;text-align:center}.war-seal-art{min-height:180px}.war-seal-art img{width:min(76vw,235px)}.war-seal-meta{grid-template-columns:1fr 1fr;text-align:left}.war-seal-actions{justify-content:center}.war-seal-actions button,.war-seal-actions a{flex:1 1 140px}.war-seal-head{align-items:center}.war-seal-title{font-size:22px}}
@media(prefers-reduced-motion:reduce){.war-seal-art img{transition:none}}


/* v3.3.4 — locked prize never loads the actual award image */
.war-seal-art-locked{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 42%,
      rgba(255,37,69,.11),
      transparent 42%),
    linear-gradient(145deg,#05080d,#0c080c);
}

.war-seal-art-locked::before,
.war-seal-art-locked::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
}

.war-seal-art-locked::before{
  width:150px;
  height:150px;
  border:1px solid rgba(255,83,107,.16);
  box-shadow:
    0 0 35px rgba(255,22,61,.08),
    inset 0 0 30px rgba(255,22,61,.06);
}

.war-seal-art-locked::after{
  width:112px;
  height:112px;
  border:1px dashed rgba(255,255,255,.10);
}

.war-seal-sealed-glyph{
  position:relative;
  z-index:1;
  font-size:68px;
  line-height:1;
  font-weight:900;
  color:rgba(255,72,99,.12);
  text-shadow:0 0 28px rgba(255,25,62,.14);
  filter:blur(.2px);
}

.war-seal-card.is-locked .war-seal-download,
.war-seal-card.is-locked .war-seal-replay{
  display:none!important;
}


/* ==========================================================
   RONIN: SLASHDOWN v3.3.4 — SECURE WAR SEAL
========================================================== */

.war-seal-secure-art{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:
    radial-gradient(
      circle at 50% 43%,
      rgba(255,31,67,.13),
      transparent 39%
    ),
    linear-gradient(
      145deg,
      #05070c,
      #0d080d
    );
}

.war-seal-secure-rings,
.war-seal-secure-rings::before,
.war-seal-secure-rings::after{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  content:"";
}

.war-seal-secure-rings{
  width:168px;
  height:168px;
  border:
    1px solid rgba(255,60,92,.18);
}

.war-seal-secure-rings::before{
  width:126px;
  height:126px;
  border:
    1px dashed rgba(255,255,255,.10);
}

.war-seal-secure-rings::after{
  width:86px;
  height:86px;
  border:
    1px solid rgba(255,50,80,.16);
}

.war-seal-secure-mark{
  position:relative;
  z-index:1;
  font-size:72px;
  line-height:1;
  font-weight:1000;
  color:rgba(255,70,96,.13);
  text-shadow:
    0 0 35px rgba(255,21,61,.24);
}

.war-seal-card.is-earned
.war-seal-secure-art{
  background:
    radial-gradient(
      circle at 50% 42%,
      rgba(255,35,69,.25),
      transparent 43%
    ),
    linear-gradient(
      145deg,
      #09070c,
      #16070d
    );
}

.war-seal-card.is-earned
.war-seal-secure-mark{
  color:#ff526d;
  text-shadow:
    0 0 8px #ff264f,
    0 0 32px rgba(255,24,66,.75);
}

.war-seal-claimed{
  cursor:default!important;
  opacity:.78;
}


/* VERIFY */

.war-seal-verify,
.war-seal-reveal{
  position:fixed;
  inset:0;
  z-index:65000;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(
      circle at center,
      rgba(96,0,20,.48),
      transparent 47%
    ),
    rgba(0,0,0,.94);
  backdrop-filter:blur(14px);
}

.war-seal-verify.hidden,
.war-seal-reveal.hidden{
  display:none;
}

.war-seal-verify-panel,
.war-seal-reveal-panel{
  width:min(92vw,620px);
  text-align:center;
  padding:
    clamp(28px,5vw,56px);
  border-radius:28px;
  border:
    1px solid rgba(255,57,89,.32);
  background:
    radial-gradient(
      circle at 50% 15%,
      rgba(255,26,62,.17),
      transparent 42%
    ),
    linear-gradient(
      150deg,
      rgba(13,8,14,.98),
      rgba(3,7,12,.99)
    );
  box-shadow:
    0 0 65px rgba(255,14,55,.13),
    0 38px 100px rgba(0,0,0,.78);
}

.war-seal-verify-panel small,
.war-seal-reveal-panel>small{
  color:#ff6179;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.24em;
}

.war-seal-verify-panel h2,
.war-seal-reveal-panel h2{
  margin:14px 0 8px;
  font-family:Orbitron,system-ui,sans-serif;
  font-size:
    clamp(27px,5vw,52px);
  line-height:1;
  letter-spacing:.04em;
  color:#fff;
  text-shadow:
    0 0 8px #fff,
    0 0 24px rgba(255,29,68,.76);
}

.war-seal-verify-panel p,
.war-seal-reveal-panel p{
  color:#a9bdc7;
}


/* SPINNER */

.war-seal-verify-spinner{
  width:76px;
  height:76px;
  margin:28px auto;
  border-radius:50%;
  border:
    2px solid rgba(255,255,255,.08);
  border-top-color:#ff3458;
  border-right-color:#00efff;
  box-shadow:
    0 0 35px rgba(255,33,72,.24);
  animation:
    warSealVerifySpin .9s linear infinite;
}

@keyframes warSealVerifySpin{
  to{
    transform:rotate(360deg);
  }
}


/* FINAL REVEAL */

.war-seal-reveal-mark{
  width:
    clamp(118px,20vw,174px);
  height:
    clamp(118px,20vw,174px);
  margin:24px auto;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:
    clamp(58px,10vw,96px);
  font-weight:1000;
  color:#fff;
  border:
    1px solid rgba(255,83,107,.58);
  background:
    radial-gradient(
      circle,
      rgba(255,47,82,.48),
      rgba(78,0,17,.64) 52%,
      #06080d 72%
    );
  box-shadow:
    inset 0 0 32px rgba(255,255,255,.10),
    0 0 22px rgba(255,37,72,.72),
    0 0 75px rgba(255,12,55,.38);
  text-shadow:
    0 0 14px #fff,
    0 0 32px #ff234e;
}

.war-seal-reveal-panel>strong{
  display:block;
  color:#e9c77f;
  font-size:
    clamp(14px,2.2vw,20px);
  letter-spacing:.12em;
}

.war-seal-reveal-verification{
  margin:22px auto;
  padding:12px 14px;
  max-width:420px;
  border-radius:12px;
  border:
    1px solid rgba(255,255,255,.08);
  background:#050a10;
}

.war-seal-reveal-verification span{
  display:block;
  color:#6e8996;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.16em;
}

.war-seal-reveal-verification b{
  display:block;
  margin-top:5px;
  color:#fff;
  overflow-wrap:anywhere;
}

.war-seal-reveal-actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}

.war-seal-reveal-actions button{
  min-width:190px;
}

@media(max-width:700px){
  .war-seal-reveal-actions{
    flex-direction:column;
  }

  .war-seal-reveal-actions button{
    width:100%;
  }
}