.nrmt-summon-stage {
  height: 370px;
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 50%, #a45d2238, transparent 32%),
    repeating-linear-gradient(90deg, #ffffff03 0 1px, transparent 1px 57px),
    linear-gradient(180deg, #101719, #070b0d);
}
.nrmt-summon-stage:before { width: 26%; background: linear-gradient(90deg, #070b0d 15%, transparent); }
.nrmt-summon-stage:after { width: 26%; background: linear-gradient(-90deg, #070b0d 15%, transparent); }
.nrmt-summon-stage .nrmt-summon-reel { gap: 10px; padding-left: 0; transform:translateZ(0); }
.nrmt-summon-modal.is-spinning .nrmt-summon-reel { animation: none !important; }
.nrmt-summon-reel > span {
  position: relative;
  width: 104px;
  height: 172px;
  flex-basis: 104px;
  overflow: hidden;
  border-color: #465052;
  background: radial-gradient(circle at 50% 32%, #48545655, transparent 42%), linear-gradient(#222a2d, #0c1012);
  transition: border-color .2s, filter .2s, box-shadow .2s;
}
.nrmt-summon-reel > span:before { content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 35%,#ffffff18 48%,transparent 62%); transform:translateX(-120%); }
.nrmt-summon-modal.is-spinning .nrmt-summon-reel > span:before { animation:nrmtCardShine .75s linear infinite; }
.nrmt-summon-reel > span > i { position:absolute; inset:6px; border:1px solid #ffffff0b; pointer-events:none; }
.nrmt-summon-reel > span img { width:84px; height:112px; }
.nrmt-summon-reel > span b { color:#e3e8e5; font-size:8px; }
.nrmt-summon-reel > span small { color:#737d79; font-size:6px; }
.nrmt-summon-reel > span.is-winner { border-color:#efbc42; box-shadow:inset 0 0 20px #e8ae253d,0 0 18px #e8ae2545; }
.nrmt-summon-pointer { top:14px; animation:nrmtPointer .55s ease-in-out infinite; }
.nrmt-summon-modal.is-spinning .nrmt-summon-stage:after { box-shadow:inset -60px 0 80px #070b0d; }
.nrmt-summon-modal.is-spinning .nrmt-summon-window > header { box-shadow:inset 0 -2px #d5a332; }
.nrmt-summon-modal.is-spinning [data-ninja-spin] { color:transparent; }
.nrmt-summon-modal.is-spinning [data-ninja-spin]:before { content:"INVOCANDO..."; color:#fff2c4; }

.nrmt-summon-result { overflow:hidden; }
.nrmt-summon-result .nrmt-summon-seal { position:absolute; width:310px; height:310px; border:1px solid #d6a63855; border-radius:50%; animation:nrmtSealSpin 14s linear infinite; }
.nrmt-summon-result .nrmt-summon-seal:before,.nrmt-summon-result .nrmt-summon-seal:after { content:""; position:absolute; inset:28px; border:2px dashed #d6a63844; border-radius:50%; }
.nrmt-summon-result .nrmt-summon-seal:after { inset:62px; border-style:solid; }
.nrmt-summon-result .nrmt-summon-seal i { position:absolute; left:50%; top:-65px; width:6px; height:440px; background:linear-gradient(transparent,#f0bd403d,transparent); transform-origin:center; }
.nrmt-summon-result .nrmt-summon-seal i:nth-child(2){transform:rotate(60deg)}
.nrmt-summon-result .nrmt-summon-seal i:nth-child(3){transform:rotate(120deg)}
.nrmt-summon-result > small,.nrmt-summon-result > h2,.nrmt-summon-result > b,.nrmt-summon-result > strong,.nrmt-summon-result > p,.nrmt-summon-portrait { position:relative; z-index:2; }
.nrmt-summon-portrait { width:126px; height:136px; display:grid; place-items:center; margin:5px 0; border:2px solid #d9ac3e; border-radius:50%; background:radial-gradient(circle,#4b3820,#090d0f 68%); box-shadow:0 0 0 8px #d8aa2e20,0 0 35px #d8aa2e75; }
.nrmt-summon-portrait img { width:106px!important; height:120px!important; }
.nrmt-summon-result h2 { font-size:27px; }
.nrmt-summon-result strong { font-size:15px; }
.nrmt-summon-result p { font-size:9px; }
.nrmt-summon-modal.is-unlock .nrmt-summon-result { background:radial-gradient(circle,#c9982f40,transparent 32%),#070b0deF; }
.nrmt-summon-modal.is-unlock .nrmt-summon-portrait { animation:nrmtRecruitPortrait 1.15s ease-in-out infinite alternate; }
.nrmt-summon-modal.is-jackpot .nrmt-summon-result strong { color:#ffd74f; animation:nrmtJackpotText .7s ease-in-out infinite alternate; }
.nrmt-summon-modal.rarity-mythic .nrmt-summon-seal { border-color:#58e6ff; filter:drop-shadow(0 0 15px #d859ff); }
.nrmt-summon-modal.rarity-legendary .nrmt-summon-seal { filter:drop-shadow(0 0 15px #efb332); }

.nrmt-summon-particles { position:absolute; z-index:8; left:50%; top:50%; width:1px; height:1px; pointer-events:none; }
.nrmt-summon-particles i { position:absolute; width:var(--size); height:var(--size); border-radius:50%; background:#f5c84f; box-shadow:0 0 9px #efa72e; animation:nrmtSummonParticle 1.8s var(--delay) cubic-bezier(.12,.7,.2,1) forwards; }
.nrmt-summon-particles.rarity-mythic i { background:#5feaff; box-shadow:0 0 10px #d45cff; }
.nrmt-summon-particles.rarity-epic i { background:#d777ff; box-shadow:0 0 10px #a948ed; }

.nrmt-global-summon { position:fixed; z-index:1000500; left:50%; top:76px; width:min(660px,calc(100vw - 28px)); min-height:76px; display:grid; grid-template-columns:70px 1fr; align-items:center; gap:12px; overflow:hidden; padding:8px 18px; border:1px solid #c99732; background:linear-gradient(100deg,#121719f5,#302313f5,#121719f5); box-shadow:0 14px 45px #000c,0 0 20px #d49b2835; color:#e9ece8; pointer-events:none; opacity:0; transform:translate(-50%,-28px) scale(.96); transition:.48s cubic-bezier(.2,.85,.2,1); }
.nrmt-global-summon.is-visible { opacity:1; transform:translate(-50%,0) scale(1); }
.nrmt-global-summon > img { z-index:2; width:64px; height:64px; object-fit:contain; image-rendering:pixelated; filter:drop-shadow(0 5px 4px #000); }
.nrmt-global-summon > div:not(.nrmt-global-summon__flare) { z-index:2; min-width:0; }
.nrmt-global-summon small { display:block; color:#d8a839; font-size:7px; letter-spacing:.18em; }
.nrmt-global-summon strong { display:block; margin-top:4px; color:#fff0bd; font:15px NinjaTitle,Georgia,serif; }
.nrmt-global-summon span { display:block; margin-top:3px; color:#a4aba7; font-size:9px; }
.nrmt-global-summon__flare { position:absolute; inset:-100%; background:conic-gradient(transparent,#e5b33e24,transparent 18%); animation:nrmtGlobalFlare 5s linear infinite; }
.nrmt-global-summon.rarity-mythic { border-color:#61e8ff; box-shadow:0 14px 45px #000c,0 0 28px #b754ff77; }
.nrmt-global-summon.rarity-mythic small,.nrmt-global-summon.rarity-mythic span { color:#73eaff; }
.nrmt-global-summon.rarity-legendary { border-color:#ffca4f; box-shadow:0 14px 45px #000c,0 0 28px #e9a92f70; }

@keyframes nrmtCardShine { to{transform:translateX(120%)} }
@keyframes nrmtPointer { 50%{transform:translateX(-50%) translateY(6px);filter:drop-shadow(0 0 13px #ffc441)} }
@keyframes nrmtSealSpin { to{transform:rotate(360deg)} }
@keyframes nrmtRecruitPortrait { to{transform:scale(1.07);box-shadow:0 0 0 12px #d8aa2e18,0 0 55px #efbc4090} }
@keyframes nrmtJackpotText { to{transform:scale(1.08);text-shadow:0 0 15px #ffb52d} }
@keyframes nrmtSummonParticle { from{opacity:1;transform:translate(0,0) scale(1)} to{opacity:0;transform:translate(var(--x),var(--y)) scale(.1)} }
@keyframes nrmtGlobalFlare { to{transform:rotate(360deg)} }

@media(max-width:700px){.nrmt-summon-stage{height:330px}.nrmt-global-summon{grid-template-columns:52px 1fr}.nrmt-global-summon>img{width:48px;height:52px}.nrmt-global-summon strong{font-size:11px}}