/* ==========================================================
   ATHENA x45 — Classic Interlude account panel redesign
   Visual-only override. Existing PHP/backend logic is intact.
   ========================================================== */
:root{--gold:#d7b46a;--gold2:#f0d28a;--ink:#0b0c0e;--panel:rgba(15,16,18,.94);--line:rgba(215,180,106,.24);--muted:#96938b;--text:#ece8de;--danger:#9f3d35}
*{box-sizing:border-box}
html,body{min-width:0!important;min-height:100%;}
body{padding:0!important;margin:0!important;background:#08090a url('../imgs/bg-top.jpg') center 15%/cover fixed no-repeat!important;color:var(--text);font-family:OpenSansRegular,Arial,sans-serif;position:relative}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,5,6,.93) 0%,rgba(6,7,8,.67) 42%,rgba(5,6,7,.42) 67%,rgba(4,5,6,.88) 100%)}
body:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.28) 45%,#08090a 100%)}
.athena-vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 180px 40px rgba(0,0,0,.7);z-index:0}
a,a:active,a:visited,a:link{color:var(--gold);transition:.2s ease}a:hover{color:var(--gold2)}
section,section.login{width:min(1080px,calc(100% - 40px))!important;min-height:620px!important;margin:120px auto 0!important;padding:0!important;border:1px solid var(--line)!important;border-radius:2px!important;background:linear-gradient(145deg,rgba(17,18,20,.96),rgba(10,11,13,.94))!important;box-shadow:0 30px 90px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.03)!important;position:relative;overflow:visible}
section.login{width:min(520px,calc(100% - 32px))!important;min-height:0!important;margin-top:155px!important;padding:48px 52px 42px!important;background:linear-gradient(155deg,rgba(17,18,20,.97),rgba(8,9,10,.96))!important}
section:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.75}
.athenaBrand{position:absolute;left:34px;top:-88px;height:66px;display:flex;align-items:center;gap:14px;text-shadow:0 2px 18px #000;z-index:3}.login .athenaBrand{left:50%;transform:translateX(-50%);top:-112px;white-space:nowrap}
.athenaCrest{width:54px;height:54px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid rgba(215,180,106,.6);background:linear-gradient(145deg,#1c1a16,#0c0d0e);box-shadow:0 0 30px rgba(215,180,106,.12)}.athenaCrest span{transform:rotate(-45deg);font-family:Georgia,serif;font-size:30px;color:var(--gold2);line-height:1}.athenaBrandText strong{display:block;font:700 30px/28px Georgia,serif;letter-spacing:7px;color:#eee8d9}.athenaBrandText span{display:block;margin-top:7px;font-size:10px;letter-spacing:3.2px;color:#9f9a8e}.athenaBrandText b{color:var(--gold2);font-weight:700}
.langs{width:auto!important;height:auto!important;top:-52px!important;right:0!important;padding:0!important;background:none!important;border-radius:0!important;display:flex!important;gap:6px}.langs a{filter:grayscale(1);opacity:.55;border:1px solid transparent!important}.langs a:hover,.en .langs a.en,.pt .langs a.pt,.es .langs a.es{filter:none;opacity:1;border-color:rgba(215,180,106,.35)!important}
.indexTitle{padding:0 0 10px!important;font:400 25px/1.25 Georgia,serif!important;letter-spacing:2px;text-transform:uppercase;color:#f0ece3!important}.indexTitle:after{content:"";display:block;width:46px;height:1px;margin:14px auto 0;background:var(--gold)}
.smallCenter{width:100%!important;margin:0!important;padding:12px 0 0!important;color:#aaa69c!important}.smallCenter>div[style]{color:#a7a39a!important;font-weight:normal!important;font-size:12px!important;letter-spacing:.5px}
.formpadrao{display:block!important;width:100%!important;margin:0 0 13px!important;padding:0!important;border:0!important;background:none!important}.formpadrao>div{display:block!important;width:100%!important;background:none!important}.formpadrao .desc{float:none!important;width:100%!important;height:auto!important;line-height:1!important;text-align:left!important;padding:0 0 8px!important;color:#aaa69d!important;font-size:10px!important;font-weight:bold!important;text-transform:uppercase;letter-spacing:1.4px}.formpadrao .camp{float:none!important;width:100%!important;height:auto!important;line-height:normal!important}.formpadrao .camp input[type=text],.formpadrao .camp input[type=password],.formpadrao .camp input[type=file],.formpadrao .camp select,.formpadrao textarea{width:100%!important;height:45px!important;margin:0!important;padding:0 14px!important;border:1px solid #343434!important;border-radius:2px!important;background:rgba(5,6,7,.72)!important;color:#eee!important;box-shadow:inset 0 1px 8px rgba(0,0,0,.28)!important;font-size:13px!important;transition:.2s ease}.formpadrao .camp input:focus,.formpadrao .camp select:focus,.formpadrao textarea:focus{outline:none!important;border-color:#9e8147!important;background:#111214!important;box-shadow:0 0 0 2px rgba(215,180,106,.08)!important}.formpadrao.errorc>div{background:none!important}.formpadrao.errorc .camp input{border-color:#9f3d35!important}
.formpadrao.captcha>div{display:flex!important;align-items:center;gap:8px}.formpadrao.captcha .desc{width:155px!important;padding:0!important}.formpadrao.captcha .desc img{margin:0!important;max-width:145px}.formpadrao.captcha .camp{flex:1}.formpadrao.captcha>a{width:32px}
.grayArea{width:100%!important;margin:13px 0!important;padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:2px!important;background:rgba(255,255,255,.025)!important;color:#817f79!important;font-size:11px}.grayArea a{font-size:11px!important}
.accessButton{display:block!important;width:100%!important;margin:18px 0 13px!important}
a.default,span.default,input.default,.accessButton input.default{width:100%!important;min-width:0!important;height:44px!important;padding:0 20px!important;border:1px solid #9c7d42!important;border-radius:2px!important;background:linear-gradient(180deg,#d3b168,#9c7a3e)!important;color:#12100c!important;box-shadow:inset 0 1px rgba(255,255,255,.28),0 8px 22px rgba(0,0,0,.22)!important;font:700 11px/42px OpenSansBold,Arial!important;letter-spacing:1.8px!important;text-transform:uppercase!important;transition:.2s ease!important}a.default:hover,span.default:hover,input.default:hover{background:linear-gradient(180deg,#efd18a,#b89049)!important;border-color:#d9b96f!important;color:#0b0b0b!important;transform:translateY(-1px)}
.registerForm{margin-top:4px}.registerForm+.rmsg{margin-top:15px}.rmsg{border-radius:2px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important;color:#aaa!important}.rmsg.error{border-color:rgba(159,61,53,.45)!important;background:rgba(159,61,53,.08)!important}.rmsg.warn{border-color:rgba(215,180,106,.3)!important;background:rgba(215,180,106,.05)!important}
/* Logged account panel */
section:not(.login){padding:18px!important}.loggedAs{width:auto!important;height:42px!important;top:-52px!important;left:auto!important;right:145px!important;padding:0!important;background:none!important;border-radius:0!important}.loggedAs>div{height:36px!important;line-height:36px!important;padding:0 76px 0 14px!important;background:rgba(10,11,12,.85)!important;border:1px solid var(--line);color:#bbb!important;border-radius:2px!important}.loggedAs a.default{width:28px!important;height:28px!important;line-height:27px!important;padding:0!important;margin:2px!important}
.grayBg{display:flex!important;width:100%!important;min-height:560px;background:transparent!important;border-radius:0!important;gap:18px}aside{width:225px!important;float:none!important;flex:0 0 225px;padding:12px 0;border-right:1px solid rgba(215,180,106,.12)}aside nav{padding-right:18px}aside nav>a,aside nav>span{display:block!important;width:100%!important;min-height:42px!important;margin:3px 0!important;padding:0 14px!important;border:1px solid transparent!important;border-radius:2px!important;background:transparent!important;color:#85827b!important;font-size:11px!important;font-weight:bold!important;line-height:42px!important;text-transform:uppercase;letter-spacing:.8px}aside nav>span>span{display:block!important}aside nav i{width:22px;color:#b39354!important}aside nav>*.actived,aside nav>a:hover,aside nav>span:hover{background:rgba(215,180,106,.07)!important;border-color:rgba(215,180,106,.18)!important;color:#e3ddcf!important}aside nav .dropdown{background:#090a0b!important;border:1px solid #2b2924!important;box-shadow:0 12px 30px rgba(0,0,0,.45)!important}aside nav .dropdown a{color:#999!important;background:transparent!important}aside nav .dropdown a:hover{color:var(--gold2)!important;background:#151515!important}
article{width:auto!important;min-width:0!important;min-height:540px!important;float:none!important;flex:1;padding:12px 4px 12px 8px!important;background:transparent!important;color:#aaa69c!important}ul.breadcrumb{margin:0 0 18px!important;padding:10px 13px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:2px!important}ul.breadcrumb li a{color:#aaa!important}.box{background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:2px!important}.box h1,section.black .box h1,section.blue .box h1,section.red .box h1,section.green .box h1,section.purple .box h1{height:42px!important;line-height:42px!important;margin-bottom:8px!important;border-radius:0!important;background:rgba(215,180,106,.08)!important;border-bottom:1px solid rgba(215,180,106,.15);color:#d7c69f!important;font-size:12px!important;text-transform:uppercase;letter-spacing:1px}.lines>div{border-color:rgba(255,255,255,.05)!important;color:#8e8a82!important}.lines>div.two{background:rgba(255,255,255,.018)!important}.lines>div span{color:#d6d0c4!important}
table.default{color:#aaa!important}table.default tr th{background:rgba(215,180,106,.12)!important;color:#d9c99f!important}table.default tr td{border-color:rgba(255,255,255,.06)!important;background:rgba(255,255,255,.02)!important}
footer{width:min(1080px,calc(100% - 40px))!important;padding:28px 0 35px!important;color:#55534e!important;font-size:10px!important;letter-spacing:1px!important;text-transform:uppercase}
#alerta{background:#111214!important;color:#bbb!important;border:1px solid var(--line)!important;box-shadow:0 20px 60px rgba(0,0,0,.6)!important}
@media(max-width:760px){section,section.login{width:calc(100% - 22px)!important;margin-top:125px!important}section.login{padding:38px 22px 30px!important}.athenaBrand{left:18px}.login .athenaBrand{left:50%}.athenaBrandText strong{font-size:24px;letter-spacing:5px}.athenaBrandText span{letter-spacing:2px}.langs{top:-40px!important}.grayBg{display:block!important}aside{width:100%!important;border-right:0!important;border-bottom:1px solid var(--line);padding-bottom:10px}aside nav{padding:0!important;display:flex;flex-wrap:wrap;gap:4px}aside nav>a,aside nav>span{width:calc(50% - 2px)!important;margin:0!important}article{padding:16px 0!important}.twoBox .box{float:none!important;width:100%!important;margin:0 0 14px!important}.loggedAs{display:none!important}}

/* ==========================================================
   ATHENA x45 — logged panel polish / menu interaction fix
   ========================================================== */
/* Top account controls */
.loggedAs{top:-62px!important;right:128px!important;height:44px!important;overflow:visible!important;z-index:20!important}
.loggedAs>div{display:flex!important;align-items:center!important;gap:8px!important;min-width:245px!important;height:40px!important;line-height:normal!important;padding:0 8px 0 14px!important;background:linear-gradient(180deg,rgba(18,19,21,.97),rgba(8,9,10,.97))!important;border:1px solid rgba(215,180,106,.28)!important;box-shadow:0 10px 30px rgba(0,0,0,.28)!important;color:#d5d0c5!important}
.loggedAs>div>i{color:var(--gold2)!important}
.loggedAs>div>div{position:static!important;margin-left:auto!important;display:flex!important;align-items:center!important;gap:5px!important}
.loggedAs a.default{display:flex!important;align-items:center!important;justify-content:center!important;float:none!important;width:30px!important;min-width:30px!important;height:30px!important;line-height:30px!important;margin:0!important;padding:0!important;border:1px solid rgba(215,180,106,.25)!important;background:rgba(215,180,106,.07)!important;color:#cdb77e!important;box-shadow:none!important;transform:none!important}
.loggedAs a.default:hover{border-color:rgba(240,210,138,.65)!important;background:rgba(215,180,106,.16)!important;color:#f0d28a!important;transform:none!important}
.loggedAs a.logout:hover{border-color:rgba(184,73,62,.7)!important;background:rgba(159,61,53,.18)!important;color:#e88c82!important}
.loggedAs a.default i{font-size:13px!important;line-height:1!important}

/* Sidebar: parent rows with dropdowns must grow with their children. The old
   theme forced height:42px which made Game Stats links overlap each other. */
aside nav>span{height:auto!important;min-height:42px!important;overflow:visible!important;padding:0!important;line-height:normal!important}
aside nav>span>span{height:42px!important;line-height:42px!important;padding:0 14px!important;position:relative!important;color:inherit!important}
aside nav>span>span:after{content:"\f107";font-family:FontAwesome;position:absolute;right:13px;top:0;color:#706b60;transition:transform .2s ease,color .2s ease}
aside nav>span>span.dropped:after{transform:rotate(180deg);color:var(--gold2)}
aside nav .dropdown{display:none;position:static!important;width:auto!important;height:auto!important;margin:0 8px 8px 12px!important;padding:5px!important;background:rgba(4,5,6,.58)!important;border:1px solid rgba(215,180,106,.13)!important;border-radius:2px!important;box-shadow:inset 0 1px rgba(255,255,255,.015)!important;overflow:hidden!important}
aside nav>span.actived .dropdown{display:block}
aside nav .dropdown a{display:flex!important;align-items:center!important;width:100%!important;height:34px!important;min-height:34px!important;line-height:34px!important;margin:0!important;padding:0 11px!important;border:0!important;border-left:2px solid transparent!important;border-radius:1px!important;background:transparent!important;color:#88857e!important;font-size:10px!important;font-weight:700!important;letter-spacing:.65px!important;text-transform:uppercase!important;white-space:nowrap!important;transition:.16s ease!important}
aside nav .dropdown a+a{border-top:1px solid rgba(255,255,255,.035)!important}
aside nav .dropdown a:hover{padding-left:14px!important;border-left-color:var(--gold)!important;background:rgba(215,180,106,.08)!important;color:#e8dcc0!important}
aside nav>span.actived>span{color:#e8dcc0!important;background:rgba(215,180,106,.04)!important}

/* Cleaner logged-in content proportions */
.grayBg{align-items:stretch!important}
aside{overflow:visible!important}
article{overflow:hidden!important}

@media(max-width:760px){
  .loggedAs{display:flex!important;position:relative!important;top:auto!important;right:auto!important;left:auto!important;width:100%!important;height:auto!important;margin:0 0 12px!important}
  .loggedAs>div{width:100%!important;min-width:0!important}
  aside nav>span{width:100%!important}
  aside nav .dropdown{margin:0 4px 7px!important}
  aside nav .dropdown a{white-space:normal!important}
}

/* ==========================================================
   ATHENA x45 — readability pass: Olympiad + character cards
   ========================================================== */
article h1{color:#e8e1d2!important;text-shadow:0 1px 2px #000!important}
.horMenu{margin:20px auto 24px!important}
.horMenu a{color:#a9a398!important;border-bottom:2px solid rgba(215,180,106,.18)!important;text-shadow:none!important;font-weight:700!important;letter-spacing:.5px!important}
.horMenu a:hover{color:#ead9b1!important;border-color:#9f8148!important}
.horMenu a.act{color:#f0d28a!important;border-color:#d7b46a!important;text-shadow:0 0 12px rgba(215,180,106,.18)!important}

table.default{border:1px solid rgba(215,180,106,.12)!important;background:rgba(7,8,9,.45)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
table.default tr th{padding:11px 8px!important;background:linear-gradient(90deg,rgba(124,96,47,.24),rgba(215,180,106,.11))!important;color:#ead8ad!important;border-bottom:1px solid rgba(215,180,106,.18)!important;text-shadow:0 1px #000!important}
table.default tr td,table.default tr td.foco,table.default tr.two td,table.default tr.two td.foco{padding:9px 8px!important;color:#d5d0c6!important;background:rgba(15,16,18,.82)!important;border-color:rgba(255,255,255,.055)!important;text-shadow:none!important}
table.default tr.two td,table.default tr.two td.foco{background:rgba(22,23,25,.82)!important}
table.default tr td.foco{color:#f0d28a!important;font-weight:700!important}
table.default tr:hover td{background:rgba(215,180,106,.065)!important;color:#f1ede5!important}

.mult{padding:4px 0 0!important}
.mult .selec{margin:8px auto 14px!important;padding:8px!important;background:rgba(5,6,7,.38)!important;border:1px solid rgba(255,255,255,.045)!important;border-radius:2px!important}
.mult .selec>*{width:80px!important;height:80px!important;padding:0!important;margin:0 3px!important;background:#111315!important;border:1px solid #292a2c!important;box-shadow:inset 0 0 18px rgba(0,0,0,.38)!important}
.mult .selec>span{background:linear-gradient(145deg,#151719,#0d0e10)!important}
.mult .selec>div:hover{background:#191b1d!important;border-color:rgba(215,180,106,.38)!important}
.mult .selec>div.actived{background:#171819!important;border-color:#b38e4d!important;box-shadow:0 0 0 1px rgba(215,180,106,.08),0 6px 18px rgba(0,0,0,.3)!important}
.mult .selec>div>img{width:78px!important;height:78px!important;object-fit:cover!important}
.mult .selec>div>div{left:0!important;right:0!important;bottom:0!important;width:100%!important;height:23px!important;line-height:23px!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9))!important;color:#fff3d3!important;font-size:10px!important}
.mult .infos,.mult .opts{width:100%!important;min-height:0!important;padding:12px!important;margin:0!important;background:rgba(8,9,10,.55)!important;border:1px solid rgba(215,180,106,.11)!important;border-radius:2px!important}
.mult .lines{width:50%!important;margin:0!important;padding:0 6px!important}
.mult .lines>div,.mult .lines>div.two{min-height:37px!important;padding:0 11px!important;line-height:37px!important;background:rgba(255,255,255,.025)!important;border-bottom:1px solid rgba(255,255,255,.055)!important;color:#aaa59b!important;font-size:12px!important}
.mult .lines>div.two{background:rgba(255,255,255,.045)!important}
.mult .lines>div span{float:right!important;color:#e3ded3!important;font-weight:700!important;text-shadow:0 1px #000!important}
.mult .lines:first-child{border-right:1px solid rgba(215,180,106,.08)!important}

@media(max-width:760px){.mult .lines{float:none!important;width:100%!important;padding:0!important}.mult .lines:first-child{border-right:0!important}.mult .selec>*{margin:2px!important}}