/* Composição da opção A. Decoração independente do conteúdo e controles. */
body{background:#031324 url('assets/background-refined.png') center top/cover fixed no-repeat}
.site-shell{max-width:1120px;margin:auto;background:transparent}
.hero-banner{height:420px;overflow:visible;border:0;box-shadow:none;background:transparent;z-index:2}
.hero-art{object-fit:cover;object-position:50% 35%;mask-image:linear-gradient(#000 88%,transparent)}
.hero-shade{display:none}.hero-brand{bottom:-15px;width:500px;left:55%;max-width:60%;z-index:5}.hero-logo{display:block;width:100%;height:auto;max-height:215px;object-fit:contain;filter:drop-shadow(0 5px 3px #0009)}.hero-brand h1,.hero-brand p{display:none}
.hero-banner--compact{height:330px}.hero-banner--compact .hero-brand{bottom:-38px}
.home-grid{width:100%;padding:0 26px 38px;grid-template-columns:29% minmax(0,1fr) 23%;gap:7px;position:relative;z-index:3;align-items:start}
.sidebar,.panel,.paper-panel,.rail-cta,.content-panel{border:22px solid transparent;border-image:url('assets/ice-frame-refined.png') 280 round;border-radius:0;box-shadow:0 6px 14px #020b18aa,0 0 7px #37bfff40,inset 0 0 14px #00172d35;background-clip:padding-box;overflow:visible}
.sidebar{position:relative;top:auto;max-height:none;margin-top:-50px;background:#071c31}.side-brand{height:150px;padding:0;border:0;display:flex;align-items:center;justify-content:center;background:transparent}.side-brand img{width:110%;max-width:110%;object-fit:contain}.side-brand strong,.side-brand span{display:none}.side-actions{padding:0 0 7px;gap:8px;border:0}
.button{font:700 19px Georgia,serif;letter-spacing:0;min-height:48px;border:3px double #ebd391;border-radius:4px;box-shadow:inset 0 0 0 2px #153e69,inset 0 1px 8px #6ebaff,0 3px 4px #0008;background:linear-gradient(#087be6,#003770);text-shadow:0 2px 2px #001c3e}
.button.ice{color:#fff;border-color:#eacb7b;background:linear-gradient(#0785f5,#0051a5 45%,#002d65);box-shadow:inset 0 0 0 2px #268fd7,inset 0 1px 8px #82caff,0 3px 4px #0008}.button.gold{color:#101821;background:linear-gradient(#ffedaa,#f5c64c 48%,#bc7a18);text-shadow:0 1px #ffefa6;box-shadow:inset 0 0 0 2px #f6de82,inset 0 0 9px #9b640c,0 3px 4px #0008}.button .fa-solid{font-size:23px}
.side-nav{padding:0;margin-top:5px;border-top:1px solid #adc5d6}.primary-link{padding:10px 8px;margin:0;min-height:60px;font-size:18px;border-radius:0;border:0;border-bottom:1px solid #7697ac;background:transparent;color:#f7dea4}.nav-icon{font-size:27px;width:36px;filter:drop-shadow(0 2px 2px #000);color:#f7bf4e}.nav-group{border:0;margin-top:6px;background:transparent}.nav-group summary{font:12px Georgia,serif;padding:8px}.nav-items{padding-left:15px}
.paper-panel,.content-panel{background:#f9eccf;color:#081b2c;border-width:17px}.home-main{padding-top:0}.news-panel{min-height:357px}.news-panel .panel-heading{background:transparent;color:#071b2a;border-bottom:1px solid #decaa3;box-shadow:none;padding:4px 5px 11px;min-height:40px}.panel-heading h2{font-size:22px;letter-spacing:0}.news-panel .text-link{font:12px Georgia,serif;color:#80562a;text-transform:none}.home-news-list{padding:0 3px}
.home-news-item{grid-template-columns:30% minmax(0,1fr);gap:11px;min-height:72px;padding:7px 0}.home-news-item>img{height:62px;object-fit:cover;border:1px solid #8c7858;border-radius:3px}.home-news-copy{display:flex;align-items:center;gap:8px;justify-content:space-between}.home-news-copy time{order:2;white-space:nowrap;font:10px Georgia,serif;color:#92602d;letter-spacing:0}.home-news-copy h3{font:12px/1.35 Georgia,serif;margin:0;color:#092846}.home-news-copy p{display:none}
.welcome-panel{margin-top:0;padding:0 4px 18px}.welcome-panel h2{font-size:25px;margin:0 0 10px;white-space:nowrap}.welcome-image{height:244px;border-radius:0}.welcome-panel>p{font:12px Georgia,serif;letter-spacing:0;margin-top:16px;color:#684126}.home-footer{font:10px Georgia,serif;text-align:center;text-shadow:0 2px #000}
.right-rail{gap:0}.panel{background:#061b31}.right-rail .panel-heading{background:transparent;color:#fff4dd;border-bottom:1px solid #96b9ca;padding:0 0 8px;min-height:32px;justify-content:center;box-shadow:none}.right-rail .panel-heading h2{font-size:19px}.status-live{display:none}.world-stats{padding:0;font:12px Arial,sans-serif}.world-online{color:#fff;padding:9px 0;font:18px Georgia,serif;gap:9px;white-space:nowrap}.world-online strong{margin:0;font:bold 18px Georgia,serif}.world-online i{height:15px;width:15px;background:#63ee00}.world-stats>div:not(.world-online){padding:6px 0}.world-stats>div b{color:white}.world-stats small{font-size:9px;text-align:center;margin:4px 0 0}
.rank-tabs{padding:6px 0 0;gap:1px}.rank-tab{font:12px Georgia,serif;min-height:32px;border-radius:0}.ranking-list{padding:6px 0;font:12px Arial,sans-serif;gap:4px}.ranking-list li{min-height:22px}.rank-position{background:#001327;border-radius:50%;text-align:center;color:#ffcb3d}.ranking-list strong{color:#fff}.right-rail .rankings-panel>.button{margin:5px 0 0;min-height:30px;font:12px Arial,sans-serif;border:1px solid #abc5dc}
.rail-cta{min-height:254px;padding:55px 0 0;background:#061a30 url('assets/quartz-city.png') center/cover no-repeat;gap:7px;align-content:end}.rail-cta p{font:14px Georgia,serif;text-shadow:0 2px 3px #000;margin:0}.rail-cta strong{display:block;font:27px Georgia,serif;color:#f5cf64;text-shadow:0 2px #000;margin:0 0 3px}.rail-cta .button{font-size:18px;min-height:43px}.internal-shell .home-grid{padding-top:0}.page-title{background:transparent;color:#102a40;box-shadow:none;border-bottom-color:#d5bc8e}.page-title h1{color:#102a40;text-shadow:none}.page-title p{color:#5f604f}.page-title .eyebrow{color:#98703a}.content-body{padding:14px 4px}
@media(min-width:761px) and (max-width:1000px){.hero-banner{height:330px}.hero-banner--compact{height:280px}.hero-brand{width:420px;bottom:-35px}.home-grid{padding:0 15px 25px;grid-template-columns:28% minmax(0,1fr) 23%;gap:3px}.sidebar{margin-top:-38px;border-width:17px}.side-brand{height:110px}.primary-link{min-height:50px;font-size:15px}.nav-icon{font-size:23px}.button{font-size:17px;min-height:44px}.paper-panel,.content-panel{border-width:13px}.panel,.rail-cta{border-width:15px}.news-panel{min-height:290px}.home-news-item{min-height:59px;gap:8px}.home-news-item>img{height:49px}.home-news-copy h3{font-size:10px}.home-news-copy time{font-size:8px}.welcome-panel h2{font-size:20px}.welcome-image{height:190px}.welcome-panel>p{font-size:10px}.right-rail .panel-heading h2{font-size:15px}.world-online,.world-online strong{font-size:15px}.world-stats{font-size:10px}.ranking-list{font-size:10px}.rail-cta{min-height:222px}.rail-cta strong{font-size:23px}.rail-cta .button{font-size:15px}}
@media(max-width:760px){.site-shell{width:100%}.hero-banner,.hero-banner--compact{height:260px}.hero-art{object-fit:cover}.hero-brand{max-width:88%;width:380px;left:50%;bottom:-35px}.home-grid{display:flex;flex-direction:column;padding:25px 10px 25px;gap:6px}.mobile-utility{display:flex;width:100%;justify-content:space-between}.mobile-menu-toggle{min-height:32px;font-size:12px}.sidebar{width:100%;margin:0;order:1}.side-brand{height:100px}.side-brand img{width:260px}.side-nav{display:block}.primary-link{min-height:48px;font-size:16px}.nav-icon{font-size:23px}.home-main{width:100%;order:2}.right-rail{display:grid;grid-template-columns:1fr 1fr;width:100%;order:3}.news-panel{min-height:0}.home-news-item{min-height:68px}.home-news-item>img{height:55px}.home-news-copy h3{font-size:12px}.home-news-copy time{font-size:9px}.welcome-panel h2{font-size:22px;white-space:normal}.welcome-image{height:230px}.welcome-panel>p{font-size:10px}.rail-cta{grid-column:1/-1;min-height:240px;background-position:50% 45%}.rail-cta .button{max-width:280px;width:100%;justify-self:center}}
@media(max-width:420px){.hero-banner,.hero-banner--compact{height:220px}.right-rail{grid-template-columns:1fr}.home-news-copy{display:block}.home-news-copy time{display:block;margin-top:4px}.paper-panel,.content-panel{border-width:14px}.welcome-image{height:200px}}

/* O brasão cruza o banner e a borda superior, sem bloquear controles. */
.hero-banner{z-index:4;pointer-events:none}.hero-banner--compact .hero-brand{bottom:-15px}
@media(min-width:761px) and (max-width:1000px){.hero-brand{bottom:-12px}}
@media(max-width:760px){.hero-brand,.hero-banner--compact .hero-brand{bottom:-15px}}
/* Densidade medida na referência de 840 px. */
@media(min-width:761px) and (max-width:1000px){
.home-grid{padding-left:34px;padding-right:22px;grid-template-columns:28% minmax(0,1fr) 23%}
.news-panel{min-height:0}.news-panel .panel-heading{min-height:32px;padding:0 4px 7px}.news-panel .panel-heading h2{font-size:20px}
.home-news-item{min-height:56px;padding:4px 0}.home-news-item>img{height:48px}.home-news-copy time{font-size:9px}.home-news-copy h3{font-size:11px}
.world-stats>div:not(.world-online){padding:4px 0}.world-online{padding:6px 0}.world-stats small{margin-top:3px;font-size:7px}
.right-rail .panel-heading{min-height:25px;padding-bottom:5px}.rank-tabs{padding-top:3px}.rank-tab{min-height:25px;font-size:10px}.ranking-list{gap:1px;padding:4px 0}.ranking-list li{min-height:19px}
.rail-cta{min-height:215px}.rail-cta .button{min-height:39px}.welcome-panel{padding-bottom:18px}.welcome-image{height:200px}
}
.class-banner{position:relative;min-height:210px;background:url('assets/five-classes-hero-eyes-fixed.png') center/cover;border:1px solid #8baac0}.quartz-banner{background-image:url('assets/quartz-city.png')}.class-banner-label{position:absolute;inset:auto 0 0;background:#041523c9;color:white;padding:14px}.class-banner-label h2{color:white;margin:4px 0}.class-banner-label p{color:#cddce6}
.article-art img{width:100%;height:100%;object-fit:cover}.article-art-large{display:block;height:230px}.article-art-large img{height:100%;width:100%;object-fit:cover}

.hero-wordmark{display:none}.sidebar,.panel,.paper-panel,.rail-cta,.content-panel{border-image-outset:5px;border-image-width:28px}.button.small{font-size:12px;min-height:30px}.button:focus-visible,.primary-link:focus-visible{outline:2px solid #ffe5a0;outline-offset:4px}


/* Language selector: compact, legible over either half of the hero art. */
.language-switcher{position:absolute;z-index:8;top:14px;right:16px;pointer-events:auto;display:block;padding:5px;border:1px solid #cba65a;border-radius:8px;background:linear-gradient(145deg,#f9efd5f2,#d9ebf5f2);box-shadow:0 2px 9px #04152399,inset 0 0 0 1px #fff9}
.language-switcher[hidden]{display:none}
.language-switcher select{min-width:142px;padding:7px 28px 7px 9px;border:1px solid #36516a;border-radius:5px;background:#f6ecd3;color:#102840;font:600 13px Georgia,serif;cursor:pointer}
.language-switcher select:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.language-switcher{top:8px;right:8px;padding:3px}.language-switcher select{min-width:118px;padding:6px 20px 6px 7px;font-size:11px}}
/* r21: looping event video with a readable animated XP message. */
.welcome-image.welcome-video-stage { position:relative; isolation:isolate; background:#071728; color:#fff; text-decoration:none; }
.welcome-video-stage > .welcome-video { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; background:#071728; }
.welcome-video-stage > .welcome-video-shade { position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(4,15,27,.02) 18%,rgba(4,15,27,.16) 46%,rgba(4,15,27,.86) 100%); }
.welcome-video-stage > .welcome-event-copy { position:absolute; z-index:2; inset:auto 5% 8%; display:grid; justify-items:center; gap:5px; text-align:center; color:#fff5d8; text-shadow:0 2px 5px #00101fcc,0 0 12px #06182f; animation:welcome-promo-enter .85s cubic-bezier(.2,.75,.25,1) both; }
.welcome-event-kicker { color:#ffe098; font:700 11px/1.2 Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.welcome-event-copy strong { max-width:100%; font:700 clamp(18px,2.7vw,30px)/1.08 Georgia,"Times New Roman",serif; color:#fff5d8; text-wrap:balance; animation:welcome-promo-glow 2.7s ease-in-out 1s infinite alternate; }
.welcome-event-dates { padding:3px 10px; border:1px solid #eac87d99; border-radius:999px; background:#06182fc7; color:#fff; font:700 clamp(12px,1.45vw,16px)/1.2 Arial,sans-serif; letter-spacing:.04em; }
@keyframes welcome-promo-enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@keyframes welcome-promo-glow { from { text-shadow:0 2px 5px #00101fcc,0 0 8px #8bd9ff66; } to { text-shadow:0 2px 6px #00101fff,0 0 18px #ffe098dd; } }
@media(max-width:600px) { .welcome-video-stage > .welcome-event-copy { inset:auto 3% 7%; gap:4px; } .welcome-event-kicker { font-size:9px; } .welcome-event-copy strong { font-size:clamp(16px,4.5vw,23px); } .welcome-event-dates { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .welcome-video-stage > .welcome-event-copy,.welcome-event-copy strong { animation:none!important; } }