/* Athena2's cinematic pages. Account, commerce and admin layouts stay scoped. */
.home-page,.hall-page{--royal:#dfb661;--ivory:#f5e9cb;--bronze:#6e4929;background:radial-gradient(ellipse at 0% 40%,#47241324,transparent 40%),radial-gradient(ellipse at 100% 65%,#29404b20,transparent 40%),#100e0b}
.home-page .section,.hall-page .section{max-width:1280px;padding:70px 32px}
.home-page .section-heading{margin-bottom:36px;align-items:center}
.home-page .section-heading h2{font-size:clamp(25px,2.5vw,38px);font-weight:500;line-height:1.35;color:var(--ivory)}
.home-page .eyebrow,.hall-page .eyebrow{letter-spacing:.23em;color:#d6b374;font-size:10px}
.home-page .button,.hall-page .button{border-radius:3px;min-height:46px;font-size:11px;letter-spacing:.06em;transition:box-shadow .25s,border-color .25s,background .25s,transform .25s}
.home-page .button.gold{background:linear-gradient(180deg,#ffe9ad,#e4b65d 48%,#c68b35);border:1px solid #ffda8a;box-shadow:inset 0 0 0 3px #58321024,0 5px 24px #ab67132e;color:#241608}
.home-page .button.gold:hover{box-shadow:inset 0 0 0 3px #58321024,0 7px 35px #d8923b60;transform:translateY(-2px)}
.home-page .button.subtle,.hall-page .button.subtle{border-color:#8c673a;background:#19130cc9;color:#efd09a}
.home-page .button.subtle:hover,.hall-page .button.subtle:hover{background:#312213;border-color:#dbb16a}
.home-page .server-summary{margin:0;padding:10px 15px;background:#0e0c09;border-bottom:1px solid #6c4e283d;font-size:10px;letter-spacing:.04em}
.home-page .server-summary .badge{border:0;background:transparent;font-size:10px;padding:0 8px;color:#c6b38f}
.home-page .hero.slider{margin:0;height:clamp(680px,48vw,840px);min-height:680px;border:0;border-bottom:1px solid #b78646;border-radius:0;display:flex;align-items:center;background:#18130f;overflow:hidden}
.home-page .hero-art{overflow:hidden}
.home-page .hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity 1.8s ease,transform 8s linear;object-position:center}
.home-page .hero-slide:first-child:not([aria-hidden]){opacity:1}
.home-page .hero-slide.is-active{opacity:1;transform:scale(1)}
.home-page .hero.slider .hero-shade{background:linear-gradient(90deg,#110b0626,transparent 20%,#100d105c 38%,#100d1073 50%,#100d105c 62%,transparent 80%,#110b0626),linear-gradient(0deg,#100e0b 0%,#100e0b66 13%,transparent 48%,#110c0733)}
.hero-frame{pointer-events:none;position:absolute;inset:20px;z-index:2;border:1px solid #eac27c40;clip-path:polygon(0 0,30% 0,30% 1px,70% 1px,70% 0,100% 0,100% 100%,70% 100%,70% calc(100% - 1px),30% calc(100% - 1px),30% 100%,0 100%)}
.hero-frame:before,.hero-frame:after{content:"";position:absolute;width:40px;height:40px;border-color:#e7bc72;border-style:solid;opacity:.8}
.hero-frame:before{left:5px;top:5px;border-width:2px 0 0 2px}.hero-frame:after{right:5px;bottom:5px;border-width:0 2px 2px 0}
.home-page .hero.slider .hero-copy{position:relative;margin:auto;padding:36px 24px 70px;width:min(100%,740px);z-index:3}
.home-page .hero-oath{display:flex;align-items:center;justify-content:center;gap:18px;font-size:10px;letter-spacing:.32em;margin:0 0 18px;text-shadow:0 2px 5px #000;color:#ffe4b0}
.hero-oath:before,.hero-oath:after{content:"";width:42px;height:1px;background:linear-gradient(90deg,transparent,#e7bc72)}.hero-oath:after{transform:rotate(180deg)}
.home-page .hero-logo{width:clamp(290px,29vw,440px);margin-bottom:8px;filter:drop-shadow(0 5px 18px #0009)}
.home-page .hero.slider h1{font-size:clamp(38px,4vw,64px);line-height:1.12;font-weight:500;margin:0 0 22px;text-shadow:0 3px 30px #000b;color:#fff4dc}
.home-page .hero.slider h1 em{color:#ffd58a}
.home-page .hero.slider .hero-copy>p{font-size:14px;line-height:1.8;color:#ece3d2;max-width:430px;text-shadow:0 2px 7px #000}
.home-page .hero.slider .actions{margin-top:28px;gap:12px}
.home-page .hero.slider .button{padding:16px 26px;min-height:52px;font-weight:700}
.home-page .hero.slider .button.glass{background:#15100bba;border-color:#c8a36b85;backdrop-filter:blur(5px);color:#ffe9bd}
.home-page .hero-caption{letter-spacing:.08em;font-size:10px}
.home-page .slider-controls{bottom:20px;z-index:4}
.home-page .slider-controls [data-slide] span{border-radius:0;transform:rotate(45deg);width:6px;height:6px}
.home-page .slider-controls [data-slide][aria-pressed=true] span{transform:rotate(45deg) scale(1.4);box-shadow:0 0 12px #f6cc6d99}
.hero-embers{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.hero-embers i{position:absolute;bottom:3%;left:17%;width:3px;height:3px;border-radius:50%;background:#ffc068;box-shadow:0 0 10px 2px #f09a415c;opacity:0;animation:athena-ember 8s linear infinite}
.hero-embers i:nth-child(2){left:32%;animation-delay:2s}.hero-embers i:nth-child(3){left:68%;animation-delay:4.5s}.hero-embers i:nth-child(4){left:84%;animation-delay:1s}.hero-embers i:nth-child(5){left:9%;animation-delay:5.5s}.hero-embers i:nth-child(6){left:58%;animation-delay:3.5s}
@keyframes athena-ember{0%{transform:translate(0,0);opacity:0}20%{opacity:.7}80%{opacity:.5}100%{transform:translate(40px,-360px);opacity:0}}
.home-page .stat-strip{position:relative;max-width:1216px;margin:0 auto;padding:32px 0 36px;background:radial-gradient(ellipse at top,#5b381a38,transparent 70%);border-bottom:1px solid #ad7b3a45}
.home-page .stat-strip:after{content:"◆";position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);background:#100e0b;color:#b98c4c;font-size:13px;padding:0 16px}
.home-page .stat-strip strong{font:500 clamp(28px,3vw,42px)/1.25 Cinzel,Georgia,serif;color:#edc980;text-shadow:0 2px 15px #b96c1b33}
.home-page .stat-strip span{font-size:11px;letter-spacing:.04em;color:#bba888}
.home-page .stat-strip div{border-color:#80603940}
.home-page .latest-news{padding-bottom:40px}
.home-page .news-card{border-radius:3px;border-color:#745332;background:linear-gradient(135deg,#272016,#16120e);box-shadow:0 14px 40px #0005}
.home-page .news-copy{position:relative}.home-page .news-copy:before{content:"";position:absolute;top:17px;right:17px;width:22px;height:22px;border-top:1px solid #ba8c4c;border-right:1px solid #ba8c4c}
.home-page .news-copy h3{color:#f1dcaf;font-weight:500;font-size:25px}
.home-page .news-image img{transition:transform .7s ease}.home-page .news-image:hover img{transform:scale(1.035)}
.home-page .empty{padding:30px;background:linear-gradient(110deg,#231b12,#15110e);border:1px solid #614727;color:#bfac8a;border-radius:2px;text-align:center}
.home-page .world-story{position:relative;gap:64px;padding-top:85px;padding-bottom:75px}
.home-page .world-story h2{font-size:clamp(29px,3vw,43px);font-weight:500;line-height:1.25;color:#f4dfb7;margin-bottom:24px}
.home-page .world-story p{color:#c0ae91;line-height:1.9;font-size:14px}
.home-page .world-art{aspect-ratio:1.13;object-position:74% center;border:1px solid #b88b4b;border-radius:2px;box-shadow:12px 12px 0 -2px #17120d,12px 12px 0 -1px #74552f,0 20px 55px #0009;filter:saturate(.9)}
.home-page .rules-tags{gap:12px 18px;border-top:1px solid #69492a66;padding-top:23px}
.home-page .rules-tags span{padding:0;background:transparent;border:0;color:#d8bb87;font-size:11px}.home-page .rules-tags span:before{content:"◆";font-size:6px;color:#b48341;margin-right:9px;vertical-align:middle}
.home-page .game-details{gap:0;border-top:1px solid #74522b;border-bottom:1px solid #74522b;background:linear-gradient(180deg,#2d211348,transparent)}
.home-page .game-detail{position:relative;background:none;border:0;border-right:1px solid #74522b77;border-radius:0;padding:32px;box-shadow:none}
.home-page .game-detail:last-child{border:0}.home-page .detail-number{font-size:32px;color:#b68749;margin-bottom:24px;font-weight:400}
.home-page .game-detail h3{font-size:21px;font-weight:500;color:#ecd3a5}.home-page .game-detail p{font-size:13px;color:#b9a88b}
.home-page .features{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.home-page .feature{position:relative;isolation:isolate;overflow:hidden;border-radius:3px;border-color:#795431;min-height:360px;display:flex;flex-direction:column;justify-content:end;padding:32px;background:#21180f;transition:border-color .3s,transform .3s}
.home-page .feature:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/athena2-night-v2.png') 6% center/auto 100%;opacity:.54;transition:transform .6s}
.home-page .feature:nth-child(2):before{background-image:url('/assets/athena2-moon.png');background-position:65% center}
.home-page .feature:nth-child(3):before{background-image:url('/assets/athena2-dusk-v2.png');background-position:97% center}
.home-page .feature:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#130e09 3%,#130e09c9 55%,transparent)}
.home-page .feature:hover{border-color:#edc17b;transform:translateY(-4px)}.home-page .feature:hover:before{transform:scale(1.05)}
.home-page .feature-no{color:#f3c780;letter-spacing:.18em;font-size:10px;margin-bottom:16px}
.home-page .feature h3{font-size:26px;font-weight:500;color:#fff0d0}.home-page .feature p{font-size:13px;color:#cdbb9d;line-height:1.85;margin-bottom:20px}
.home-page .feature .text-link{font-size:11px;color:#efc780;border-top:1px solid #c4954e50;padding-top:16px}
.home-page .champions-teaser{padding-top:80px;padding-bottom:100px}
.home-page .join{position:relative;isolation:isolate;overflow:hidden;padding:85px 24px 95px;border-block:1px solid #a3723a77;background:linear-gradient(90deg,#110d09ed,#110d0999,#110d09ed),url('/assets/athena2-dusk-v2.png') center 70%/cover}
.home-page .join h2{font-size:clamp(30px,3.6vw,48px);font-weight:500;color:#f8e3bc;margin-bottom:18px;line-height:1.25}
.home-page .join p{color:#cdb797;font-size:14px;margin-bottom:28px}
.hall-page{min-height:75vh;background:linear-gradient(180deg,#100e0b55,#100e0b 600px),url('/assets/athena2-night-v2.png') center top/auto 640px no-repeat,#100e0b}
.hall-page .page-heading{padding:70px 24px 5px;background:radial-gradient(ellipse,#100e0bd9,transparent 70%)}
.hall-page .page-heading h1{font-size:clamp(34px,4.5vw,62px);font-weight:500;color:#f7e4bc;text-shadow:0 4px 20px #000}
.hall-page .page-heading p{font-size:13px;color:#d0bd9b}.hall-actions{text-align:center;margin-top:48px}
.royal-podium{align-items:end;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.royal-podium .champion{--aura:95,130,164;--empire:#a2bbd0;position:relative;isolation:isolate;border:1px solid #80623b;border-radius:3px;background:linear-gradient(180deg,#312519,#16110d 60%);box-shadow:0 20px 45px #0006;overflow:hidden}
.royal-podium .empire-1{--aura:171,62,49;--empire:#e9a692}.royal-podium .empire-2{--aura:189,147,63;--empire:#e8ce8c}
.royal-podium .champion:before{content:"";position:absolute;inset:8px;border:1px solid #af895b26;pointer-events:none;z-index:2}
.royal-podium .champion-rank{top:24px;left:25px;font:400 38px/1.2 Cinzel,Georgia,serif;color:#dbb575;z-index:2;text-align:left}
.royal-podium .champion-rank>span{display:block;font:9px/1.8 system-ui;letter-spacing:.15em;text-transform:uppercase;color:#bda580}
.champion-crown{position:absolute;right:25px;top:32px;width:43px;height:30px;stroke:#efc87a;stroke-width:1.5;fill:#a7752020;z-index:2;filter:drop-shadow(0 0 12px #d9a63c44)}
.champion-stage{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 55%,rgba(var(--aura),.18),transparent 68%);margin-top:24px}
.stage-halo{position:absolute;top:65px;left:12%;width:76%;aspect-ratio:1;border:1px solid #d5ac5b26;border-radius:50%;z-index:-1;box-shadow:inset 0 0 55px #b1831e0d}
.stage-halo:before{content:"";position:absolute;inset:9px;border:1px dashed #d5ac5b24;border-radius:50%}
.champion-stage:after{content:"";position:absolute;bottom:20px;left:15%;width:70%;height:35px;border:1px solid #d6a85d55;border-radius:50%;background:radial-gradient(ellipse,#bd86282c,transparent 65%);z-index:-1;box-shadow:0 5px 0 -1px #1c130c,0 6px 0 0 #8c64352b}
.royal-podium .character-view{display:block;width:100%;height:380px;position:relative;touch-action:pan-y;outline-offset:-10px}
.royal-podium .character-view[hidden]{display:none}.royal-podium .character-view:focus-visible{outline:1px solid #e3bf7f}
.royal-podium .model-status{position:relative;min-height:17px;margin:0 22px 22px;font:10px/1.7 system-ui;letter-spacing:.04em;color:#c7b18b}
.royal-podium .champion-copy{position:relative;border-top:1px solid #8b663c55;padding:26px 20px 30px;background:linear-gradient(180deg,#33231460,transparent)}
.royal-podium .champion-copy:before{content:"◆";position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#21180f;padding:0 9px;color:#bd985a;font-size:11px}
.royal-podium .champion-copy .eyebrow{color:var(--empire);font-size:9px;letter-spacing:.28em}
.royal-podium .champion-copy h2{color:#f4e6c9;font:500 clamp(24px,2.5vw,33px)/1.4 Cinzel,Georgia,serif;margin:12px 0 8px;overflow-wrap:anywhere}
.royal-podium .champion-copy p{font-size:12px;color:#bdab8c;margin:0}.champion-level{white-space:nowrap}
.royal-podium:has(.place-3) .place-1{grid-column:2;grid-row:1}.royal-podium:has(.place-3) .place-2{grid-column:1;grid-row:1}.royal-podium:has(.place-3) .place-3{grid-column:3;grid-row:1}
.royal-podium .place-1{border-color:#d6ab62;box-shadow:0 0 38px #c68b2420,0 20px 45px #0006;background:linear-gradient(180deg,#43301c,#19130d 60%)}
.royal-podium .place-1 .character-view{height:425px}
@media(min-width:851px){.royal-podium:not(:has(.place-2)){grid-template-columns:minmax(0,400px);justify-content:center}.royal-podium:has(.place-2):not(:has(.place-3)){grid-template-columns:repeat(2,minmax(0,400px));justify-content:center}}
@media(max-width:1050px){.home-page .hero.slider{min-height:650px;height:650px}.home-page .hero.slider h1{font-size:48px}.home-page .world-story{gap:36px}.home-page .game-detail{padding:24px}.home-page .feature{padding:24px}.royal-podium{gap:14px}.royal-podium .character-view{height:340px}.royal-podium .place-1 .character-view{height:380px}}
@media(max-width:850px){.home-page .section,.hall-page .section{padding:48px 24px}.home-page .hero.slider .hero-copy{padding-top:30px}.home-page .hero-logo{width:330px}.home-page .world-story{grid-template-columns:1fr 1fr;gap:28px}.home-page .world-art{aspect-ratio:.8}.home-page .game-details{grid-template-columns:1fr}.home-page .game-detail{border-right:0;border-bottom:1px solid #74522b77;display:grid;grid-template-columns:45px 1fr;gap:0 20px}.home-page .game-detail .detail-number{grid-row:1/3}.home-page .game-detail p{grid-column:2}.home-page .features{grid-template-columns:1fr}.home-page .feature{min-height:270px;padding:32px;max-width:none}.home-page .feature:before{background-size:cover;background-position:center 40%}.home-page .feature:after{background:linear-gradient(90deg,#130e09f2,#130e09b0,transparent)}.home-page .feature h3,.home-page .feature p{max-width:420px}.royal-podium,.champions.royal-podium{grid-template-columns:1fr;max-width:440px;margin:auto;gap:25px}.royal-podium:has(.place-3) .champion{grid-column:auto;grid-row:auto}.royal-podium .character-view,.royal-podium .place-1 .character-view{height:390px}.hall-page .page-heading{padding-top:50px}.home-page .stat-strip{margin:0 24px}}
@media(max-width:580px){.home-page .hero.slider{height:auto;min-height:640px}.home-page .hero.slider .hero-copy{padding:45px 26px 70px}.home-page .hero-logo{width:290px;margin-bottom:20px}.home-page .hero.slider h1{font-size:39px}.home-page .hero.slider .hero-copy>p{font-size:13px}.home-page .hero.slider .actions{gap:10px}.home-page .hero.slider .button{padding:13px 15px;font-size:10px;min-height:46px}.home-page .hero-slide{object-position:center;opacity:0}.home-page .hero.slider .hero-shade{background:linear-gradient(0deg,#100e0b,#100e0b66 35%,#100e0b44 85%,#100e0b33)}.home-page .hero-oath{font-size:8px;gap:10px;letter-spacing:.22em}.hero-oath:before,.hero-oath:after{width:22px}.hero-frame{inset:10px}.home-page .stat-strip{padding:28px 0;gap:25px;grid-template-columns:repeat(2,1fr)}.home-page .stat-strip strong{font-size:31px}.home-page .stat-strip span{font-size:10px}.home-page .section,.hall-page .section{padding:40px 20px}.home-page .section-heading{gap:18px;align-items:start}.home-page .section-heading h2{font-size:27px}.home-page .world-story{grid-template-columns:1fr;padding-bottom:56px}.home-page .world-art{aspect-ratio:1.6;width:calc(100% - 12px)}.home-page .world-story h2{font-size:32px}.home-page .world-story p{font-size:13px}.home-page .game-detail{padding:24px 16px;grid-template-columns:34px 1fr;gap:0 12px}.home-page .game-detail h3{font-size:19px}.home-page .game-detail p{font-size:12px}.home-page .detail-number{font-size:25px}.home-page .feature{min-height:300px;padding:27px}.home-page .feature h3{font-size:25px}.home-page .join{padding:65px 24px}.home-page .join h2{font-size:33px}.home-page .join p{font-size:13px}.royal-podium .character-view,.royal-podium .place-1 .character-view{height:360px}.hall-page .page-heading p{font-size:12px;max-width:310px;margin:0 auto}.royal-podium .champion-copy h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.hero-embers{display:none}.home-page .hero-slide{transition:none;transform:none}.home-page .feature:hover,.home-page .feature:hover:before,.home-page .button.gold:hover{transform:none}}