/* MuFusca: portal clássico com navegação central e acesso lateral. */
:root{--bg:#18110b;--surface:#281d14;--surface2:#35271b;--text:#f8f2eb;--muted:#bcb09f;--gold:#e9d1b2;--line:#e5caa626;--green:#9dd5bb;--red:#efa7a7}
body.mu-classic{background:radial-gradient(ellipse 850px 620px at 50% 340px,#835b3a44,transparent),radial-gradient(ellipse at 0 900px,#48352528,transparent 60%),#18110b;color:var(--text)}
.preview-strip{background:#19120c;color:#ecd7bc;border-color:#cfac7d2b;font-size:9px;letter-spacing:1.1px;padding:7px 15px}.preview-note{color:#b7a997;font-size:10px}
.portal-masthead{height:358px;max-width:1440px;margin:auto;position:relative;isolation:isolate;overflow:hidden}
.portal-banner-art{position:absolute;inset:0;z-index:-2;background:url('assets/mu-classic-trio.jpg') center -42px/1250px auto no-repeat;opacity:.96}
.portal-masthead:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#18110b 0%,#18110b66 22%,transparent 75%),linear-gradient(90deg,#18110b,transparent 23%,transparent 77%,#18110b)}
.portal-banner-meta{width:min(1120px,94%);margin:auto;display:flex;justify-content:space-between;padding-top:19px;font-size:9px;letter-spacing:1.6px;color:#d9ccbb;text-shadow:0 2px 5px #000}.portal-banner-meta b{font-weight:500;color:#f8f2e9;margin-left:7px;font-variant-numeric:tabular-nums}
.portal-logo{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);text-align:center;width:max-content;max-width:96%;filter:drop-shadow(0 5px 7px #000)}
.portal-logo-kicker{font-size:8px;letter-spacing:5px;color:#f5ebdd;display:block;margin-bottom:8px;text-shadow:0 1px 8px #000}
.portal-logo strong{font:900 clamp(52px,6vw,82px)/1 var(--serif);letter-spacing:-5px;display:block;background:linear-gradient(#fdfaf7,#f1e1cd 35%,#c79c63 57%,#f5ebde 73%,#cca776);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
.portal-logo strong>span{font-size:.81em;letter-spacing:1px;margin-left:6px}.portal-logo-caption{display:block;font:600 10px var(--serif);letter-spacing:3px;color:#e7dac9;margin-top:11px}
.header{width:min(1120px,94%);height:76px;margin:0 auto 16px;padding:12px;gap:12px;border:1px solid #bc996b57;border-top-color:#e9d1b27a;border-radius:16px;box-shadow:0 9px 28px #0008,inset 0 1px 0 #ffffff08;background:linear-gradient(#3c2d20f5,#221911fa);position:relative;z-index:10}
.header>.brand{display:none}.header nav{margin:0;display:flex;position:static;flex:1;align-items:center;align-self:auto;gap:7px;padding:0;background:none;border:0;flex-wrap:nowrap}
.header nav a{border:1px solid #d7b68a3d;border-radius:9px;padding:11px 12px;font-size:10px;font-weight:700;color:#e1d8cc;background:linear-gradient(#48372a,#261c13);display:flex;align-items:center;justify-content:center;gap:7px;flex:1;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff05;transition:background .2s,border-color .2s}
.header nav a.active,.header nav a:hover{color:#fff;border-color:#dfbe92a6;background:linear-gradient(#7e593a,#3d2b1d);box-shadow:0 0 17px #c6a16f22}.header nav a.active:after{display:none}.nav-symbol{background:linear-gradient(#ebd5b8,#af8b5b);font-size:12px;color:white;border-radius:5px;line-height:20px;width:20px;text-align:center;box-shadow:0 0 10px #ddb98936}
.header .account-button{margin:0;font-size:9px;gap:7px;padding:11px;border:1px solid #dfbe925e;border-radius:9px;color:#f5ebde;background:#352619}.header .user-icon{display:none}.menu-toggle{display:none}
.portal-layout{width:min(1120px,94%);margin:0 auto 35px;display:grid;grid-template-columns:264px minmax(0,1fr);gap:24px;padding:26px;border:1px solid #c4a37740;border-radius:14px;background:linear-gradient(115deg,#3a2a1ed9,#2c2118e8 60%,#38291cd9);box-shadow:0 15px 60px #0005,inset 0 1px 0 #ffffff05;align-items:start}
#main{min-width:0}#main .container{width:100%;max-width:100%;margin:0}.portal-home{display:flex;flex-direction:column;gap:23px}
#portal-sidebar{display:flex;flex-direction:column;gap:23px;min-width:0}.portal-side-panel{border:1px solid #dab3807d;border-radius:13px;overflow:hidden;background:linear-gradient(140deg,#30241a,#1c150f);box-shadow:0 7px 20px #0003}
.portal-panel-title{font:700 13px/1.7 var(--serif);letter-spacing:1.4px;color:#f8f1e8;display:flex;align-items:center;gap:10px;padding:15px 18px;margin:0;border-bottom:1px solid #d9b78948;background:#533e2c45;text-shadow:0 2px 2px #000}
.portal-panel-title>span{font-family:Georgia,serif;font-size:18px;color:#e4c8a3}.portal-side-body{padding:19px 17px}.portal-side-body label{font-size:10px;color:#d4c9bb;margin-bottom:13px}.portal-side-body input{margin-top:5px;min-height:40px;padding:10px 11px;font-size:11px;border-radius:7px}.portal-side-body .form-feedback:empty{display:none}.portal-side-body .form-feedback{font-size:10px;line-height:1.6}.portal-register-link{display:block;text-align:center;font-size:10px;color:#e3d0b6;margin-top:13px}.portal-register-link:hover{text-decoration:underline}.portal-test-note{border-top:1px solid #c2a37922;padding-top:13px;margin:15px 0 0;font-size:9px;line-height:1.7;color:#ae9f8b}.portal-greeting{font-size:21px;margin:17px 0;overflow-wrap:anywhere}.portal-signout{font-size:10px;text-align:center;margin-top:8px}
.portal-status{display:flex;align-items:center;gap:8px;font-size:11px}.portal-status .tag{font-size:7px;padding:3px 6px;margin-left:auto;color:#f2e4d2;border-color:#dfbe9356;background:#dfbe9214}.portal-status-dot{height:7px;width:7px;background:#e2c7a3;border-radius:50%;box-shadow:0 0 10px #e2c39a7a}.portal-status-copy{font-size:10px;line-height:1.8;color:#b8ab9a;margin:13px 0 2px}.portal-facts{margin:10px 0 18px}.portal-facts div{display:flex;justify-content:space-between;font-size:10px;gap:10px;padding:9px 0;border-bottom:1px solid #c2a3791f}.portal-facts dt{color:#b8ab99}.portal-facts dd{margin:0;color:#ede5da;font-weight:600}.portal-side-body .text-link{font-size:10px;color:#e8d2b4}
.portal-next-panel .portal-side-body{text-align:center}.portal-next-panel .next-event-name{font-size:20px;color:#f2e4d1}.portal-next-panel .big-countdown{font-size:31px;color:#f1e2ce;letter-spacing:2px;margin-top:13px}.portal-next-panel p{font-size:9px;color:#baad9c;line-height:1.8;margin:9px 0 16px}.portal-next-panel small{display:block;color:#a5947d;font-size:8px;margin-top:12px}.portal-next-panel .button{font-size:8px;padding:10px 6px}
.portal-vip-banner{padding:23px 18px;border:1px solid #d5b18266;border-radius:13px;background:radial-gradient(ellipse at top right,#b6905d4d,transparent),linear-gradient(145deg,#3d2d20,#211912);display:block}.portal-vip-banner .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:14px;color:#eeddc6}.portal-vip-banner>strong{display:block;font:600 20px/1.5 var(--serif);color:#f7eee2}.portal-vip-banner>span:not(.eyebrow){display:block;font-size:10px;color:#ccbaa3;margin:13px 0}.portal-vip-banner b{font-size:8px;letter-spacing:.7px;color:#f0e1cd}
.portal-welcome{text-align:center;padding:30px 23px 29px;border:1px solid #d9b78945;border-radius:14px;background:radial-gradient(ellipse at top,#8f755333,transparent 70%),linear-gradient(145deg,#31271f,#18120d);box-shadow:0 8px 23px #0003}.portal-welcome .eyebrow{font-size:8px;letter-spacing:2.4px;color:#e0c7a4;margin-bottom:13px}.portal-welcome h1{font:800 clamp(29px,3vw,40px)/1.2 var(--serif);color:#f3e7d8;letter-spacing:1px;margin:0 0 10px}.portal-welcome h1>span{font-size:.65em;color:#d2bb9c}.portal-welcome-subtitle{font-size:9px!important;letter-spacing:2px;color:#cbbaa4!important}.portal-welcome p{font-size:11px;line-height:2;color:#ccc2b5;margin-bottom:21px}.portal-welcome-rule{display:flex;align-items:center;justify-content:center;gap:13px;color:#d5b790;margin:19px 0}.portal-welcome-rule:before,.portal-welcome-rule:after{content:'';height:1px;width:80px;background:linear-gradient(90deg,transparent,#c0a27c)}.portal-welcome-rule:after{transform:rotate(180deg)}.portal-welcome .hero-actions{justify-content:center;gap:10px;flex-wrap:wrap}.portal-welcome .button{font-size:9px;padding:12px 15px}
.button{border-radius:7px;border-color:#e0bf9352;color:#eadbc7}.button.primary{background:linear-gradient(#d5a86d,#aa7631);border-color:#e0be93;color:#fff;text-shadow:0 1px 1px #57351a;box-shadow:inset 0 1px 0 #ffffff38,0 4px 17px #d09f5e33}.button.primary:hover{background:linear-gradient(#dcb888,#bf8b46);box-shadow:0 4px 24px #d09f5e44}.button:hover{background-color:#d9b17b14}.portal-home-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #bf9e734a;border-radius:9px;background:#1f1710b3}.portal-home-stats>div{padding:14px 8px;text-align:center}.portal-home-stats>div+div{border-left:1px solid #c3a47a2b}.portal-home-stats strong{display:block;font:600 23px var(--serif);color:#ead7bd}.portal-home-stats span{font-size:8px;letter-spacing:1px;color:#b9ab98}
.classic-agenda-panel{border-color:#cfac7d4f;border-radius:12px;overflow:hidden;background:linear-gradient(140deg,#30251c,#1e1610)}.panel-heading{padding:20px;border-color:#cdac8136;background:#5e493716}.panel-heading .eyebrow{font-size:7px;letter-spacing:1.6px;color:#d1bea5;margin-bottom:7px}.panel-heading h2{font-size:21px;color:#efe5d8}.panel-heading .text-link{font-size:9px;color:#e8cfae}.portal-agenda-clock{display:flex;justify-content:space-between;align-items:center;padding:11px 20px;font-size:8px;letter-spacing:1.2px;background:#b5966c0b;color:#b4a48f;border-bottom:1px solid #cdac811c}.portal-agenda-clock b{font-size:11px;font-weight:500;color:#e8d5bb;font-variant-numeric:tabular-nums}.schedule-table{padding:0 20px}.schedule-row{padding:15px 0;gap:13px;border-color:#cdac811b}.schedule-row:hover{background:#d0ac7d08}.schedule-event-name strong{font-size:11px;color:#eee6dc}.schedule-event-name small{font-size:9px;color:#ae9e8a}.schedule-next small,.schedule-countdown small{color:#a6957f;font-size:7px}.schedule-next strong{color:#ccbda9;font-size:10px}.schedule-countdown strong{color:#efdfc9;font-size:13px}.schedule-emblem{border-radius:7px;border-color:#cdac814a;color:#e4caa8;background:#c8a3730c}.schedule-arrow{color:#c5ad8d}.schedule-foot{background:#160f092e;border-color:#cdac8128;color:#b2a28e;font-size:8px}.clock-dot{background:#e0c095}
.portal-home .classic-classes{padding:6px 0 0}.classic-classes .section-head{margin-bottom:18px}.classic-classes .eyebrow{color:#e0c5a2}.classic-classes h2{font-size:22px;color:#ece2d5}.section-note{display:none}.class-tabs{background:#2c2118;border-color:#cdac8144;border-radius:10px 10px 0 0;overflow:hidden}.class-tab{padding:14px 8px;display:flex;flex-direction:column;gap:6px;text-align:center;border-color:#cdac812b}.class-tab>span{height:28px;width:28px;font-size:11px;border-color:#caac8450;color:#e1caab}.class-tab strong{font-size:8px;color:#d1c5b4}.class-tab small{font-size:6px;letter-spacing:1px;color:#a99984}.class-tab.active{background:linear-gradient(#74553c38,#ba94611c)}.class-tab.active:after{background:#dfbe92}.class-tab.active strong,.class-tab.active>span{color:#f6ecde}.class-showcase{border-color:#cdac814d;border-radius:0 0 11px 11px;background:linear-gradient(110deg,#1d1611,#2b2118);min-height:300px}.class-portrait{min-height:290px}.class-portrait img{height:300px;object-fit:cover}.class-portrait:after{background:linear-gradient(90deg,transparent 65%,#241c15),linear-gradient(0deg,#241c15,transparent 30%)}.class-description{padding:23px 20px 23px 7px}.class-description h3{font-size:25px;color:#f1e5d4}.class-description .eyebrow{font-size:7px;letter-spacing:1px}.class-evolution{font-size:8px;color:#b3a18a;margin-bottom:16px}.class-description h4{font-size:11px;color:#e0d4c4}.class-description p{font-size:10px;color:#bdae9a;line-height:1.9}.class-skills span{border-color:#cbaf8a3b;color:#d4c0a6;background:#d1ac7c0b;font-size:7px}.class-bottom{border-color:#cdac8124;flex-direction:column;align-items:start;gap:7px;margin-top:16px;padding-top:12px}.class-bottom>span{color:#b0a08b}.class-bottom .text-link{color:#e4caa8}
.portal-highlights{border:1px solid #cdac814a;border-radius:12px;background:#1e1712;overflow:hidden}.portal-highlights>a{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid #cdac8122}.portal-highlights>a:last-child{border:0}.portal-highlights>a:hover{background:#cdac810b}.portal-highlights .tag{font-size:7px;min-width:70px;text-align:center;color:#e7ceac;border-color:#cdac814a;background:#cdac810b}.portal-highlights h3{font-size:16px;color:#e4d6c4;margin:0 0 6px}.portal-highlights p{font-size:10px;color:#b7a893;margin:0}.portal-highlights>a>span:last-child{margin-left:auto;color:#dac09d}
/* Mantém as páginas internas legíveis na coluna do portal. */
.page-heading{padding:10px 0 24px;background:none;border-color:#cdac8133}.page-heading h1{font-size:32px;line-height:1.2;color:#f2e6d6}.page-heading .eyebrow{font-size:8px;color:#dfc8a9;letter-spacing:1.5px;margin-bottom:12px}.page-heading p{font-size:11px;color:#bbad9b}.breadcrumb{font-size:9px;margin-bottom:18px}.page-content{padding:25px 0 0;min-height:400px}.two-col,.dashboard-columns{grid-template-columns:1fr;gap:24px}.form-grid{gap:0 15px}.panel,.product-card,.metric,.event-calendar-card{background:linear-gradient(140deg,#35281e,#1f1812);border-color:#cdac8140;border-radius:10px}.panel{padding:23px}.panel p,.feature-list li,.guide-block p,.guide-block li,.rule-copy p{color:#c1b4a3}.panel h3,.guide-block h3{color:#ebe0d2;font-size:24px}.feature-list li strong{color:#eadecd}.feature-list li{border-color:#cdac8125}.notice{background:#ddb98a0b;border-color:#ddb98a3b;color:#d7c8b3}.chip{background:#2c2017;color:#cabba6;border-color:#cdac8144;border-radius:6px;font-size:9px;padding:8px 13px}.chip:hover,.chip.active{background:#b58d5727;color:#f7eee2;border-color:#e0bf93a1}.content-tabs{gap:8px;margin-bottom:23px}.guide-layout{display:block}.guide-nav{position:static;flex-direction:row;overflow:auto;white-space:nowrap;margin-bottom:25px;border-left:0;border-bottom:1px solid #cdac8133}.guide-nav a{border:0;font-size:10px;padding:10px 13px}.guide-block{border-color:#cdac8133}.table-wrap{border-color:#cdac8144;border-radius:8px}th{background:#413124;color:#e6ceae;font-size:8px}td{color:#c3b6a4}th,td{padding:15px 14px}input,select{background:#19120d;border-color:#d1ad7d55;color:#f4ece1;border-radius:6px}input::placeholder{color:#9b886e}input:focus,select:focus{border-color:#e4c7a0;outline:1px solid #e4c7a033}label{color:#d2c6b6}.command{background:#d7b17f12;color:#ebd5b9;border-color:#cdac8133}.empty-state{border-color:#cdac8144}.shop-banner{background:linear-gradient(110deg,#453427,#2b1f16);border-color:#cdac814a;border-radius:10px;padding:20px;flex-wrap:wrap}.shop-banner strong{font-size:22px;color:#f2e6d5}.shop-banner p,.product-card p{color:#c4b5a0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.product-card h3{font-size:20px;color:#f1e3d0}.product-footer{flex-wrap:wrap}.product-price{color:#b5a48e}.product-card:hover{border-color:#dbb685}.tag{background:#d7b17f0b;color:#e6cdac;border-color:#cdac8144}.metric strong{font-size:26px;color:#eddbc3}.metric a{color:#dcc29f}.metric span{color:#b8a892}.dashboard-grid{gap:12px}.character-row{flex-wrap:wrap}.event-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.event-calendar-card{padding:18px}.event-calendar-card h3{font-size:21px;color:#f0e0cb}.event-location{color:#bfaf9a}.event-time-block{border-color:#cdac8133}.event-time-block>div>strong{font-size:21px;color:#ebd7bc}.event-time-block small{color:#b6a792}.daily-title{color:#ae9f8b}.daily-schedule>div>span{border-color:#cdac8144;background:#b9915b10;color:#d7c5ae}.agenda-summary{padding:18px;gap:15px;grid-template-columns:1fr 1fr;background:#261c14;border-color:#cdac8144;border-radius:10px}.agenda-summary>div{border:0;padding:0}.agenda-summary>div:last-child{grid-column:1/-1;border-top:1px solid #cdac8133;padding-top:12px}.agenda-summary strong{font-size:20px;color:#ede2d3}.agenda-summary>div:nth-child(2) strong{font-size:18px;color:#eeddc6}.agenda-summary .gold{font-size:25px;color:#e9d1b2}.agenda-summary>div>span,.agenda-summary small{color:#b4a490}.agenda-explainer{gap:22px;border-color:#cdac8133}.agenda-explainer h3{font-size:18px;color:#e0ceb6}.agenda-explainer p{font-size:10px;color:#b9aa97}.bottom-cta{background:#3b2e24;border-color:#cdac8144;padding:25px;flex-wrap:wrap;gap:16px}.bottom-cta h2{font-size:25px}.text-button,.text-link{color:#e9d3b5}dialog{background:linear-gradient(135deg,#3b2b1e,#211811);border-color:#d1af838c;border-radius:14px}dialog h2{color:#f1e2ce;font-size:31px}.credit-options button{background:#291d13;color:#eddbc3;border-color:#cdac814a}.credit-options button.active{background:#b8925f2b;border-color:#dbbd96}.credit-summary strong{color:#e9d1b2}#toast{background:#423226;border-color:#d2b18588;border-radius:8px}.modal-event-counter{border-color:#cdac8133}.modal-event-counter>strong{color:#eddac1}
footer{width:min(1120px,94%);margin:auto;background:#1a130e;border:1px solid #cdac812e;border-radius:12px 12px 0 0;padding:27px;gap:20px}.brand-name{color:#e7d9c6}.brand-name>span{color:#d7bd9b}.footer-brand .brand-name{font-size:21px}.copyright{border-color:#cdac8126;color:#98856c}footer>p,footer>div a{color:#b5a691}footer>div{gap:20px}.footer-brand .brand-mark{background:linear-gradient(#f7efe5,#b4956b);background-clip:text;-webkit-background-clip:text;border-color:#cfb1897a}
@media(max-width:1050px){.portal-layout{padding:20px;grid-template-columns:240px minmax(0,1fr);gap:20px}.header nav a{padding:11px 8px;font-size:9px}.header nav{gap:5px}.header .account-button{font-size:8px}.nav-symbol{width:17px;line-height:18px;font-size:11px}.portal-panel-title{font-size:12px;padding:14px}.portal-side-body{padding:17px 14px}.panel-heading{padding:17px}.panel-heading h2{font-size:20px}.schedule-table{padding:0 15px}.schedule-row{gap:9px}.schedule-next{min-width:46px}.schedule-countdown{min-width:70px}.class-tab strong{font-size:7px}.class-description{padding-right:14px}.class-description h3{font-size:22px}.portal-welcome{padding:26px 17px}.portal-welcome p br{display:none}}
@media(max-width:820px){.header{height:auto;min-height:64px;padding:10px 12px;gap:12px;justify-content:space-between}.header>.brand{display:flex}.header .brand-name{font-size:21px}.header .brand-name small{font-size:6px}.header .brand-mark{font-size:28px;width:31px;height:35px}.header .account-button{margin-left:auto;font-size:9px}.menu-toggle{display:block;order:3;background:transparent;color:#eedec8;font-size:22px;border:0;padding:5px 8px}.header nav{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;padding:12px;background:#2c2016fb;border:1px solid #d5b08070;border-radius:12px;flex-wrap:wrap;box-shadow:0 12px 30px #0009}.header nav.open{display:flex}.header nav a{padding:11px;font-size:11px;flex:1 1 28%}.portal-layout{grid-template-columns:220px minmax(0,1fr);padding:16px;gap:17px}.portal-home-stats strong{font-size:20px}.portal-home-stats span{font-size:7px}.portal-welcome h1{font-size:29px}.portal-welcome-subtitle{letter-spacing:1px}.panel-heading{align-items:start;gap:10px;flex-wrap:wrap}.schedule-next{display:none}.schedule-event-name strong{font-size:10px}.schedule-event-name small{font-size:8px}.schedule-emblem{width:30px;height:32px;flex-basis:30px;font-size:20px}.class-tabs{grid-template-columns:repeat(2,1fr)}.class-tab{display:grid;grid-template-columns:30px 1fr;text-align:left;padding:12px}.class-tab strong{font-size:8px}.class-showcase{grid-template-columns:1fr}.class-portrait{min-height:180px;height:180px}.class-portrait img{height:230px;object-fit:contain}.class-description{padding:15px 20px 22px}.portal-highlights>a{gap:11px;padding:17px;flex-wrap:wrap}.portal-highlights h3{font-size:16px}.portal-highlights>a>div{flex-basis:100%;order:2}.portal-highlights>a>span:last-child{order:1}.event-calendar-grid{grid-template-columns:1fr}.agenda-summary{grid-template-columns:1fr}.agenda-summary>div:last-child{grid-column:auto}.agenda-explainer{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.two-col,.form-grid{grid-template-columns:1fr}.filters-bar{flex-wrap:wrap}.filters-bar input{max-width:none}.filters-bar .muted{margin:0}.product-grid{grid-template-columns:1fr}.product-footer{flex-direction:row}.page-heading h1{font-size:29px}.portal-side-body .button{font-size:8px}.portal-masthead{height:330px}.portal-banner-art{background-size:1100px auto;background-position:center -27px}.portal-logo strong{font-size:65px}.portal-logo-caption{font-size:9px;letter-spacing:2px}}
@media(max-width:620px){.preview-note{display:none}.preview-strip{font-size:8px}.portal-masthead{height:285px}.portal-banner-art{background-size:900px auto;background-position:center -5px}.portal-banner-meta{font-size:7px;letter-spacing:.7px;padding-top:13px}.portal-logo{bottom:19px}.portal-logo-kicker{font-size:7px;letter-spacing:3px}.portal-logo strong{font-size:55px}.portal-logo-caption{font-size:8px;letter-spacing:1.8px}.header{border-radius:11px;margin-bottom:12px}.header .brand-name{font-size:19px}.header .brand-name small{letter-spacing:1px}.header .account-button{font-size:8px;padding:10px 8px}.portal-layout{grid-template-columns:1fr;padding:15px;gap:24px;border-radius:11px;width:94%}#main{grid-row:1}#portal-sidebar{grid-row:2;gap:18px}.portal-home{gap:20px}.portal-welcome{padding:25px 17px}.portal-welcome h1{font-size:31px}.portal-welcome .eyebrow{font-size:7px;letter-spacing:1.8px}.portal-welcome .button{font-size:8px;padding:12px}.portal-welcome p{font-size:10px}.portal-welcome-subtitle{font-size:8px!important}.portal-home-stats strong{font-size:22px}.portal-home-stats span{font-size:7px}.schedule-next{display:block;min-width:44px}.schedule-countdown strong{font-size:12px}.schedule-row{gap:8px}.schedule-countdown{min-width:66px}.schedule-arrow{display:none}.portal-agenda-clock{padding:10px 15px;font-size:7px}.panel-heading{align-items:center}.panel-heading h2{font-size:21px}.panel-heading .text-link{font-size:8px}.schedule-foot{font-size:7px;padding:12px 15px}.portal-home .classic-classes h2{font-size:23px}.class-tabs{grid-template-columns:repeat(2,1fr)}.class-tab{padding:12px 16px}.class-tab strong{font-size:9px}.class-portrait{height:210px}.class-portrait img{height:260px}.class-showcase{min-height:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{padding:13px;min-height:280px}.product-card h3{font-size:18px}.product-footer{flex-direction:column;align-items:start}.product-footer button{font-size:9px}.product-price{font-size:8px}.page-content{padding-top:22px}.page-heading{padding-top:7px}.page-heading h1{font-size:29px}.form-grid{display:block}.portal-side-body{padding:19px}.portal-panel-title{padding:15px 19px;font-size:13px}.portal-side-body .button{font-size:10px}.portal-side-body input{font-size:12px}.portal-next-panel .big-countdown{font-size:37px}footer{padding:23px;gap:20px}footer>div{flex-wrap:wrap;gap:17px}.copyright{font-size:8px}.bottom-cta{margin-bottom:0}.shop-banner{gap:15px}.shop-banner strong{font-size:21px}.portal-highlights p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.class-portrait img{transition:none}.reveal{animation:none}}

/* Madeira escura, ferragens douradas e cadastro sempre visível. */
.purchase-quantity-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.purchase-quantity-row>label{font-size:12px;margin:0;color:#e0c9a7}.purchase-quantity-row label small{font-size:9px;color:#ae9779;display:block;margin-top:5px;font-weight:400}.quantity-stepper{display:grid;grid-template-columns:36px 70px 36px;border:1px solid #b08b585c;border-radius:8px;overflow:hidden;background:#1a120e}.quantity-stepper input{width:70px;min-height:42px;height:42px;margin:0;padding:7px;text-align:center;border:0;border-radius:0;font-size:15px;font-weight:700;appearance:textfield;-moz-appearance:textfield}.quantity-stepper input::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none}.quantity-stepper button{border:0;background:#70513044;font-size:22px;color:#efd4a8}.quantity-stepper button:hover{background:#a57c493b}.product-footer>button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(#b08b55,#79592f);border:1px solid #caa36b9c;border-radius:6px;padding:8px 13px;color:#fff1d4;font-weight:700;font-size:10px}.product-footer>button:hover{text-decoration:none;filter:brightness(1.12)}
.credit-balance-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(ellipse at top right,#c3985130,transparent),linear-gradient(115deg,#4d3420,#281c15);border:1px solid #c99c5d8a;border-radius:12px;padding:25px;margin:0 0 23px;box-shadow:inset 0 1px 0 #ffe0a51c}.credit-balance-card .eyebrow{font-size:9px;color:#d8b583;letter-spacing:1.7px;margin-bottom:9px}.credit-balance-card strong{font:700 36px/1.2 var(--sans);font-variant-numeric:tabular-nums;color:#ffe6b1}.credit-balance-card strong small{font-size:13px;font-weight:500;color:#cbae86}.credit-balance-card p{font-size:9px;margin:10px 0 0;color:#bfa689}.credit-balance-card .button{font-size:9px;white-space:nowrap}.sidebar-credit-balance{display:block;border:1px solid #bb945b59;background:#d2a1540c;border-radius:8px;padding:14px;margin-bottom:18px}.sidebar-credit-balance>span{display:block;font-size:8px;letter-spacing:1px;color:#c9a97d;margin-bottom:5px}.sidebar-credit-balance strong{font:700 26px/1.3 var(--sans);color:#f2d39d;font-variant-numeric:tabular-nums}.game-item-icon{display:block;object-fit:contain;filter:drop-shadow(0 6px 9px #0006)}.jewel-icon{width:84px;height:84px;border-radius:5px;border:1px solid #c9ab7b38}.game-box-icon{display:block;position:relative;padding:8px 15px}.box-icon{width:64px;height:64px;image-rendering:pixelated}.red-box-icon{filter:hue-rotate(-43deg) saturate(2) drop-shadow(0 5px 8px #a1181838)}.game-box-icon>b{position:absolute;right:0;bottom:0;font:800 17px var(--sans);color:#ffe1a4;text-shadow:0 2px 4px #000}.product-modal-art .jewel-icon{height:94px;width:94px}.product-modal-art .box-icon{height:80px;width:80px}.product-modal-art{height:125px}.shop-banner [data-credit-balance]{font-variant-numeric:tabular-nums;color:#ffe0a5}
@media(max-width:620px){.credit-balance-card{padding:22px;flex-wrap:wrap;gap:17px}.credit-balance-card strong{font-size:34px}.credit-balance-card .button{width:100%}.jewel-icon{height:70px;width:70px}.box-icon{height:56px;width:56px}}
.portal-banner-art{background-size:1100px auto;background-position:calc(50% - 95px) -25px;isolation:isolate}
.portal-banner-mg{position:absolute;left:calc(50% + 75px);top:10px;width:410px;height:258px;max-width:none;object-fit:cover;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,black 20%,black 82%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 20%,black 82%,transparent);pointer-events:none}
@media(max-width:820px){.portal-banner-art{background-size:1000px auto;background-position:calc(50% - 80px) -12px}.portal-banner-mg{left:calc(50% + 65px);top:20px;width:355px;height:223px}}
@media(max-width:620px){.portal-banner-art{background-size:680px auto;background-position:calc(50% - 48px) 26px}.portal-banner-mg{left:calc(50% + 20px);top:44px;width:220px;height:138px}}
body.mu-classic{background:radial-gradient(ellipse 900px 650px at 50% 320px,#80532430,transparent),repeating-linear-gradient(92deg,#ffffff01 0 1px,transparent 1px 8px),#17100c}
.header{background:repeating-linear-gradient(2deg,transparent 0 4px,#d7ab5b05 4px 5px),linear-gradient(#49301e,#261a11);border-color:#9e73447a;box-shadow:0 8px 25px #0008,inset 0 1px 0 #e8c38e24}
.portal-layout{background:repeating-linear-gradient(2deg,#bf904c03 0 2px,transparent 2px 8px),linear-gradient(115deg,#3b291de8,#2b1d16f2);border-color:#ad80414f}
.portal-logo strong{background:linear-gradient(#fff1d0,#e4c591 35%,#9a6531 57%,#ffe8b2 73%,#ac773c);background-clip:text;-webkit-background-clip:text}
.portal-masthead:after{background:linear-gradient(0deg,#17100c 0%,#17100c55 22%,transparent 75%),linear-gradient(90deg,#17100c,transparent 23%,transparent 77%,#17100c)}
.portal-quick-register{width:min(1120px,94%);margin:0 auto 13px;display:flex;justify-content:center}.portal-quick-register>a{display:flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(#b68646,#7b5129);color:#fff3d7;border:1px solid #d1aa6a;border-radius:8px;padding:11px 25px;box-shadow:0 4px 22px #0006;font-size:12px;font-weight:800;letter-spacing:.7px}.portal-quick-register>a:hover{filter:brightness(1.12)}.portal-quick-register span{font-size:10px;font-weight:400;letter-spacing:0;color:#f2d8b4}
.header nav a[href="#cadastro"]{border-color:#c79b5eaa;color:#ffe9bb;background:linear-gradient(#76532c,#49301b)}.portal-create-account{margin-bottom:21px;font-size:10px!important}.portal-side-panel{box-shadow:0 6px 18px #0005,inset 0 1px 0 #e8c38e0b}.portal-side-panel .portal-panel-title{background:linear-gradient(#4a3323,#322216)}
.mu-account-help{font-size:10px;line-height:1.8;color:#b7a18b;margin:20px 0 0}#mu-registration-status{border-left:2px solid #c79b5e;padding:9px 12px;background:#c79b5e0b;font-size:11px;color:#d4b99b}.registration-result[hidden]{display:none}
@media(max-width:620px){.portal-quick-register>a{width:100%;font-size:11px;gap:10px;padding:12px 10px}.portal-quick-register span{font-size:8px}.portal-create-account{font-size:11px!important}}
#security-dialog [hidden]{display:none!important}
#security-dialog .form-feedback{overflow-wrap:anywhere}
#security-dialog #security-availability{padding:12px;border:1px solid #8e6a3c;border-radius:6px;color:#d5bd95}
.account-security-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 23px;padding:14px;border:1px solid #b18a5559;border-radius:9px;background:#c99b5110}.account-security-actions .button{flex:1;min-width:145px;text-align:center;justify-content:center;font-size:11px}.portal-side-body .account-security-actions{padding:10px;gap:8px;margin:0 0 18px}.portal-side-body .account-security-actions .button{min-width:100%;font-size:10px}.account-recovery-top{margin:0 0 18px;border-color:#c79b5eaa;color:#ffe9bb;background:linear-gradient(#76532c,#49301b)}
.sidebar-download{margin-bottom:12px;color:#ffe9bb!important;border-color:#c79b5eaa!important}.download-client-panel{max-width:720px;margin:0 auto 24px;background:linear-gradient(125deg,#50351f66,#22170e55)}.download-client-panel h2{font-size:30px;margin:12px 0}.download-facts{display:flex;gap:15px;flex-wrap:wrap;color:#c5ae8d;font-size:12px;margin:22px 0}.download-install{max-width:720px;margin:auto}.download-install ol{padding-left:22px;line-height:2.1;color:#ccbca9}.download-help{font-size:11px;margin:14px 0 0}

/* Precos do shopping legiveis em todas as larguras. */
.product-footer .product-price{font-size:14px;font-weight:700;line-height:1.4;color:#edca8f}

/* Acesso ao guia da loja entre jogadores. */
.guide-shop-shortcut{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px;padding:20px}.guide-shop-shortcut strong{font-size:18px;color:#f1dfc5}.guide-shop-shortcut p{margin:8px 0 0;max-width:520px}.guide-shop-shortcut .button{white-space:nowrap}.shop-player-guide{margin:0 0 20px;color:#c1b4a3}.shop-player-guide a{color:#edca8f;text-decoration:underline;text-underline-offset:3px}

/* Account-bound cosmetic skins */
.game-skin-icon{height:190px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 12px #0008)}.product-modal-art .game-skin-icon{height:230px}.product-card:has(.game-skin-icon) .product-art{height:205px}

/* Keep the cosmetic shop easy to find. */
.content-tabs .chip[data-category="skins"]{border-color:#c99b52;color:#f0d08f;font-weight:700}.content-tabs .chip[data-category="skins"].active{background:#68441f;color:#fff2d2}

/* Reserve the full preview height so the armor never overlaps its title. */
.product-modal-art:has(.game-skin-icon){height:250px;min-height:250px}

.skin-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:18px 0}.skin-filters label{flex:1;min-width:170px;color:#dbc9ab;font-size:12px}.skin-filters input,.skin-filters select{display:block;width:100%;margin-top:7px}.skin-filters .button{min-height:44px}.skin-pagination{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap;margin:26px 0;color:#d5c2a5;font-size:12px}.skin-price-guide{font-size:12px;color:#d2bd9b;line-height:1.7;margin-bottom:24px}
