@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--gold:#db6872;--muted:#da616c;--border:#90222c66;--font:Cinzel,Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:radial-gradient(ellipse at 50% 850px,#400f1370,transparent 65%),#0f0304;color:#f1c2c6;font:13px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #f08c95;outline-offset:4px}.masthead{height:560px;max-width:1600px;margin:auto;background:#1c0608 url('assets/fortaleza-rpg.png') center 47%/cover;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.mast-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0f0304 0%,transparent 22%,#0001 85%),radial-gradient(ellipse at 50% 58%,#0b020390,transparent 68%)}.hero-logo{z-index:1;display:block;width:min(60%,720px);margin:60px 0 0;filter:drop-shadow(0 12px 18px #000)}.hero-logo img{width:100%;height:auto;display:block}.season,.mast-tagline{position:relative;margin:12px 0 0;text-shadow:0 2px 8px #000;font:600 12px var(--font);letter-spacing:5px;color:#f5a1a9}.mast-tagline{font:9px Inter,Arial;letter-spacing:4px;color:#efbcc0}.quickbar{display:flex;justify-content:center;gap:14px;padding:18px 20px 23px;background:linear-gradient(#20070a,#120405);border-block:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:14px 21px;border:1px solid #ce303e;background:linear-gradient(#410f14,#1e0709);box-shadow:inset 0 0 0 3px #0c030488,0 3px 9px #0007;color:#e89ca3;font:700 11px var(--font);letter-spacing:.5px;line-height:1.5;transition:filter .15s}.btn:hover{filter:brightness(1.25)}.btn.primary{background:linear-gradient(#9a242f,#4e1218);border-color:#da626d;color:#ffc7cc}.btn.full{width:100%;font-size:10px}.navigation{position:sticky;top:0;z-index:10;background:linear-gradient(#29090cf7,#140506fa);border-bottom:1px solid var(--border);display:flex;gap:35px;align-items:center;justify-content:center;padding:12px 25px;min-height:76px;backdrop-filter:blur(12px)}.mini-brand{display:flex;flex-direction:column;text-align:center;color:var(--gold);font-family:var(--font);line-height:1}.mini-brand strong{font-size:29px;font-weight:800;letter-spacing:3px}.mini-brand span{font-size:9px;letter-spacing:2px;margin-top:5px}#navlinks{display:flex;gap:27px;align-items:center}#navlinks a{font:600 10px var(--font);letter-spacing:.6px;padding:14px 0;border-bottom:2px solid transparent}#navlinks a:hover,#navlinks .selected{color:var(--gold);border-color:var(--gold)}.menu-toggle{display:none}.layout{display:grid;grid-template-columns:210px minmax(0,1fr) 210px;gap:22px;max-width:1440px;margin:30px auto 65px;padding:0 25px}.panel{border:1px solid var(--border);background:linear-gradient(135deg,#2e0b0e,#180607 80%);border-radius:3px;box-shadow:inset 0 0 0 3px #ffffff03,0 4px 16px #0003;overflow:hidden;margin-bottom:20px}.panel>h2{font:700 13px var(--font);color:#e48d95;padding:19px 17px;margin:0;border-bottom:1px solid var(--border);letter-spacing:.7px;background:linear-gradient(110deg,#8c212b1a,transparent);display:flex;align-items:center;justify-content:space-between;gap:8px}.panel>h2 span{font-size:7px;color:#cf303f}.pad{padding:20px 17px}.panel p{color:var(--muted);font-size:11px;line-height:1.9}.panel h3{font:600 16px var(--font);color:#e48c94;line-height:1.5;margin:10px 0}.panel-emblem{font:48px Georgia;color:#cf3442;text-align:center;display:block;text-shadow:0 2px 15px #d9435130}.left .pad{text-align:center}.side-links{display:flex;flex-direction:column}.side-links a{font:600 10px var(--font);padding:17px;border-bottom:1px solid #ffffff09;color:#e48a92}.side-links a:hover{background:#bd2c3920;color:#f0949c}.jewel{background:radial-gradient(ellipse at top,#9c252f36,transparent),#1c0608}.text-link{color:var(--gold);font:600 9px var(--font);letter-spacing:.5px}.welcome{padding:30px;border:1px solid var(--border);background:radial-gradient(ellipse at 100% 0,#97232d33,transparent 70%),linear-gradient(110deg,#360d10,#180607);border-radius:4px;box-shadow:inset 0 0 0 3px #fff02}.eyebrow{color:var(--gold);font:600 9px Inter,Arial;letter-spacing:2px;line-height:1.8}.welcome h1{font:500 clamp(25px,2.6vw,39px)/1.3 var(--font);letter-spacing:-1px;margin:16px 0;color:#f2c8cc}.welcome h1 em{font-style:normal;color:#dd707a}.welcome>p:not(.eyebrow){color:#df7780;line-height:1.9;max-width:560px;font-size:12px}.welcome-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.section-title{font:600 15px var(--font);color:#e6979e;display:flex;align-items:center;gap:8px;letter-spacing:.4px;margin:32px 0 19px}.section-title span{font-size:7px;color:#d75661;letter-spacing:5px;background:linear-gradient(90deg,#9d253077,transparent);padding:4px 15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats>div{border:1px solid var(--border);background:linear-gradient(135deg,#350d10,#180607);text-align:center;padding:23px 8px;box-shadow:inset 0 0 0 3px #ffffff03}.stats strong{display:block;font:600 30px var(--font);color:#e27f88}.stats span{font:8px Inter,Arial;letter-spacing:1px;color:#da636d;display:block;margin-top:9px}.notice{display:flex;gap:17px;align-items:center;margin-top:18px;padding:15px 20px;border-left:2px solid #b52a37;background:#bb2c3910}.notice>span{font-size:30px;color:#e4717b}.notice p{margin:0;color:#d85b66;font-size:11px;line-height:1.8}.notice strong{color:#e6949b;font-weight:500}.filters{display:flex;gap:8px;margin-bottom:16px}.filters button{background:#1b0608;border:1px solid var(--border);color:#d95c67;font:600 9px var(--font);padding:10px 15px;cursor:pointer}.filters .active{color:#ee98a0;border-color:#d3414f;background:#91222c28}.boss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.boss{margin:0}.boss[hidden]{display:none}.boss-visual{height:125px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at bottom,#b22a364f,transparent 75%),#20080a}.boss-visual:after{content:'';position:absolute;inset:10px;border:1px solid #cf344225;transform:rotate(35deg)}.boss-visual>span{font:80px Georgia;color:#da616c;text-shadow:0 5px 20px #000}.boss-visual>small{position:absolute;bottom:7px;right:8px;z-index:1;font-size:7px;letter-spacing:1px;color:#edb1b7}.dragon{background:radial-gradient(ellipse at bottom,#9e242f5a,transparent 75%),#26090c}.dragon>span{color:#d7535f}.medusa{background:radial-gradient(ellipse at bottom,#8f222c4a,transparent 75%),#23080b}.medusa>span{color:#d95f6a}.boss .pad{padding:15px 13px}.boss h3{font-size:14px}.boss .pad>p{min-height:60px;font-size:10px}.boss dl{border-top:1px solid var(--border);padding-top:13px;margin-bottom:0}.boss dt{font-size:8px;color:#d03946;margin:10px 0 6px}.boss dd{margin:0;font-size:10px;color:#e3868f;line-height:1.9}.boss dd b{font-weight:500;float:right;color:#f09ca4}.footnote{color:#cd303e;font-size:9px;line-height:1.8}.news{display:flex;gap:20px;padding:24px}.news-date{color:#e07680;font:32px var(--font);min-width:65px;text-align:center;border-right:1px solid var(--border);padding-right:20px}.news-date small{display:block;font:8px Inter,Arial;white-space:nowrap;margin-top:8px}.news .eyebrow{margin-top:0;font-size:8px}.news h3{font-size:16px;margin:8px 0}.news p{margin-bottom:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:23px;gap:20px}.steps b{font:24px var(--font);color:#c52e3c}.steps h3{font-size:12px}.steps p{font-size:10px}.steps>a{grid-column:1/-1;justify-self:start}.server-info>div{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:14px 0;border-bottom:1px solid #ffffff0c;font-size:10px}.server-info>div:first-child{padding-top:0}.server-info strong{font-size:10px;color:#edb2b7;text-align:right}.server-info small{font-size:8px;color:#d85964}.server-info span{color:#d85964}.lands>div{display:flex;align-items:center;gap:15px;padding:20px 17px;border-bottom:1px solid #ffffff09}.lands b{font:20px var(--font);color:#c72f3c}.lands span{font:12px var(--font);color:#e6929a}.lands small{display:block;font:9px Inter,Arial;margin-top:8px;color:#d3424f}.ranking .pad{text-align:center}.play-banner{display:flex;align-items:center;flex-direction:column;padding:30px 10px;background:linear-gradient(#07020266,#070202bb),url('assets/fortaleza-rpg.png') 15% center/cover;border:1px solid #d13b48;text-align:center;color:#ec979f;min-height:245px;justify-content:center;text-shadow:0 2px 10px #000}.play-banner small{font:7px Inter,Arial;letter-spacing:2px}.play-banner strong{font:800 58px var(--font);margin-top:15px;line-height:1}.play-banner span{font:11px var(--font);letter-spacing:4px}.play-banner b{font:600 9px var(--font);margin-top:25px}footer{border-top:1px solid var(--border);padding:30px max(25px,calc((100vw - 1390px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;background:#140506;color:#d54a57;font-size:10px}footer p{line-height:1.9}footer small{font-size:9px}@media(min-width:1550px){.masthead{height:640px}}@media(max-width:1150px){.layout{grid-template-columns:190px minmax(0,1fr);gap:18px}.right{display:none}.navigation{gap:25px}#navlinks{gap:20px}.masthead{height:480px}.hero-logo{width:64%}}@media(max-width:760px){.masthead{height:380px;background-position:center}.hero-logo{width:88%;margin-top:25px}.season{font-size:9px;letter-spacing:4px}.mast-tagline{font-size:7px;letter-spacing:2px}.quickbar{gap:10px;padding:14px 12px}.quickbar .btn{padding:12px 14px;font-size:9px}.navigation{justify-content:space-between;padding:12px 20px;min-height:66px;flex-wrap:wrap;gap:10px}.mini-brand strong{font-size:24px}.mini-brand span{font-size:7px}.menu-toggle{display:block;border:1px solid var(--border);background:#2a0a0d;color:var(--gold);font:10px var(--font);padding:12px 16px}#navlinks{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}#navlinks.open{display:flex}#navlinks a{padding:15px;border-bottom:1px solid var(--border)}.layout{display:flex;flex-direction:column;padding:0 15px;margin-top:20px;gap:15px}.left{order:2;display:grid;grid-template-columns:1fr 1fr;gap:15px}.left .jewel{display:none}main{order:1}.right{display:grid;grid-template-columns:1fr 1fr;gap:15px;order:3}.right .ranking,.right .play-banner{display:none}.welcome{padding:23px}.welcome h1{font-size:27px}.welcome-actions .btn{font-size:9px;padding:12px 15px}.section-title{font-size:13px}.section-title span{font-size:5px;padding:4px 8px}.boss-grid{gap:10px}.boss h3{font-size:12px}.boss .pad{padding:12px 10px}.boss-visual{height:100px}.boss-visual>span{font-size:65px}.news{padding:20px}.steps{gap:15px;padding:20px}.stats strong{font-size:25px}.stats span{font-size:7px}footer{flex-wrap:wrap;padding:25px 20px}}@media(max-width:480px){.masthead{height:310px}.boss-grid{grid-template-columns:1fr}.boss{display:grid;grid-template-columns:100px 1fr}.boss-visual{height:100%;min-height:220px}.boss .pad>p{min-height:0}.boss h3{font-size:16px}.boss .pad{padding:15px}.boss dd{font-size:11px}.left,.right{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps>div{border-bottom:1px solid var(--border);padding-bottom:10px}.steps h3{display:inline;margin-left:15px}.steps p{margin-left:43px}.stats{gap:8px}.stats>div{padding:18px 6px}.stats span{letter-spacing:0;font-size:6px}.news{gap:12px}.news-date{font-size:26px;padding-right:12px;min-width:58px}.section-title span{letter-spacing:2px}.footnote{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Ornamentos heráldicos RPG MUONLINE */
:root{--border:#bf2d3a6e}
.panel,.welcome,.stats>div,.play-banner{position:relative;border:1px solid #c92f3d;border-radius:2px;box-shadow:inset 0 0 0 3px #130506,inset 0 0 0 4px #95232d77,inset 0 0 28px #0008,0 5px 18px #0008}
.panel:before,.welcome:before,.stats>div:before,.play-banner:before{content:"";position:absolute;inset:5px;pointer-events:none;z-index:2;background:linear-gradient(135deg,#f08e97 0 2px,#ab2834 2px 4px,transparent 4px) top left,linear-gradient(225deg,#f08e97 0 2px,#ab2834 2px 4px,transparent 4px) top right,linear-gradient(45deg,#f08e97 0 2px,#ab2834 2px 4px,transparent 4px) bottom left,linear-gradient(315deg,#f08e97 0 2px,#ab2834 2px 4px,transparent 4px) bottom right;background-size:23px 23px;background-repeat:no-repeat;border:1px solid #d7525e24}
.panel>h2{min-height:69px;padding:18px 34px 18px 60px;background:url('assets/brasao-rpg.svg') 12px center/38px 44px no-repeat,linear-gradient(100deg,#841f2837,#1d0709);text-shadow:0 2px 3px #000;border-bottom:1px solid #af293599;font-size:11px}
.panel>h2 span{position:absolute;right:15px;text-shadow:0 0 8px #e46b76;transform:rotate(45deg);border:1px solid #9d2530;width:12px;height:12px;display:grid;place-items:center;font-size:5px}
.panel-emblem{font-size:0!important;width:108px;height:115px;margin:0 auto 12px;background:url('assets/brasao-rpg.svg') center/contain no-repeat;filter:drop-shadow(0 3px 7px #000)}
.section-title{position:relative;min-height:52px;padding:13px 0 13px 48px;border-bottom:1px solid #ab283477;background:url('assets/brasao-rpg.svg') left center/39px 45px no-repeat;font-size:13px;text-shadow:0 2px 4px #000}
.section-title:after{content:"◆";position:absolute;bottom:-5px;left:50%;color:#cd303e;font-size:8px;background:#1b0608;padding:0 12px}
.welcome{padding:35px;background:radial-gradient(ellipse at 100% 0,#ba2c3940,transparent 70%),linear-gradient(110deg,#3b0e12,#180607)}
.welcome:after{content:"";display:block;position:absolute;right:16px;top:10px;width:100px;height:110px;background:url('assets/brasao-rpg.svg') center/contain no-repeat;opacity:.13;pointer-events:none}
.btn{position:relative;border:1px solid #da5f6a;box-shadow:inset 0 0 0 3px #130506,inset 0 0 0 4px #b029358c,0 3px 9px #0009;padding-left:24px;padding-right:24px}
.btn:before,.btn:after{content:"◆";position:absolute;left:6px;color:#d85b66;font-size:5px}.btn:after{left:auto;right:6px}
.navigation{border-top:2px ridge #ca2f3d;border-bottom:3px ridge #b12936;box-shadow:0 4px 20px #0009}
.navigation .mini-brand{padding-left:43px;background:url('assets/brasao-rpg.svg') left center/36px 44px no-repeat}
.quickbar{position:relative;background:linear-gradient(#3d0e12,#130506);border-top:3px ridge #a92833;border-bottom:1px solid #7e1d26}
.boss-visual:after{inset:9px;border:1px solid #d3445177;transform:none;background:linear-gradient(135deg,#e2788240,transparent 18%,transparent 82%,#e2788240);box-shadow:inset 0 0 0 3px #0006}
.boss-visual:before{content:"";position:absolute;left:8px;top:6px;width:30px;height:34px;background:url('assets/brasao-rpg.svg') center/contain no-repeat;z-index:1}
.play-banner{padding-top:125px}.play-banner:after{content:"";position:absolute;top:10px;width:105px;height:110px;background:url('assets/brasao-rpg.svg') center/contain no-repeat;filter:drop-shadow(0 3px 8px #000)}
footer{border-top:3px ridge #b12936}
@media(max-width:760px){.welcome{padding:25px}.section-title{font-size:11px;padding-left:40px;background-size:32px 40px}.section-title span{font-size:5px;letter-spacing:2px}.panel>h2{padding-left:60px}.navigation .mini-brand{padding-left:38px;background-size:31px 40px}}

/* RPG MUONLINE preto e vermelho — 24/10/2026 */
:root{--gold:#ff394b;--muted:#c8bfc1;--border:#922634aa;color-scheme:dark}
body{background-color:#050507!important;color:#eee7e9}
.mast-shade{background:linear-gradient(0deg,#050507,transparent 45%),linear-gradient(90deg,#29030877,#0004,#29030877)}
.quickbar,.navigation,.rpg-nav{background:linear-gradient(#20090d,#080607)!important;border-color:#86202e!important}
.btn.primary,.welcome-actions .primary{background:linear-gradient(#d91e35,#790d20)!important;border-color:#ff5263!important;color:#fff!important;box-shadow:inset 0 0 0 2px #23060a,0 0 18px #df14363d!important}
.btn:hover,.serverChoices button:hover{filter:brightness(1.2);box-shadow:0 0 20px #ff183c55}
.panel,.welcome,.stats>div,.play-banner{border-color:#922636!important;background-color:#0d090b!important}
a:focus-visible,button:focus-visible{outline:2px solid #ff7c89!important;outline-offset:3px}
::selection{background:#b81832;color:#fff}

/* Capa animada RPG MUONLINE, 24/10/2026 */
.masthead,.header{isolation:isolate;background:#080608!important;overflow:hidden!important;position:relative!important}
.masthead:before,.header:before{content:''!important;position:absolute!important;inset:-2%!important;background:url('/rpg-portal/assets/capa-dragao-20261024.png') center center/cover no-repeat!important;z-index:-2!important;animation:rpgDragonBreath 8s ease-in-out infinite alternate;pointer-events:none}
.masthead:after,.header:after{content:''!important;position:absolute!important;left:58%!important;top:38%!important;width:22%!important;height:59%!important;z-index:-1!important;pointer-events:none;clip-path:polygon(95% 0,100% 3%,83% 37%,67% 70%,25% 100%,0 100%,40% 73%,61% 39%);background:radial-gradient(ellipse at 75% 20%,#fff5ad 0,transparent 25%),repeating-linear-gradient(132deg,#ffb834cc 0%,#ff3504b0 8%,#ffdc6755 13%,transparent 20%,#ff4d0baa 28%);background-size:100% 100%,150% 180%;mix-blend-mode:screen;filter:blur(3px);transform-origin:96% 1%;animation:rpgDragonFire 1.25s ease-in-out infinite alternate}
.mast-shade{z-index:-1!important;pointer-events:none;background:linear-gradient(0deg,#050507,transparent 30%),radial-gradient(ellipse at 48% 46%,#0005,transparent 65%)!important}
.hero-logo,.header .logotipo{position:relative;z-index:2!important}
.season,.mast-tagline,.header .onlines{z-index:3!important}
@keyframes rpgDragonBreath{from{transform:scale(1.01) translateY(0)}to{transform:scale(1.035) translateY(-.4%)}}
@keyframes rpgDragonFire{0%{opacity:.3;transform:scale(.87,.91);background-position:0 0,0 0}40%{opacity:.85}100%{opacity:.95;transform:scale(1.06,1.025);background-position:0 0,70% 100%}}
@media(prefers-reduced-motion:reduce){.masthead:before,.header:before,.masthead:after,.header:after{animation:none!important}.masthead:after,.header:after{opacity:.4}}

/* Texto branco e vermelho vivo solicitado pelo usuario */
:root{--gold:#ffffff;--muted:#e9e9ed;--border:#ff173baa}
body,p,a,h1,h2,h3,h4,h5,h6,label,legend,small,strong,em,span,li,dt,dd,th,td,.content,.sidebar,.footer,.season,.mast-tagline,.eyebrow,.text-link,.news-date,.boss h3{color:#fff!important}
.content p,.content a,.content span,.content h1,.content h2,.content h3,.content label,.content td,.content th,.content legend,.footer p,.footer a,.sidebar .title,.onlines{color:#fff!important}
input,select,textarea,.content input,.content select,.content textarea{color:#fff!important;caret-color:#fff}
.btn,.button,button,input[type=submit],.content button,.content input[type=submit],.content .btn,.sidebar button{color:#fff!important;border-color:#ff2848!important}
.btn.primary,.content button,.content input[type=submit],.content .btn,.content .button,.sidebar button{background:linear-gradient(135deg,#ff2346,#c9002b)!important;border-color:#ff647a!important;box-shadow:inset 0 0 0 2px #690019,0 0 18px #ff153c44!important}
.panel,.welcome,.stats>div,.play-banner,.content>.container,.sidebar .box{border-color:#f51c40!important}
.panel>h2,.sidebar .title,.content th{background-color:#470712!important;border-color:#ff2446!important}
.navigation,.quickbar,.rpg-nav{border-color:#ff173b!important}
a:hover{color:#fff!important;text-shadow:0 0 12px #ff234b}

/* Dragon artwork: remove artificial fire overlay and image zoom. */
.masthead::after,.header::after{display:none!important}.masthead::before,.header::before{animation:none!important;transform:none!important}