/* Aetherion2 visual layer — keeps the existing PHP/CMS pages intact. */
:root { --a-red: #e23b3b; --a-gold: #e9b956; --a-ink: #100a10; --a-panel: rgba(22, 14, 21, .92); }
html { background: #100a10; }
body.aetherion { margin: 0 !important; background: radial-gradient(circle at 50% 8%, #3b1018 0, #100a10 42rem, #090708 100%); color: #ded6d4; font-family: Roboto, Arial, sans-serif; overflow-x: hidden; padding-top: 0 !important; }
.aetherion .leaves-2, .aetherion .leaves-3, .aetherion .leaves-4, .aetherion .leaves-5 { display: none; }
.aetherion #page-loader { display: none !important; }
.aetherion .top-panel { position: absolute !important; inset: 0 0 auto 0 !important; z-index: 30; height: auto; min-height: 68px; background: linear-gradient(180deg, rgba(7,4,7,.96), rgba(13,7,10,.78)); border-bottom: 1px solid rgba(233,185,86,.42); box-shadow: 0 8px 32px rgba(0,0,0,.48); backdrop-filter: blur(13px); }
.aetherion .top-panel-container { width: min(1180px, calc(100% - 36px)); margin: auto; }
.aetherion .top-panel .menu { display: flex; justify-content: center; align-items: center; gap: clamp(4px, 2vw, 26px); flex-wrap: wrap; min-height: 68px; margin: 0; padding: 0; list-style: none; }
.aetherion .top-panel .menu > li { float: none; }
.aetherion .top-panel .menu > li > a { position: relative; color: #f5e6ce; font-size: 12px; font-weight: 700; letter-spacing: .13em; padding: 25px 8px; text-transform: uppercase; text-shadow: 0 2px 8px #000; transition: color .22s ease, text-shadow .22s ease, transform .22s ease; }
.aetherion .top-panel .menu > li > a:hover, .aetherion .top-panel .menu > li > a:focus { color: #fff1b8; background: transparent; text-shadow: 0 0 7px #fff, 0 0 18px var(--a-gold), 0 0 32px rgba(226,59,59,.65); transform: translateY(-2px); }
.aetherion .top-panel .menu .aetherion-language { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; display: flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; width: auto !important; height: auto !important; }
.aetherion .top-panel .menu .aetherion-language a { position: static !important; float: none !important; display: inline-flex !important; align-items: center; gap: 5px; width: auto !important; height: 30px !important; margin: 0 !important; padding: 5px 7px !important; border: 1px solid rgba(233,185,86,.16); background: rgba(0,0,0,.32); color: #a99d98; font-size: 9px; line-height: 1 !important; letter-spacing: .06em; }
.aetherion .top-panel .menu .aetherion-language .flag-icon { width: 18px; height: 12px; box-shadow: 0 0 8px rgba(0,0,0,.75); }
.aetherion .top-panel .menu .aetherion-language a.is-active, .aetherion .top-panel .menu .aetherion-language a:hover { color: #fff3c6; border-color: var(--a-gold); box-shadow: 0 0 15px rgba(233,185,86,.2); }
.aetherion .aetherion-hero { position: relative; isolation: isolate; min-height: clamp(520px, 48vw, 720px); display: grid; place-items: center; overflow: hidden; background: url('../images/newbanner.png') center center / cover no-repeat; border-bottom: 1px solid rgba(233,185,86,.24); }
.aetherion .aetherion-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(8,4,7,.78) 0%, rgba(20,5,8,.16) 47%, rgba(8,4,7,.7) 100%), linear-gradient(0deg, rgba(10,6,9,.88), transparent 45%); }
.aetherion-hero__shade { position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 50% 32%, transparent 0 19%, rgba(34,6,8,.26) 55%, rgba(8,4,7,.8) 100%); }
.aetherion-hero__content { width: min(740px, calc(100% - 42px)); margin-top: 9rem; text-align: center; text-shadow: 0 4px 18px #000; }
.aetherion-hero__eyebrow { display: block; color: var(--a-gold); font-size: 11px; font-weight: 800; letter-spacing: .45em; margin-bottom: 12px; }
.aetherion-hero h1 { margin: 0; color: #fff1cd; font-family: Georgia, serif; font-size: clamp(54px, 9vw, 132px); font-weight: 800; letter-spacing: -.06em; line-height: .88; text-transform: uppercase; }
.aetherion-hero h1 span { color: var(--a-red); text-shadow: 0 0 26px rgba(226,59,59,.72); }
.aetherion-hero p { margin: 25px auto 32px; color: #f6e8dc; font-size: clamp(14px, 1.8vw, 19px); letter-spacing: .05em; max-width: 560px; }
.aetherion-hero__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.aetherion-button { display: inline-flex; align-items: center; justify-content: center; min-width: 175px; padding: 14px 20px; border: 1px solid transparent; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; transition: transform .2s, box-shadow .2s, background .2s; }
.aetherion-button:hover { color: #fff; text-decoration: none; transform: translateY(-3px); }
.aetherion-button--primary { background: linear-gradient(135deg, #c82f34, #861820); box-shadow: 0 8px 25px rgba(191,35,43,.42); color: #fff; }
.aetherion-button--primary:hover { background: linear-gradient(135deg, #e54549, #a51d28); box-shadow: 0 10px 34px rgba(226,59,59,.58); }
.aetherion-button--ghost { border-color: rgba(233,185,86,.72); background: rgba(18,9,12,.4); color: #f4d696; }
.aetherion-button--ghost:hover { background: rgba(233,185,86,.14); }
.aetherion-hero__scroll { bottom: 20px; color: rgba(255,236,204,.72); font-size: 9px; font-weight: 700; left: 50%; letter-spacing: .24em; position: absolute; transform: translateX(-50%); white-space: nowrap; }
.aetherion-hero__scroll i { display: block; width: 1px; height: 22px; background: var(--a-gold); margin: 8px auto 0; animation: aetherionPulse 1.8s ease-in-out infinite; }
.aetherion #content { position: relative; z-index: 2; padding: 52px 0 75px; background: linear-gradient(180deg, transparent, rgba(0,0,0,.24)); }
.aetherion #content .container { min-width: 0 !important; width: min(1180px, calc(100% - 36px)); }
.aetherion #content .content-area, .aetherion #content .sidebar > div { background: var(--a-panel); border: 1px solid rgba(233,185,86,.18); box-shadow: 0 16px 38px rgba(0,0,0,.24); }
.aetherion #content .sidebar-title-login, .aetherion .title, .aetherion .title-news { color: #f3cc7b; border-color: rgba(233,185,86,.27); }
.aetherion #content a { color: #f0c76c; }
.aetherion-register { position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr); gap: clamp(30px, 6vw, 94px); max-width: 1080px; margin: 0 auto; padding: clamp(32px, 5vw, 76px); overflow: hidden; border: 1px solid rgba(233,185,86,.22); background: linear-gradient(125deg, rgba(36,12,18,.94), rgba(10,8,12,.96)); box-shadow: 0 22px 55px rgba(0,0,0,.38); }
.aetherion-register::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(226,59,59,.08), transparent 45%), radial-gradient(circle at 78% 10%, rgba(233,185,86,.11), transparent 30%); }
.aetherion-register__backdrop { position: absolute; inset: 0; opacity: .14; background: url('../images/newbanner.png') center / cover; filter: saturate(.65); }
.aetherion-register__intro, .aetherion-register__card { position: relative; z-index: 1; }
.aetherion-register__intro { align-self: center; }
.aetherion-register__eyebrow, .aetherion-register__card-head small { color: var(--a-gold); font-size: 10px; font-weight: 800; letter-spacing: .28em; }
.aetherion-register h1 { margin: 14px 0 18px; color: #fff2d3; font-family: Georgia, serif; font-size: clamp(42px, 5vw, 68px); line-height: .95; text-transform: uppercase; }
.aetherion-register__intro > p { max-width: 490px; color: #e6d4d0; font-size: 16px; line-height: 1.7; }
.aetherion-register__benefits { margin: 31px 0 0; padding: 0; list-style: none; }
.aetherion-register__benefits li { display: flex; align-items: flex-start; gap: 12px; margin: 13px 0; color: #f2dfb3; line-height: 1.45; }
.aetherion-register__benefits i { color: var(--a-red); margin-top: 3px; }
.aetherion-register__card { padding: clamp(24px, 3vw, 36px); border: 1px solid rgba(233,185,86,.3); background: rgba(9,7,10,.79); box-shadow: 0 12px 42px rgba(0,0,0,.36); }
.aetherion-register__card-head { display: flex; align-items: center; gap: 13px; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid rgba(233,185,86,.18); }
.aetherion-register__card-head h2 { margin: 4px 0 0; color: #fff0cd; font-family: Georgia, serif; font-size: 29px; text-transform: uppercase; }
.aetherion-register__rune { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid var(--a-gold); color: var(--a-gold); font-family: Georgia, serif; font-weight: bold; font-size: 18px; transform: rotate(45deg); }
.aetherion-register__rune::first-letter { color: #fff2ce; }
.aetherion-form label { display: block; margin: 14px 0 7px; color: #d7c4a2; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.aetherion-form .input-nou { display: block; width: 100%; height: 47px; padding: 0 14px; border: 1px solid rgba(233,185,86,.2); border-radius: 0; outline: 0; background: rgba(255,255,255,.055); color: #fff3da; box-shadow: none; transition: border-color .2s, background .2s; }
.aetherion-form .input-nou:focus { border-color: var(--a-gold); background: rgba(233,185,86,.07); }
.aetherion-form__hint { margin: 8px 0 0; color: #9e928e; font-size: 11px; line-height: 1.35; }
.aetherion-password-rules { display: flex; gap: 5px; flex-wrap: wrap; margin: 10px 0 0; padding: 0; list-style: none; }
.aetherion-password-rules li { padding: 3px 7px; border: 1px solid rgba(255,255,255,.1); color: #a59a94; font-size: 9px; }
.aetherion-password-rules li.valid { border-color: rgba(95,190,100,.65); color: #8ee594; }
.aetherion-form .text-danger { min-height: 0; margin: 3px 0 0; font-size: 11px; }
.aetherion-form__submit { width: 100%; margin-top: 26px; }
.aetherion-form__login { margin: 18px 0 0; color: #a99b97; font-size: 12px; text-align: center; }
.aetherion-form__notice { display: flex; align-items: center; gap: 10px; padding: 14px; border: 1px solid rgba(226,59,59,.36); color: #f0c8bd; }
@media (max-width: 850px) { .aetherion-register { grid-template-columns: 1fr; padding: 30px 22px; }.aetherion-register__intro { text-align: center; }.aetherion-register__benefits { text-align: left; }.aetherion .top-panel .menu .aetherion-language { order: 5; margin-left: 0; padding-left: 0; border-left: 0; } }
.aetherion #footer { position: relative; z-index: 2; background: #090608; border-top: 1px solid rgba(233,185,86,.22); }
.aetherion-vfx { pointer-events: none; position: fixed; z-index: 40; inset: 0; overflow: hidden; mix-blend-mode: screen; }
.aetherion-vfx::before, .aetherion-vfx::after { content: ''; position: absolute; top: 8%; width: 2px; height: 72%; opacity: .4; filter: blur(1px); background: linear-gradient(transparent, rgba(255,205,91,.9), rgba(226,59,59,.65), transparent); box-shadow: 0 0 24px 6px rgba(233,132,62,.22); animation: edgePulse 4.5s ease-in-out infinite alternate; }
.aetherion-vfx::before { left: 1.2vw; }.aetherion-vfx::after { right: 1.2vw; animation-delay: -2.3s; }
.aetherion-vfx span { position: absolute; width: var(--size, 10px); height: var(--size, 10px); border-radius: 50%; background: radial-gradient(circle, #fff 0 5%, #fff1a0 18%, #e9b956 36%, rgba(220,71,52,.55) 52%, transparent 72%); opacity: .78; box-shadow: 0 0 19px 6px rgba(233,130,55,.48), 0 0 42px rgba(226,59,59,.28); animation: aetherionFloat var(--duration, 12s) ease-in-out infinite alternate; }
.aetherion-pointer-spark { pointer-events: none; position: fixed; z-index: 45; width: 8px; height: 8px; border-radius: 50%; background: #fff4b2; box-shadow: 0 0 10px #fff, 0 0 22px #efb852, 0 0 38px #dd393c; animation: pointerSpark .8s ease-out forwards; }
.aetherion-vfx span:nth-child(1) { --size: 7px; --duration: 13s; left: 2vw; top: 22vh; }.aetherion-vfx span:nth-child(2) { --size: 13px; --duration: 17s; right: 3vw; top: 48vh; }.aetherion-vfx span:nth-child(3) { --size: 5px; --duration: 10s; left: 7vw; bottom: 14vh; }.aetherion-vfx span:nth-child(4) { --size: 10px; --duration: 15s; right: 8vw; bottom: 23vh; }.aetherion-vfx span:nth-child(5) { --size: 6px; --duration: 11s; left: 18vw; top: 8vh; }.aetherion-vfx span:nth-child(6) { --size: 11px; --duration: 19s; right: 18vw; top: 19vh; }.aetherion-vfx span:nth-child(7) { --size: 4px; --duration: 14s; right: 28vw; bottom: 6vh; }.aetherion-vfx span:nth-child(8) { --size: 8px; --duration: 16s; left: 1vw; top: 61vh; }.aetherion-vfx span:nth-child(9) { --size: 5px; --duration: 12s; right: 1vw; top: 30vh; }.aetherion-vfx span:nth-child(10) { --size: 14px; --duration: 20s; left: 4vw; bottom: 32vh; }.aetherion-vfx span:nth-child(11) { --size: 6px; --duration: 11s; right: 6vw; bottom: 8vh; }.aetherion-vfx span:nth-child(12) { --size: 9px; --duration: 18s; left: 12vw; bottom: 5vh; }.aetherion-vfx span:nth-child(13) { --size: 5px; --duration: 13s; right: 13vw; top: 7vh; }.aetherion-vfx span:nth-child(14) { --size: 12px; --duration: 22s; left: 2vw; top: 78vh; }.aetherion-vfx span:nth-child(15) { --size: 7px; --duration: 15s; right: 2vw; top: 74vh; }
@keyframes aetherionFloat { from { transform: translate3d(0, 0, 0) scale(.75); opacity: .18; } to { transform: translate3d(45px, -85px, 0) scale(1.35); opacity: .72; } }
@keyframes aetherionPulse { 50% { opacity: .2; transform: translateY(8px); } }
@keyframes edgePulse { from { transform: translateY(-3%); opacity: .16; } to { transform: translateY(6%); opacity: .58; } }
@keyframes pointerSpark { to { transform: translate3d(var(--drift-x), var(--drift-y), 0) scale(.05); opacity: 0; } }
.aetherion-rune-burst { pointer-events: none; position: fixed; z-index: 45; width: 46px; height: 46px; margin: -23px 0 0 -23px; border-radius: 50%; border: 1.5px solid rgba(233,185,86,.85); box-shadow: 0 0 0 1px rgba(226,59,59,.35) inset, 0 0 18px rgba(233,185,86,.55), 0 0 34px rgba(226,59,59,.3); animation: aetherionRuneBurst .65s cubic-bezier(.2,.8,.3,1) forwards; }
.aetherion-rune-shard { pointer-events: none; position: fixed; z-index: 45; width: 5px; height: 5px; margin: -2.5px 0 0 -2.5px; border-radius: 50%; background: radial-gradient(circle, #fff 0 20%, #ffce7a 45%, #e2423b 75%, transparent 90%); box-shadow: 0 0 8px rgba(233,185,86,.7); animation: aetherionRuneShard .6s ease-out forwards; }
@keyframes aetherionRuneBurst { 0% { transform: scale(.25); opacity: 0; } 30% { opacity: 1; } 100% { transform: scale(1.65); opacity: 0; } }
@keyframes aetherionRuneShard { 0% { transform: translate3d(0,0,0) scale(1); opacity: 1; } 100% { transform: translate3d(var(--shard-x), var(--shard-y), 0) scale(.15); opacity: 0; } }
@media (max-width: 1120px) { .aetherion .top-panel .menu { padding-right: 175px; }.aetherion .top-panel .menu .aetherion-language b { display: none; } }
@media (max-width: 991px) { .aetherion #content .row { display: block; }.aetherion #content .col-xs-9, .aetherion #content .col-xs-3 { float: none; width: 100%; margin: 0 !important; }.aetherion #content .sidebar { margin-top: 24px; } }
@media (max-width: 767px) { .aetherion .top-panel { position: relative !important; }.aetherion .top-panel .menu { gap: 0 12px; padding: 7px 0 48px; }.aetherion .top-panel .menu > li > a { padding: 9px 2px; font-size: 9px; }.aetherion .top-panel .menu .aetherion-language { top: auto !important; bottom: 7px !important; right: 50% !important; transform: translateX(50%) !important; }.aetherion .aetherion-hero { min-height: 470px; background-position: 52% center; }.aetherion-hero__content { margin-top: 2rem; }.aetherion-vfx span:nth-child(n+10) { display: none; } }
.aetherion .aetherion-class-icon { width: 72px !important; height: 72px !important; object-fit: cover; object-position: center top; border-radius: 50%; border: 2px solid rgba(233,185,86,.76); box-shadow: 0 0 0 4px rgba(10,7,10,.8), 0 0 22px rgba(233,185,86,.23); }
.aetherion .forum-ava .aetherion-class-icon { width: 54px !important; height: 54px !important; }
.aetherion .aetherion-rank-cup { width: 54px; height: 54px; object-fit: contain; filter: drop-shadow(0 6px 10px rgba(0,0,0,.55)); }
.aetherion-journey { position: relative; overflow: hidden; padding: 42px 46px; border: 1px solid rgba(233,185,86,.3); background: linear-gradient(135deg, rgba(32,8,14,.96), rgba(8,13,10,.96)); box-shadow: inset 0 0 0 1px rgba(226,59,59,.08), 0 20px 42px rgba(0,0,0,.24); }
.aetherion-journey::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .15; background: url('../images/newbanner.png') center / cover; filter: saturate(.7); }
.aetherion-journey > * { position: relative; z-index: 1; }
.aetherion-journey__eyebrow { color: var(--a-gold); font-size: 10px; font-weight: 800; letter-spacing: .26em; }
.aetherion-journey h2 { margin: 10px 0 17px; color: #fff0cd; font-family: Georgia, serif; font-size: clamp(30px, 4vw, 48px); line-height: 1; text-transform: uppercase; }
.aetherion-journey p { max-width: 790px; color: #dfd1ca; font-size: 15px; line-height: 1.75; }
.aetherion-journey__lead { color: #fff1d3 !important; font-size: 18px !important; font-weight: 600; }
.aetherion-journey__classes { display: flex; flex-wrap: wrap; gap: 8px; margin: 23px 0; }
.aetherion-journey__classes span { padding: 7px 10px; border: 1px solid rgba(233,185,86,.34); background: rgba(0,0,0,.24); color: #f6d685; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.aetherion-journey__features { color: #e8bd65 !important; font-size: 12px !important; font-weight: 700; letter-spacing: .04em; }
.aetherion-journey__closing { color: #fff0d1 !important; font-weight: 700; }
.aetherion-journey__social { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.aetherion-journey__social a { padding: 10px 14px; border: 1px solid rgba(233,185,86,.38); background: rgba(0,0,0,.28); color: #fff0cd; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.aetherion-journey__social a:hover { border-color: var(--a-gold); box-shadow: 0 0 19px rgba(233,185,86,.17); text-decoration: none; }
.aetherion-forum #page_content { padding: 28px; background: rgba(13,9,13,.87); border: 1px solid rgba(233,185,86,.24); }
.aetherion-forum__composer, .aetherion-forum__post, .aetherion-forum__notice { margin: 0 0 18px; padding: 22px; border: 1px solid rgba(233,185,86,.22); background: linear-gradient(135deg, rgba(35,10,16,.74), rgba(9,14,11,.8)); }
.aetherion-forum__composer h3, .aetherion-forum__post h2 { margin: 0 0 16px; color: #fff0ce; font-family: Georgia, serif; }
.aetherion-forum__composer input, .aetherion-forum__composer textarea { display: block; width: 100%; margin: 11px 0; padding: 12px; border: 1px solid rgba(233,185,86,.24); background: rgba(0,0,0,.35); color: #fff0ce; outline: none; }
.aetherion-forum__composer textarea { min-height: 150px; resize: vertical; }
.aetherion-forum__composer small { display: block; margin-top: 12px; color: #b9a596; }
.aetherion-forum__topics { border-top: 1px solid rgba(233,185,86,.2); }
.aetherion-forum__topic { display: flex; justify-content: space-between; gap: 16px; padding: 18px; border-bottom: 1px solid rgba(233,185,86,.16); color: #f3d17c; transition: background .2s, padding-left .2s; }
.aetherion-forum__topic:hover { padding-left: 25px; background: rgba(233,185,86,.07); text-decoration: none; }
.aetherion-forum__topic small, .aetherion-forum__post small { color: #a89b94; }
.aetherion-forum__topic em { display: inline-block; margin-left: 8px; padding: 3px 6px; border: 1px solid rgba(226,59,59,.46); color: #f19c8f; font-size: 9px; font-style: normal; letter-spacing: .08em; text-transform: uppercase; }
.aetherion-forum__post p { margin: 18px 0 0; color: #e1d3ca; line-height: 1.65; white-space: normal; }
.aetherion-forum__post--reply { margin-left: 38px; border-left: 3px solid rgba(226,59,59,.54); }
.aetherion-forum__back { display: inline-block; margin-bottom: 18px; }
.aetherion-forum__moderate { display: flex; gap: 8px; margin-top: 16px; }
.aetherion-forum__moderate button { border: 1px solid rgba(233,185,86,.34); background: rgba(0,0,0,.32); color: #f3d17c; padding: 7px 11px; font-size: 11px; cursor: pointer; }
.aetherion-forum__moderate button.aetherion-button--danger { border-color: rgba(200,47,52,.55); color: #ff9d9d; }
.aetherion-forum__moderate button.aetherion-button--danger:hover { background: rgba(200,47,52,.24); }
@media (max-width: 767px) { .aetherion-journey { padding: 30px 24px; }.aetherion-forum #page_content { padding: 17px; }.aetherion-forum__topic { display: block; }.aetherion-forum__topic small { display: block; margin-top: 6px; }.aetherion-forum__post--reply { margin-left: 14px; } }

/* v7: Lycan hero, custom cursor, compact header, world chat and music. */
body.aetherion { cursor: url('../images/aetherion-cursor.png') 3 3, auto; }
body.aetherion a, body.aetherion button, body.aetherion [role="button"], body.aetherion label { cursor: url('../images/aetherion-cursor.png') 3 3, pointer; }
.aetherion .aetherion-hero { min-height: clamp(410px, 34vw, 570px); background-image: url('../images/newbanner.jpg'); background-position: center center; }
.aetherion-hero__content { margin-top: 4.75rem; }
.aetherion-register__backdrop, .aetherion-journey::before { background-image: url('../images/newbanner.jpg'); }
.aetherion-music-toggle { position: fixed; z-index: 60; right: 22px; bottom: 22px; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(233,185,86,.65); border-radius: 50%; background: rgba(12,7,11,.86); color: #f2cb73; box-shadow: 0 0 0 4px rgba(0,0,0,.22), 0 0 24px rgba(226,59,59,.25); transition: transform .2s, box-shadow .2s; }
.aetherion-music-toggle:hover { transform: translateY(-3px) scale(1.04); box-shadow: 0 0 0 4px rgba(0,0,0,.22), 0 0 30px rgba(233,185,86,.42); }
.aetherion-chat { margin: 28px 0 34px; border: 1px solid rgba(233,185,86,.31); background: linear-gradient(135deg, rgba(31,9,15,.94), rgba(8,14,11,.96)); box-shadow: 0 20px 42px rgba(0,0,0,.24); }
.aetherion-chat__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 19px; border-bottom: 1px solid rgba(233,185,86,.18); background: rgba(0,0,0,.22); }
.aetherion-chat__head > div { display: flex; align-items: center; gap: 10px; }.aetherion-chat__head h3 { margin: 0; color: #fff0cd; font-family: Georgia, serif; font-size: 20px; text-transform: uppercase; }.aetherion-chat__head small { color: #b3a098; font-size: 10px; }
.aetherion-chat__orb { width: 9px; height: 9px; border-radius: 50%; background: #f5e895; box-shadow: 0 0 8px #fff, 0 0 17px #e9b956, 0 0 28px #dc393d; animation: aetherionPulse 1.7s ease-in-out infinite; }
.aetherion-chat__messages { height: 166px; min-height: 130px; max-height: 480px; padding: 8px 17px; overflow: auto; resize: vertical; background: linear-gradient(90deg, rgba(226,59,59,.04), transparent 18%, transparent 82%, rgba(233,185,86,.05)); }
.aetherion-chat__messages:empty::before { content: '...'; display: block; padding: 17px 0; color: #9b8e89; letter-spacing: .2em; }
.aetherion-chat__message { display: grid; grid-template-columns: minmax(78px, auto) 1fr auto; gap: 9px; align-items: baseline; padding: 7px 0; border-bottom: 1px solid rgba(233,185,86,.09); color: #d8cbc4; font-size: 12px; line-height: 1.35; }
.aetherion-chat__message b { color: #f0c96c; }.aetherion-chat__message span { overflow-wrap: anywhere; }.aetherion-chat__message time { color: #8f817b; font-size: 9px; }
.aetherion-chat__form { display: grid; grid-template-columns: 1fr auto; gap: 9px; padding: 13px; border-top: 1px solid rgba(233,185,86,.15); }.aetherion-chat__form input { min-width: 0; padding: 12px 14px; border: 1px solid rgba(233,185,86,.24); outline: none; background: rgba(0,0,0,.3); color: #fff1d2; }.aetherion-chat__form input:focus { border-color: var(--a-gold); box-shadow: 0 0 18px rgba(233,185,86,.1); }
.aetherion-chat__form button { min-width: 96px; border: 1px solid rgba(226,59,59,.56); background: linear-gradient(135deg, #bd2932, #7e1720); color: #fff1d3; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.aetherion-chat__login { margin: 0; padding: 17px; color: #baaaa1; font-size: 12px; }
@media (max-width: 767px) { .aetherion .aetherion-hero { min-height: 420px; background-position: 54% center; }.aetherion-hero__content { margin-top: 3rem; }.aetherion-chat__head { align-items: flex-start; flex-direction: column; gap: 5px; }.aetherion-chat__form { grid-template-columns: 1fr; }.aetherion-chat__form button { min-height: 42px; }.aetherion-music-toggle { right: 14px; bottom: 14px; } }

/* v8: the navigation no longer overlays the thin Lycan banner. */
.aetherion .top-panel { position: relative !important; min-height: 62px; }
.aetherion .top-panel .menu { min-height: 62px; }
.aetherion .top-panel .menu > li > a { padding-top: 22px; padding-bottom: 22px; }
.aetherion .aetherion-hero { min-height: clamp(360px, 27vw, 530px); background-image: url('../images/newbanner-v8.jpg'); background-position: center center; }
.aetherion-hero__content { margin-top: 0; padding-top: 34px; }
.aetherion-register__backdrop, .aetherion-journey::before { background-image: url('../images/newbanner-v8.jpg'); }
.aetherion-footer-logo { width: min(240px, 72vw) !important; height: auto !important; object-fit: contain; }
.aetherion #page_content > .bd-c { display: flex; flex-direction: column; }
.aetherion #page_content .aetherion-chat { order: -1; width: 100%; margin-top: 0; }
.aetherion-chat__mod { display: flex; gap: 3px; }.aetherion-chat__mod button { min-width: 22px; height: 20px; padding: 0 5px; border: 1px solid rgba(226,59,59,.45); background: rgba(40,8,12,.8); color: #f2c0b9; font-size: 9px; text-transform: uppercase; }
.aetherion-chat__head > div:last-child { display:flex; align-items:center; gap:10px; }.aetherion-chat__head button { border:1px solid rgba(233,185,86,.38); background:rgba(0,0,0,.28); color:#f5d47f; min-width:32px; height:28px; }.aetherion-chat__head button b { display:none; min-width:15px; padding:1px 4px; border-radius:9px; background:#d6343e; color:white; font-size:9px; }.aetherion-chat.is-collapsed .aetherion-chat__messages,.aetherion-chat.is-collapsed .aetherion-chat__form,.aetherion-chat.is-collapsed .aetherion-chat__login { display:none; }.aetherion-chat.is-collapsed .aetherion-chat__head button b:not(:empty) { display:inline-block; }
.aetherion-chat__form{position:relative;grid-template-columns:1fr auto auto}.aetherion-chat__emoji{min-width:40px!important;background:linear-gradient(135deg,#32200c,#120d10)!important;border-color:rgba(233,185,86,.55)!important}.aetherion-chat__emoji-tray{position:absolute;right:110px;bottom:62px;z-index:10;padding:8px;border:1px solid rgba(233,185,86,.42);background:#120d12;box-shadow:0 12px 30px #000}.aetherion-chat__emoji-tray button{min-width:30px!important;margin:2px;background:transparent!important;border:0!important;font-size:16px}.aetherion-chat__message{grid-template-columns:30px minmax(78px,auto) 1fr auto}.aetherion-chat__avatar{width:25px;height:25px;object-fit:cover;border-radius:50%;border:1px solid #dcae52}.aetherion-title-badge{display:inline-block;padding:4px 9px;border:1px solid rgba(233,185,86,.45);background:rgba(163,31,39,.18);color:#f7d88c;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.aetherion-profile-card{display:flex;align-items:center;gap:22px;margin:0 0 18px;padding:24px;border:1px solid rgba(233,185,86,.28);background:radial-gradient(circle at 0 0,rgba(181,32,45,.18),transparent 45%),#100c10}.aetherion-profile-card h2{margin:10px 0;color:#fff0ce;font-family:Georgia,serif}.aetherion-profile-card p{color:#bcaea7}.aetherion-profile-card__portrait img{width:92px;height:92px;object-fit:cover;border-radius:50%;border:2px solid #e9b956;box-shadow:0 0 25px rgba(233,185,86,.28)}.aetherion-profile-notice{padding:10px;border-left:3px solid #e9b956;background:rgba(233,185,86,.08);color:#f8d890}@media(max-width:767px){.aetherion-profile-card{padding:17px;gap:14px}.aetherion-profile-card__portrait img{width:62px;height:62px}.aetherion-chat__form{grid-template-columns:1fr auto}.aetherion-chat__form button[type=submit]{grid-column:1/3}.aetherion-chat__emoji-tray{right:12px;bottom:108px}}
.aetherion-community-admin{padding:28px;background:radial-gradient(circle at top right,rgba(184,28,42,.18),transparent 32%),#100c10;color:#dccfc7}.aetherion-community-admin h2{font-family:Georgia,serif;color:#fff0ce}.aetherion-community-admin table{font-size:12px}.aetherion-community-admin td,.aetherion-community-admin th{border-color:rgba(233,185,86,.17)!important;vertical-align:middle!important}.aetherion-community-admin form{display:inline-flex;gap:4px;margin:5px 0}.aetherion-community-admin input,.aetherion-community-admin select{max-width:135px;background:#181014;border:1px solid rgba(233,185,86,.3);color:#f5e7d6;padding:5px}.aetherion-community-admin button{background:#371015;border:1px solid rgba(226,59,59,.55);color:#f8dca2;padding:5px 8px}.aetherion-admin-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #dcae52}.aetherion-community-admin small{display:block;color:#9e908a}

/* v9: new key art (banner + wallpaper), brighter gold/red/white palette, falling leaves, refined language flags, translation-safe layout */
:root { --a-white: #fdf6ea; }
body.aetherion { background: linear-gradient(180deg, rgba(10,6,7,.55) 0%, rgba(10,6,7,.72) 38%, rgba(9,6,8,.92) 100%), url('../img/newwalpapper.png') center top / cover fixed no-repeat, radial-gradient(circle at 50% 8%, #3b1018 0, #100a10 42rem, #090708 100%); }
.aetherion .aetherion-hero { background-image: url('../img/newbanner.png'); background-position: center center; min-height: clamp(300px, 24vw, 480px); }
.aetherion-register__backdrop, .aetherion-journey::before { background-image: url('../img/newbanner.png'); }

/* language flags: bigger target, cleaner frame, glowing active state (fixes the black EN box: HTML now uses flag-icon-en, matching the CSS sprite name) */
.aetherion .top-panel .menu .aetherion-language a { height: 34px !important; padding: 6px 9px !important; border-radius: 3px; background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.35)); }
.aetherion .top-panel .menu .aetherion-language .flag-icon { width: 20px; height: 14px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.75); }
.aetherion .top-panel .menu .aetherion-language a.is-active { background: linear-gradient(180deg, rgba(233,185,86,.22), rgba(0,0,0,.4)); box-shadow: 0 0 0 1px var(--a-gold), 0 0 16px rgba(233,185,86,.35); }
.aetherion .top-panel .menu .aetherion-language a.is-active .flag-icon, .aetherion .top-panel .menu .aetherion-language a:hover .flag-icon { box-shadow: 0 0 0 1px var(--a-gold), 0 2px 8px rgba(0,0,0,.75); }

/* white accents so gold / red / white all read as the palette */
.aetherion-hero p { color: var(--a-white); }
.aetherion #content .content-area, .aetherion #content .sidebar > div { box-shadow: 0 16px 38px rgba(0,0,0,.24), inset 0 0 0 1px rgba(253,246,234,.05); }
.aetherion-button--ghost { border-color: rgba(253,246,234,.55); color: var(--a-white); }
.aetherion-button--ghost:hover { border-color: var(--a-gold); background: rgba(253,246,234,.1); }

/* translation safety: longer RO / PL / IT strings must never spill out of their boxes */
.aetherion, .aetherion *, .aetherion *::before, .aetherion *::after { box-sizing: border-box; }
.aetherion .top-panel .menu > li > a { overflow-wrap: anywhere; }
.aetherion-button { white-space: normal; text-align: center; line-height: 1.3; height: auto; }
.aetherion-hero__scroll { max-width: 88vw; overflow: hidden; text-overflow: ellipsis; }
.aetherion-journey__classes span, .aetherion-title-badge, .aetherion-forum__topic em { overflow-wrap: anywhere; }

/* falling maple-leaf embers, echoing the new key art */
.aetherion-leaves { pointer-events: none; position: fixed; z-index: 39; inset: 0; overflow: hidden; }
.aetherion-leaves i { position: absolute; top: -5%; left: var(--x, 10%); width: var(--w, 9px); height: var(--w, 9px); background: linear-gradient(135deg, var(--a-gold), var(--a-red) 65%); clip-path: polygon(50% 0%, 100% 35%, 78% 100%, 22% 100%, 0% 35%); opacity: .85; filter: drop-shadow(0 0 5px rgba(226,59,59,.4)); animation: aetherionLeafFall var(--dur, 14s) linear infinite; animation-delay: var(--delay, 0s); }
@keyframes aetherionLeafFall { 0% { transform: translate3d(0,-10vh,0) rotate(0deg); opacity: 0; } 8% { opacity: .85; } 92% { opacity: .7; } 100% { transform: translate3d(var(--drift, 60px), 115vh, 0) rotate(340deg); opacity: 0; } }
.aetherion-leaves i:nth-child(1){--x:4%;--w:8px;--dur:15s;--delay:-1s;--drift:40px}
.aetherion-leaves i:nth-child(2){--x:14%;--w:11px;--dur:12s;--delay:-6s;--drift:-50px}
.aetherion-leaves i:nth-child(3){--x:24%;--w:7px;--dur:17s;--delay:-3s;--drift:65px}
.aetherion-leaves i:nth-child(4){--x:36%;--w:10px;--dur:13s;--delay:-9s;--drift:-35px}
.aetherion-leaves i:nth-child(5){--x:48%;--w:8px;--dur:16s;--delay:-2s;--drift:55px}
.aetherion-leaves i:nth-child(6){--x:60%;--w:12px;--dur:11s;--delay:-7s;--drift:-60px}
.aetherion-leaves i:nth-child(7){--x:71%;--w:7px;--dur:18s;--delay:-4s;--drift:30px}
.aetherion-leaves i:nth-child(8){--x:82%;--w:9px;--dur:14s;--delay:-10s;--drift:-45px}
.aetherion-leaves i:nth-child(9){--x:91%;--w:10px;--dur:12.5s;--delay:-5s;--drift:50px}
.aetherion-leaves i:nth-child(10){--x:96%;--w:6px;--dur:19s;--delay:-8s;--drift:-25px}
@media (prefers-reduced-motion: reduce) { .aetherion-leaves { display: none; } }
@media (max-width: 767px) { .aetherion-leaves i:nth-child(n+7) { display: none; } }

/* v10: language selector becomes a single collapsible dropdown — fixes the flag row
   overlapping / bleeding through neighbouring menu text at mid-width viewports, and
   stops long RO/PL/IT menu labels sliding underneath it. */
.aetherion .top-panel .menu .aetherion-language { position: relative !important; inset: auto !important; top: auto !important; right: auto !important; transform: none !important; display: inline-flex !important; margin-left: auto !important; width: auto !important; height: auto !important; }
.aetherion .top-panel .menu .aetherion-language b { display: inline !important; }
.aetherion-language__toggle { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 5px 11px; border: 1px solid rgba(233,185,86,.32); border-radius: 3px; background: #100a10; color: #f5e6ce; font-size: 11px; font-weight: 800; letter-spacing: .1em; cursor: pointer; transition: border-color .2s, box-shadow .2s; }
.aetherion-language__toggle:hover, .aetherion-language.is-open .aetherion-language__toggle { border-color: var(--a-gold); box-shadow: 0 0 14px rgba(233,185,86,.28); }
.aetherion-language__toggle .flag-icon { width: 18px; height: 12px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(255,255,255,.14); }
.aetherion-language__caret { width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .2s ease; margin-left: 1px; }
.aetherion-language.is-open .aetherion-language__caret { transform: rotate(-135deg); }
.aetherion-language__panel { position: absolute; top: calc(100% + 8px); right: 0; z-index: 55; display: none; flex-direction: column; min-width: 168px; padding: 6px; border: 1px solid rgba(233,185,86,.4); border-radius: 3px; background: #0d0810; box-shadow: 0 16px 38px rgba(0,0,0,.65); }
.aetherion-language.is-open .aetherion-language__panel { display: flex; }
.aetherion-language__panel a { display: flex !important; align-items: center; gap: 10px; width: auto !important; height: auto !important; margin: 1px 0 !important; padding: 9px 10px !important; border: 0 !important; background: transparent !important; color: #cdbfb8; font-size: 12px; font-weight: 700; letter-spacing: .05em; line-height: 1.3 !important; border-radius: 2px; overflow-wrap: anywhere;}
.aetherion-language__panel a:hover, .aetherion-language__panel a.is-active { color: #fff3c6; background: rgba(233,185,86,.16) !important; }
.aetherion-language__panel .flag-icon { width: 18px; height: 12px; flex: none; box-shadow: 0 0 0 1px rgba(255,255,255,.14); }
@media (max-width: 767px) { .aetherion .top-panel .menu .aetherion-language { order: 5; margin: 6px auto 0 !important; } .aetherion-language__panel { right: auto; left: 50%; transform: translateX(-50%); } }

/* v11: stop the hero banner reading as a separate box sitting on top of the wallpaper —
   fade its bottom edge into the same dark tone the wallpaper overlay starts at, and drop
   the hard gold divider line that was drawing a seam across the page. Also retire the old
   template's leftover left-edge language/social rail now that the nav has its own dropdown
   (it was a second, differently-styled language switcher fighting the new one for attention). */
.aetherion .aetherion-hero { border-bottom: 0; }
.aetherion .aetherion-hero::before { background: linear-gradient(90deg, rgba(8,4,7,.78) 0%, rgba(20,5,8,.16) 47%, rgba(8,4,7,.7) 100%), linear-gradient(0deg, rgba(10,6,9,.88), transparent 45%), linear-gradient(180deg, transparent 45%, rgba(9,6,8,.65) 100%); }
body.aetherion { background-image: linear-gradient(180deg, rgba(10,6,7,.65) 0%, rgba(10,6,7,.72) 30%, rgba(9,6,8,.92) 100%), url('../img/newwalpapper.png'); }
#mini-icons { display: none !important; }

/* =====================================================================
   v12 — GODKING 10.1
   Ranks, profiles, polls, events and a futurist Realm Chat, all painted in
   the three house colours: crimson, gold and ivory.
   ===================================================================== */
:root {
	--a-ivory: #fdf6ea;
	--a-gold-soft: #f3d07a;
	--a-red-deep: #8d1b22;
	--a-glass: rgba(14, 9, 13, .82);
	--a-hair: rgba(233, 185, 86, .26);
}

/* --- shared panel shell ------------------------------------------------- */
.aetherion-panel {
	position: relative; overflow: hidden; margin: 0 0 22px; padding: 24px 26px;
	border: 1px solid var(--a-hair); background: linear-gradient(140deg, rgba(38, 12, 18, .78), rgba(10, 8, 12, .92));
	box-shadow: 0 18px 44px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(253, 246, 234, .06);
}
/* A slow light sweep along the top hairline — the panels feel alive without
   distracting from the text sitting inside them. */
.aetherion-panel::before {
	content: ''; position: absolute; top: 0; left: -40%; width: 40%; height: 2px; pointer-events: none;
	background: linear-gradient(90deg, transparent, var(--a-gold), rgba(226, 59, 59, .8), transparent);
	animation: aetherionSweep 7s ease-in-out infinite;
}
.aetherion-panel__head { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid var(--a-hair); }
.aetherion-panel__head h2 { margin: 0; color: var(--a-ivory); font-family: Georgia, serif; font-size: clamp(20px, 2.4vw, 27px); letter-spacing: .02em; text-transform: uppercase; }
.aetherion-panel__head small { color: #b6a79f; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.aetherion-panel__hint { margin: 0 0 16px; color: #c3b4ac; font-size: 13px; line-height: 1.6; }
.aetherion-panel__empty { padding: 22px; border: 1px dashed var(--a-hair); color: #b0a29a; text-align: center; }
.aetherion-panel--empty { text-align: center; }
@keyframes aetherionSweep { 0% { left: -40%; opacity: 0; } 12% { opacity: 1; } 60% { left: 100%; opacity: .35; } 100% { left: 100%; opacity: 0; } }

.aetherion-notice { margin: 0 0 18px; padding: 13px 16px; border-left: 3px solid var(--a-gold); background: rgba(233, 185, 86, .1); color: #f6e3b8; font-size: 13px; }
.aetherion-notice--ok { border-left-color: #7ad07a; background: rgba(122, 208, 122, .1); color: #d5f2d2; }
.aetherion-notice--error { border-left-color: var(--a-red); background: rgba(226, 59, 59, .12); color: #f7cec6; }

/* --- rank badges --------------------------------------------------------- */
.aetherion-rank-badge {
	display: inline-flex; align-items: center; gap: 7px; padding: 5px 13px;
	border: 1px solid currentColor; border-radius: 2px; background: rgba(0, 0, 0, .35);
	color: var(--a-gold-soft); font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
}
.aetherion-rank-badge::before { content: '◆'; font-size: 8px; opacity: .8; }
.aetherion-rank-badge--newblood { color: #cfc7bd; }
.aetherion-rank-badge--rising { color: #eadfc0; }
.aetherion-rank-badge--battleforged { color: #f3d07a; }
.aetherion-rank-badge--sentinel { color: var(--a-gold); }
.aetherion-rank-badge--vanguard { color: #ef9146; }
.aetherion-rank-badge--sovereign { color: #f2635f; box-shadow: 0 0 18px rgba(226, 59, 59, .28); }
.aetherion-rank-badge--warden { color: #f0c96c; box-shadow: 0 0 16px rgba(233, 185, 86, .26); }
/* The two crowns of the realm get the full treatment: a moving ivory-gold-crimson
   shimmer so a Godking is unmistakable anywhere their name appears. */
.aetherion-rank-badge--godking, .aetherion-rank-badge--crown {
	border-color: transparent; color: #100a10;
	background: linear-gradient(100deg, #fff6dd, var(--a-gold) 32%, #e23b3b 62%, #fff6dd) 0 0 / 260% 100%;
	box-shadow: 0 0 22px rgba(233, 185, 86, .45), 0 0 42px rgba(226, 59, 59, .22);
	animation: aetherionCrown 5.5s linear infinite;
	text-shadow: none;
}
.aetherion-rank-badge--godking::before, .aetherion-rank-badge--crown::before { content: '♛'; font-size: 10px; opacity: 1; }
@keyframes aetherionCrown { to { background-position: 260% 0; } }

.aetherion-rank-track { position: relative; height: 6px; margin: 18px 0 8px; border: 1px solid var(--a-hair); background: rgba(0, 0, 0, .42); }
.aetherion-rank-track__bar { height: 100%; background: linear-gradient(90deg, var(--a-red-deep), var(--a-red) 45%, var(--rank-accent, var(--a-gold))); box-shadow: 0 0 14px rgba(233, 185, 86, .35); transition: width .8s cubic-bezier(.2, .8, .3, 1); }
.aetherion-rank-track__label { position: absolute; top: 11px; left: 0; color: #a99c95; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }

/* --- sidebar: rank strip, cooler user menu, clickable ranking ------------- */
.aetherion .sidebar-title-top.aetherion-panel-link { display: flex; align-items: center; justify-content: center; gap: 8px; transition: color .2s, text-shadow .2s, letter-spacing .2s; }
.aetherion .sidebar-title-top.aetherion-panel-link:hover { color: #fff3c6; text-shadow: 0 0 16px rgba(233, 185, 86, .6); letter-spacing: .04em; text-decoration: none; }
.aetherion .sidebar-title-top.aetherion-panel-link i { font-size: .8em; opacity: .7; transition: transform .2s; }
.aetherion .sidebar-title-top.aetherion-panel-link:hover i { transform: translateX(4px); }

.aetherion-side-rank { display: block; margin: 12px 0 4px; padding: 12px 14px; border: 1px solid var(--a-hair); background: linear-gradient(135deg, rgba(45, 12, 20, .7), rgba(10, 8, 12, .85)); transition: border-color .2s, box-shadow .2s, transform .2s; }
.aetherion-side-rank:hover { border-color: var(--rank-accent, var(--a-gold)); box-shadow: 0 0 22px rgba(233, 185, 86, .2); transform: translateY(-2px); text-decoration: none; }
.aetherion-side-rank__badge { display: block; color: var(--rank-accent, var(--a-gold)); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.aetherion-side-rank__track { display: block; height: 4px; margin: 9px 0 7px; background: rgba(0, 0, 0, .5); border: 1px solid rgba(233, 185, 86, .18); }
.aetherion-side-rank__track span { display: block; height: 100%; background: linear-gradient(90deg, var(--a-red), var(--rank-accent, var(--a-gold))); box-shadow: 0 0 10px rgba(233, 185, 86, .4); transition: width .8s ease; }
.aetherion-side-rank small { color: #a2958e; font-size: 10px; letter-spacing: .06em; }

.aetherion .aetherion-user-menu > li > a.user-menu-option { display: flex; align-items: center; gap: 10px; transition: background .2s, padding-left .2s, color .2s; }
.aetherion .aetherion-user-menu > li > a.user-menu-option i { width: 16px; color: var(--a-gold); font-size: 12px; opacity: .85; transition: transform .2s, color .2s; }
.aetherion .aetherion-user-menu > li > a.user-menu-option:hover { padding-left: 20px; color: #fff3c6; background: linear-gradient(90deg, rgba(233, 185, 86, .16), transparent 70%); }
.aetherion .aetherion-user-menu > li > a.user-menu-option:hover i { transform: scale(1.16); color: #fff3c6; }

.aetherion .aetherion-rank-row { position: relative; display: block; transition: transform .2s, background .2s, box-shadow .2s; }
.aetherion .aetherion-rank-row:hover { transform: translateX(5px); background: linear-gradient(90deg, rgba(233, 185, 86, .14), transparent 75%); box-shadow: inset 3px 0 0 var(--a-gold); text-decoration: none; }
.aetherion .aetherion-rank-row .forum-title { color: #fff0cd; font-weight: 700; }
.aetherion .aetherion-rank-row:hover .forum-title { color: #fff; text-shadow: 0 0 12px rgba(233, 185, 86, .55); }
.aetherion-rank-row__pos { position: absolute; top: 8px; left: 8px; z-index: 2; display: grid; width: 21px; height: 21px; place-items: center; border: 1px solid var(--a-hair); background: rgba(8, 5, 8, .9); color: #d9c9a4; font-size: 10px; font-weight: 800; }
.aetherion-rank-row.pos_1 .aetherion-rank-row__pos { border-color: #ffd977; color: #100a10; background: linear-gradient(140deg, #fff3c6, #e9b956); box-shadow: 0 0 16px rgba(233, 185, 86, .55); }
.aetherion-rank-row.pos_2 .aetherion-rank-row__pos { border-color: #e6e6e6; color: #14101a; background: linear-gradient(140deg, #ffffff, #b9b9c4); }
.aetherion-rank-row.pos_3 .aetherion-rank-row__pos { border-color: #e08a4e; color: #1a0f0c; background: linear-gradient(140deg, #f0b183, #c2703c); }

/* --- public profile: hero card, stats, characters ------------------------ */
.aetherion-profile { padding-top: 6px; }
.aetherion-hero-card { position: relative; display: flex; align-items: center; gap: clamp(18px, 3vw, 34px); overflow: hidden; margin: 0 0 22px; padding: clamp(24px, 3vw, 38px); border: 1px solid var(--a-hair); background: linear-gradient(125deg, rgba(46, 12, 20, .92), rgba(10, 8, 12, .95)); box-shadow: 0 22px 52px rgba(0, 0, 0, .42); }
.aetherion-hero-card--red { background: linear-gradient(125deg, rgba(74, 12, 18, .94), rgba(12, 7, 10, .95)); }
.aetherion-hero-card--white { background: linear-gradient(125deg, rgba(52, 44, 40, .9), rgba(12, 10, 12, .95)); }
.aetherion-hero-card__glow { position: absolute; inset: -40% -10% auto auto; width: 420px; height: 420px; pointer-events: none; background: radial-gradient(circle, var(--rank-accent, rgba(233, 185, 86, .5)) 0, transparent 68%); opacity: .22; animation: aetherionBreathe 7s ease-in-out infinite alternate; }
@keyframes aetherionBreathe { from { opacity: .12; transform: scale(.9); } to { opacity: .3; transform: scale(1.08); } }

.aetherion-hero-card__portrait { position: relative; flex: none; }
.aetherion-hero-card__portrait img { display: block; width: clamp(96px, 12vw, 132px); height: clamp(96px, 12vw, 132px); object-fit: cover; border-radius: 50%; border: 2px solid var(--rank-accent, var(--a-gold)); box-shadow: 0 0 0 6px rgba(9, 6, 9, .85), 0 0 30px var(--rank-accent, rgba(233, 185, 86, .5)); }
.aetherion-hero-card__tier { position: absolute; right: -4px; bottom: -4px; display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; border: 1px solid var(--rank-accent, var(--a-gold)); background: #0c0810; color: var(--rank-accent, var(--a-gold)); font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.aetherion-hero-card__body { position: relative; z-index: 1; min-width: 0; flex: 1; }
.aetherion-hero-card__body h1 { margin: 12px 0 6px; color: var(--a-ivory); font-family: Georgia, serif; font-size: clamp(30px, 4.4vw, 52px); line-height: 1; text-transform: uppercase; overflow-wrap: anywhere; }
.aetherion-hero-card__rank { margin: 0 0 8px; color: #b7a89f; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.aetherion-hero-card__bio { max-width: 640px; margin: 10px 0 0; color: #ddd0c8; font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
.aetherion-hero-card__edit { margin-top: 18px; }

.aetherion-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin: 0 0 22px; }
.aetherion-stat { position: relative; overflow: hidden; padding: 18px 16px; border: 1px solid var(--a-hair); background: linear-gradient(160deg, rgba(34, 12, 18, .7), rgba(10, 8, 12, .9)); text-align: center; transition: transform .22s, border-color .22s, box-shadow .22s; }
.aetherion-stat:hover { transform: translateY(-3px); border-color: var(--a-gold); box-shadow: 0 12px 28px rgba(0, 0, 0, .4), 0 0 22px rgba(233, 185, 86, .16); }
.aetherion-stat i { display: block; margin-bottom: 9px; color: var(--a-gold); font-size: 15px; opacity: .85; }
.aetherion-stat strong { display: block; color: var(--a-ivory); font-family: Georgia, serif; font-size: 27px; line-height: 1; }
.aetherion-stat span { display: block; margin-top: 6px; color: #a89b93; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }

.aetherion-char-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 11px; }
.aetherion-char { display: flex; align-items: center; gap: 12px; padding: 11px 13px; border: 1px solid rgba(233, 185, 86, .16); background: rgba(0, 0, 0, .3); transition: border-color .2s, background .2s, transform .2s; }
.aetherion-char:hover { border-color: rgba(233, 185, 86, .5); background: rgba(233, 185, 86, .07); transform: translateY(-2px); }
.aetherion-char__icon { width: 44px; height: 44px; flex: none; object-fit: cover; object-position: center top; border-radius: 50%; border: 1px solid rgba(233, 185, 86, .55); }
.aetherion-char__body { min-width: 0; }
.aetherion-char__body strong { display: block; color: #fff0cd; font-size: 14px; overflow-wrap: anywhere; }
.aetherion-char__body span { color: #a2958e; font-size: 11px; letter-spacing: .06em; }
.aetherion-profile__joined { color: #9d9089; font-size: 12px; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.aetherion-profile__joined strong { color: var(--a-gold-soft); }

/* --- profile editor ------------------------------------------------------ */
.aetherion-profile__forms { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; }
.aetherion-textarea { min-height: 110px; padding: 12px 14px !important; height: auto !important; resize: vertical; font-family: inherit; line-height: 1.55; }
.aetherion-filefield { display: block; margin-bottom: 16px; padding: 18px; border: 1px dashed rgba(233, 185, 86, .4); background: rgba(0, 0, 0, .26); cursor: pointer; text-align: center; transition: border-color .2s, background .2s; }
.aetherion-filefield:hover { border-color: var(--a-gold); background: rgba(233, 185, 86, .07); }
.aetherion-filefield input { display: block; width: 100%; color: #d9cbc3; font-size: 12px; }
.aetherion-filefield span { display: block; margin-top: 9px; color: #9d9089; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.aetherion-accent-picker { display: flex; flex-wrap: wrap; gap: 9px; margin: 8px 0 20px; }
.aetherion-accent { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid rgba(233, 185, 86, .28); background: rgba(0, 0, 0, .3); color: #cdbfb8; cursor: pointer; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; transition: border-color .2s, color .2s, box-shadow .2s; }
.aetherion-accent input { position: absolute; opacity: 0; pointer-events: none; }
.aetherion-accent::before { content: ''; width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .5); }
.aetherion-accent--gold::before { background: linear-gradient(140deg, #fff3c6, #e9b956); }
.aetherion-accent--red::before { background: linear-gradient(140deg, #f2635f, #8d1b22); }
.aetherion-accent--white::before { background: linear-gradient(140deg, #ffffff, #cfc6ba); }
.aetherion-accent:has(input:checked) { border-color: var(--a-gold); color: #fff3c6; box-shadow: 0 0 16px rgba(233, 185, 86, .22); }
@media (max-width: 700px) { .aetherion-hero-card { flex-direction: column; text-align: center; } .aetherion-hero-card__body h1 { font-size: 32px; } }

/* --- community poll ------------------------------------------------------ */
.aetherion-poll { position: relative; overflow: hidden; margin: 0 0 20px; padding: 20px; border: 1px solid var(--a-hair); background: linear-gradient(150deg, rgba(44, 12, 19, .82), rgba(10, 8, 12, .93)); box-shadow: 0 16px 36px rgba(0, 0, 0, .34); }
.aetherion-poll__eyebrow { display: block; margin-bottom: 7px; color: var(--a-gold); font-size: 9px; font-weight: 800; letter-spacing: .3em; text-transform: uppercase; }
.aetherion-poll__head h3 { margin: 0 0 6px; color: var(--a-ivory); font-family: Georgia, serif; font-size: 19px; line-height: 1.25; overflow-wrap: anywhere; }
.aetherion-poll__closes { display: block; margin-bottom: 12px; color: #a2958e; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.aetherion-poll__options { display: flex; flex-direction: column; gap: 8px; margin: 14px 0 12px; }
.aetherion-poll__option { position: relative; display: flex; align-items: center; gap: 10px; overflow: hidden; width: 100%; padding: 11px 13px; border: 1px solid rgba(233, 185, 86, .22); background: rgba(0, 0, 0, .34); color: #e4d8cf; cursor: pointer; font-size: 13px; text-align: left; transition: border-color .2s, transform .18s, color .2s; }
.aetherion-poll__option:hover:not(:disabled) { border-color: var(--a-gold); color: #fff3c6; transform: translateX(3px); }
.aetherion-poll__option:disabled { cursor: default; }
.aetherion-poll__option.is-pending { opacity: .55; }
.aetherion-poll__option.is-mine { border-color: var(--a-gold); color: #fff3c6; box-shadow: inset 3px 0 0 var(--a-gold); }
.aetherion-poll__fill { position: absolute; inset: 0 auto 0 0; width: 0; background: linear-gradient(90deg, rgba(141, 27, 34, .75), rgba(233, 185, 86, .35)); transition: width .9s cubic-bezier(.2, .8, .3, 1); }
.aetherion-poll__label { position: relative; z-index: 1; flex: 1; overflow-wrap: anywhere; }
/* Results stay veiled until the visitor has actually voted. */
.aetherion-poll__value { position: relative; z-index: 1; flex: none; color: var(--a-gold-soft); font-size: 11px; font-weight: 700; letter-spacing: .06em; filter: blur(4px); opacity: .45; transition: filter .4s, opacity .4s; }
.aetherion-poll.is-revealed .aetherion-poll__value { filter: none; opacity: 1; }
.aetherion-poll.is-revealed .aetherion-poll__fill { box-shadow: 0 0 18px rgba(233, 185, 86, .16); }
.aetherion-poll__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding-top: 11px; border-top: 1px solid rgba(233, 185, 86, .15); color: #a2958e; font-size: 11px; }
.aetherion-poll__foot b { color: var(--a-gold-soft); }
.aetherion-poll__done { color: #8fd18f; }

/* --- live events --------------------------------------------------------- */
.aetherion-events { margin: 26px 0 30px; }
.aetherion-events__head { margin-bottom: 16px; }
.aetherion-events__eyebrow { display: block; color: var(--a-red); font-size: 10px; font-weight: 800; letter-spacing: .3em; text-transform: uppercase; }
.aetherion-events__head h3 { margin: 6px 0 0; color: var(--a-ivory); font-family: Georgia, serif; font-size: clamp(22px, 3vw, 32px); text-transform: uppercase; }
.aetherion-events__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.aetherion-event { position: relative; overflow: hidden; padding: 20px 22px 20px 24px; border: 1px solid var(--a-hair); border-left: 3px solid var(--a-gold); background: linear-gradient(140deg, rgba(38, 12, 18, .82), rgba(10, 8, 12, .93)); transition: transform .22s, box-shadow .22s, border-color .22s; }
.aetherion-event:hover { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(0, 0, 0, .42), 0 0 26px rgba(233, 185, 86, .12); }
.aetherion-event--red { border-left-color: var(--a-red); }
.aetherion-event--white { border-left-color: var(--a-ivory); }
.aetherion-event.is-over { opacity: .55; }
.aetherion-event__state { display: inline-flex; align-items: center; gap: 7px; color: var(--a-gold); font-size: 9px; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; }
.aetherion-event__state::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.aetherion-event.is-live .aetherion-event__state { color: #ff6b62; }
.aetherion-event.is-live .aetherion-event__state::before { box-shadow: 0 0 0 0 rgba(226, 59, 59, .7); animation: aetherionLivePulse 1.9s ease-out infinite; }
@keyframes aetherionLivePulse { 70% { box-shadow: 0 0 0 9px rgba(226, 59, 59, 0); } 100% { box-shadow: 0 0 0 0 rgba(226, 59, 59, 0); } }
.aetherion-event h4 { margin: 10px 0 8px; color: var(--a-ivory); font-family: Georgia, serif; font-size: 20px; line-height: 1.2; overflow-wrap: anywhere; }
.aetherion-event p { margin: 0; color: #cec0b8; font-size: 13px; line-height: 1.62; overflow-wrap: anywhere; }
.aetherion-event__window { display: block; margin-top: 12px; color: #8f827c; font-size: 10px; letter-spacing: .1em; }
.aetherion-event__countdown { display: flex; align-items: baseline; gap: 8px; margin-top: 14px; padding-top: 11px; border-top: 1px solid rgba(233, 185, 86, .15); }
.aetherion-event__countdown-label { color: #9d9089; font-size: 9px; letter-spacing: .18em; text-transform: uppercase; }
.aetherion-event__countdown b { color: var(--a-gold-soft); font-family: "Courier New", monospace; font-size: 16px; letter-spacing: .04em; }
.aetherion-event__countdown.is-urgent b { color: #ff7a70; animation: aetherionPulse 1.4s ease-in-out infinite; }

/* --- Realm Chat, rebuilt for 2034 ---------------------------------------- */
.aetherion-chat { position: relative; overflow: hidden; border-color: rgba(233, 185, 86, .34); background: linear-gradient(160deg, rgba(30, 10, 16, .95), rgba(8, 10, 14, .97)); backdrop-filter: blur(6px); }
/* A scanner line drifting across the top edge — the one overtly sci-fi flourish. */
.aetherion-chat::before { content: ''; position: absolute; top: 0; left: -30%; z-index: 3; width: 30%; height: 1px; background: linear-gradient(90deg, transparent, #fff3c6, var(--a-red), transparent); animation: aetherionScan 5s linear infinite; }
@keyframes aetherionScan { to { left: 110%; } }
.aetherion-chat__head { background: linear-gradient(90deg, rgba(226, 59, 59, .12), rgba(0, 0, 0, .3) 40%); }
.aetherion-chat__online { display: inline-flex; align-items: center; gap: 6px; margin-left: 12px; padding: 3px 9px; border: 1px solid rgba(233, 185, 86, .35); border-radius: 999px; background: rgba(0, 0, 0, .4); color: var(--a-gold-soft); font-size: 10px; font-weight: 700; letter-spacing: .1em; }
.aetherion-chat__online i { width: 6px; height: 6px; border-radius: 50%; background: #7ad07a; box-shadow: 0 0 8px #7ad07a; animation: aetherionPulse 2.1s ease-in-out infinite; }
.aetherion-chat__messages { background: linear-gradient(180deg, rgba(226, 59, 59, .05), transparent 12%, transparent 88%, rgba(233, 185, 86, .05)); scrollbar-width: thin; scrollbar-color: rgba(233, 185, 86, .45) transparent; }
.aetherion-chat__messages::-webkit-scrollbar { width: 7px; }
.aetherion-chat__messages::-webkit-scrollbar-thumb { background: rgba(233, 185, 86, .4); }
.aetherion .aetherion-chat__message { grid-template-columns: 34px minmax(96px, auto) 1fr auto; align-items: center; padding: 8px 6px; border-bottom: 1px solid rgba(233, 185, 86, .07); border-radius: 2px; transition: background .18s, box-shadow .18s; }
.aetherion .aetherion-chat__message:hover { background: rgba(233, 185, 86, .06); box-shadow: inset 2px 0 0 var(--a-gold); }
.aetherion-chat__avatar { width: 30px !important; height: 30px !important; border-width: 1px; box-shadow: 0 0 10px rgba(0, 0, 0, .6); }
.aetherion-chat__who { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.aetherion-chat__author { color: var(--a-gold-soft); font-size: 12px; font-weight: 800; letter-spacing: .03em; overflow-wrap: anywhere; transition: text-shadow .2s; }
.aetherion-chat__author:hover { text-decoration: none; text-shadow: 0 0 12px currentColor; }
.aetherion-chat__rank { display: inline-block; max-width: 140px; overflow: hidden; padding: 1px 5px; border: 1px solid rgba(233, 185, 86, .3); color: #b7a89f; font-size: 8px; font-style: normal; letter-spacing: .12em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.aetherion-chat__message[data-rank="godking"], .aetherion-chat__message[data-rank="crown"] { background: linear-gradient(90deg, rgba(233, 185, 86, .1), transparent 60%); }
.aetherion-chat__body { color: #ded2ca; font-size: 12.5px; line-height: 1.45; overflow-wrap: anywhere; }
.aetherion .aetherion-chat__message time { font-family: "Courier New", monospace; font-size: 9px; letter-spacing: .06em; }
.aetherion-chat__form input:focus { box-shadow: 0 0 22px rgba(233, 185, 86, .18), inset 0 0 12px rgba(226, 59, 59, .1); }
.aetherion-chat__form button[type="submit"] { position: relative; overflow: hidden; }
.aetherion-chat__form button[type="submit"]::after { content: ''; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 243, 198, .35), transparent); animation: aetherionSweep 4.5s ease-in-out infinite; }

/* --- falling leaves: slower, and hugging the two screen edges ------------- */
.aetherion-leaves i { opacity: .7; filter: drop-shadow(0 0 6px rgba(226, 59, 59, .35)); }
.aetherion-leaves i:nth-child(1){--x:1.5%;--w:9px;--dur:34s;--delay:-3s;--drift:30px}
.aetherion-leaves i:nth-child(2){--x:4%;--w:12px;--dur:41s;--delay:-16s;--drift:-22px}
.aetherion-leaves i:nth-child(3){--x:7.5%;--w:8px;--dur:37s;--delay:-9s;--drift:38px}
.aetherion-leaves i:nth-child(4){--x:11%;--w:10px;--dur:45s;--delay:-24s;--drift:-30px}
.aetherion-leaves i:nth-child(5){--x:2.5%;--w:7px;--dur:39s;--delay:-31s;--drift:44px}
.aetherion-leaves i:nth-child(6){--x:89%;--w:11px;--dur:36s;--delay:-6s;--drift:-34px}
.aetherion-leaves i:nth-child(7){--x:92.5%;--w:8px;--dur:43s;--delay:-19s;--drift:26px}
.aetherion-leaves i:nth-child(8){--x:96%;--w:10px;--dur:38s;--delay:-12s;--drift:-40px}
.aetherion-leaves i:nth-child(9){--x:98.5%;--w:12px;--dur:47s;--delay:-27s;--drift:22px}
.aetherion-leaves i:nth-child(10){--x:94%;--w:7px;--dur:33s;--delay:-35s;--drift:-18px}
@keyframes aetherionLeafFall { 0% { transform: translate3d(0,-10vh,0) rotate(0deg); opacity: 0; } 10% { opacity: .7; } 90% { opacity: .55; } 100% { transform: translate3d(var(--drift, 30px), 118vh, 0) rotate(280deg); opacity: 0; } }
@media (max-width: 900px) { .aetherion-leaves i:nth-child(n+4):nth-child(-n+5), .aetherion-leaves i:nth-child(n+9) { display: none; } }

/* --- realm elite: the most active citizens of the website ---------------- */
.aetherion-elite { margin: 16px 0 18px; border: 1px solid var(--a-hair); background: linear-gradient(150deg, rgba(40, 12, 18, .78), rgba(10, 8, 12, .92)); }
.aetherion-elite__head { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid var(--a-hair); color: var(--a-gold); font-size: 11px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; transition: color .2s, background .2s; }
.aetherion-elite__head:hover { color: #fff3c6; background: rgba(233, 185, 86, .08); text-decoration: none; }
.aetherion-elite__head i { transition: transform .2s; }
.aetherion-elite__head:hover i { transform: translateX(4px); }
.aetherion-elite__row { display: grid; grid-template-columns: 18px 30px 1fr auto; align-items: center; gap: 9px; padding: 9px 13px; border-bottom: 1px solid rgba(233, 185, 86, .08); color: #d8cbc3; transition: background .2s, padding-left .2s; }
.aetherion-elite__row:hover { padding-left: 19px; background: linear-gradient(90deg, rgba(233, 185, 86, .12), transparent 80%); text-decoration: none; }
.aetherion-elite__row:last-child { border-bottom: 0; }
.aetherion-elite__pos { color: #8f827c; font-size: 10px; font-weight: 800; }
.aetherion-elite__row img { width: 28px; height: 28px; object-fit: cover; border-radius: 50%; border: 1px solid var(--rank-accent, var(--a-gold)); box-shadow: 0 0 10px rgba(0, 0, 0, .6); }
.aetherion-elite__who { min-width: 0; }
.aetherion-elite__who strong { display: block; color: #fff0cd; font-size: 12px; overflow-wrap: anywhere; }
.aetherion-elite__who small { display: block; color: var(--rank-accent, var(--a-gold)); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.aetherion-elite__row > b { color: var(--a-gold-soft); font-family: "Courier New", monospace; font-size: 12px; }

/* =====================================================================
   v13 — a header that survives every language, and a transparent hero logo
   ===================================================================== */

/* Romanian, Polish and German labels are far longer than the English ones. The
   row therefore never wraps on desktop: the labels shrink fluidly instead, and
   the language selector is a fixed-size item that can never be pushed out of
   the bar and onto the banner. */
.aetherion .top-panel { height: auto !important; min-height: 62px; overflow: visible; }
.aetherion .top-panel .menu {
	display: flex; flex-wrap: nowrap; align-items: center; justify-content: center;
	gap: clamp(0px, .85vw, 18px); min-height: 62px; height: auto; padding: 0; overflow: visible;
}
.aetherion .top-panel .menu > li { flex: 0 1 auto; min-width: 0; float: none; }
.aetherion .top-panel .menu > li > a {
	display: block;
	padding: 21px clamp(2px, .42vw, 9px);
	font-size: clamp(8.5px, .72vw, 12px);
	letter-spacing: clamp(.01em, .085vw, .13em);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.aetherion .top-panel .menu .aetherion-language { flex: 0 0 auto !important; margin-left: clamp(6px, 1.2vw, 20px) !important; }
.aetherion .top-panel .menu .aetherion-language__toggle { white-space: nowrap; }

/* Under 992 px the bar is allowed to wrap, but it grows in height instead of
   spilling over the banner, and the selector gets its own centred row. */
@media (max-width: 991px) {
	.aetherion .top-panel { position: relative !important; }
	.aetherion .top-panel .menu { flex-wrap: wrap; row-gap: 0; column-gap: 10px; padding: 4px 0 6px; }
	.aetherion .top-panel .menu > li > a { padding: 10px 6px; font-size: 10px; letter-spacing: .06em; }
	.aetherion .top-panel .menu .aetherion-language { order: 9; margin: 6px auto 6px !important; }
	.aetherion .top-panel .menu .aetherion-language__panel { right: auto; left: 50%; transform: translateX(-50%); }
}

/* The banner artwork is now a transparent PNG, so it must sit on the wallpaper
   with no scrim of its own — the emblem floats above the sky, and the hero text
   earns its contrast from text-shadow rather than from a dark overlay. */
.aetherion .aetherion-hero {
	min-height: clamp(340px, 31vw, 520px);
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: min(880px, 62%) auto;
	background-position: center 30%;
	border-bottom: 0;
	place-items: end center;
	padding-bottom: clamp(30px, 4vw, 58px);
}
.aetherion .aetherion-hero::before { background: none; }
.aetherion-hero__shade { display: none; }
.aetherion-hero__content { margin-top: 0; padding-top: 0; text-shadow: 0 2px 10px rgba(6, 3, 6, .95), 0 0 26px rgba(6, 3, 6, .7); }
.aetherion-hero p { color: #fff8ec; font-weight: 600; }
.aetherion-hero__scroll { color: rgba(255, 244, 222, .8); text-shadow: 0 2px 8px rgba(6, 3, 6, .9); }
@media (max-width: 767px) {
	.aetherion .aetherion-hero { min-height: 300px; background-size: min(520px, 88%) auto; background-position: center 26%; padding-bottom: 24px; }
}

/* The theme pins .top-panel-container to a fixed 69 px. That is what let a wrapped
   menu row spill out of the bar and land on the banner once a language with longer
   words (Romanian, Polish) was selected — the bar could not grow. */
.aetherion .top-panel-container { height: auto !important; min-height: 62px; align-items: stretch; }
.aetherion .top-panel-container > .menu { flex: 1 1 auto; width: 100%; }

/* Menu items keep their natural width (shrinking them truncated Romanian labels
   into "Magazin de obiect…"). The defence against a long language is therefore:
   the type scales down with the viewport, and if a row still cannot fit, it wraps
   and the bar simply grows taller — it can no longer spill onto the banner. */
.aetherion .top-panel .menu { flex-wrap: wrap; row-gap: 0; }
.aetherion .top-panel .menu > li { flex: 0 0 auto; }
.aetherion .top-panel .menu > li > a { overflow: visible; text-overflow: clip; }
/* The theme also puts 12 px of margin on both sides of every item, which stacked on
   top of the flex gap and cost ~200 px of bar width — spacing comes from gap alone. */
.aetherion .top-panel .menu > li { margin: 0 !important; }
/* Lift the emblem clear of the tagline and give the call-to-action room to breathe. */
.aetherion .aetherion-hero { min-height: clamp(370px, 33vw, 560px); background-size: min(760px, 54%) auto; background-position: center 24%; padding-bottom: clamp(44px, 5vw, 78px); }
.aetherion-hero p { margin: 0 auto 26px; }
.aetherion-hero__scroll { bottom: 14px; }
@media (max-width: 767px) { .aetherion .aetherion-hero { background-size: min(460px, 84%) auto; background-position: center 20%; min-height: 320px; } }
/* On a phone the decorative scroll hint collides with the buttons — drop it there. */
@media (max-width: 767px) { .aetherion-hero__scroll { display: none; } }

/* =====================================================================
   v14 — Godking polish: the last of the old green theme is replaced by the
   house palette (crimson, gold, ivory), the ranking rows become compact, and
   clicks ripple like water.
   ===================================================================== */

/* --- the leftover green chrome ------------------------------------------ */
.aetherion .top-panel::after { border-bottom: 0 !important; box-shadow: 0 0 0 0 transparent; background: linear-gradient(90deg, transparent, rgba(233,185,86,.75) 22%, rgba(226,59,59,.85) 50%, rgba(233,185,86,.75) 78%, transparent); height: 1px; bottom: 0; }
.aetherion .top-panel::before { border-top: 0 !important; background: linear-gradient(90deg, transparent, rgba(233,185,86,.4) 30%, rgba(255,243,198,.65) 50%, rgba(233,185,86,.4) 70%, transparent); height: 1px; top: 0; }
.aetherion .login-area, .aetherion .news-area, .aetherion .sidebar .online-stats,
.aetherion .top-lists-wrapper .top-list.metins, .aetherion .hero-block, .aetherion .specialimg,
.aetherion .slider-topper-wrapper { border-color: var(--a-hair) !important; }
.aetherion .sidebar .online-stats, .aetherion .login-area { background: linear-gradient(155deg, rgba(38,12,18,.72), rgba(10,8,12,.92)) !important; }
.aetherion .user-avatar { border-color: var(--a-gold) !important; }
.aetherion .sidebar .online-stats p.number { color: #ffd45e !important; font-family: Georgia, serif; font-size: 23px !important; line-height: 1.1 !important; }
.aetherion .sidebar .online-stats p { color: #cfc0b7 !important; font-size: 10px; letter-spacing: .14em; }
.aetherion .login-area.user-nav, .aetherion .login-area.user-nav span, .aetherion .login-area .form-control { color: #f7e6c4 !important; }
.aetherion .login-area .form-control { border-color: rgba(233,185,86,.3) !important; background: rgba(0,0,0,.34) !important; }
.aetherion .login-area .form-control:focus { border-color: var(--a-gold) !important; box-shadow: 0 0 16px rgba(233,185,86,.18) !important; }
.aetherion .input-nou { border-color: rgba(233,185,86,.3) !important; }
.aetherion .sidebar .todays-events a { background: linear-gradient(135deg, rgba(56,14,20,.9), rgba(12,9,13,.92)) !important; color: #ffd45e !important; }

/* tables, buttons and tabs inherited from the old CMS skin */
.aetherion .thead-inverse th, .aetherion .table thead th { color: #ffe9b0 !important; background: linear-gradient(180deg, rgba(120,22,30,.85), rgba(52,12,18,.9)) !important; border-color: rgba(233,185,86,.28) !important; letter-spacing: .1em; text-transform: uppercase; font-size: 11px; }
.aetherion .table td, .aetherion .table th { border-color: rgba(233,185,86,.14) !important; color: #ded1c8; }
.aetherion .table-striped tbody tr:nth-of-type(odd) { background: rgba(233,185,86,.045) !important; }
.aetherion .table-hover tbody tr:hover { background: rgba(226,59,59,.12) !important; }
.aetherion .btn-primary, .aetherion .special-btn, .aetherion .btn-login {
	border: 1px solid rgba(233,185,86,.45) !important;
	background: linear-gradient(135deg, rgba(122,24,31,.95), rgba(38,12,17,.95)) !important;
	color: #ffeec2 !important; font-weight: 700; letter-spacing: .06em; text-shadow: 0 1px 6px rgba(0,0,0,.6);
	transition: transform .18s, box-shadow .18s, border-color .18s, background .18s;
}
.aetherion .btn-primary:hover, .aetherion .special-btn:hover, .aetherion .btn-login:hover {
	border-color: var(--a-gold) !important; color: #fff8e2 !important;
	background: linear-gradient(135deg, rgba(168,32,40,.98), rgba(60,16,22,.98)) !important;
	box-shadow: 0 10px 26px rgba(0,0,0,.4), 0 0 22px rgba(233,185,86,.22); transform: translateY(-2px);
}
.aetherion .btn-danger { background: linear-gradient(135deg, #c8323a, #7d151d) !important; border-color: rgba(255,180,180,.5) !important; color: #fff !important; }
.aetherion #page_title { color: #fff3d6 !important; letter-spacing: .06em; }
.aetherion .r_title_pvp a, .aetherion .r_title_guilds a { color: #f3d07a !important; }
.aetherion .r_title_pvp.active a, .aetherion .r_title_guilds.active a { color: #fff3c6 !important; }
.aetherion .view_more, .aetherion .h-read-more-b { color: #ffd45e !important; }
.aetherion .pagination > li > a { border-color: rgba(233,185,86,.24) !important; background: rgba(0,0,0,.3) !important; color: #f0d59a !important; }
.aetherion .pagination > .active > a, .aetherion .pagination > li > a:hover { background: linear-gradient(135deg, rgba(122,24,31,.95), rgba(38,12,17,.95)) !important; color: #fff3c6 !important; border-color: var(--a-gold) !important; }
.aetherion #footer h5 { color: #ffd45e !important; }
.aetherion #footer a { color: #d9c8bd !important; transition: color .2s, text-shadow .2s; }
.aetherion #footer a:hover { color: #fff3c6 !important; text-shadow: 0 0 12px rgba(233,185,86,.5); }

/* --- sidebar ranking: one compact line per champion ---------------------- */
/* Name and level sit together on the left, the class portrait anchors the right
   edge — instead of the tall stack the theme produced in a narrow column. */
.aetherion .aetherion-rank-row {
	display: grid !important;
	grid-template-columns: 20px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	padding: 9px 12px !important;
	border-bottom: 1px solid rgba(233,185,86,.1) !important;
}
.aetherion .aetherion-rank-row > center { order: 3; margin: 0; }
.aetherion .aetherion-rank-row .forum-info { order: 2; width: auto !important; min-width: 0; }
.aetherion .aetherion-rank-row .aetherion-rank-row__pos { position: static; order: 1; width: 20px; height: 20px; }
.aetherion .aetherion-rank-row .forum-info br { display: none; }
.aetherion .aetherion-rank-row .forum-title { display: block !important; width: auto !important; margin-bottom: 2px; color: #fff2d6 !important; font-size: 13px !important; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aetherion .aetherion-rank-row .ranking_points_title,
.aetherion .aetherion-rank-row .ranking_points_value { display: inline !important; color: #c0ae9c !important; font-size: 11px !important; letter-spacing: .04em; }
.aetherion .aetherion-rank-row .ranking_points_value { color: #ffd45e !important; font-weight: 700; }
.aetherion .aetherion-rank-row .forum-ava { width: 46px !important; height: 46px !important; margin: 0 !important; background-size: contain !important; background-position: center !important; }
.aetherion .aetherion-rank-row .aetherion-class-icon { width: 40px !important; height: 40px !important; border-width: 1px; box-shadow: 0 0 0 2px rgba(10,7,10,.85), 0 0 14px rgba(233,185,86,.28); }
.aetherion .aetherion-rank-row:hover .aetherion-class-icon { box-shadow: 0 0 0 2px rgba(10,7,10,.85), 0 0 20px rgba(233,185,86,.55); }
.aetherion #player_rank_table .forum, .aetherion #guild_rank_table .forum { border-color: rgba(233,185,86,.1) !important; }
/* guild rows keep the theme layout but pick up the palette */
.aetherion #guild_rank_table .forum-title { color: #fff2d6 !important; }

/* --- statistics figure and footer emblem -------------------------------- */
.aetherion .aetherion-stats-figure { height: 210px; width: auto; max-width: 130%; object-fit: contain; object-position: bottom right; filter: drop-shadow(0 12px 24px rgba(0,0,0,.6)); pointer-events: none; }
.aetherion .upcoming-events .hero-overlay { overflow: visible; }
.aetherion .aetherion-footer-logo { width: min(210px, 60vw) !important; height: auto !important; margin: 0 auto 6px; object-fit: contain; filter: drop-shadow(0 6px 18px rgba(0,0,0,.6)); }
.aetherion #copyright .txt { color: #f3d07a !important; }

/* --- account overview ---------------------------------------------------- */
.aetherion-account { display: block; }
.aetherion-account__card { position: relative; display: flex; align-items: center; gap: clamp(16px, 3vw, 32px); overflow: hidden; margin: 0 0 20px; padding: clamp(20px, 3vw, 34px); border: 1px solid var(--a-hair); background: linear-gradient(125deg, rgba(58,14,22,.92), rgba(10,8,12,.95)); box-shadow: 0 20px 46px rgba(0,0,0,.4); }
.aetherion-account__glow { position: absolute; inset: -50% -20% auto auto; width: 380px; height: 380px; pointer-events: none; opacity: .2; background: radial-gradient(circle, var(--rank-accent, rgba(233,185,86,.6)) 0, transparent 68%); animation: aetherionBreathe 7s ease-in-out infinite alternate; }
.aetherion-account__portrait img { display: block; width: clamp(84px, 10vw, 116px); height: clamp(84px, 10vw, 116px); object-fit: cover; border-radius: 50%; border: 2px solid var(--rank-accent, var(--a-gold)); box-shadow: 0 0 0 6px rgba(9,6,9,.85), 0 0 28px var(--rank-accent, rgba(233,185,86,.45)); }
.aetherion-account__body { position: relative; z-index: 1; min-width: 0; flex: 1; }
.aetherion-account__body h2 { margin: 11px 0 6px; color: var(--a-ivory); font-family: Georgia, serif; font-size: clamp(26px, 3.4vw, 42px); line-height: 1; text-transform: uppercase; overflow-wrap: anywhere; }
.aetherion-account__mail { margin: 0 0 14px; color: #cbbcb3; font-size: 13px; overflow-wrap: anywhere; }
.aetherion-account__mail i { margin-right: 7px; color: var(--a-gold); }
.aetherion-account__wallet { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.aetherion-account__wallet span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid rgba(233,185,86,.26); background: rgba(0,0,0,.32); color: #d9c9bd; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.aetherion-account__wallet img { width: 15px; height: 15px; }
.aetherion-account__wallet i { color: var(--a-gold); }
.aetherion-account__wallet b { color: #ffd45e; font-size: 13px; }
.aetherion-account__links { display: flex; flex-wrap: wrap; gap: 10px; }
.aetherion-account__links .aetherion-button { min-width: 0; padding: 11px 18px; }

.aetherion-manage__row { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 14px; margin: 0; padding: 15px 4px; border-bottom: 1px solid rgba(233,185,86,.1); transition: background .2s, padding-left .2s; }
.aetherion-manage__row:last-child { border-bottom: 0; }
.aetherion-manage__row:hover { padding-left: 12px; background: linear-gradient(90deg, rgba(233,185,86,.08), transparent 70%); }
.aetherion-manage__icon { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(233,185,86,.28); background: rgba(0,0,0,.35); color: var(--a-gold); font-size: 14px; }
.aetherion-manage__row--danger .aetherion-manage__icon { border-color: rgba(226,59,59,.45); color: #ff8b83; }
.aetherion-manage__text { min-width: 0; }
.aetherion-manage__text strong { display: block; color: #fff1d4; font-size: 14px; overflow-wrap: anywhere; }
.aetherion-manage__text small { display: block; margin-top: 3px; color: #a99c94; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.aetherion-manage__row .aetherion-button { min-width: 0; padding: 10px 16px; font-size: 10px; white-space: nowrap; }
.aetherion-manage__actions { display: flex; flex-wrap: wrap; gap: 7px; }
.aetherion-button--danger { border-color: rgba(226,59,59,.6); background: linear-gradient(135deg, rgba(180,36,42,.9), rgba(70,14,20,.95)); color: #ffe4df; }
.aetherion-button--danger:hover { background: linear-gradient(135deg, #d3383f, #7d151d); color: #fff; }
@media (max-width: 700px) {
	.aetherion-account__card { flex-direction: column; text-align: center; }
	.aetherion-account__wallet, .aetherion-account__links { justify-content: center; }
	.aetherion-manage__row { grid-template-columns: 34px minmax(0, 1fr); row-gap: 10px; }
	.aetherion-manage__row .aetherion-button, .aetherion-manage__actions { grid-column: 1 / -1; }
}

/* --- water ripple on click ---------------------------------------------- */
/* Three rings expanding out of the click point, the innermost one bending the
   pixels behind it, so the page reacts like the surface of still water. */
.aetherion-ripple { position: fixed; z-index: 44; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%; pointer-events: none; border: 1px solid rgba(255,243,198,.6); backdrop-filter: blur(3px) saturate(1.2) brightness(1.05); -webkit-backdrop-filter: blur(3px) saturate(1.2) brightness(1.05); animation: aetherionRipple 900ms cubic-bezier(.16,.72,.28,1) forwards; }
.aetherion-ripple::before, .aetherion-ripple::after { content: ''; position: absolute; inset: -1px; border-radius: 50%; border: 1px solid rgba(233,185,86,.5); animation: aetherionRippleRing 900ms cubic-bezier(.16,.72,.28,1) forwards; }
.aetherion-ripple::after { border-color: rgba(226,59,59,.42); animation-delay: 130ms; }
@keyframes aetherionRipple {
	0%   { width: 18px; height: 18px; margin: -9px 0 0 -9px; opacity: .95; }
	70%  { opacity: .35; }
	100% { width: 230px; height: 230px; margin: -115px 0 0 -115px; opacity: 0; border-width: 0; backdrop-filter: blur(0) saturate(1) brightness(1); -webkit-backdrop-filter: blur(0) saturate(1) brightness(1); }
}
@keyframes aetherionRippleRing { 0% { transform: scale(1); opacity: .8; } 100% { transform: scale(1.7); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .aetherion-ripple { display: none; } }

/* --- v14.1 corrections -------------------------------------------------- */
/* "Level" and its number need a space, and a row that is now one big link must
   not underline the champion's name. */
.aetherion .aetherion-rank-row .ranking_points_title { margin-right: 5px; }
.aetherion .aetherion-rank-row, .aetherion .aetherion-rank-row:hover,
.aetherion .aetherion-rank-row .forum-title, .aetherion .aetherion-rank-row:hover .forum-title { text-decoration: none !important; }
.aetherion .aetherion-elite__row, .aetherion .aetherion-side-rank { text-decoration: none !important; }

/* The werewolf now guards the statistics panel from the right, behind the numbers. */
.aetherion .upcoming-events { position: relative; z-index: 0; margin-top: -62px; pointer-events: none; text-align: right; }
.aetherion .sidebar .online-stats { position: relative; z-index: 1; }
.aetherion .aetherion-stats-figure { height: 235px; width: auto; max-width: none; margin: 0 -34px -18px 0; object-fit: contain; filter: drop-shadow(0 14px 26px rgba(0,0,0,.65)); }
@media (max-width: 991px) { .aetherion .aetherion-stats-figure { height: 190px; margin-right: -10px; } }
/* Keep the guardian tucked against the statistics panel: enough overlap to feel
   layered, never so much that he leans on the ranking headline below. */
.aetherion .upcoming-events { margin: -34px 0 2px !important; }
.aetherion .aetherion-stats-figure { height: 186px; margin: 0 -26px 0 0; }
@media (max-width: 991px) { .aetherion .upcoming-events { margin: -20px 0 2px !important; } .aetherion .aetherion-stats-figure { height: 150px; margin-right: -8px; } }
/* He stands in front of the statistics panel's right edge, feet on its lower rim,
   and takes up no layout space of his own so the ranking below never shifts. */
.aetherion .upcoming-events { position: relative; z-index: 3; height: 0; margin: 0 !important; overflow: visible; text-align: right; pointer-events: none; }
.aetherion .upcoming-events .hero-overlay { margin: 0 !important; }
.aetherion .aetherion-stats-figure { display: inline-block; height: 182px; width: auto; max-width: none; margin: -180px -96px 0 0; filter: drop-shadow(-6px 10px 22px rgba(0,0,0,.7)); }
@media (max-width: 991px) { .aetherion .aetherion-stats-figure { height: 150px; margin: -148px -70px 0 0; } }

/* =====================================================================
   v15 — Bronde display face, the new emblems, 3D gilded buttons and the
   social shortcuts in the header.
   ===================================================================== */

/* --- the Bronde display face -------------------------------------------- */
@font-face {
	font-family: 'Bronde';
	src: url('../fonts/Bronde.otf') format('opentype'), url('../fonts/Bronde.ttf') format('truetype');
	font-weight: 400; font-style: normal; font-display: swap;
}
/* Display-only: headlines and rank names wear it, body copy stays on Roboto so
   long Romanian and Polish sentences remain easy to read. */
.aetherion .aetherion-hero h1,
.aetherion .aetherion-hero-card__body h1,
.aetherion .aetherion-account__body h2,
.aetherion .aetherion-panel__head h2,
.aetherion .aetherion-events__head h3,
.aetherion .aetherion-journey h2,
.aetherion .aetherion-register h1,
.aetherion .aetherion-chat__head h3,
.aetherion .aetherion-poll__head h3,
.aetherion #page_title,
.aetherion .sidebar-title-login, .aetherion .sidebar-title-stats, .aetherion .sidebar-title-top,
.aetherion .aetherion-elite__head span,
.aetherion .aetherion-forum__post h2, .aetherion .aetherion-forum__composer h3 {
	font-family: 'Bronde', Georgia, serif;
	letter-spacing: .04em;
}
.aetherion .aetherion-hero-card__body h1, .aetherion .aetherion-account__body h2 { letter-spacing: .02em; }

/* --- header emblem ------------------------------------------------------- */
/* The old sprite was overwritten with a single full-size artwork, so the sprite
   offsets no longer meant anything: the emblem is drawn as one small image. */
.aetherion .top-panel-container::before { display: none !important; }
.aetherion .top-panel-container::after {
	background: url('../img/topbar-emblem.png') center / contain no-repeat !important;
	width: 146px !important; height: 76px !important; margin-left: -73px !important;
	bottom: -27px !important; top: auto !important; z-index: 6; pointer-events: none;
	filter: drop-shadow(0 6px 16px rgba(0,0,0,.65));
}
@media (max-width: 767px) { .aetherion .top-panel-container::after { width: 104px !important; height: 54px !important; margin-left: -52px !important; bottom: -19px !important; } }

/* --- ranking crest ------------------------------------------------------- */
.aetherion .aetherion-rank-crest { width: 96px; height: auto; opacity: .5; filter: drop-shadow(0 4px 12px rgba(0,0,0,.6)); pointer-events: none; transition: opacity .3s, transform .3s; }
.aetherion .top-list:hover .aetherion-rank-crest { opacity: .72; transform: scale(1.04); }

/* --- Facebook and Discord beside the language selector ------------------- */
.aetherion .top-panel .menu .aetherion-social { display: inline-flex !important; flex: 0 0 auto !important; gap: 6px; margin-left: auto !important; }
.aetherion .top-panel .menu .aetherion-language { margin-left: 8px !important; }
.aetherion-social__link { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(233,185,86,.32); border-radius: 3px; background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.4)); color: #f3d07a; font-size: 13px; transition: transform .18s, box-shadow .18s, color .18s, border-color .18s; }
.aetherion-social__link:hover { transform: translateY(-2px); border-color: var(--a-gold); color: #fff; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,.45), 0 0 18px rgba(233,185,86,.35); }
.aetherion-social__link--fb:hover { background: linear-gradient(180deg, rgba(66,103,178,.5), rgba(0,0,0,.45)); }
.aetherion-social__link--dc:hover { background: linear-gradient(180deg, rgba(88,101,242,.5), rgba(0,0,0,.45)); }
@media (max-width: 991px) { .aetherion .top-panel .menu .aetherion-social { order: 8; margin: 6px 6px 6px auto !important; } }

/* --- the emblem sits a touch higher in the hero -------------------------- */
.aetherion .aetherion-hero { background-position: center 20%; }
@media (max-width: 767px) { .aetherion .aetherion-hero { background-position: center 17%; } }

/* --- gilded 3D buttons --------------------------------------------------- */
/* One shared treatment for the site's own buttons and the CMS ones: a lit top
   edge, a shaded bottom lip that the button presses into, a gold frame and
   white lettering, plus a sheen that sweeps across on hover. */
.aetherion .aetherion-button,
.aetherion .btn-primary, .aetherion .special-btn, .aetherion .btn-login,
.aetherion .btn-danger, .aetherion .btn-warning,
.aetherion .aetherion-chat__form button[type="submit"],
.aetherion .aetherion-poll__option {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(233,185,86,.85) !important;
	border-radius: 3px;
	color: #ffffff !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.8);
	background-image: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 46%), linear-gradient(135deg, #a3202a, #5d1017) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,246,220,.55),
		inset 0 -3px 7px rgba(0,0,0,.45),
		0 3px 0 rgba(74,12,17,.95),
		0 9px 20px rgba(0,0,0,.45),
		0 0 16px rgba(233,185,86,.18) !important;
	transition: transform .16s ease, box-shadow .22s ease, filter .22s ease, border-color .22s ease;
}
.aetherion .aetherion-button::after,
.aetherion .btn-primary::after, .aetherion .special-btn::after, .aetherion .btn-login::after {
	content: ''; position: absolute; top: 0; left: -70%; width: 45%; height: 100%; pointer-events: none;
	background: linear-gradient(100deg, transparent, rgba(255,247,214,.42), transparent);
	transform: skewX(-18deg); transition: left .55s ease;
}
.aetherion .aetherion-button:hover::after,
.aetherion .btn-primary:hover::after, .aetherion .special-btn:hover::after, .aetherion .btn-login:hover::after { left: 125%; }
.aetherion .aetherion-button:hover,
.aetherion .btn-primary:hover, .aetherion .special-btn:hover, .aetherion .btn-login:hover,
.aetherion .btn-danger:hover, .aetherion .btn-warning:hover {
	transform: translateY(-2px);
	border-color: #ffe9a8 !important;
	filter: brightness(1.08);
	box-shadow:
		inset 0 1px 0 rgba(255,250,235,.7),
		inset 0 -3px 7px rgba(0,0,0,.4),
		0 5px 0 rgba(74,12,17,.95),
		0 14px 28px rgba(0,0,0,.5),
		0 0 30px rgba(233,185,86,.45) !important;
}
.aetherion .aetherion-button:active,
.aetherion .btn-primary:active, .aetherion .special-btn:active, .aetherion .btn-login:active,
.aetherion .btn-danger:active {
	transform: translateY(2px);
	box-shadow: inset 0 2px 8px rgba(0,0,0,.55), 0 1px 0 rgba(74,12,17,.95), 0 4px 12px rgba(0,0,0,.4), 0 0 14px rgba(233,185,86,.25) !important;
}
/* ghost / secondary keeps the frame and the lettering, drops the crimson fill */
.aetherion .aetherion-button--ghost {
	background-image: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 46%), linear-gradient(135deg, rgba(28,16,20,.92), rgba(12,9,13,.94)) !important;
}
.aetherion .aetherion-button--danger, .aetherion .btn-danger {
	background-image: linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0) 46%), linear-gradient(135deg, #d13a41, #7c1219) !important;
	border-color: rgba(255,208,208,.75) !important;
}
/* poll options are buttons too, but they must not look like call-to-actions */
.aetherion .aetherion-poll__option {
	border-color: rgba(233,185,86,.3) !important;
	background-image: none !important;
	background-color: rgba(0,0,0,.34) !important;
	color: #e4d8cf !important;
	text-shadow: none;
	box-shadow: inset 0 1px 0 rgba(255,246,220,.1) !important;
}
.aetherion .aetherion-poll__option:hover:not(:disabled) { border-color: var(--a-gold) !important; color: #fff !important; box-shadow: inset 0 1px 0 rgba(255,246,220,.2), 0 0 18px rgba(233,185,86,.2) !important; }
.aetherion .aetherion-poll__option.is-mine { border-color: var(--a-gold) !important; color: #fff3c6 !important; }
/* Buttons are anchors in several places — the theme's link underline has no place on them. */
.aetherion .aetherion-button, .aetherion .aetherion-button:hover, .aetherion .aetherion-button:focus,
.aetherion .btn-primary, .aetherion .btn-primary:hover, .aetherion .special-btn, .aetherion .special-btn:hover,
.aetherion .btn-login, .aetherion .btn-login:hover, .aetherion .aetherion-social__link,
.aetherion .aetherion-social__link:hover { text-decoration: none !important; }
/* The emblem hangs below the bar rather than sitting inside it — the menu is
   centred, so anything overlapping the middle would cover a label. */
.aetherion .top-panel-container::after { bottom: -56px !important; height: 72px !important; width: 138px !important; margin-left: -69px !important; }
@media (max-width: 767px) { .aetherion .top-panel-container::after { bottom: -40px !important; height: 52px !important; width: 100px !important; margin-left: -50px !important; } }

/* =====================================================================
   v16 — the background stage: two artworks breathing into each other now,
   a video later, with one tint and every effect layer riding on top.
   ===================================================================== */
.aetherion-bg { position: fixed; inset: 0; z-index: -3; overflow: hidden; pointer-events: none; background: #0a0709; }
.aetherion-bg__plate, .aetherion-bg__video { position: absolute; inset: 0; width: 100%; height: 100%; }
.aetherion-bg__video { object-fit: cover; }
.aetherion-bg__plate {
	background-position: center top; background-size: cover; background-repeat: no-repeat;
	opacity: 0; transform-origin: center 40%;
	animation: aetherionBgFade 48s ease-in-out infinite, aetherionBgDrift 48s ease-in-out infinite;
}
.aetherion-bg__plate--b { animation-delay: -24s, -24s; }
/* Each plate holds for ~20 s, then dissolves into the other over ~4 s. */
@keyframes aetherionBgFade { 0% { opacity: 1; } 44% { opacity: 1; } 50% { opacity: 0; } 94% { opacity: 0; } 100% { opacity: 1; } }
@keyframes aetherionBgDrift { 0% { transform: scale(1.02); } 48% { transform: scale(1.07); } 100% { transform: scale(1.02); } }
.aetherion-bg__tint { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,6,7,.36) 0%, rgba(10,6,7,.6) 36%, rgba(9,6,8,.88) 100%); }
@media (prefers-reduced-motion: reduce) { .aetherion-bg__plate { animation: none; opacity: 1; } .aetherion-bg__plate--b { opacity: 0; } }

/* No dead band at the very bottom any more: the footer and the content column
   are translucent, so the stage shows through all the way down. */
.aetherion #content { background: linear-gradient(180deg, transparent, rgba(0,0,0,.18)) !important; }
.aetherion #footer { background: linear-gradient(180deg, rgba(9,6,8,.55), rgba(6,4,6,.88) 45%, rgba(6,4,6,.94)) !important; border-top: 1px solid rgba(233,185,86,.24); }
.aetherion #footer::before { content: ''; position: absolute; top: -1px; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(233,185,86,.55), rgba(226,59,59,.5), rgba(233,185,86,.55), transparent); }
.aetherion #footer { position: relative; }
.aetherion .toTop-fon { background: none !important; }
.aetherion .toTop { border: 1px solid var(--a-gold) !important; background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0) 46%), linear-gradient(135deg, #a3202a, #5d1017) !important; box-shadow: inset 0 1px 0 rgba(255,246,220,.5), 0 4px 0 rgba(74,12,17,.9), 0 10px 22px rgba(0,0,0,.45), 0 0 18px rgba(233,185,86,.25) !important; transition: transform .18s, box-shadow .2s; }
.aetherion .toTop:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,250,235,.65), 0 6px 0 rgba(74,12,17,.9), 0 14px 28px rgba(0,0,0,.5), 0 0 28px rgba(233,185,86,.45) !important; }

/* --- Bronde across the interface ---------------------------------------- */
/* Everything that is a label, a button or a heading wears the display face.
   Running text — chat lines, forum posts, news bodies, form fields and the
   little help sentences — stays on Roboto so long sentences stay readable. */
.aetherion .top-panel .menu > li > a,
.aetherion .aetherion-language__toggle,
.aetherion .aetherion-button,
.aetherion .btn-primary, .aetherion .special-btn, .aetherion .btn-login, .aetherion .btn-danger, .aetherion .btn-warning,
.aetherion .aetherion-chat__form button, .aetherion .aetherion-poll__option,
.aetherion .aetherion-user-menu > li > a.user-menu-option,
.aetherion .aetherion-rank-badge, .aetherion .aetherion-title-badge,
.aetherion .aetherion-side-rank__badge, .aetherion .aetherion-elite__who small,
.aetherion .aetherion-stat span, .aetherion .aetherion-stat strong,
.aetherion .sidebar .online-stats p, .aetherion .sidebar .online-stats p.number,
.aetherion .aetherion-rank-row .forum-title, .aetherion .aetherion-elite__who strong,
.aetherion .aetherion-manage__text strong, .aetherion .aetherion-account__wallet span,
.aetherion .table thead th, .aetherion .thead-inverse th,
.aetherion #footer h5, .aetherion .footerColumn h5,
.aetherion .aetherion-event__state, .aetherion .aetherion-event h4,
.aetherion .aetherion-events__eyebrow, .aetherion .aetherion-poll__eyebrow,
.aetherion .r_title_pvp a, .aetherion .r_title_guilds a,
.aetherion .view_more, .aetherion .h-read-more-b,
.aetherion .aetherion-journey__classes span, .aetherion .aetherion-journey__social a,
.aetherion .aetherion-hero__scroll, .aetherion .aetherion-hero__eyebrow {
	font-family: 'Bronde', Georgia, serif;
}
/* Bronde is a display face: it needs a touch more size and a touch less tracking
   than Roboto did at the same slot, or the small labels turn to mush. */
.aetherion .top-panel .menu > li > a { font-size: clamp(10px, .85vw, 14px); letter-spacing: clamp(.01em, .06vw, .09em); }
.aetherion .aetherion-button { font-size: 12.5px; letter-spacing: .1em; }
.aetherion .aetherion-rank-badge { font-size: 11.5px; letter-spacing: .14em; }
.aetherion .sidebar .online-stats p { font-size: 11.5px; letter-spacing: .1em; }
.aetherion .aetherion-stat span { font-size: 11.5px; letter-spacing: .1em; }
.aetherion .aetherion-manage__text strong { font-size: 15.5px; letter-spacing: .02em; }
.aetherion .table thead th, .aetherion .thead-inverse th { font-size: 12.5px; letter-spacing: .08em; }
.aetherion .aetherion-rank-row .forum-title { font-size: 14.5px !important; letter-spacing: .02em; }
.aetherion .aetherion-user-menu > li > a.user-menu-option { font-size: 14px; letter-spacing: .03em; }
.aetherion .aetherion-language__toggle { font-size: 12.5px; letter-spacing: .08em; }
/* The tint used to ramp to 88% black at the bottom of the viewport, which is what
   turned the end of every page into a dead band. It is now an even veil with a
   soft vignette, so the artwork carries all the way down to the footer. */
.aetherion-bg__tint {
	background:
		radial-gradient(ellipse at 50% 42%, transparent 0 38%, rgba(8,5,8,.42) 100%),
		linear-gradient(180deg, rgba(10,6,7,.52) 0%, rgba(10,6,7,.4) 34%, rgba(10,6,7,.46) 100%);
}
.aetherion #content { background: none !important; }
/* The stage sits in the negative stacking layer, and a block-level background — the
   body's — paints *after* that layer. So the base colour lives on <html> and the
   body stays transparent; otherwise the artwork is buried under it. */
html { background: #0a0709 !important; }
body.aetherion { background: transparent !important; }