/* The same painted bronze and emerald artwork used by the game client. */
.athena-public :is(.realm-statistics,.news-card,.champion,.login-card,.card,.panel,.shop-product,.wiki-card,.product,.access-card,.system-card,.empty){
 position:relative;isolation:isolate;border:1px solid #776136;border-radius:8px;
 background:radial-gradient(ellipse at 30% 0,#234638,#0a2019 75%);box-shadow:0 9px 24px #0007;
}
.athena-public :is(.realm-statistics,.news-card,.champion,.login-card,.card,.panel,.shop-product,.wiki-card,.product,.access-card,.system-card,.empty)::after{
 content:"";position:absolute;inset:-9px;z-index:2;pointer-events:none;
 border:26px solid transparent;border-image:url('/assets/imperial/game-square.png') 425 / 26px / 0 stretch;
}
.athena-public :is(.realm-login,.realm-heading>a,.button,button[type=submit],.realm-hero-actions>a){
 background:transparent url('/assets/imperial/game-button.png') center 41%/100% 184% no-repeat;
 color:#f6e6bd;border:0;clip-path:none;border-radius:0;text-shadow:0 1px 2px #000;
 box-shadow:none;box-sizing:border-box;min-height:44px;padding:10px 24px;
 display:inline-flex;align-items:center;justify-content:center;
}
.athena-public :is(.realm-login,.realm-heading>a,.button,button[type=submit],.realm-hero-actions>a):hover{
 filter:brightness(1.24);color:#fff4d3;
}
.athena-public :is(a,button):focus-visible{outline:2px solid #f5db8f;outline-offset:4px}
.athena-public .realm-hero-actions>a{padding:16px 28px;min-height:104px}
.realm-hero-art{object-position:center 32%}
.realm-brand img{border-radius:50%}
.login-scene{background-image:linear-gradient(90deg,#082a1bea,#0b261bd9),url('/assets/athena-metin2-hero.webp')}
@media(max-width:600px){
 .athena-public :is(.realm-statistics,.news-card,.champion,.login-card,.card,.panel,.shop-product,.wiki-card,.product,.access-card,.system-card,.empty)::after{border-image-width:20px;inset:-7px}
 .athena-public .realm-hero-actions>a{padding:14px 16px;min-height:104px}
 .realm-hero-art{object-position:21% top}
 .athena-public .realm-login{padding:10px 16px}
 .athena-public .realm-heading>a{padding:10px 16px}
}