/* Monte Verde Survival — produção limpa v10.52.3 */
:root{
  --bg:#030806;--bg-2:#07100c;--panel:#08120d;--panel-2:#0c1811;
  --line:rgba(222,183,67,.34);--line-soft:rgba(222,183,67,.16);
  --gold:#e8c44f;--gold-2:#f6df8a;--green:#7bd058;--green-2:#3daa50;
  --text:#f2f5f1;--muted:#aeb9af;--discord:#5865f2;
  --mc:"Arial Black","Trebuchet MS",Impact,system-ui,sans-serif;
  --body:"Trebuchet MS",Arial,system-ui,sans-serif;
  --shadow:0 22px 70px rgba(0,0,0,.46);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px;background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-width:320px;overflow-x:hidden;overflow-x:clip;background:radial-gradient(circle at 50% 10%,rgba(40,92,51,.15),transparent 32%),linear-gradient(#020604,#040a07 52%,#020604);color:var(--text);font-family:var(--body);line-height:1.5}
body.modal-open{overflow:hidden}
button,a,input,summary{font:inherit}
button{color:inherit}
a{color:inherit}
img,svg,picture,video,canvas{display:block;max-width:100%}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(246,223,138,.95);outline-offset:3px}
::selection{background:#9b7b28;color:#fff}
.page-width{width:calc(100% - 32px);width:min(1400px,calc(100% - clamp(20px,4vw,48px)));margin-inline:auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:20000;left:16px;top:12px;transform:translateY(-160%);padding:10px 14px;border-radius:8px;background:#fff;color:#111;font-weight:700;text-decoration:none}
.skip-link:focus{transform:none}
.noscript{position:fixed;z-index:20000;inset:auto 12px 12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#101812;color:#fff;text-align:center}

/* HERO */
.hero{position:relative;isolation:isolate;min-height:720px;min-height:clamp(720px,56vw,940px);overflow:hidden;background:#07100c}
.hero__picture,.hero__image{position:absolute;inset:0;width:100%;height:100%}
.hero__picture{z-index:-3}
.hero__image{object-fit:cover;object-position:center center}
.hero__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,7,5,.72) 0%,rgba(2,7,5,.42) 35%,rgba(2,7,5,.10) 66%,rgba(2,7,5,.18) 100%),linear-gradient(180deg,rgba(1,5,3,.12),transparent 30%,rgba(2,7,5,.06) 62%,rgba(2,7,5,.93) 100%)}
.hero::after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:200px;background:linear-gradient(transparent,var(--bg))}
.site-header{position:relative;z-index:30;display:block;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:max(24px,env(safe-area-inset-top))}
.menu-toggle{display:none;width:48px;height:44px;border:1px solid var(--line);border-radius:11px;background:rgba(3,10,7,.9);cursor:pointer;touch-action:manipulation}
.menu-toggle span{display:block;width:23px;height:2px;margin:5px auto;background:#eef2ed}
.main-nav{grid-column:2;display:block;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:680px;width:clamp(620px,48vw,740px);padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(3,10,7,.84);box-shadow:0 14px 34px rgba(0,0,0,.34);backdrop-filter:blur(12px)}
.main-nav a,.main-nav button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:46px;padding:0 8px;border:1px solid transparent;border-radius:10px;background:transparent;color:#e6ebe5;text-decoration:none;text-align:center;text-transform:uppercase;font-family:var(--mc);font-size:10px;font-weight:800;line-height:1.1;letter-spacing:.03em;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.main-nav a:hover,.main-nav button:hover,.main-nav .is-active{transform:translateY(-1px);border-color:rgba(232,196,79,.38);background:linear-gradient(rgba(34,47,34,.97),rgba(9,18,12,.97));color:var(--gold-2)}
.status-pill{justify-self:end;display:flex;align-items:center;gap:10px;min-width:174px;padding:12px 16px;border:1px solid rgba(217,174,57,.32);border-radius:14px;background:rgba(3,11,7,.88);box-shadow:0 14px 30px rgba(0,0,0,.34);backdrop-filter:blur(12px)}
.status-pill>span:last-child{display:flex;min-width:0;flex-direction:column;line-height:1.18}
.status-pill b{font-family:var(--mc);font-size:10px;text-transform:uppercase;color:#f2f4f0}
.status-pill small{margin-top:3px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.status-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#d8a53b;box-shadow:0 0 0 4px rgba(216,165,59,.11),0 0 14px rgba(216,165,59,.5)}
.status-dot[data-state="online"]{background:#42dc71;box-shadow:0 0 0 4px rgba(66,220,113,.11),0 0 15px rgba(66,220,113,.7)}
.status-dot[data-state="offline"]{background:#eb6258;box-shadow:0 0 0 4px rgba(235,98,88,.11),0 0 15px rgba(235,98,88,.6)}
.status-dot[data-state="unknown"]{background:#c5a755}
.hero__content{position:relative;z-index:5;display:flex;min-height:612px;min-height:calc(clamp(720px,56vw,940px) - 108px);flex-direction:column;align-items:flex-start;justify-content:center;padding:52px 0 128px}
.hero__copy{width:min(650px,58vw);min-width:0}
.hero-logo-stage{position:relative;display:block;width:460px;width:clamp(360px,38vw,550px);max-width:100%;margin:-8px 0 0 -8px;text-decoration:none;transition:transform .28s ease}
.hero-logo-stage::before{content:"";position:absolute;z-index:-1;inset:14% 10%;border-radius:50%;background:radial-gradient(ellipse,rgba(111,231,112,.18),rgba(230,191,59,.08) 45%,transparent 72%);filter:blur(14px);opacity:.62}
.hero-logo-stage:hover{transform:translateY(-4px) scale(1.018)}
.hero-brand-logo{width:100%;height:auto;filter:drop-shadow(0 16px 18px rgba(0,0,0,.72))}
.hero__copy h2{margin:24px 0 8px;font-size:20px;font-size:clamp(17px,1.55vw,24px);text-transform:uppercase;letter-spacing:.02em;text-shadow:0 3px 9px rgba(0,0,0,.9)}
.hero__copy>p{max-width:560px;margin:0;color:#e2e7e1;font-size:16px;font-size:clamp(14px,1.05vw,17px);text-shadow:0 2px 8px rgba(0,0,0,.9)}
.server-panel{display:flex;display:grid;grid-template-columns:58px minmax(0,1fr) 46px;align-items:center;gap:16px;width:min(640px,60vw);margin-top:30px;padding:14px 15px;border:1px solid rgba(226,183,60,.46);border-radius:16px;background:linear-gradient(135deg,rgba(6,18,12,.96),rgba(3,10,7,.92));box-shadow:0 18px 45px rgba(0,0,0,.45);backdrop-filter:blur(10px)}
.server-panel>img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 7px 8px rgba(0,0,0,.55))}
.server-panel__data{display:flex;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"edition host" "port host";align-items:center;column-gap:18px;min-width:0}
.server-panel__data>span{grid-area:edition;color:var(--green);font-family:var(--mc);font-size:10px;text-transform:uppercase}
.server-panel__data>strong{grid-area:host;min-width:0;color:#fff;font-size:17px;font-size:clamp(14px,1.45vw,21px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-panel__data>small{grid-area:port;color:#cbd2cb;font-size:11px;text-transform:uppercase}
.icon-button{display:flex;align-items:center;justify-content:center;display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:10px;background:#101b13;cursor:pointer;touch-action:manipulation;transition:transform .18s ease,border-color .18s ease,filter .18s ease}
.icon-button:hover{transform:translateY(-2px);border-color:var(--gold);filter:brightness(1.14)}
.icon-button img{width:24px;height:24px;image-rendering:pixelated}

/* HERO FX */
.mv61-fx-layer{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.mv61-source{position:absolute;left:var(--fallback-x);top:var(--fallback-y);width:var(--fx-size);height:var(--fx-size);transform:translate(-50%,-50%);pointer-events:none}
.mv61-halo,.mv61-particles{position:absolute;inset:0;pointer-events:none}
.mv61-sun .mv61-halo{border-radius:50%;mix-blend-mode:screen;background:radial-gradient(circle,rgba(255,250,231,.46) 0 6%,rgba(255,232,177,.25) 12%,rgba(255,207,128,.09) 25%,transparent 48%);filter:blur(2px)}
.mv61-lantern .mv61-halo{border-radius:50%;mix-blend-mode:screen;background:radial-gradient(circle,rgba(255,232,174,.36) 0 8%,rgba(255,188,93,.18) 27%,transparent 64%);filter:blur(7px);animation:mv-glow 2.7s ease-in-out infinite}
.mv61-fire .mv61-halo{border-radius:50%;mix-blend-mode:screen;background:radial-gradient(ellipse,rgba(255,228,169,.31) 0 12%,rgba(255,184,97,.17) 28%,rgba(255,129,45,.055) 52%,transparent 74%);filter:blur(12px);transform:scaleY(.68);animation:mv-fire-glow 2.1s ease-in-out infinite}
.mv61-spark{position:absolute;left:50%;bottom:var(--spark-bottom,45%);width:var(--spark-size,1.7px);height:var(--spark-size,1.7px);border-radius:50%;background:rgba(255,218,137,var(--spark-alpha,.82));box-shadow:0 0 4px rgba(255,156,54,.5);transform:translateX(var(--spark-x,0));animation:mv-spark-rise var(--spark-duration,2.4s) linear infinite;animation-delay:var(--spark-delay,0s)}
@keyframes mv-glow{0%,100%{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}
@keyframes mv-fire-glow{0%,100%{opacity:.76;transform:scale(.96,.66)}50%{opacity:1;transform:scale(1.04,.72)}}
@keyframes mv-spark-rise{0%{transform:translate(var(--spark-x),0) scale(.82);opacity:0}12%{opacity:var(--spark-alpha,.82)}58%{opacity:.56}100%{transform:translate(calc(var(--spark-x) + var(--spark-drift)),calc(-1 * var(--spark-rise))) scale(.34);opacity:0}}
.mv61-leaf-layer{position:fixed;inset:0;z-index:3;overflow:hidden;pointer-events:none;contain:strict}
.mv61-leaf-layer.is-paused .mv61-leaf{animation-play-state:paused}
.mv61-leaf{position:absolute;top:-15vh;left:var(--leaf-x);width:var(--leaf-size);height:var(--leaf-size);object-fit:contain;image-rendering:pixelated;pointer-events:none;opacity:var(--leaf-opacity);animation:mv-leaf-wind var(--leaf-duration) linear infinite;animation-delay:var(--leaf-delay);will-change:transform,opacity}
@keyframes mv-leaf-wind{0%{transform:translate3d(-2vw,-10vh,0) rotate(var(--leaf-r0));opacity:0}8%{opacity:var(--leaf-opacity)}33%{transform:translate3d(var(--leaf-s1),30vh,0) rotate(calc(var(--leaf-r0) + 100deg))}66%{transform:translate3d(var(--leaf-s2),72vh,0) rotate(calc(var(--leaf-r0) + 225deg))}92%{opacity:var(--leaf-opacity)}100%{transform:translate3d(var(--leaf-end),118vh,0) rotate(calc(var(--leaf-r0) + 365deg));opacity:0}}

/* DASHBOARD */
main{position:relative;z-index:4}
.dashboard{position:relative;margin-top:-88px;padding:24px 25px 26px;border:1px solid rgba(210,169,55,.32);border-radius:22px;background:linear-gradient(180deg,rgba(5,14,9,.985),rgba(2,8,5,.995));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.035)}
.dashboard-grid{display:block;display:grid;grid-template-columns:minmax(0,1.36fr) minmax(0,.95fr) minmax(0,.9fr);grid-template-areas:"supporters development masteries" "supporters faq discord";gap:16px;align-items:stretch}
.panel{position:relative;min-width:0;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 90% 0,rgba(63,107,61,.07),transparent 30%),linear-gradient(180deg,rgba(10,20,14,.98),rgba(5,12,8,.99));box-shadow:inset 0 1px rgba(255,255,255,.035),0 14px 30px rgba(0,0,0,.2);overflow:hidden}
.panel::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,rgba(232,188,61,.65),transparent);opacity:.7}
.panel--supporters{grid-area:supporters;display:flex;flex-direction:column}
.panel--development{grid-area:development;display:flex;flex-direction:column}
.panel--masteries{grid-area:masteries;display:flex;flex-direction:column}
.panel--faq{grid-area:faq;display:flex;flex-direction:column}
.panel--discord{grid-area:discord;display:flex;flex-direction:column;border-color:rgba(99,105,255,.52)}
.panel--discord::before{background:linear-gradient(90deg,transparent,rgba(99,105,255,.8),transparent)}
.panel-heading{display:flex;align-items:center;gap:11px;min-height:76px;padding:16px 17px 13px;border-bottom:1px solid var(--line-soft)}
.heading-icon{display:flex;align-items:center;justify-content:center;display:grid;width:40px;height:40px;place-items:center;flex:0 0 auto;border:1px solid rgba(221,180,59,.2);border-radius:10px;background:rgba(0,0,0,.2)}
.heading-icon img{width:29px;height:29px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 6px rgba(0,0,0,.65))}
.panel-heading>div:nth-child(2){min-width:0;line-height:1.05}
.panel-heading span{display:block;margin-bottom:4px;color:var(--green);font-family:var(--mc);font-size:9px;text-transform:uppercase;letter-spacing:.05em}
.panel-heading h2{margin:0;color:var(--gold-2);font-family:var(--mc);font-size:16px;font-size:clamp(14px,1.2vw,19px);text-transform:uppercase;line-height:1.05}
.panel-heading em{margin-left:auto;padding:5px 8px;border:1px solid rgba(231,193,86,.38);border-radius:5px;background:rgba(92,70,14,.42);color:#f0d36f;font-family:var(--mc);font-size:7px;font-style:normal;text-transform:uppercase;white-space:nowrap}
.panel-intro{margin:0;padding:12px 17px;color:#abb6ac;font-size:11px;border-bottom:1px solid rgba(214,171,52,.12)}
.panel-action{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:14px;padding:9px 14px;border:1px solid rgba(219,178,58,.47);border-radius:9px;background:linear-gradient(#182218,#0a120c);color:#e7ebe6;text-decoration:none;font-family:var(--mc);font-size:9px;font-weight:800;text-transform:uppercase;cursor:pointer;touch-action:manipulation;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.panel-action:hover{transform:translateY(-1px);border-color:var(--gold);background:linear-gradient(#263326,#0c170f);color:#fff}
.panel-action img{width:19px;height:19px;image-rendering:pixelated}
.panel-action--discord{margin-top:auto;border-color:rgba(117,123,255,.75);background:linear-gradient(#625df1,#3a35b6);color:#fff}

/* APOIADORES */
.supporter-board{display:flex;flex:1;flex-direction:column;padding:14px}
.supporter-board__topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:0 2px}
.supporter-board__topline>div{min-width:0}
.supporter-board__topline>div>span{display:block;color:#8ea596;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.supporter-board__topline strong{display:block;margin-top:2px;color:#e8eee9;font-size:14px}
.supporter-board__cycle{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:5px 8px;border:1px solid rgba(96,194,102,.25);border-radius:999px;color:#9bd29d;font-size:9px;text-transform:uppercase}
.supporter-board__cycle i{width:7px;height:7px;border-radius:50%;background:#54d778;box-shadow:0 0 9px rgba(84,215,120,.7)}
.supporter-podium{display:block;display:grid;gap:10px;margin:0;padding:0;list-style:none}
.supporter-card{position:relative;display:block;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"rank stage" "rank meta";align-items:center;gap:6px 10px;min-width:0;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.012));overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.supporter-card:hover{transform:translateY(-1px);background:linear-gradient(90deg,rgba(255,255,255,.065),rgba(255,255,255,.014))}
.supporter-card--legend{min-height:174px;border-color:rgba(245,82,73,.48);box-shadow:inset 0 0 32px rgba(232,80,66,.06)}
.supporter-card--diamond{border-color:rgba(80,202,255,.34)}
.supporter-card--emerald{border-color:rgba(81,232,130,.34)}
.supporter-card--gold{border-color:rgba(247,207,76,.34)}
.supporter-rank{grid-area:rank;align-self:stretch;display:flex;align-items:center;justify-content:center;display:grid;place-items:center;border-right:1px solid rgba(255,255,255,.08);color:#d9ded9;font-family:var(--mc);font-size:13px}
.supporter-card--legend .supporter-rank{color:#ffd7d2}
.supporter-stage{grid-area:stage;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;display:grid;min-height:76px;place-items:center;overflow:hidden;border-radius:8px;background:radial-gradient(ellipse at center,rgba(255,255,255,.055),transparent 68%)}
.supporter-card--legend .supporter-stage{min-height:96px}
.supporter-meta{grid-area:meta;display:flex;align-items:end;justify-content:space-between;gap:12px;min-width:0;padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}
.supporter-copy{display:flex;min-width:0;flex-direction:column}
.supporter-copy small,.supporter-value small{color:#87968b;font-size:9px;text-transform:uppercase;letter-spacing:.05em}
.supporter-copy strong{margin-top:2px;color:#eef3ee;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.supporter-copy>span{margin-top:2px;color:#a7b1a9;font-size:10px}
.supporter-value{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end}
.supporter-value b{margin-top:2px;color:var(--gold-2);font-size:13px}

/* TAG SPARKLES — 10.52.7: animação confinada à silhueta real da tag */
.supporter-tag-shell{position:relative;z-index:10;display:block;width:min(100%,430px);margin:auto;overflow:hidden;line-height:0;border-radius:6px;isolation:isolate}
.panel--supporters .supporter-tag-shell{width:min(100%,455px)}
.supporter-tag{position:relative;z-index:1;display:block;width:100%;margin:0}
.supporter-tag img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:drop-shadow(0 8px 9px rgba(0,0,0,.34))}
.tag-sparkles{--sparkle-color:#fff;position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none;mix-blend-mode:screen;background:transparent;transform:none}
/* A máscara usa o alpha exato de cada PNG: brilho não pode existir fora da própria arte. */
.supporter-card--legend .tag-sparkles{-webkit-mask-image:url("../images/donor-tags/lendario-v152.png");mask-image:url("../images/donor-tags/lendario-v152.png")}
.supporter-card--diamond .tag-sparkles{-webkit-mask-image:url("../images/donor-tags/diamante-v152.png");mask-image:url("../images/donor-tags/diamante-v152.png")}
.supporter-card--emerald .tag-sparkles{-webkit-mask-image:url("../images/donor-tags/esmeralda-v152.png");mask-image:url("../images/donor-tags/esmeralda-v152.png")}
.supporter-card--gold .tag-sparkles{-webkit-mask-image:url("../images/donor-tags/ouro-v152.png");mask-image:url("../images/donor-tags/ouro-v152.png")}
.tag-sparkles{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.tag-sparkles>span{position:absolute;width:var(--size,4px);height:var(--size,4px);color:var(--sparkle-color);opacity:0;animation:mv-tag-sparkle var(--duration,2.4s) ease-in-out infinite;animation-delay:var(--delay,0s)}
.tag-sparkles>span::before,.tag-sparkles>span::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:999px;background:currentColor}
.tag-sparkles>span::before{width:1px;height:100%;box-shadow:0 0 2px #fff,0 0 4px currentColor,0 0 7px currentColor}
.tag-sparkles>span::after{width:100%;height:1px;box-shadow:0 0 2px #fff,0 0 4px currentColor,0 0 7px currentColor}
.tag-sparkles--red{--sparkle-color:#ff655e}.tag-sparkles--blue{--sparkle-color:#58caff}.tag-sparkles--green{--sparkle-color:#67f094}.tag-sparkles--yellow{--sparkle-color:#ffd75c}
/* Posições concentradas na faixa gráfica da tag, nunca no espaço do card. */
.tag-sparkles>span:nth-child(1){left:12%;top:54%;--size:2px;--duration:1.65s;--delay:-.2s}
.tag-sparkles>span:nth-child(2){left:27%;top:45%;--size:2.5px;--duration:1.9s;--delay:-1.1s}
.tag-sparkles>span:nth-child(3){left:42%;top:58%;--size:2px;--duration:1.7s;--delay:-.65s}
.tag-sparkles>span:nth-child(4){left:59%;top:43%;--size:2.5px;--duration:2.05s;--delay:-1.45s}
.tag-sparkles>span:nth-child(5){left:75%;top:57%;--size:2px;--duration:1.8s;--delay:-.85s}
.tag-sparkles>span:nth-child(6){left:88%;top:48%;--size:2.5px;--duration:1.95s;--delay:-1.7s}
.tag-sparkles--simple>span:nth-child(1){left:21%;top:52%}.tag-sparkles--simple>span:nth-child(2){left:52%;top:46%}.tag-sparkles--simple>span:nth-child(3){left:81%;top:49%}
@keyframes mv-tag-sparkle{0%,100%{opacity:0;transform:scale(.15) rotate(0)}22%{opacity:.22;transform:scale(.4) rotate(8deg)}42%{opacity:.78;transform:scale(.82) rotate(16deg)}62%{opacity:.48;transform:scale(.58) rotate(22deg)}82%{opacity:0;transform:scale(.22) rotate(28deg)}}

/* DEVELOPMENT */
.news-feature{display:flex;flex:1;flex-direction:column;padding:16px}
.news-badge{align-self:flex-start;padding:5px 8px;border:1px solid rgba(117,206,103,.28);border-radius:999px;color:#9bda8d;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.news-feature h3{margin:13px 0 7px;color:#f0f3ef;font-size:18px;line-height:1.25}
.news-feature p{margin:0;color:#acb6ad;font-size:12px;line-height:1.6}
.news-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.news-tags span{padding:4px 7px;border:1px solid rgba(222,183,67,.22);border-radius:999px;color:#d2c38d;font-size:9px;text-transform:uppercase}
.news-feature picture{margin-top:auto}
.news-feature picture img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(255,255,255,.08);border-radius:10px}
.news-source{display:block;margin-top:6px;color:#79857b;font-size:9px;text-align:right}

/* MASTERIES */
.mastery-grid{display:block;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;flex:1}
.mastery-grid button{display:flex;align-items:center;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"icon name" "icon stars";align-items:center;gap:1px 9px;min-width:0;min-height:74px;padding:10px;border:1px solid rgba(222,183,67,.18);border-radius:10px;background:rgba(255,255,255,.025);text-align:left;cursor:pointer;touch-action:manipulation;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.mastery-grid button:hover{transform:translateY(-2px);border-color:rgba(222,183,67,.5);background:rgba(255,255,255,.05)}
.mastery-grid img{grid-area:icon;width:38px;height:38px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 6px rgba(0,0,0,.55))}
.mastery-grid span{grid-area:name;min-width:0;color:#eef2ee;font-family:var(--mc);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mastery-grid small{grid-area:stars;color:#8d9a90;font-size:9px}

/* FAQ */
.faq-list{display:block;display:grid;gap:8px;padding:14px;flex:1}
.faq-list details{border:1px solid rgba(222,183,67,.17);border-radius:10px;background:rgba(255,255,255,.025);overflow:hidden}
.faq-list summary{position:relative;padding:12px 34px 12px 12px;color:#e9ede9;font-size:12px;font-weight:700;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:18px;font-weight:400}
.faq-list details[open] summary::after{content:"−"}
.faq-list details p{margin:0;padding:0 12px 12px;color:#aab4ab;font-size:11px;line-height:1.55}

/* DISCORD */
.discord-visual{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:18px;text-align:center;background:radial-gradient(circle at 50% 36%,rgba(88,101,242,.13),transparent 52%)}
.discord-emblem{display:flex;align-items:center;justify-content:center;display:grid;width:88px;height:88px;place-items:center;border:1px solid rgba(116,125,255,.32);border-radius:24px;background:rgba(88,101,242,.08);transition:transform .2s ease,background .2s ease}
.discord-emblem img{width:62px;height:62px;object-fit:contain}
.panel--discord:hover .discord-emblem{transform:translateY(-3px) scale(1.025);background:rgba(88,101,242,.13)}
.discord-visual strong{margin-top:13px;color:#fff;font-size:15px}
.discord-visual>span:not(.discord-emblem){max-width:290px;margin-top:6px;color:#adb5c5;font-size:11px;line-height:1.55}
.discord-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:13px}
.discord-benefits b{padding:5px 7px;border:1px solid rgba(116,125,255,.28);border-radius:999px;color:#bac0ff;font-size:8px;text-transform:uppercase}

/* ABOUT */
.about{display:block;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:28px;align-items:start;padding:72px 0 82px}
.about__copy{min-width:0;padding:10px 0}
.section-kicker{display:block;margin-bottom:9px;color:var(--green);font-family:var(--mc);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.about h2{margin:0;color:#f2f4ef;font-family:var(--mc);font-size:31px;font-size:clamp(25px,2.4vw,38px);line-height:1.12;text-transform:uppercase}
.about__copy p{margin:17px 0 0;color:#acb6ad;font-size:15px;line-height:1.75}
.about__cards{display:block;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.about__cards article{min-width:0;padding:18px;border:1px solid rgba(222,183,67,.22);border-radius:14px;background:linear-gradient(180deg,rgba(12,23,16,.86),rgba(6,13,9,.92));box-shadow:0 12px 26px rgba(0,0,0,.18)}
.about__cards img{width:38px;height:38px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 6px rgba(0,0,0,.55))}
.about__cards h3{margin:12px 0 5px;color:#f2f4ef;font-size:15px}
.about__cards p{margin:0;color:#aab4ab;font-size:12px;line-height:1.6}

/* FOOTER */
.site-footer{border-top:1px solid rgba(222,183,67,.16);background:#020604}
.site-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:160px;padding-block:30px}
.site-footer__copy{max-width:850px;color:#879388;font-size:11px;line-height:1.6}
.site-footer__copy strong{display:block;margin-bottom:7px;color:#d8dfd8;font-family:var(--mc);font-size:11px;text-transform:uppercase}
.site-footer__copy p{margin:4px 0}
.site-footer__copy a{color:#aab1ff;text-underline-offset:3px}
.site-footer__copy small{display:block;margin-top:9px;color:#6f7b71}
.sound-toggle{display:flex;align-items:center;gap:9px;flex:0 0 auto;min-height:48px;padding:10px 14px;border:1px solid rgba(222,183,67,.28);border-radius:10px;background:#0b140e;color:#d5ddd5;cursor:pointer;touch-action:manipulation}
.sound-toggle img{width:28px;height:28px;image-rendering:pixelated}
.sound-toggle span{font-family:var(--mc);font-size:8px;text-transform:uppercase}
.sound-toggle[aria-pressed="true"]{border-color:rgba(93,210,105,.5);color:#9fe1a4}

/* MODAL */
.site-modal{width:min(980px,calc(100vw - 24px));max-width:none;padding:0;border:1px solid rgba(222,183,67,.38);border-radius:18px;background:transparent;color:var(--text);box-shadow:0 30px 90px rgba(0,0,0,.72)}
.site-modal::backdrop{background:rgba(1,5,3,.84);backdrop-filter:blur(6px)}
.site-modal:not([open]){display:none}
.site-modal__frame{position:relative;max-height:min(86dvh,780px);overflow:auto;padding:25px;border-radius:17px;background:linear-gradient(180deg,#0a1710,#040b07);overscroll-behavior:contain}
.modal-close{position:sticky;z-index:5;top:0;float:right;display:flex;align-items:center;justify-content:center;display:grid;width:42px;height:42px;place-items:center;margin:-5px -5px 0 10px;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:#101a13;color:#e8eee8;font-size:27px;cursor:pointer}
.modal-heading{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(222,183,67,.16)}
.modal-heading>img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55))}
.modal-heading span{display:block;color:var(--green);font-family:var(--mc);font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.modal-heading h2{margin:5px 0 0;color:var(--gold-2);font-family:var(--mc);font-size:22px;font-size:clamp(18px,2vw,27px);text-transform:uppercase;line-height:1.1}
.modal-content{clear:both;padding-top:18px;color:#c4cdc4;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.modal-content h3{margin:22px 0 8px;color:#fff;font-family:var(--mc);font-size:12px;text-transform:uppercase}
.modal-content p{margin:0 0 13px}
.modal-content ol,.modal-content ul{padding-left:22px}
.modal-content li+li{margin-top:7px}
.modal-highlight{display:block;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:16px;align-items:stretch}
.modal-highlight__copy,.modal-highlight__media,.modal-card,.modal-server,.copy-guide__field,.mastery-tip{border:1px solid rgba(222,183,67,.16);border-radius:12px;background:rgba(255,255,255,.025)}
.modal-highlight__copy{padding:18px}
.modal-highlight__copy h3{margin-top:0}
.modal-highlight__media{min-height:220px;overflow:hidden}
.modal-highlight__media img{width:100%;height:100%;object-fit:cover}
.modal-chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.modal-chip-row span{padding:5px 8px;border:1px solid rgba(222,183,67,.22);border-radius:999px;color:#d8c98d;font-size:9px;text-transform:uppercase}
.modal-grid{display:block;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:16px}
.modal-card{display:flex;align-items:center;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"icon title" "icon text";align-items:center;gap:2px 10px;padding:14px}
.modal-card img{grid-area:icon;width:38px;height:38px;object-fit:contain;image-rendering:pixelated}
.modal-card b{grid-area:title;color:#edf1ed;font-size:12px}
.modal-card span{grid-area:text;color:#9fa9a1;font-size:11px;line-height:1.5}
.modal-server{display:block;display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:12px;align-items:end;margin:15px 0;padding:14px}
.modal-server>div{min-width:0}
.modal-server small{display:block;color:#879489;font-size:9px;text-transform:uppercase}
.modal-server strong{display:block;margin-top:4px;color:#fff;overflow-wrap:anywhere}
.modal-server button,.copy-guide__actions button{min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#152118;color:#fff;cursor:pointer}
.modal-grid--faq{display:block;display:grid;gap:8px}
.faq-modal-item{border:1px solid rgba(222,183,67,.16);border-radius:10px;background:rgba(255,255,255,.02);overflow:hidden}
.faq-modal-item summary{padding:13px 14px;color:#eef2ee;font-weight:700;cursor:pointer}
.faq-modal-item p{padding:0 14px 14px;margin:0;color:#aeb8af}
.mastery-popup__lead{font-size:16px;color:#d9dfda}
.mastery-stars{display:flex;gap:8px;margin:18px 0;color:#f0c856;font-size:28px;letter-spacing:.08em}
.mastery-popup__note,.mastery-popup__footer{padding:12px 14px;border-left:3px solid rgba(232,196,79,.55);background:rgba(232,196,79,.055);color:#aeb8af}
.mastery-tip{padding:13px 14px;margin-top:14px;color:#b9c2ba}
.copy-guide__lead{font-size:15px}
.copy-guide__fields{display:block;display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px;margin:14px 0}
.copy-guide__field{padding:14px}
.copy-guide__field small{display:block;color:#89968c;font-size:9px;text-transform:uppercase}
.copy-guide__field strong{display:block;margin-top:5px;color:#fff;overflow-wrap:anywhere}
.copy-guide__warning{display:flex;gap:11px;align-items:center;padding:13px 14px;border:1px solid rgba(232,196,79,.27);border-radius:10px;background:rgba(232,196,79,.05)}
.copy-guide__warning img{width:34px;height:34px;image-rendering:pixelated}
.copy-guide__warning p{margin:0}
.copy-guide__example{padding:10px 0;color:#aab4ab}
.copy-guide__example span{color:#e9d278;font-weight:700}
.copy-guide__actions{display:flex;flex-wrap:wrap;gap:8px}
.toast{position:fixed;z-index:15000;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%,18px);max-width:min(90vw,520px);padding:11px 15px;border:1px solid rgba(222,183,67,.38);border-radius:10px;background:#101912;color:#f2f4f1;box-shadow:0 14px 34px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;text-align:center}
.toast.is-visible{opacity:1;transform:translate(-50%,0)}

/* PERFORMANCE MODES */
html.is-lite .mv61-leaf:nth-child(2n),html.is-lite .mv61-spark:nth-child(2n),html.is-lite .tag-sparkles>span:nth-child(n+5){display:none}
html.is-lite .hero-logo-stage::before,html.is-lite .status-pill,html.is-lite .main-nav{backdrop-filter:none}

/* RESPONSIVE */
@media(max-width:1180px){
  .site-header{grid-template-columns:auto minmax(0,1fr) auto}
  .menu-toggle{display:block;grid-column:1}
  .main-nav{position:fixed;z-index:100;top:max(76px,calc(env(safe-area-inset-top) + 62px));right:clamp(12px,3vw,28px);display:none;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 100px);grid-template-columns:1fr;overflow:auto;padding:8px}
  .main-nav.is-open{display:grid}
  .main-nav a,.main-nav button{justify-content:flex-start;padding-inline:14px}
  .status-pill{grid-column:3}
  .dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"supporters development" "supporters masteries" "faq discord"}
}
@media(max-width:880px){
  .hero{min-height:800px}
  .hero__content{min-height:700px;padding:90px 0 72px;justify-content:flex-end}
  .hero__copy{width:min(100%,690px)}
  .hero-logo-stage{width:clamp(320px,64vw,480px);margin-left:0}
  .server-panel{width:min(100%,680px)}
  .dashboard{margin-top:-56px;padding:20px}
  .dashboard-grid{grid-template-columns:1fr 1fr;grid-template-areas:"supporters supporters" "development masteries" "faq discord"}
  .about{grid-template-columns:1fr;gap:22px;padding:60px 0 70px}
  .about__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modal-highlight{grid-template-columns:1fr}
  .modal-highlight__media{min-height:180px}
}
@media(max-width:640px){
  .page-width{width:min(100% - 22px,1400px)}
  .site-header{gap:8px;padding-top:max(12px,env(safe-area-inset-top))}
  .status-pill{display:none}
  .menu-toggle{width:46px;height:42px}
  .hero{min-height:760px}
  .hero__shade{background:linear-gradient(180deg,rgba(1,5,3,.12),rgba(2,7,5,.16) 38%,rgba(2,7,5,.86) 83%,rgba(2,7,5,.96) 100%)}
  .hero__content{min-height:700px;align-items:stretch;padding:72px 0 54px}
  .hero__copy{width:100%;text-align:center}
  .hero-logo-stage{width:min(100%,390px);margin:0 auto}
  .hero__copy h2{margin-top:14px;font-size:16px}
  .hero__copy>p{margin-inline:auto;font-size:13px;line-height:1.55}
  .server-panel{width:100%;grid-template-columns:44px minmax(0,1fr) 42px;gap:10px;margin-top:18px;padding:11px}
  .server-panel>img{width:42px;height:42px}
  .server-panel__data{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
  .server-panel__data>strong{width:100%;font-size:13px;white-space:normal;overflow-wrap:anywhere;line-height:1.2}
  .dashboard{margin-top:-34px;padding:14px;border-radius:18px}
  .dashboard-grid{display:flex;flex-direction:column;gap:12px}
  .panel-heading{min-height:70px;padding:14px}
  .heading-icon{width:37px;height:37px}.heading-icon img{width:27px;height:27px}
  .panel-heading span{font-size:8px}.panel-heading h2{font-size:14px}.panel-heading em{font-size:6px}
  .panel-intro{padding:11px 14px;font-size:11px;line-height:1.5}
  .supporter-board{padding:11px}
  .supporter-card{grid-template-columns:34px minmax(0,1fr);padding:9px 10px}
  .supporter-card--legend{min-height:158px}
  .supporter-card--legend .supporter-stage{min-height:84px}
  .supporter-tag img,.supporter-card--legend .supporter-tag img{max-height:86px}
  .supporter-meta{gap:8px}
  .supporter-copy strong{font-size:12px}.supporter-copy>span{font-size:9px}.supporter-value b{font-size:12px}
  .tag-sparkles>span:nth-child(3),.tag-sparkles>span:nth-child(5){display:none}
  .mastery-grid{gap:7px;padding:11px}
  .mastery-grid button{grid-template-columns:36px minmax(0,1fr);min-height:66px;padding:8px}.mastery-grid img{width:32px;height:32px}.mastery-grid span{font-size:9px}
  .news-feature{padding:13px}.news-feature h3{font-size:16px}
  .about{padding:48px 0 58px}.about__cards{grid-template-columns:1fr}.about h2{font-size:25px}.about__copy p{font-size:14px}
  .site-footer__inner{align-items:stretch;flex-direction:column;gap:18px;min-height:0;padding-block:26px}.sound-toggle{width:100%;justify-content:center}
  .site-modal{width:calc(100vw - 12px);border-radius:15px}
  .site-modal__frame{max-height:calc(100dvh - 12px);padding:18px 14px;border-radius:14px}
  .modal-close{width:39px;height:39px;font-size:25px}
  .modal-heading>img{width:42px;height:42px}
  .modal-content{font-size:14px;line-height:1.68}
  .modal-grid{grid-template-columns:1fr}
  .modal-server{grid-template-columns:1fr 100px}.modal-server button{grid-column:1/-1}
  .copy-guide__fields{grid-template-columns:1fr}.copy-guide__actions{display:grid}.copy-guide__actions button{width:100%}
}
@media(max-width:420px){
  .page-width{width:min(100% - 16px,1400px)}
  .hero{min-height:720px}.hero__content{min-height:660px;padding-bottom:46px}
  .hero-logo-stage{width:min(100%,340px)}
  .supporter-board__topline{align-items:flex-start}.supporter-board__cycle{font-size:8px}
  .mastery-grid{grid-template-columns:1fr 1fr}
}
@media(max-height:590px) and (orientation:landscape){
  .hero{min-height:650px}.hero__content{min-height:560px;padding:74px 0 44px}.hero-logo-stage{width:360px}.server-panel{margin-top:12px}
  .main-nav{max-height:calc(100dvh - 78px)}
  .site-modal__frame{max-height:calc(100dvh - 10px)}
}
@media(hover:none),(pointer:coarse){
  .hero-logo-stage:hover,.supporter-card:hover,.mastery-grid button:hover,.panel-action:hover,.icon-button:hover,.panel--discord:hover .discord-emblem{transform:none}
  .main-nav,.status-pill,.server-panel,.site-modal::backdrop{backdrop-filter:none}
  .main-nav a,.main-nav button,.panel-action,.sound-toggle{min-height:48px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .mv61-leaf-layer,.mv61-particles,.tag-sparkles{display:none!important}
}

/* Compatibility fallbacks for older console/TV browser engines */
.site-header{padding-top:24px;padding-top:max(24px,env(safe-area-inset-top))}
.toast{bottom:24px;bottom:max(24px,env(safe-area-inset-bottom))}
.site-modal.is-open{position:fixed;z-index:10000;left:50%;top:50%;display:block;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax rgba(1,5,3,.84),0 30px 90px rgba(0,0,0,.72)}
@media(max-width:1180px){.main-nav{top:76px;top:max(76px,calc(env(safe-area-inset-top) + 62px));max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px)}}
@media(max-width:640px){.site-header{padding-top:12px;padding-top:max(12px,env(safe-area-inset-top))}.site-modal__frame{max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px)}}
@media(max-height:590px) and (orientation:landscape){.main-nav{max-height:calc(100vh - 78px);max-height:calc(100dvh - 78px)}.site-modal__frame{max-height:calc(100vh - 10px);max-height:calc(100dvh - 10px)}}

/* Progressive enhancement: old engines get a clean stacked layout and image fallback */
.hero{background:#07100c url("../images/hero-monte-verde-v154.jpg?v=20260807") center/cover no-repeat}
.hero__picture{display:none}
@supports (object-fit:cover){.hero__picture{display:block}}


/* 10.52.3 — layout organizado + hero restaurado */
.page-width{width:min(1600px,calc(100% - clamp(24px,5vw,80px)))}
.hero{
  height:clamp(780px,56.28vw,1020px);
  min-height:780px;
  background:#07100c url("../images/hero-monte-verde-v154.jpg?v=20260807") center center/cover no-repeat;
}
.hero__picture{display:none}
@supports (object-fit:cover){.hero__picture{display:block}}
.hero__image{
  object-fit:cover;
  object-position:center center;
  filter:saturate(1.04) contrast(1.015) brightness(1.025);
}
.hero__shade{
  background:
    linear-gradient(90deg,rgba(2,7,5,.52) 0%,rgba(2,7,5,.27) 33%,rgba(2,7,5,.06) 65%,rgba(2,7,5,.10) 100%),
    linear-gradient(180deg,rgba(1,5,3,.06) 0%,transparent 42%,rgba(2,7,5,.02) 66%,rgba(2,7,5,.78) 100%);
}
.hero::after{height:150px;background:linear-gradient(transparent,var(--bg))}
.hero__content{
  min-height:0;
  height:calc(100% - 108px);
  justify-content:center;
  padding:42px 0 96px;
}
.hero__copy{width:min(660px,52vw)}
.hero-logo-stage{width:clamp(380px,35vw,535px)}
.dashboard{margin-top:-62px;padding:24px 25px 26px}
.dashboard-grid{
  display:block;
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:
    "supporters development masteries"
    "supporters faq discord";
  gap:16px;
  align-items:start;
}
.panel--supporters{grid-area:supporters;align-self:start}
.panel--development{grid-area:development;align-self:stretch}
.panel--masteries{grid-area:masteries;align-self:stretch}
.panel--faq{grid-area:faq;align-self:stretch}
.panel--discord{grid-area:discord;align-self:stretch}
.panel--development,.panel--masteries{min-height:530px}
.panel--faq,.panel--discord{min-height:310px}
.news-feature picture{margin-top:14px}
.news-feature picture img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.news-source{display:block;margin-top:7px;text-align:right}
.mastery-grid{grid-auto-rows:minmax(82px,1fr)}
.mastery-grid button{min-height:82px}
.discord-visual{min-height:190px}
.panel--supporters .panel-action{margin-top:2px}

/* Large desktop / ultrawide: keep the site readable without looking miniature. */
@media(min-width:1800px){
  .page-width{width:min(1680px,calc(100% - 96px))}
  .panel-heading h2{font-size:18px}
  .panel-intro,.news-feature p,.faq-list summary{font-size:12px}
  .supporter-copy strong,.supporter-value b{font-size:14px}
}
@media(min-width:2400px){
  .page-width{width:min(1880px,78vw)}
  .dashboard-grid{grid-template-columns:minmax(0,1.32fr) minmax(0,1fr) minmax(0,1fr)}
  .hero-logo-stage{width:560px}
}

/* Tablet: apoiadores em largura total; os demais ficam em duas colunas alinhadas. */
@media(max-width:1180px){
  .page-width{width:min(100% - 34px,1500px)}
  .hero{height:auto;min-height:820px}
  .hero__content{height:auto;min-height:710px;padding:88px 0 74px;justify-content:flex-end}
  .hero__copy{width:min(100%,700px)}
  .hero-logo-stage{width:clamp(330px,58vw,490px);margin-left:0}
  .dashboard{margin-top:-48px;padding:20px}
  .dashboard-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "supporters supporters"
      "development masteries"
      "faq discord";
    gap:14px;
  }
  .panel--supporters{width:100%}
  .panel--development,.panel--masteries{min-height:0}
  .panel--faq,.panel--discord{min-height:0}
}

/* Mobile: full scene remains visible higher up while content stacks cleanly. */
@media(max-width:700px){
  .page-width{width:min(100% - 22px,1400px)}
  .hero{min-height:780px;background-position:62% center}
  .hero__image{object-position:62% center;filter:saturate(1.025) contrast(1.01) brightness(1.015)}
  .hero__shade{background:linear-gradient(180deg,rgba(1,5,3,.06),rgba(2,7,5,.10) 38%,rgba(2,7,5,.70) 78%,rgba(2,7,5,.94) 100%)}
  .hero__content{min-height:710px;align-items:stretch;padding:78px 0 56px}
  .hero__copy{width:100%;text-align:center}
  .hero-logo-stage{width:min(100%,390px);margin:0 auto}
  .dashboard{margin-top:-28px;padding:13px;border-radius:18px}
  .dashboard-grid{display:flex;flex-direction:column;gap:12px}
  .panel--supporters,.panel--development,.panel--masteries,.panel--faq,.panel--discord{width:100%;min-height:0}
  .panel--supporters{order:1}.panel--development{order:2}.panel--masteries{order:3}.panel--faq{order:4}.panel--discord{order:5}
  .mastery-grid{grid-auto-rows:minmax(68px,auto)}
  .mastery-grid button{min-height:68px}
  .discord-visual{min-height:190px}
}
@media(max-width:420px){
  .page-width{width:min(100% - 16px,1400px)}
  .hero{min-height:740px;background-position:64% center}
  .hero__image{object-position:64% center}
  .hero-logo-stage{width:min(100%,345px)}
}
@media(max-height:590px) and (orientation:landscape){
  .hero{height:auto;min-height:650px;background-position:center 48%}
  .hero__content{height:auto;min-height:560px;padding:72px 0 44px}
}

/* Old TV/console engines without CSS Grid receive a clean stack instead of broken columns. */
@supports not (display:grid){
  .dashboard-grid{display:block}
  .dashboard-grid>.panel{display:block;width:100%;margin:0 0 14px}
}

/* ===== Monte Verde 10.52.4 — refinamento visual solicitado ===== */
/* Hero mais claro: preserva a imagem original e mantém contraste apenas onde necessário. */
.hero__image{
  filter:saturate(1.06) contrast(1.015) brightness(1.07);
}
.hero__shade{
  background:
    linear-gradient(90deg,rgba(2,7,5,.28) 0%,rgba(2,7,5,.15) 30%,rgba(2,7,5,.025) 62%,rgba(2,7,5,.045) 100%),
    linear-gradient(180deg,rgba(1,5,3,.025) 0%,transparent 48%,rgba(2,7,5,.015) 70%,rgba(2,7,5,.48) 100%);
}
.hero::after{height:120px;background:linear-gradient(transparent,rgba(3,8,6,.88) 88%,var(--bg))}
.hero__copy{filter:drop-shadow(0 4px 14px rgba(0,0,0,.42))}

/* Top apoiadores: ocupa as duas linhas do grid e termina alinhado com os demais painéis. */
.panel--supporters{align-self:stretch;height:100%}
.panel--supporters .supporter-board{flex:1;min-height:0}
.panel--supporters .supporter-podium{
  flex:1;
  grid-template-rows:repeat(4,minmax(150px,1fr));
}
.panel--supporters .supporter-card{height:100%;align-content:center;padding-block:13px}
.panel--supporters .supporter-card--legend{min-height:0}
.panel--supporters .supporter-stage{min-height:82px}
.panel--supporters .supporter-card--legend .supporter-stage{min-height:98px}
.panel--supporters .panel-action{margin-top:auto}

/* Maestrias: ícones maiores, composição centralizada e leitura mais clara. */
.mastery-grid{gap:10px;padding:14px;grid-auto-rows:minmax(128px,1fr)}
.mastery-grid button{
  display:grid;
  grid-template-columns:1fr;
  grid-template-areas:"icon" "name" "stars";
  grid-template-rows:auto auto auto;
  place-items:center;
  align-content:center;
  gap:7px;
  min-height:128px;
  padding:14px 12px;
  text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
}
.mastery-grid img{
  width:56px;
  height:56px;
  margin:0 auto;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.58));
}
.mastery-grid span{
  width:100%;
  font-size:11px;
  line-height:1.25;
  text-align:center;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.mastery-grid small{font-size:10px;text-align:center}
.mastery-grid button:hover img{transform:translateY(-2px) scale(1.06)}
.mastery-grid img{transition:transform .18s ease}

@media(max-width:1180px){
  .panel--supporters .supporter-podium{grid-template-rows:none}
  .panel--supporters .supporter-card{height:auto}
  .mastery-grid{grid-auto-rows:minmax(116px,1fr)}
  .mastery-grid button{min-height:116px}
  .mastery-grid img{width:50px;height:50px}
}

@media(max-width:700px){
  .hero__image{filter:saturate(1.05) contrast(1.01) brightness(1.06)}
  .hero__shade{
    background:linear-gradient(180deg,rgba(1,5,3,.025),rgba(2,7,5,.045) 38%,rgba(2,7,5,.42) 78%,rgba(2,7,5,.72) 100%);
  }
  .panel--supporters{height:auto}
  .panel--supporters .supporter-card{padding-block:10px}
  .mastery-grid{gap:8px;padding:11px;grid-auto-rows:minmax(106px,auto)}
  .mastery-grid button{min-height:106px;padding:11px 8px;gap:5px}
  .mastery-grid img{width:46px;height:46px}
  .mastery-grid span{font-size:10px}
  .mastery-grid small{font-size:9px}
}

@media(max-width:420px){
  .mastery-grid{grid-template-columns:1fr 1fr}
  .mastery-grid button{min-height:100px}
  .mastery-grid img{width:42px;height:42px}
}

@media(prefers-reduced-motion:reduce){
  .mastery-grid img{transition:none}
  .mastery-grid button:hover img{transform:none}
}

/* ===== Monte Verde 10.54.3 — navegação desktop centralizada e alinhada ===== */
@media (min-width:1181px){
  .site-header{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:0;
  }
  .main-nav{
    position:relative;
    grid-column:auto;
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    grid-auto-rows:46px;
    align-items:stretch;
    width:min(900px,calc(100% - 400px));
    min-width:740px;
    margin:0 auto;
  }
  .main-nav a,
  .main-nav button{
    width:100%;
    min-height:46px;
    height:46px;
    padding:0 7px;
    line-height:1;
  }
  .status-pill{
    position:absolute;
    top:max(24px,env(safe-area-inset-top));
    right:0;
    margin:0;
  }
}

@media (min-width:1181px) and (max-width:1320px){
  .main-nav{
    width:calc(100% - 390px);
    min-width:720px;
  }
  .main-nav a,
  .main-nav button{
    padding-inline:5px;
    font-size:9px;
  }
}