/* Forged-gold details: light acknowledges interaction; the arena carries atmosphere. */
body.rakion-eternal.silkroad-reskin.portal-refined {
    --rp-micro-ease: cubic-bezier(.16,1,.3,1);
    --rp-micro-speed: 220ms;
}
body.rakion-eternal.silkroad-reskin.portal-refined ::selection { background: #c4a36b; color: #0d1013; }
body.rakion-eternal.silkroad-reskin.portal-refined :is(input,textarea) { caret-color: #e7c88f; }
body.rakion-eternal.silkroad-reskin.portal-refined .rp-metal {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: border-color 180ms, color 180ms, background-color 180ms, box-shadow 220ms;
}
body.rakion-eternal.silkroad-reskin.portal-refined .rp-metal::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: -60%;
    left: -70%;
    width: 50%;
    height: 220%;
    background: linear-gradient(90deg, transparent, rgba(255,239,198,.08) 30%, rgba(255,244,212,.38) 50%, rgba(255,239,198,.08) 70%, transparent);
    opacity: 0;
    transform: translateX(0) skewX(-22deg);
    pointer-events: none;
}
body.rakion-eternal.silkroad-reskin.portal-refined .rp-metal.is-metal-playing::after {
    animation: rp-forged-light 680ms var(--rp-micro-ease) both;
}
@keyframes rp-forged-light {
    0% { opacity: 0; transform: translateX(0) skewX(-22deg); }
    18% { opacity: 1; }
    76% { opacity: .8; }
    100% { opacity: 0; transform: translateX(390%) skewX(-22deg); }
}
body.rakion-eternal.silkroad-reskin.portal-refined .rp-metal:disabled::after { display: none; }
body.rakion-eternal.silkroad-reskin.portal-refined .rp-metal:is(:hover,:focus-visible):not(:disabled) {
    border-color: #ddbd84;
    box-shadow: inset 0 1px 0 rgba(255,237,198,.23), 0 5px 15px rgba(0,0,0,.18);
}
body.rakion-eternal.silkroad-reskin.portal-refined :is(.home-hero-link,.ac-text-link,.rp-footer-community,.home-panel-link,.home-community) .fa-arrow-right {
    transition: transform 220ms var(--rp-micro-ease);
}
body.rakion-eternal.silkroad-reskin.portal-refined :is(.home-hero-link,.ac-text-link,.rp-footer-community,.home-panel-link,.home-community):is(:hover,:focus-visible) .fa-arrow-right { transform: translateX(4px); }
body.rakion-eternal.silkroad-reskin.portal-refined .home-download > i:first-child { transition: transform 260ms var(--rp-micro-ease); }
body.rakion-eternal.silkroad-reskin.portal-refined .home-download:is(:hover,:focus-visible) > i:first-child { transform: translateY(3px); }
body.rakion-eternal.silkroad-reskin.portal-refined :is(.ac-action,.ac-character,.rp-news-card,.cash-package) {
    transition: border-color 220ms, background-color 220ms;
}
body.rakion-eternal.silkroad-reskin.portal-refined :is(.ac-action,.ac-character,.rp-news-card,.cash-package):is(:hover,:focus-within) { border-color: rgba(221,189,132,.6); }
body.rakion-eternal.silkroad-reskin.portal-refined :is(.ac-action,.ac-character) > i:last-child { transition: transform 220ms var(--rp-micro-ease), color 180ms; }
body.rakion-eternal.silkroad-reskin.portal-refined :is(.ac-action,.ac-character):is(:hover,:focus-visible) > i:last-child { transform: translateX(3px); color: #e7c88f; }
body.rakion-eternal.silkroad-reskin.portal-refined .rp-news-card { overflow: hidden; }
body.rakion-eternal.silkroad-reskin.portal-refined .rp-news-card > img { transition: filter 300ms; }
body.rakion-eternal.silkroad-reskin.portal-refined .rp-news-card:is(:hover,:focus-within) > img { filter: brightness(1.08); }
body.rakion-eternal.silkroad-reskin.portal-refined .rp-logo img { transition: filter 280ms; }
body.rakion-eternal.silkroad-reskin.portal-refined .rp-logo:is(:hover,:focus-visible) img { filter: brightness(1.18); }
body.rakion-eternal.silkroad-reskin.portal-refined .rp-main-menu > a::after { transition: transform 240ms var(--rp-micro-ease), opacity 180ms; transform-origin: center; }
body.rakion-eternal.silkroad-reskin.portal-refined .rp-main-menu > a:not(.is-active)::after { transform: scaleX(.25); opacity: 0; }
body.rakion-eternal.silkroad-reskin.portal-refined .rp-main-menu > a:is(:hover,:focus-visible)::after { transform: scaleX(1); opacity: 1; }
body.rakion-eternal.silkroad-reskin.portal-refined :is(.home-ranking-list li,.rk-table tbody tr,.ac-ledger [role="listitem"]) { transition: background-color 180ms; }
body.rakion-eternal.silkroad-reskin.portal-refined :is(.home-ranking-list li,.rk-table tbody tr,.ac-ledger [role="listitem"]):hover { background-color: rgba(196,163,107,.05); }

/* Six small embers, clipped to artwork; never intercept controls or enter the reading column. */
body.rakion-eternal.silkroad-reskin.portal-refined .rp-spark-field {
    position: absolute;
    inset: 0 0 76px;
    z-index: 2;
    overflow: hidden;
    pointer-events: none;
    contain: strict;
}
body.rakion-eternal.silkroad-reskin.portal-refined .rp-spark-field::before {
    content: "";
    position: absolute;
    top: 0;
    left: -25%;
    width: 25%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #d4b77f, #fff0ca, #d4b77f, transparent);
    animation: rp-arena-rim 9s ease-in-out infinite;
    animation-play-state: paused;
}
body.rakion-eternal.silkroad-reskin.portal-refined .rp-spark-field.is-running::before { animation-play-state: running; }
@keyframes rp-arena-rim {
    0%, 18% { transform: translateX(0); opacity: 0; }
    30%, 58% { opacity: .8; }
    72%, 100% { transform: translateX(500%); opacity: 0; }
}
body.rakion-eternal.silkroad-reskin.portal-refined .rp-spark {
    position: absolute;
    left: var(--spark-x);
    top: var(--spark-y);
    width: var(--spark-size,3px);
    height: var(--spark-size,3px);
    border-radius: 50%;
    background: #f0cd8b;
    opacity: 0;
    box-shadow: 0 1px 7px rgba(246,195,103,.65);
    animation: rp-arena-ember var(--spark-time,7s) ease-in-out var(--spark-delay,0s) infinite;
    animation-play-state: paused;
}
body.rakion-eternal.silkroad-reskin.portal-refined .rp-spark:nth-child(3n)::after {
    content: "";
    position: absolute;
    inset: -4px;
    background: linear-gradient(90deg,transparent 43%,#f8dfa5 50%,transparent 57%), linear-gradient(transparent 43%,#f8dfa5 50%,transparent 57%);
}
body.rakion-eternal.silkroad-reskin.portal-refined .rp-spark-field.is-running .rp-spark { animation-play-state: running; }
@keyframes rp-arena-ember {
    0%, 100% { opacity: 0; transform: translate3d(0,12px,0) scale(.4); }
    24% { opacity: .75; }
    54% { opacity: .38; }
    82% { opacity: 0; transform: translate3d(var(--spark-drift,12px),-64px,0) scale(.85); }
}
body.rakion-eternal.silkroad-reskin.portal-refined dialog[open] { animation: rp-dialog-arrive 260ms var(--rp-micro-ease); }
body.rakion-eternal.silkroad-reskin.portal-refined dialog[open]::backdrop { animation: rp-backdrop-arrive 180ms ease-out; }
body.rakion-eternal.silkroad-reskin.portal-refined .rp-account-menu[open] .rp-account-popover { animation: rp-popover-arrive 190ms var(--rp-micro-ease); }
@keyframes rp-dialog-arrive { from { opacity: .7; transform: translateY(8px) scale(.99); } to { opacity: 1; transform: none; } }
@keyframes rp-backdrop-arrive { from { opacity: 0; } to { opacity: 1; } }
@keyframes rp-popover-arrive { from { opacity: .6; transform: translateY(-5px); } to { opacity: 1; transform: none; } }
@media (max-width: 640px) {
    body.rakion-eternal.silkroad-reskin.portal-refined .rp-spark-field { bottom: 104px; opacity: .75; }
    body.rakion-eternal.silkroad-reskin.portal-refined .rp-spark:nth-child(n+5) { display: none; }
}
html.rp-motion-suspended body.portal-refined .rp-spark,
html.rp-motion-suspended body.portal-refined .rp-metal::after { animation-play-state: paused !important; }