.premium-store-loading { position: absolute; inset: 0; z-index: 1; display: grid; place-items: center; background: #fff; pointer-events: none; }
.premium-rune-emblem { position: relative; width: clamp(168px, 18vw, 208px); aspect-ratio: 1; color: #c6a579; }
.premium-rune-emblem svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; transform-origin: 50% 50%; transform-box: view-box; }
.premium-rune-outer { animation: premium-rune-clockwise 14s linear infinite; stroke-width: 1.1; }
.premium-rune-inner { animation: premium-rune-counterclockwise 10s linear infinite; stroke-width: 1.15; opacity: .82; }
.premium-rune-core { stroke-width: 1; }
.premium-rune-stars { stroke: #d8bb97 !important; stroke-width: 1.1; opacity: .7; }
.premium-rune-emblem .fine { stroke-width: .55; opacity: .65; }
.premium-rune-emblem .solid { fill: currentColor; stroke: none; }
.premium-rune-emblem .soft { opacity: .4; }
.premium-rune-emblem::before { content: ''; position: absolute; inset: 24%; border-radius: 50%; background: radial-gradient(circle, #e8cf9e16, transparent 72%); }
.premium-store-loading-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@keyframes premium-rune-clockwise { to { transform: rotate(360deg); } }
@keyframes premium-rune-counterclockwise { to { transform: rotate(-360deg); } }
@media (prefers-reduced-motion: reduce) { .premium-rune-outer, .premium-rune-inner { animation: none; } }
@media (max-height: 430px) { .premium-rune-emblem { width: 140px; } }

/* The game's rune artwork, presented as a one-second website page transition. */
.premium-store-loading{position:fixed;z-index:10000;display:none;pointer-events:auto}
html.page-loading .premium-store-loading{display:grid}
html.page-loading body{overflow:hidden}
html.page-loading body > :not(.premium-store-loading){visibility:hidden}