/* GAMAMC | Regulamento premium, preservando navegação e busca existentes */
:root{--bg:#07090d;--panel:#11151b;--panel-2:#181c23;--line:#2d333d;--text:#f7f7f5;--muted:#a3aab5;--orange:#ff7900;--orange2:#ffad51;--shadow:0 30px 90px #0009}
body{background:radial-gradient(ellipse at 75% -8%,#ff790017,transparent 43%),radial-gradient(ellipse at 3% 65%,#ff790008,transparent 36%),#080a0f;font-family:Inter,Arial,sans-serif}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.sidebar{background:linear-gradient(160deg,#10151b 0%,#090b0f 85%);border-right-color:#323740;box-shadow:15px 0 65px #0005}
.brand{gap:13px;padding-bottom:26px}.brand-mark{background:linear-gradient(155deg,#ffab4b,#ff7400 55%,#a74209);border-radius:10px;box-shadow:0 0 0 1px #ffa84f66,0 9px 35px #ff790038;transform:rotate(-5deg);font-weight:900}.brand-mark span{transform:rotate(5deg);font-size:25px}
.brand-name{font-size:20px;font-weight:900;letter-spacing:.04em}.brand-subtitle{letter-spacing:.14em;font-size:9px;color:#ff9a43;font-weight:800}
.rule-nav{gap:5px;margin-top:26px}.rule-nav a{border-radius:8px;padding:12px 13px;border:1px solid transparent;font-weight:600;font-size:13px;transition:background .18s,border-color .18s,transform .18s}
.rule-nav a:hover{background:#ff790010;border-color:#ff790040;transform:translateX(3px)}.rule-nav a.active{background:linear-gradient(90deg,#ff79001e,#17191e);border-color:#ff790052;box-shadow:inset 3px 0 var(--orange)}.rule-nav a span{font-size:10px;color:#8b909b}
.sidebar-footer{letter-spacing:.05em}
.topbar{background:#090d12de;border-color:#323740;gap:18px;height:82px}.rules-home-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;color:#ffad5e;text-decoration:none;letter-spacing:.09em;font-size:11px;font-weight:800;border:1px solid #6f4a30;background:#ff790010;padding:12px 16px;transition:.18s}.rules-home-link:hover{background:#ff790025;border-color:#ff9f39}
.search-wrap{background:#14191f;border-color:#343941;border-radius:8px;height:48px}.search-wrap:focus-within{border-color:#ff8900;box-shadow:0 0 0 3px #ff79001a}
.main{max-width:1210px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 95% 10%,#ff790027,transparent 47%),linear-gradient(130deg,#1b1a1b,#101319 69%);border:1px solid #6c472e;box-shadow:0 35px 85px #0005;padding:60px 52px;margin-bottom:40px}
.hero::before{content:"G";position:absolute;right:-20px;top:-85px;font-size:360px;font-weight:900;line-height:1;color:#ff780009;pointer-events:none}
.hero::after{content:"";position:absolute;left:0;top:0;width:92px;height:4px;background:#ff7900;box-shadow:0 0 28px #ff7900}
.hero .eyebrow{display:flex;align-items:center;gap:10px;color:#ffab5b;font-size:11px;letter-spacing:.18em;font-weight:900}
.rule-pulse{width:8px;height:8px;display:inline-block;border-radius:50%;background:#ff8d18;box-shadow:0 0 14px #ff8900}
.hero h1{font-family:Impact,"Arial Narrow",Inter,sans-serif;font-weight:900;font-size:clamp(43px,5.2vw,78px);line-height:.98;letter-spacing:-.018em;position:relative;z-index:1;margin:26px 0 13px;text-transform:uppercase}
.hero h1 span{color:#ff8b23}.rule-hero-motto{font-size:11px;color:#ffab68;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px}
.hero>p{font-size:14px;line-height:1.9;max-width:730px;color:#b9bec7}
.hero-cards{gap:12px}.mini-card{background:#0a0d12bb;border:1px solid #55402f;border-radius:8px;padding:16px 20px}.mini-card strong{color:#ff9b35;font-weight:900}
.rule-section{background:linear-gradient(135deg,#15191f,#0f1217);border:1px solid #303742;border-radius:12px;margin-bottom:20px;box-shadow:0 13px 36px #0003;transition:border-color .2s,transform .2s}.rule-section:hover{border-color:#785037}.section-number{color:#ff7900;text-shadow:0 0 30px #ff790035}.section-kicker{color:#ff9b42;font-weight:900;letter-spacing:.14em}
.section-content h2{font-family:Impact,"Arial Narrow",Inter,sans-serif;letter-spacing:.015em;text-transform:uppercase}
.info-card,.rule-box,.example-box,.staff-box,.final-callout{border-radius:9px}.info-card{background:#141920;border:1px solid #333a45}.info-card.good{border-color:#3b6149}.info-card.orange{border-color:#795032}.info-card h3{letter-spacing:.01em}
.example-box{background:#19170f;border-color:#7a5426}.staff-box{background:#141a1f}.rule-nav a:focus-visible,.rules-home-link:focus-visible,.search-wrap input:focus-visible{outline:2px solid #ffa343;outline-offset:3px}
.footer{border-top-color:#383e47}
@media(max-width:960px){.topbar{height:auto;min-height:72px;padding-block:12px}.rules-home-link{font-size:10px}.hero{padding:42px 30px}.hero h1{font-size:clamp(43px,8vw,65px)}}
@media(max-width:650px){.topbar{gap:8px;flex-wrap:wrap;padding:12px 16px}.rules-home-link{order:2;width:100%;padding:10px}.search-wrap{flex:1;min-width:0}.hero{padding:36px 21px;margin-bottom:22px}.hero h1{font-size:clamp(37px,10.4vw,53px);overflow-wrap:anywhere}.hero::before{font-size:225px;top:-55px}.hero>p{font-size:13px}.hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-card{padding:12px}.mini-card strong{font-size:17px}.rule-section{border-radius:9px}.rule-hero-motto{font-size:10px;line-height:1.6}.section-content h2{font-size:clamp(29px,8.5vw,42px)}}
@media(prefers-reduced-motion:reduce){.rule-nav a,.rule-section{transition:none}.rule-nav a:hover{transform:none}}

/* Logo principal oficial no lugar do monograma G */
.brand-mark{width:58px;height:58px;min-width:58px;background:transparent!important;box-shadow:none!important;border-radius:0!important;transform:none!important;display:grid;place-items:center}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(255,122,0,.18))}
@media(max-width:650px){.brand-mark{width:54px;height:54px;min-width:54px}.brand{gap:10px}}

/* Auditoria: navegação acessível em celular e fechamento por toque fora */
.sidebar-backdrop{display:none}
@media(max-width:900px){body.rules-menu-open{overflow:hidden}.sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#020408b8;z-index:29;backdrop-filter:blur(2px)}.sidebar{max-width:min(85vw,345px);width:345px}.rule-nav{overscroll-behavior:contain}.topbar .menu-button{flex:none}}


/* Layout editorial centralizado - GamaMC 2026 */
.main{max-width:1120px;margin-inline:auto;padding:42px 38px 90px}
.hero{min-height:unset;display:flex;align-items:center;text-align:center;flex-direction:column;justify-content:center;padding:74px 48px 66px;margin:0 auto 34px;border-radius:22px;background:radial-gradient(ellipse at 50% 0%,#ff790028,transparent 62%),linear-gradient(155deg,#1a1d24,#0b0e13 78%);border:1px solid #68412a}
.hero::before{right:50%;transform:translateX(50%);top:-80px;font-size:330px}
.hero::after{left:50%;transform:translateX(-50%);width:110px}
.hero .eyebrow{justify-content:center}
.hero h1{max-width:850px;margin:22px auto 16px;font-size:clamp(40px,5.1vw,76px);line-height:1.04}
.hero>p{margin:12px auto 0;max-width:680px}
.rule-hero-motto{text-align:center}
.hero-cards{width:100%;max-width:760px;margin:32px auto 0;grid-template-columns:repeat(3,minmax(0,1fr))}
.mini-card{align-items:center;text-align:center}
.rule-section{min-height:unset;grid-template-columns:74px minmax(0,1fr);gap:24px;padding:42px 40px;margin:0 auto 18px;border-radius:18px;background:linear-gradient(135deg,#181c23,#101319);border:1px solid #343a45}
.rule-section:hover{transform:translateY(-2px);border-color:#ab6235}
.section-number{font-size:clamp(32px,4vw,56px);font-weight:900}
.footer{text-align:center}
@media(max-width:960px){.main{padding:28px 22px 70px}.hero{padding:56px 28px}.rule-section{padding:34px 28px}}
@media(max-width:650px){.main{padding:18px 14px 54px}.hero{padding:46px 20px;border-radius:14px}.hero-cards{grid-template-columns:1fr 1fr}.rule-section{grid-template-columns:1fr;gap:8px;padding:26px 20px;border-radius:13px}.hero h1{font-size:clamp(36px,10vw,53px)}}


/* Navegação lateral: barra de rolagem discreta, consistente com a identidade Gama */
.sidebar{overflow:hidden}
.rule-nav{min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#65402a transparent;padding-right:7px;scroll-padding-block:16px;overscroll-behavior:contain}
.rule-nav::-webkit-scrollbar{width:6px}
.rule-nav::-webkit-scrollbar-track{background:transparent}
.rule-nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d46a1b,#71401e);border-radius:99px;border:1px solid #16191e}
.rule-nav::-webkit-scrollbar-thumb:hover{background:#ff8a26}
.rule-nav a{min-height:43px;flex-shrink:0}
.sidebar-footer{flex-shrink:0;background:linear-gradient(180deg,transparent,#10151b);padding-top:17px}
@media(max-width:900px){.rule-nav{scrollbar-width:thin;padding-right:5px}}


/* Barra de rolagem principal — mesmo acabamento da navegação lateral */
html{scrollbar-width:thin;scrollbar-color:#65402a #0a0d12;scroll-behavior:smooth}
html::-webkit-scrollbar{width:9px}
html::-webkit-scrollbar-track{background:#0a0d12}
html::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d46a1b,#71401e);border:2px solid #0a0d12;border-radius:99px}
html::-webkit-scrollbar-thumb:hover{background:#ff8a26}
body{scrollbar-color:#65402a #0a0d12}
@media(max-width:650px){html::-webkit-scrollbar{width:5px}html::-webkit-scrollbar-thumb{border-width:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Busca limpa, centralizada e com foco discreto */
.topbar{justify-content:center}
.search-wrap{max-width:780px;min-width:0;height:52px;padding:0 15px;background:#11161d;border:1px solid #3a424e;border-radius:12px;box-shadow:inset 0 1px #ffffff08;transition:border-color .2s,box-shadow .2s}
.search-wrap:hover{border-color:#735039}
.search-wrap:focus-within{border-color:#ff870f;box-shadow:0 0 0 3px #ff790019}
.search-wrap svg{flex:0 0 19px;width:19px;height:19px;stroke:#ff9b43}
.search-wrap input{min-width:0;width:100%;font-size:14px;line-height:1.4;color:#f5f6f7;outline:none!important;box-shadow:none!important}
.search-wrap input:focus-visible{outline:none!important}
.search-wrap input::placeholder{color:#8f98a6;opacity:1}
.search-wrap kbd{white-space:nowrap;color:#aeb4bc;border:1px solid #343b45;background:#0a0d12;border-radius:6px}
.search-wrap input::-webkit-search-cancel-button{cursor:pointer}
@media(max-width:650px){.topbar{justify-content:stretch}.search-wrap{height:46px;flex:1}.search-wrap input{font-size:13px}}


/* Corrige o filtro da busca: display:grid sobrescrevia o atributo hidden */
.rule-section[hidden],.search-results-info[hidden],.empty-state[hidden]{display:none!important}
.search-results-info:not([hidden]){display:block;margin:0 auto 24px;max-width:1120px;padding:13px 18px;border:1px solid #77502c;border-radius:10px;background:#ff790010;color:#ffbc7b;font-size:13px;font-weight:700}
.searchable mark.highlight{background:#ff9a32;color:#111;border-radius:3px;padding:0 2px;box-decoration-break:clone}


/* Alinhamento preciso do campo de busca no espaço disponível */
.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}
.topbar .rules-home-link{grid-column:1;justify-self:start}
.topbar .search-wrap{grid-column:2;width:min(100%,780px);max-width:780px;justify-self:center;margin-inline:auto}
.topbar .menu-button{grid-column:3}
@media(min-width:901px){.topbar{grid-template-columns:160px minmax(0,1fr) 160px}.topbar .menu-button{display:none}.topbar .search-wrap{grid-column:2}}
@media(max-width:900px){.topbar{display:flex;justify-content:center;flex-wrap:wrap}.topbar .menu-button{order:0}.topbar .rules-home-link{order:1}.topbar .search-wrap{order:2;flex:1 1 280px;margin-inline:auto}}
@media(max-width:650px){.topbar{gap:10px}.topbar .search-wrap{flex-basis:100%;order:3;width:100%;max-width:none}.topbar .rules-home-link{flex:1;justify-content:center}}


/* Revisão de alinhamento: mesma coluna para cabeçalho, regras e rodapé. */
.content-wrap,.section-content{min-width:0}
.topbar{padding-inline:max(38px,calc((100% - 1120px)/2 + 38px));grid-template-columns:142px minmax(0,1fr) 142px;gap:16px}
.topbar .search-wrap{width:100%;max-width:780px}
.rules-home-link{min-height:42px}
.hero .eyebrow{flex-wrap:wrap;line-height:1.6}
.hero h1{width:100%;font-size:clamp(36px,5vw,68px);overflow-wrap:anywhere}
.hero-cards{align-items:stretch}
.mini-card{justify-content:center;min-width:0}
.section-number{padding-top:0;line-height:1.15;align-self:start;text-align:center;font-variant-numeric:tabular-nums}
.section-content>:first-child{margin-top:0}
.section-content>:last-child{margin-bottom:0}
.info-grid{align-items:stretch}
.section-content h2,.section-content h3,.section-content blockquote{overflow-wrap:anywhere}
.rule-nav a span{flex:0 0 24px;text-align:left}
.footer{align-items:center;text-align:left;padding-top:36px}
.footer-meta{text-align:right}
@media(max-width:1100px) and (min-width:901px){
 .topbar{padding-inline:22px;grid-template-columns:132px minmax(0,1fr) 132px;gap:12px}
 .hero{padding-inline:28px}
 .hero h1{font-size:clamp(36px,4.6vw,55px)}
 .rule-section{grid-template-columns:56px minmax(0,1fr);gap:18px;padding-inline:26px}
}
@media(max-width:900px){
 .topbar{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:12px 22px}
 .topbar .menu-button{display:block;grid-column:1;grid-row:1;margin:0}
 .topbar .rules-home-link{grid-column:2;grid-row:1;justify-self:end;width:auto}
 .topbar .search-wrap{grid-column:1/-1;grid-row:2;width:100%;max-width:none;margin:0}
 .hero h1{font-size:clamp(36px,7vw,62px)}
}
@media(max-width:650px){
 .topbar{padding-inline:14px;gap:10px}
 .hero-cards{grid-template-columns:1fr;max-width:420px}
 .mini-card{padding:16px}
 .section-number{text-align:left;font-size:36px}
 .rule-section{gap:14px}
 .footer{align-items:center;text-align:center;gap:18px}
 .footer-meta{text-align:center;align-items:center}
 .punishment-flow{gap:8px}
}


/* Centralização definitiva dos balões de regras — desktop e mobile */
.rule-section,
.rule-section.featured{
  position:relative;
  display:block;
  width:100%;
  max-width:100%;
  margin-inline:auto;
  padding:42px clamp(20px,4vw,46px);
}
.rule-section .section-number{
  display:block;
  width:100%;
  margin:0 0 14px;
  padding:0;
  text-align:left;
  line-height:1;
}
.rule-section .section-content{
  width:100%;
  min-width:0;
  margin-inline:auto;
}
.rule-section .info-grid,
.rule-section .rule-box,
.rule-section .example-box,
.rule-section .staff-box,
.rule-section .punishment-flow,
.rule-section .final-callout{
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
.rule-section .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rule-section .info-card{min-width:0;width:100%}
@media(max-width:650px){
  .rule-section,.rule-section.featured{padding:26px 18px}
  .rule-section .info-grid{grid-template-columns:minmax(0,1fr)}
  .rule-section .section-number{margin-bottom:12px}
}