/* Native client drawings frame Rivalis dialogue; no Flash runtime is loaded. */



.rv-native-stage{--camp:#d4b77b;position:relative;isolation:isolate;max-width:1180px;margin:36px auto 52px;padding:30px 36px 26px;background:#11151b;color:#f5eedc;border:1px solid #8c734d;overflow:hidden}
.rv-native-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#101216 0%,#10121625 80%),linear-gradient(90deg,#1f39473d,#9b201635),url('/site/rivalis/realm/cities-background.png') center 55%/cover;opacity:.6}
.rv-native-stage[data-camp="brakmar"]{--camp:#e87869}
.rv-native-stage header{text-align:center;position:relative;z-index:2;margin:0}.rv-native-stage header p{font-size:12px;color:#dccba8;margin:0 0 8px}.rv-native-stage header h2{font:38px/1.1 RVDisplay,sans-serif;color:#ffedc4;margin:0}
.rv-native-cast{position:relative;height:330px;display:flex;align-items:flex-end;justify-content:space-between;max-width:850px;margin:auto;pointer-events:none}
.rv-native-cast img{width:37%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 5px 8px #0008);opacity:.55;transition:opacity .2s}
.rv-native-stage[data-camp="bonta"] .rv-native-aelric,.rv-native-stage[data-camp="brakmar"] .rv-native-varkhaz{opacity:1}
.rv-native-versus{position:absolute;inset:36% 0 auto;text-align:center;color:#dfc385;font:30px/1.2 RVDisplay,sans-serif;letter-spacing:.04em;text-shadow:0 2px 8px #000}
.rv-native-dialogue{position:relative;z-index:2;max-width:900px;margin:-22px auto 0;border:1px solid #a99059;border-top:3px solid var(--camp);background:#111720f5;padding:23px 27px;box-shadow:0 8px 26px #0005}
.rv-native-dialogue strong{display:block;color:var(--camp);font:24px/1.2 RVDisplay,sans-serif;margin:0 0 10px}
.rv-native-dialogue blockquote{font:16px/1.7 Arial,sans-serif;border:0;color:#f4eee0;background:none;padding:0;margin:0;min-height:110px}
.rv-native-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.rv-native-controls span{color:#c8ba9e;font-size:12px}.rv-native-controls div{display:flex;gap:8px}.rv-native-controls button{border:1px solid #aa8c52;border-radius:0;background:#382b20;color:#fff0cb;padding:10px 15px;font:600 13px Arial;cursor:pointer}.rv-native-controls button:last-child{background:#8a2532}.rv-native-controls button:disabled{opacity:.35;cursor:default}.rv-native-controls button:focus-visible,.rv-native-links a:focus-visible{outline:3px solid white;outline-offset:3px}
.rv-native-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 32px;margin-top:24px}.rv-native-links a{font-weight:700;color:#f3dfae;text-underline-offset:5px;font-size:14px}
.rv-native-stage .rv-native-note{font-size:11px;color:#bbae97;text-align:center;margin:16px 0 0}
.rv-detail-copy>.rv-native-stage{margin:24px -12px 34px;padding:24px 18px}.rv-detail-copy .rv-native-cast{height:280px}
@media(max-width:650px){.rv-native-stage{margin:24px 12px 32px;padding:23px 12px}.rv-native-stage header h2{font-size:30px}.rv-native-cast,.rv-detail-copy .rv-native-cast{height:235px}.rv-native-cast img{width:44%}.rv-native-versus{font-size:19px;inset:42% 0 auto}.rv-native-dialogue{padding:18px 16px;margin-top:-12px}.rv-native-dialogue blockquote{font-size:14px;min-height:180px}.rv-native-controls{align-items:flex-start;flex-direction:column}.rv-native-controls div{width:100%}.rv-native-controls button{flex:1}.rv-detail-copy>.rv-native-stage{margin:20px -10px}.rv-native-links{gap:15px}}
@media(prefers-reduced-motion:reduce){.rv-native-cast img{transition:none}}

.rv-native-controls[hidden]{display:none}

.site-home .rv-team-panel{padding:24px 20px 68px;min-height:272px;overflow:hidden}.site-home .rv-team-panel .rv-link{position:absolute;left:20px;right:20px;bottom:18px;display:flex;align-items:center;justify-content:center;min-height:38px;background:#902732;color:#fff;border:1px solid #b99855}.site-home .rv-team-panel>img{right:0;bottom:52px;width:128px;height:164px}.site-home .rv-team-panel p{max-width:145px}

/* Illustrated chronicle with a parchment dialogue and carved corner treatment. */
.rv-native-stage{background:#e9dfc8;color:#392b22;border:1px solid #b79b61;border-radius:42px 8px 42px 8px;padding:32px 26px 24px;box-shadow:0 14px 36px #442a1717;overflow:hidden}
.rv-native-stage::before{inset:6px;border:1px solid #b89f7159;border-radius:35px 4px 35px 4px;opacity:1;background:radial-gradient(ellipse at 8% 0,#fff8e8aa,transparent 45%),radial-gradient(ellipse at 90% 100%,#bb92583b,transparent 50%);z-index:-1}
.rv-native-stage header p{color:#826347;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.rv-native-stage header h2{color:#62232b;font-size:42px;margin-bottom:25px}.rv-native-stage header h2::after{content:"";display:block;width:100px;height:8px;margin:12px auto 0;background:linear-gradient(90deg,transparent,#a27c3e,transparent);clip-path:polygon(0 45%,43% 35%,50% 0,57% 35%,100% 45%,57% 65%,50% 100%,43% 65%)}
.rv-native-cast,.rv-detail-copy .rv-native-cast{height:auto;aspect-ratio:1672/941;max-width:none;display:block;border-radius:28px 4px 28px 4px;overflow:hidden;box-shadow:0 0 0 1px #987947,0 8px 20px #4b2c2730;background:#3e3430}
.rv-native-cast img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;opacity:0;transition:opacity .25s}
.rv-native-stage[data-camp="bonta"] .rv-scene-bonta,.rv-native-stage[data-camp="brakmar"] .rv-scene-brakmar{opacity:1}
.rv-scene-caption{position:absolute;left:0;right:0;bottom:0;padding:60px 24px 58px;background:linear-gradient(transparent,#17100ece);color:#fff1cb;font:22px RVDisplay,sans-serif;letter-spacing:.07em}
.rv-scene-label-brakmar{display:none}.rv-native-stage[data-camp="brakmar"] .rv-scene-label-bonta{display:none}.rv-native-stage[data-camp="brakmar"] .rv-scene-label-brakmar{display:inline}
.rv-native-dialogue{display:grid;grid-template-columns:105px minmax(0,1fr);column-gap:23px;max-width:930px;margin:-38px auto 0;background:radial-gradient(ellipse at top,#fff9e8,#eee0be);border:1px solid #b39657;border-top:3px solid #be9a50;border-radius:22px 4px 22px 4px;padding:26px 30px 20px;box-shadow:0 8px 24px #30211430,inset 0 0 0 5px #fff9e777}
.rv-native-dialogue::before{content:"";position:absolute;top:-10px;left:calc(50% - 9px);width:16px;height:16px;background:#ead5a0;border:1px solid #a78648;transform:rotate(45deg)}
.rv-native-portrait{position:relative;width:105px;height:148px;align-self:center;background:linear-gradient(145deg,#d1bb83,#f5e9c9);border-bottom:2px solid #ad8647;border-radius:28px 3px 28px 3px;overflow:hidden}
.rv-native-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:0}
.rv-native-dialogue strong{color:#315b6e;font-size:26px}.rv-native-stage[data-camp="brakmar"] .rv-native-dialogue strong{color:#8e2832}.rv-native-dialogue blockquote{color:#42372e;font-size:16px;min-height:108px;line-height:1.75}
.rv-native-controls{grid-column:1/-1;border-top:1px solid #ba9c6155;padding-top:14px;margin-top:18px}.rv-native-controls span{color:#776044}.rv-native-controls button{border-radius:12px 3px 12px 3px;background:#e3d3ac;color:#533c28;border-color:#b19663}.rv-native-controls button:last-child{color:#fff4d9;background:linear-gradient(#a03942,#7a202a);box-shadow:0 3px 0 #583127}.rv-native-controls button:focus-visible,.rv-native-links a:focus-visible{outline-color:#295c77}
.rv-native-links a{color:#752c31;padding:9px 20px;border-bottom:1px solid #af8d4b;border-radius:0 0 15px 0}.rv-native-stage .rv-native-note{color:#806c50;font-size:10px}.rv-detail-copy>.rv-native-stage{padding:26px 16px}
@media(max-width:650px){.rv-native-stage{padding:25px 13px 20px;border-radius:28px 5px 28px 5px}.rv-native-stage header h2{font-size:31px;margin-bottom:20px}.rv-native-cast,.rv-detail-copy .rv-native-cast{height:auto;aspect-ratio:1.25;border-radius:20px 3px 20px 3px}.rv-native-cast img{width:100%;object-position:center}.rv-scene-caption{padding:40px 15px 38px;font-size:18px}.rv-native-dialogue{grid-template-columns:62px minmax(0,1fr);gap:12px;margin-top:-24px;padding:20px 16px 18px}.rv-native-portrait{width:62px;height:105px;align-self:start;margin-top:5px}.rv-native-dialogue strong{font-size:22px}.rv-native-dialogue blockquote{font-size:14px;min-height:0;line-height:1.7}.rv-native-controls{margin-top:2px}.rv-native-controls button{padding:12px 8px}.rv-native-links{gap:8px}.rv-native-links a{padding:8px;font-size:12px}}

@media(prefers-reduced-motion:reduce){.rv-native-cast img{transition:none}}

/* Restore the original illustrated champions and sculpted action buttons. */
.rv-realm-hero .rv-realm-warrior{height:86%;bottom:30px;object-fit:contain;mask-image:none;filter:drop-shadow(0 8px 12px #0005)}
.rv-realm-actions .rv-main-play{border-radius:12px 38px 12px 38px;box-shadow:inset 0 2px 0 #eac17a66,inset 0 -4px 0 #36050d77,0 4px 0 #3a141b,0 7px 14px #0002}
.site-home .rv-team-panel .rv-link{border-radius:9px 24px 9px 24px;box-shadow:inset 0 1px 0 #eac17a66,0 3px 0 #57202a}
@media(max-width:650px){.rv-realm-hero .rv-realm-warrior{height:300px;width:48%;bottom:28px}.rv-realm-hero .rv-realm-amayiro{left:1%}.rv-realm-hero .rv-realm-oto{right:1%}}
