/* MU97: cinematic key art, forged bronze and restrained magical light. */
:root { --mu-bg:#080d12; --mu-panel:#111820; --mu-gold:#e4c185; --mu-border:#8b7048; --mu-cream:#f5e9d5; --mu-muted:#aeb9c2; }
body.mu97 { background:radial-gradient(ellipse at 74% 0%,#1733457a,transparent 48%),radial-gradient(ellipse at 10% 65%,#472c1a26,transparent 40%),#080d12; }
.mu97-header { margin-top:24px; background:linear-gradient(110deg,#161c22f5,#0c131af2 60%,#1d211ff2); border-color:#9c7d4c; box-shadow:inset 0 0 0 4px #0b1016,inset 0 5px 25px #ddba6c0a,0 15px 40px #0006; }
.mu97-header::before,.mu97-header::after { content:''; position:absolute; pointer-events:none; width:46px; height:8px; border-top:2px solid #e8c888; top:-2px; }
.mu97-header::before { left:8px; transform:skewX(-35deg); }
.mu97-header::after { right:8px; transform:skewX(35deg); }
.mu97-header-inner { min-height:94px; padding-block:17px; }
.mu97-brand { font-size:49px; letter-spacing:-4px; position:relative; padding-left:8px; filter:drop-shadow(0 3px 2px #000); }
.mu97-brand>span { color:#efddba; -webkit-text-fill-color:#efddba; text-shadow:0 1px #654320,0 -1px #fff4d833; }
.mu97-brand-number { -webkit-text-fill-color:#d9b578; }
.mu97-brand::before { content:'✦'; position:absolute; color:#d29f64; font:22px Georgia,serif; left:48px; top:-13px; text-shadow:0 0 13px #d56b2b88; z-index:-1; }
.mu97-brand small { font-size:9px; letter-spacing:5.5px; color:#bdab8c; }
.mu97-navigation { gap:25px; }
.mu97-navigation>a { font-size:16px; }
.mu97-navigation>a[aria-current=page] { text-decoration:none; position:relative; }
.mu97-navigation>a[aria-current=page]::after { content:''; position:absolute; left:12%; right:12%; bottom:0; height:1px; background:linear-gradient(90deg,transparent,#edc885,transparent); box-shadow:0 2px 10px #d5a44866; }
.mu97-navigation .mu97-account { background:linear-gradient(120deg,#59472b8c,#25241e); border:1px solid #ab8b58; box-shadow:inset 0 0 0 3px #0005,inset 0 1px #e8cc8d33; }
.mu97-more>div { background:linear-gradient(135deg,#18222b,#0c131a); border-color:#987d50; }
.mu97-main { position:relative; }
.mu97-home .mu97-header { position:absolute; left:50%; transform:translateX(-50%); width:min(1320px,calc(100% - 64px)); }
.mu97-home .mu97-main { width:100%; }
.mu97-home .mu97-hero { min-height:760px; max-width:1760px; margin-inline:auto; border:0; background-image:linear-gradient(90deg,#050c15d6 0%,#09101b70 34%,transparent 63%),url('../img/hero.png'); background-position:center,right 42%; background-size:cover; overflow:hidden; }
.mu97-home .mu97-hero::after { background:linear-gradient(0deg,#080d12 0%,#080d1288 17%,transparent 50%),radial-gradient(ellipse at 85% 10%,#377bc22e,transparent 42%); }
.mu97-home .mu97-hero::before { content:''; position:absolute; inset:12% 4% 0; pointer-events:none; z-index:1; opacity:.5; background-image:radial-gradient(circle,#f5b258 0 1px,transparent 2px),radial-gradient(circle,#e1b169 0 1px,transparent 2px),radial-gradient(circle,#94d3e8 0 1px,transparent 2px); background-size:273px 213px,417px 331px,591px 421px; background-position:60px 90px,170px 160px,80px 30px; animation:mu97-embers 14s linear infinite; mask-image:linear-gradient(transparent,#0005 40%,#000 90%); }
.mu97-home .mu97-hero-content { width:60%; max-width:870px; padding:180px 36px 110px max(60px,calc((100vw - 1280px)/2)); position:relative; z-index:2; }
.mu97-hero .mu97-eyebrow { color:#e0bd7e; letter-spacing:4px; font-size:11px; display:flex; align-items:center; gap:16px; }
.mu97-hero .mu97-eyebrow::before { content:''; width:38px; height:1px; background:#c9a76b; }
.mu97-home .mu97-hero h1 { font-size:clamp(72px,7.2vw,108px); line-height:.94; letter-spacing:-3px; margin:28px 0; color:#f6e2b4; background:linear-gradient(140deg,#fff6de,#e8c587 55%,#ac7e43); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 3px 0 #5d3b1a) drop-shadow(0 5px 20px #000b); }
.mu97-home .mu97-hero-content>p { font-size:22px; letter-spacing:.4px; text-shadow:0 2px 8px #000; }
.mu97-home .mu97-platform-actions { gap:12px; margin-top:34px; }
.mu97-button { position:relative; min-height:50px; border-color:#b19360; background:linear-gradient(145deg,#4a3d27,#1d2427 55%,#12191f); box-shadow:inset 0 0 0 3px #0006,inset 0 1px #e4cb933d,0 4px 15px #0005; font-size:15px; padding:14px 20px; letter-spacing:.2px; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.mu97-button::before { content:''; position:absolute; inset:4px; border:1px solid #e6c78529; pointer-events:none; }
.mu97-button:hover { transform:translateY(-2px); border-color:#efcc8a; box-shadow:inset 0 0 0 3px #0005,0 5px 24px #c7993d29; filter:none; }
.mu97-button-pc { background:linear-gradient(135deg,#773b2b,#421e20 70%,#23171b); border-color:#c99b68; }
.mu97-button-android { background:linear-gradient(135deg,#28594b,#12362f 70%,#10232a); border-color:#a3ad76; }
.mu97-button-ios { background:linear-gradient(135deg,#42516a,#233448 70%,#141e2b); border-color:#9ba8ac; }
.mu97-platform-actions .mu97-button { font-size:15px; min-height:56px; }
.mu97-platform-actions i { font-size:23px; }
.mu97-create-account { font-size:15px; color:#edce96; text-underline-offset:7px; margin-top:7px; }
.mu97-hero-meta { margin-top:32px; color:#aab9c5; }
.mu97-home-grid,.mu97-highlights,.mu97-market { width:min(1280px,calc(100% - 64px)); margin-inline:auto; }
.mu97-home-grid { gap:24px; margin-top:-28px; position:relative; z-index:3; }
.mu97-panel { border-color:#7b694b; background:radial-gradient(ellipse at top left,#30414e33,transparent 60%),linear-gradient(145deg,#161f28,#0c131b); box-shadow:inset 0 0 0 4px #060b1244,inset 0 1px #c6ac7833,0 12px 32px #0004; }
.mu97-section-heading { padding:25px 26px 22px; }
.mu97-section-heading h2 { font-size:28px; text-shadow:0 2px #000; }
.mu97-section-heading h2 i { color:#dabc84; filter:drop-shadow(0 0 10px #bb8a3833); }
.mu97-news-grid { gap:20px; padding:0 26px 26px; }
.mu97-news-card { background:linear-gradient(#18222c,#111922); border-color:#69717a77; box-shadow:0 5px 16px #0004; }
.mu97-news-art { height:176px; background-position:18% 55%; background-size:220% auto; box-shadow:inset 0 -15px 18px #10182166; }
.mu97-news-art-alt { background-position:65% 15%; }
.mu97-news-body { padding:21px; }
.mu97-news-body h3 { font-size:23px; }
.mu97-read-more { color:#edcb87; padding-top:6px; }
.mu97-ranking-tabs button[aria-selected=true] { background:linear-gradient(135deg,#9b7e49,#57482d); box-shadow:inset 0 0 0 3px #0003; }
.mu97-ranking-leader { background:linear-gradient(110deg,#473b2966,#19232d); border-color:#91734c; box-shadow:inset 0 0 20px #caa0530a; }
.mu97-medal { color:#f1c96f; text-shadow:0 0 15px #da9d4555; }
.mu97-community { width:min(1280px,calc(100% - 64px)); padding:38px; position:relative; overflow:hidden; background:linear-gradient(90deg,#13212ee8,#0b121be8),url('../img/hero.png') 20% 68%/cover; box-shadow:inset 0 0 0 4px #080d1255,0 8px 24px #0005; }
.mu97-community h2 { font-size:29px; }
.mu97-footer-brand { background:linear-gradient(#f4e4bd,#b18a50); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:35px; }
/* An illustrated gate on the left, a quiet and readable form on the right. */
.mu97-auth-page { background:radial-gradient(ellipse at 15% 28%,#17354a55,transparent 48%),radial-gradient(ellipse at 90% 55%,#4f321e22,transparent 50%),#080d12; }
.mu97-auth-page .mu97-main { width:min(1220px,calc(100% - 64px)); padding-top:26px; }
.mu97-auth-layout { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:0; position:relative; border:1px solid #94784e; box-shadow:0 18px 70px #0007,0 0 65px #153c551c; }
.mu97-auth-card { grid-column:2; grid-row:1; padding:28px 38px; border:0; border-left:1px solid #9c7c4b88; position:relative; z-index:1; background:radial-gradient(ellipse at top right,#4961711c,transparent 60%),linear-gradient(135deg,#19222b,#101820 70%); }
.mu97-auth-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,#d6b473,transparent); }
.mu97-auth-card header { position:relative; }
.mu97-auth-card header::before { content:'✦'; position:absolute; right:0; top:-8px; color:#d4b06e; font-size:23px; line-height:1; text-shadow:0 0 18px #d3a55766; }
.mu97-auth-card h1 { color:#f3dfb7; font-size:35px; margin-block:14px; }
.mu97-auth-card header p { color:#b4c1cb; font-size:15px; }
.mu97-field label { color:#dfd7c7; font-weight:500; letter-spacing:.2px; }
.mu97-field .form-input { background:linear-gradient(120deg,#08111a,#111c26); border-color:#65738088; box-shadow:inset 0 3px 12px #0005; border-radius:0; }
.mu97-field .form-input:focus { border-color:#c7a86a; box-shadow:inset 0 2px 10px #0004,0 0 0 2px #c7a86a18,0 0 20px #32718e14; }
.mu97-password-toggle { background:#253443; border-color:#74808a66; color:#e3d0a4; }
.mu97-submit { min-height:54px; background:linear-gradient(125deg,#805c30,#624326); border-color:#d0a66d; box-shadow:inset 0 0 0 3px #0003,inset 0 1px #f0d4a355,0 5px 18px #0005; text-shadow:0 1px #0008; transition:box-shadow .2s,transform .2s; }
.mu97-submit:hover { background:linear-gradient(125deg,#876236,#704e2b); transform:translateY(-1px); box-shadow:inset 0 0 0 3px #0003,0 0 22px #d8983933; }
.mu97-captcha-preview { border-color:#64829555; background:#182632; color:#b3c4ce; }
.mu97-auth-scene { grid-column:1; grid-row:1; display:flex; flex-direction:column; justify-content:space-between; min-height:620px; position:relative; isolation:isolate; overflow:hidden; padding:35px; background:linear-gradient(0deg,#060d16fa 0%,#09111ae6 42%,#09101900 76%),url('../img/account-art.png') center 18%/cover; }
.mu97-auth-scene::after { content:''; pointer-events:none; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 86% 38%,#317dba20,transparent 45%); animation:mu97-gate-light 8s ease-in-out infinite alternate; }
.mu97-scene-signature { font:700 51px/.9 Caudex,Georgia,serif; color:#efe1c5; letter-spacing:-4px; text-shadow:0 3px 3px #000; }
.mu97-scene-signature>span { color:#d5b475; }
.mu97-scene-signature small { display:block; font:9px system-ui,sans-serif; color:#d7c199; letter-spacing:3px; margin-top:12px; }
.mu97-scene-content { padding-top:170px; }
.mu97-scene-content h2 { font-size:58px; line-height:.99; color:#eed8ab; margin:14px 0 18px; text-shadow:0 3px 15px #000b; }
.mu97-scene-content p { color:#c0ccd4; font-size:15px; max-width:330px; margin-bottom:22px; }
.mu97-scene-content .mu97-button { min-width:220px; background:linear-gradient(135deg,#543c28cc,#141f2bee); }
.mu97-scene-links { display:flex; gap:20px; flex-wrap:wrap; margin-top:23px; font-size:13px; }
.mu97-scene-links a { color:#bdc9d0; }
.mu97-register-layout { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
.mu97-register-layout .mu97-auth-scene { background-position:48% top; }
.mu97-register-layout .mu97-scene-content { padding-top:340px; }
.mu97-register-layout .mu97-scene-content h2 { font-size:49px; }
.mu97-register-layout .mu97-auth-card { padding-inline:34px; }
.mu97-auth-card legend { border-color:#a98a5b55; color:#d8ba85; }
.mu97-platform-card { position:relative; isolation:isolate; overflow:hidden; padding:28px; background:linear-gradient(#12212bd9,#111820fa),url('../img/hero.png') 20% 50%/cover; }
.mu97-platform-card::after { content:''; position:absolute; left:22%; right:22%; top:0; height:1px; background:linear-gradient(90deg,transparent,#dcbb7e,transparent); }
.mu97-platform-card>i { color:#efd7aa; font-size:34px; filter:drop-shadow(0 0 15px #daa54f33); }
.mu97-platform-card h2 { color:#ead0a0; font-size:27px; }
.mu97-platform-card:target { box-shadow:inset 0 0 0 1px #cba567,0 0 24px #b07d2b20; }
.mu97-download-row:hover { background:#2d445522; }
.mu97-download-tools input { background:#0c1621; border-color:#6c737c88; }
.infor-box-ranking,.infor-box { background:linear-gradient(135deg,#18232c,#101821); border-color:#7b6748; box-shadow:inset 0 1px #d6bc8933,0 8px 26px #0003; }
.informa-head-ranking { background:linear-gradient(90deg,#9c7c3814,transparent); }
@keyframes mu97-embers { from{background-position:60px 90px,170px 160px,80px 30px} to{background-position:90px -123px,210px -171px,100px -391px} }
@keyframes mu97-gate-light { from{opacity:.4} to{opacity:1} }
@media(min-width:1760px) { .mu97-home .mu97-hero-content { padding-left:calc((1760px - 1280px)/2); } }
@media(max-width:1100px) { .mu97-navigation{gap:16px}.mu97-navigation>a{font-size:15px}.mu97-home .mu97-hero-content{width:64%;padding-left:44px}.mu97-home .mu97-hero h1{font-size:82px}.mu97-platform-actions .mu97-button{padding-inline:15px;font-size:14px}.mu97-auth-card{padding:30px}.mu97-auth-scene{padding:28px}.mu97-scene-content h2{font-size:50px}.mu97-register-layout .mu97-auth-card{padding:26px}.mu97-register-layout .mu97-form-grid{grid-template-columns:1fr} }
@media(max-width:900px) { .mu97-home .mu97-header{width:calc(100% - 40px)}.mu97-header-inner{min-height:80px}.mu97-home .mu97-hero-content{width:75%;padding-top:180px}.mu97-home .mu97-hero h1{font-size:76px}.mu97-home-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:18px}.mu97-home-grid,.mu97-highlights,.mu97-market,.mu97-community{width:calc(100% - 40px)}.mu97-auth-page .mu97-main{width:calc(100% - 40px)}.mu97-auth-layout,.mu97-register-layout{max-width:none;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.mu97-auth-card{padding:26px}.mu97-auth-scene{padding:24px}.mu97-scene-signature{font-size:43px}.mu97-scene-content h2{font-size:43px}.mu97-scene-content p{font-size:14px}.mu97-scene-content .mu97-button{min-width:0;width:100%}.mu97-scene-links{gap:10px}.mu97-register-layout .mu97-scene-content h2{font-size:40px}.mu97-auth-card h1{font-size:30px}.mu97-navigation .mu97-account{margin-top:12px}.mu97-navigation>a[aria-current=page]::after{display:none} }
@media(max-width:680px) { .mu97-header{margin-top:14px}.mu97-header-inner{padding:15px 18px}.mu97-brand{font-size:43px}.mu97-brand::before{font-size:18px;left:43px;top:-11px}.mu97-home .mu97-header{width:calc(100% - 28px);margin-top:14px}.mu97-home .mu97-hero{min-height:920px;align-items:flex-start;background-image:linear-gradient(0deg,#080d12 4%,#080d12fa 28%,#08101ab3 50%,transparent 76%),url('../img/hero.png');background-size:cover,auto 580px;background-position:center,66% 85px;background-color:#080d12}.mu97-home .mu97-hero-content{width:100%;max-width:none;padding:395px 26px 85px;text-align:center}.mu97-hero .mu97-eyebrow{justify-content:center;gap:10px;font-size:10px;letter-spacing:2.4px}.mu97-hero .mu97-eyebrow::before{width:24px}.mu97-home .mu97-hero h1{font-size:clamp(43px,12.8vw,76px);line-height:.96;letter-spacing:-1.5px;margin:22px 0}.mu97-home .mu97-hero-content>p{font-size:17px;letter-spacing:0}.mu97-home .mu97-platform-actions{margin-top:27px;gap:12px}.mu97-platform-actions .mu97-button{font-size:16px;min-height:54px}.mu97-create-account{font-size:15px;margin-top:4px}.mu97-hero-meta{margin-top:24px}.mu97-home-grid{width:calc(100% - 28px);grid-template-columns:1fr;margin-top:-34px;gap:20px}.mu97-section-heading{padding:23px 22px 20px}.mu97-section-heading h2{font-size:26px}.mu97-news-grid{padding:0 20px 20px}.mu97-news-art{height:180px}.mu97-news-body h3{font-size:23px}.mu97-highlights,.mu97-market,.mu97-community{width:calc(100% - 28px)}.mu97-community{padding:30px 24px}.mu97-community h2{font-size:29px}.mu97-auth-page .mu97-main{width:calc(100% - 28px);padding-top:20px}.mu97-auth-layout,.mu97-register-layout{display:flex;flex-direction:column;gap:0;border:0;box-shadow:none}.mu97-auth-card{width:100%;padding:26px 18px;border:1px solid #94784e;box-shadow:0 10px 35px #0005}.mu97-auth-card header{position:relative;padding:0}.mu97-auth-card header::before{font-size:20px;margin-bottom:14px}.mu97-auth-card h1{font-size:32px}.mu97-auth-scene{width:100%;min-height:560px;margin-top:24px;border:1px solid #776449;padding:26px;background-size:cover;background-position:center 20%}.mu97-scene-content{padding-top:150px}.mu97-scene-content h2,.mu97-register-layout .mu97-scene-content h2{font-size:48px}.mu97-register-layout .mu97-scene-content{padding-top:150px}.mu97-register-layout .mu97-auth-card{padding:26px 18px}.mu97-scene-content p{font-size:15px}.mu97-scene-links{gap:22px;font-size:14px}.mu97-scene-content .mu97-button{width:auto;min-width:230px}.mu97-auth-page .mu97-footer{margin-top:0}.mu97-community-actions .mu97-button{font-size:15px}.mu97-download-platforms{gap:18px}.mu97-platform-card{padding:28px 20px} }
@media(prefers-reduced-motion:reduce) { .mu97-home .mu97-hero::before,.mu97-auth-scene::after{animation:none}.mu97-button:hover,.mu97-submit:hover{transform:none} }

/* Marca fornecida pelo projeto Android, preservada sem redesenho. */
.mu97-brand { padding:0; flex-shrink:0; letter-spacing:normal; }
.mu97-brand::before { content:none; }
.mu97-brand>img { display:block; width:156px; height:auto; }
.mu97-brand small { margin-top:0; }
.mu97-scene-signature>img { display:block; width:220px; max-width:100%; height:auto; filter:drop-shadow(0 3px 6px #0009); }
.mu97-footer-brand { display:inline-block; background:none; }
.mu97-footer-brand>img { display:block; width:154px; height:auto; }
@media(max-width:680px) { .mu97-brand>img{width:128px}.mu97-brand small{font-size:8px;letter-spacing:4px}.mu97-scene-signature>img{width:200px} }