/* MU Raditz V16.15 — Imperial Castle Siege. Isolado do restante do template. */
.raditz-castle{--cs-gold:#c4a36a;--cs-cream:#e8d6b4;--cs-wine:#43151c;position:relative;isolation:isolate;overflow:hidden;margin:28px 0 35px;padding:28px 32px 18px;border:1px solid #8b663c;border-radius:8px;background:radial-gradient(ellipse at 50% -30%,rgba(133,35,48,.46),transparent 65%),linear-gradient(130deg,#181418,#32161c 48%,#161519);box-shadow:inset 0 0 0 3px rgba(9,7,9,.55),inset 0 0 0 4px rgba(183,136,72,.19),0 18px 42px rgba(0,0,0,.32);color:var(--cs-cream);font-family:Georgia,'Times New Roman',serif}
.raditz-castle:before,.raditz-castle:after{content:'✦';position:absolute;color:#d2aa69;opacity:.8;font-size:22px;top:7px}.raditz-castle:before{left:13px}.raditz-castle:after{right:13px}
.raditz-castle__topline{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--cs-gold);letter-spacing:3px;font:700 11px Arial,sans-serif}.raditz-castle__rule{width:65px;max-width:16%;height:1px;background:linear-gradient(90deg,transparent,#ad7b45,transparent)}
.raditz-castle__header{display:flex;justify-content:center;align-items:center;gap:18px;text-align:left;margin:16px auto 24px}.raditz-castle__crest{width:64px;height:64px;display:grid;place-items:center;border:1px solid #a7804d;transform:rotate(45deg);background:linear-gradient(135deg,#6a2830,#251519);color:#ebc889;font-size:40px;box-shadow:0 0 20px #a96b3d20}.raditz-castle__crest::first-letter{transform:rotate(-45deg)}.raditz-castle__header h2{margin:0;color:#e7c48c;font-size:clamp(24px,3.5vw,38px);font-weight:700;letter-spacing:3px;text-shadow:0 2px 12px #000}.raditz-castle__header h2 em{color:#fff1d4;font-style:normal}.raditz-castle__header p{margin:5px 0 0;font-size:13px;color:#bda99c;letter-spacing:.5px}
.raditz-castle__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px;align-items:stretch}.raditz-castle__champion,.raditz-castle__details{border:1px solid rgba(191,146,82,.33);background:linear-gradient(150deg,rgba(78,27,35,.56),rgba(10,11,15,.57));border-radius:5px;padding:22px;min-width:0}.raditz-castle__champion{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.raditz-castle__overline{font:700 11px Arial,sans-serif;letter-spacing:2px;color:#bfa06e}.raditz-castle__mark{min-height:100px;min-width:100px;display:grid;place-items:center;padding:8px;border:1px solid #86613e;border-radius:5px;background:radial-gradient(circle,#51262b,#191519);box-shadow:0 0 22px #c28c4633}.raditz-castle__mark img{max-width:100px;max-height:100px;object-fit:contain}.raditz-castle__empty-mark{font-size:60px;color:#b9965d}.raditz-castle__guild{font-size:clamp(19px,2.5vw,28px);color:#f5dfb6;overflow-wrap:anywhere}.raditz-castle__tag{font:700 10px Arial,sans-serif;letter-spacing:1.7px;color:#d8b878}.raditz-castle__details{display:flex;flex-direction:column;justify-content:center;gap:20px}.raditz-castle__master{display:flex;align-items:center;gap:16px}.raditz-castle__avatar{width:78px;height:78px;flex:0 0 78px;display:grid;place-items:center;overflow:hidden;border:1px solid #a77b49;border-radius:50%;background:#251b1d;color:#cfad70;font-size:42px}.raditz-castle__avatar img{width:100%;height:100%;object-fit:cover}.raditz-castle__master strong,.raditz-castle__battle strong{display:block;margin:8px 0;color:#f2dfbd;font-size:clamp(17px,2vw,23px);overflow-wrap:anywhere}.raditz-castle__master small,.raditz-castle__battle>span:last-child{font:12px Arial,sans-serif;color:#bca7a2}.raditz-castle__battle{border-top:1px solid rgba(190,146,82,.25);padding-top:20px}.raditz-castle__footer{display:flex;justify-content:center;gap:25px;margin-top:20px;color:#ac8656;font:700 10px Arial,sans-serif;letter-spacing:2px}
@media(hover:hover){.raditz-castle__champion,.raditz-castle__details,.raditz-castle__mark{transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.raditz-castle__champion:hover,.raditz-castle__details:hover{border-color:#c5a16a;box-shadow:0 0 24px #b7823822}.raditz-castle__champion:hover .raditz-castle__mark{transform:translateY(-3px);box-shadow:0 0 26px #c28c4666}}
@media(max-width:720px){.raditz-castle{padding:24px 16px 18px;margin:20px 0}.raditz-castle__header{flex-direction:column;text-align:center;gap:16px}.raditz-castle__body{grid-template-columns:1fr;gap:12px}.raditz-castle__champion,.raditz-castle__details{padding:18px}.raditz-castle__header h2{font-size:27px}.raditz-castle__footer{gap:12px;letter-spacing:1px;font-size:9px}.raditz-castle__master{gap:12px}}
@media(prefers-reduced-motion:reduce){.raditz-castle *{transition:none!important}}


/* Etapa 23 — Castle Siege fiel à referência. Regras isoladas ao componente. */
.raditz-castle.raditz-castle--reference {
    position: relative;
    display: block;
    isolation: isolate;
    width: 100%;
    min-height: 320px;
    margin: 22px 0 28px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #493627;
    border-radius: 8px;
    background: #0b090a url('../images/castle_siege.png') center 39% / cover no-repeat;
    box-shadow: none;
    font-family: Arial, Helvetica, sans-serif;
    color: #d7d2d1;
}
.raditz-castle.raditz-castle--reference::before {
    content: '';
    position: absolute;
    inset: 0;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    background: linear-gradient(90deg, rgba(8,6,8,.88) 0%, rgba(8,6,8,.36) 33%, rgba(8,6,8,.02) 50%, rgba(8,6,8,.36) 67%, rgba(8,6,8,.88) 100%), linear-gradient(0deg, rgba(8,6,8,.70), transparent 50%, rgba(8,6,8,.22));
    opacity: 1;
    z-index: -1;
}
.raditz-castle.raditz-castle--reference::after { content: none; }
.raditz-castle__watermark {
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: center;
    font: 400 clamp(35px, 6.5vw, 92px)/1 Georgia, 'Times New Roman', serif;
    letter-spacing: .07em;
    color: rgba(180, 160, 150, .075);
    white-space: nowrap;
    pointer-events: none;
}
.raditz-castle__reference-side {
    position: absolute;
    top: 39%;
    width: 27%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    z-index: 1;
}
.raditz-castle__reference-side--left { left: 6%; }
.raditz-castle__reference-side--right { right: 6%; }
.raditz-castle__reference-label {
    font: 700 14px/1.2 Arial, Helvetica, sans-serif;
    color: #c9c5c5;
    text-align: center;
}
.raditz-castle__reference-value {
    width: min(100%, 164px);
    min-height: 40px;
    padding: 10px 8px;
    border: 1px solid #3a281d;
    border-radius: 8px;
    background: rgba(8,6,7,.83);
    color: #e8e0da;
    text-align: center;
    font: 600 13px/18px Arial, Helvetica, sans-serif;
    overflow-wrap: anywhere;
}
.raditz-castle__reference-next {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px;
    max-width: 92%;
    padding: 6px 20px;
    border: 1px solid #493020;
    border-radius: 8px;
    background: rgba(10,7,8,.91);
    color: #d8d3d2;
    font: 600 14px/18px Arial, Helvetica, sans-serif;
    text-align: center;
    white-space: normal;
    z-index: 1;
}
.raditz-castle__reference-next strong { color: #e8d2b5; font-weight: 600; }
@media (max-width: 620px) {
    .raditz-castle.raditz-castle--reference { min-height: 265px; background-position: center 40%; }
    .raditz-castle__watermark { top: 40px; font-size: clamp(28px, 8vw, 55px); }
    .raditz-castle__reference-side { top: 44%; width: 38%; gap: 8px; }
    .raditz-castle__reference-side--left { left: 1%; }
    .raditz-castle__reference-side--right { right: 1%; }
    .raditz-castle__reference-label { font-size: 10px; }
    .raditz-castle__reference-value { width: 90%; min-height: 34px; padding: 7px 4px; font-size: 11px; }
    .raditz-castle__reference-next { bottom: 10px; font-size: 11px; padding: 5px 9px; }
}