/* ============================================================
   TIBIA 2 — tema moderno (reskin do tibiacom / backend MyAAC)
   Shell novo + restyle escuro do conteudo gerado pelo MyAAC.
   ============================================================ */

:root{
  --ground:#100c07; --ground-2:#0a0703;
  --surface-a:#1d160d; --surface-b:#140f08; --surface-3:#241b10;
  --line:rgba(150,180,90,.16); --line-strong:rgba(150,180,90,.34);
  --green:#a9d16b; --green-bright:#d6ef9c; --green-deep:#8fbf54;
  --gold:#e6b93f;
  --text:#ece7d6; --muted:#9c9379; --muted-2:#6f6a58;
  --discord:#5865f2;
  --maxw:1320px; --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.5);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; padding:0; background-color:var(--ground); color:var(--text);
  font-family:"Barlow",system-ui,Segoe UI,Arial,sans-serif; font-size:16px; line-height:1.62; min-height:100vh;
}
/* fundo fixo via pseudo-elemento (iOS Safari buga com background-attachment:fixed) */
body::before{
  content:""; position:fixed; inset:0; z-index:-1;
  background-image:linear-gradient(rgba(14,10,6,.82),rgba(9,6,3,.92)), url(images/hero-bg.jpg);
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
img{border:none; max-width:100%}
a{color:inherit; text-decoration:none}
.t2-eyebrow{font-family:"Cinzel",serif; text-transform:uppercase; letter-spacing:.18em; font-size:11px; color:var(--green); font-weight:700}

/* ---------- Top bar / nav ---------- */
.t2-top{position:sticky; top:0; z-index:200; backdrop-filter:blur(9px);
  background:linear-gradient(rgba(14,10,6,.95),rgba(14,10,6,.78)); border-bottom:1px solid var(--line)}
.t2-bar{max-width:var(--maxw); margin:0 auto; padding:0 22px; height:64px; display:flex; align-items:center; gap:22px}
.t2-brand{margin-right:auto}
.t2-brand b{font-family:"Cinzel",serif; font-weight:800; font-size:20px; letter-spacing:.12em;
  background:linear-gradient(#f4e9b8,#d6ef9c 55%,#8fbf54); -webkit-background-clip:text; background-clip:text; color:transparent}
.t2-nav{display:flex; align-items:center; gap:2px}
.t2-navitem{position:relative}
.t2-navtop{display:inline-flex; align-items:center; gap:6px; font-weight:600; font-size:14px; color:#ece6d3; padding:9px 13px; border-radius:9px; cursor:pointer}
.t2-navitem:hover .t2-navtop,.t2-navsolo:hover,.t2-navtop:hover{color:var(--green-bright); background:rgba(150,180,90,.10)}
.t2-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.6}
.t2-drop{position:absolute; top:100%; left:0; min-width:210px; padding:7px; margin-top:6px;
  background:linear-gradient(var(--surface-a),var(--surface-b)); border:1px solid var(--line-strong); border-radius:12px;
  box-shadow:var(--shadow); opacity:0; visibility:hidden; transform:translateY(6px); transition:.15s; z-index:210}
.t2-navitem:hover .t2-drop{opacity:1; visibility:visible; transform:translateY(0)}
.t2-drop a{display:block; padding:8px 11px; border-radius:8px; font-size:13.5px; color:#e6dfca}
.t2-drop a:hover{background:rgba(150,180,90,.12); color:var(--green-bright)}
.t2-auth{display:flex; align-items:center; gap:9px}
.t2-burger{display:none; flex-direction:column; justify-content:center; gap:5px; width:44px; height:38px; padding:0 10px; background:rgba(150,180,90,.07); border:1px solid var(--line-strong); border-radius:9px; cursor:pointer}
.t2-burger span{display:block; height:2px; width:100%; background:var(--green-bright); border-radius:2px; transition:.2s}
body.t2-nav-open .t2-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.t2-nav-open .t2-burger span:nth-child(2){opacity:0}
body.t2-nav-open .t2-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.t2-lang{display:flex; gap:2px; border:1px solid var(--line-strong); border-radius:8px; padding:2px; background:rgba(150,180,90,.05)}
.t2-lang a{font-size:12px; font-weight:700; color:var(--muted); padding:4px 8px; border-radius:6px; cursor:pointer; letter-spacing:.04em; line-height:1}
.t2-lang a.on{color:#12200a; background:linear-gradient(#c9ec84,#8fbf54)}
.t2-lang a:hover:not(.on){color:var(--green-bright)}

/* ---------- Buttons ---------- */
.t2-btn{display:inline-flex; align-items:center; gap:8px; font-family:"Barlow",sans-serif; font-weight:700; font-size:13.5px;
  padding:9px 16px; border-radius:10px; border:1px solid transparent; cursor:pointer; white-space:nowrap; transition:.15s}
.t2-btn-green{color:#12200a; background:linear-gradient(#c9ec84,#8fbf54); box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.t2-btn-green:hover{filter:brightness(1.06)}
.t2-btn-ghost{color:#dfe6cd; border-color:var(--line-strong); background:rgba(150,180,90,.06)}
.t2-btn-ghost:hover{background:rgba(150,180,90,.14); color:var(--green-bright)}
.t2-btn-lg{padding:13px 24px; font-size:15px; border-radius:12px}
.t2-btn-discord{color:#fff; background:linear-gradient(#5865f2,#4752c4); box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.t2-btn-discord:hover{filter:brightness(1.08); color:#fff}

/* ---------- Hero ---------- */
.t2-hero{position:relative; min-height:100vh; overflow:hidden}
.t2-hero::after{content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 20% 30%,rgba(185,224,107,.08),transparent 30%),
             radial-gradient(circle at 80% 35%,rgba(214,199,125,.08),transparent 30%)}
.t2-container{width:min(1200px,92%); margin:0 auto; position:relative; z-index:2}
.t2-hero-content{padding:52px 0 34px; display:flex; flex-direction:column; align-items:center; text-align:center}
.t2-hero-left{min-width:0; max-width:860px}
.t2-hero-right{display:none}
.t2-hero-title{font-family:"Cinzel",serif; font-weight:800; font-size:clamp(3rem,7vw,6rem); line-height:.95; margin:0 0 14px;
  color:#dceba8; text-shadow:0 10px 35px rgba(0,0,0,.45)}
.t2-headline{font-family:"Cinzel",serif; font-size:clamp(1.8rem,3.6vw,3rem); line-height:1.05; margin-bottom:14px; color:var(--text)}
.t2-description{max-width:680px; margin-left:auto; margin-right:auto; font-size:1.1rem; line-height:1.7; color:var(--muted); margin-bottom:26px}

/* Hero CTA buttons */
.t2-cta-row{display:flex; flex-wrap:wrap; justify-content:center; gap:16px; margin-bottom:22px}
.t2-btn-primary,.t2-btn-secondary{display:inline-flex; align-items:center; justify-content:center; gap:10px;
  border-radius:16px; font-weight:700; transition:.2s; font-family:"Barlow",sans-serif; cursor:pointer}
.t2-btn-primary{background:linear-gradient(180deg,var(--green-bright),#92b84d); color:#10140d; min-width:240px; padding:18px 28px;
  font-size:1.12rem; box-shadow:0 10px 30px rgba(185,224,107,.18); border:none}
.t2-btn-primary:hover{transform:translateY(-2px); filter:brightness(1.03)}
.t2-btn-secondary{border:1px solid rgba(214,199,125,.35); color:var(--text); min-width:260px; padding:18px 28px;
  font-size:1.08rem; background:rgba(255,255,255,.02)}
.t2-btn-secondary:hover{border-color:rgba(185,224,107,.55); color:var(--green-bright)}

/* Hero sub-actions (discord + status) */
.t2-sub-actions{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:18px; margin-bottom:24px}
.t2-btn-discord-hero{display:inline-flex; align-items:center; gap:8px; padding:12px 18px; border:none;
  border-radius:14px; color:#fff; font-weight:700; font-size:14px; background:var(--discord); transition:.2s; cursor:pointer}
.t2-btn-discord-hero:hover{background:#4752c4; color:#fff; transform:translateY(-1px)}
.t2-discord-ico{width:20px; height:20px; flex:none}
.t2-status-hero{display:flex; align-items:center; gap:10px; color:var(--muted); font-size:1rem}
.t2-dot{display:inline-block; width:10px; height:10px; border-radius:50%; background:#7eff7a; box-shadow:0 0 14px rgba(126,255,122,.8); margin-right:4px; vertical-align:middle}
.t2-dot-off{background:#c9553f; box-shadow:0 0 10px #c9553f}

/* Hero pillars grid */
.t2-hero-pillars{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; padding-bottom:20px}
.t2-pillar{background:rgba(17,20,20,.82); border:1px solid var(--line); border-radius:22px; padding:24px;
  box-shadow:0 20px 60px rgba(0,0,0,.45); transition:.16s}
.t2-pillar:hover{border-color:var(--line-strong); transform:translateY(-2px)}
.t2-pil-icon{width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:1.4rem; margin-bottom:16px; border:1px solid rgba(185,224,107,.28); color:var(--green); background:rgba(185,224,107,.05)}
.t2-pillar h3{font-size:1.28rem; margin:0 0 10px; color:#eef3d1; font-family:"Cinzel",serif; font-weight:700}
.t2-pillar p{margin:0; color:var(--muted); font-size:1rem; line-height:1.65}

/* Next section (Features header inside hero) */
.t2-next-section{padding:50px 0 36px; text-align:center}
.t2-next-title{font-family:"Cinzel",serif; font-weight:800; font-size:clamp(2.4rem,4vw,4rem); margin:14px 0 0; letter-spacing:.03em; color:#eef0cf}

/* chips (reused in features) */
.t2-hf{display:inline-flex; align-items:center; gap:7px; padding:6px 13px; border:1px solid var(--line-strong); border-radius:999px;
  background:rgba(16,12,7,.5); backdrop-filter:blur(3px); font-family:"Barlow",sans-serif; font-weight:600; font-size:13px; color:#e6dfca; letter-spacing:.01em; transition:.15s}
.t2-hf:hover{border-color:rgba(150,180,90,.5); color:var(--green-bright); transform:translateY(-1px)}
.t2-hf::before{content:""; width:6px; height:6px; border-radius:2px; transform:rotate(45deg); background:linear-gradient(var(--gold),#d09b28); flex:none; box-shadow:0 0 7px rgba(230,185,63,.4)}

/* ---------- Home: seção de features (hero + features) ---------- */
.t2-homewidgets{padding:24px 0 4px}
.t2-homewidgets-inner{max-width:var(--maxw); margin:0 auto; padding:0 22px; display:flex; gap:14px; flex-wrap:wrap}
.t2-homewidgets-inner .t2-widget{flex:1 1 210px; margin:0}
.t2-homefeats{padding:0 0 46px; border-bottom:1px solid var(--line)}
.t2-homefeats-inner{max-width:min(1200px,92%); margin:0 auto; padding:0 22px}

/* ---------- Main layout ---------- */
.t2-main{max-width:var(--maxw); margin:0 auto; padding:30px 22px 10px}
.t2-grid{display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:22px; align-items:start}
.t2-content{min-width:0}

/* ---------- Content card ---------- */
.t2-card{background:linear-gradient(var(--surface-a),var(--surface-b)); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden}
/* h1 (era div): o margin:0 mantem o cabecalho colado nas bordas do card */
.t2-card-head{margin:0; font-family:"Cinzel",serif; font-weight:700; font-size:19px; letter-spacing:.03em; color:#efe8cf;
  padding:15px 20px; border-bottom:1px solid var(--line-strong); background:linear-gradient(rgba(150,180,90,.10),rgba(150,180,90,0))}
.t2-card-head::before{content:""; display:inline-block; width:4px; height:16px; background:linear-gradient(var(--green-bright),var(--green-deep)); border-radius:3px; margin-right:11px; vertical-align:-2px}
.t2-card-body{padding:20px}

/* ---------- Sidebar ---------- */
.t2-side{display:flex; flex-direction:column; gap:14px}
.t2-widget{display:block; background:linear-gradient(var(--surface-a),var(--surface-b)); border:1px solid var(--line); border-radius:var(--radius); padding:17px 18px; box-shadow:var(--shadow); transition:.16s}
.t2-widget:hover{border-color:var(--line-strong); transform:translateY(-2px)}
/* Documentos legais (pages/legal.php + pages/legal/*.php). */
.t2-legal-intro{color:var(--muted); font-size:15px; line-height:1.7; margin:0 0 24px; max-width:78ch}
.t2-legal-cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:12px}
.t2-legal-card{position:relative; display:block; padding:18px 42px 18px 18px; border:1px solid var(--line);
  border-radius:12px; background:linear-gradient(var(--surface-a),var(--surface-b)); transition:.16s}
.t2-legal-card:hover{border-color:var(--line-strong); transform:translateY(-2px)}
.t2-legal-card h4{margin:0 0 6px; font-family:"Cinzel",serif; font-weight:700; font-size:16px; color:var(--green-bright)}
.t2-legal-card p{margin:0; font-size:13px; line-height:1.6; color:var(--muted)}
.t2-legal-go{position:absolute; right:16px; top:50%; transform:translateY(-50%); font-size:22px; color:var(--green-deep)}
.t2-legal-note{margin:22px 0 0; font-size:13.5px; line-height:1.7; color:var(--muted)}
.t2-legal-note a,.t2-legal-doc a{color:var(--green-bright); text-decoration:underline}
.t2-legal-updated{font-size:12px; color:var(--muted-2)}
.t2-legal-intro + .t2-legal-cards + .t2-legal-note + .t2-legal-updated{display:block; margin-top:14px}
.t2-legal-top{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  padding-bottom:14px; margin-bottom:20px; border-bottom:1px solid var(--line)}
.t2-legal-back{font-size:13px; color:var(--green-bright)}
.t2-legal-back:hover{text-decoration:underline}
.t2-legal-doc section{margin:0 0 24px}
.t2-legal-doc section:last-child{margin-bottom:0}
.t2-legal-doc h3{margin:0 0 8px; font-family:"Cinzel",serif; font-weight:700; font-size:16.5px; color:var(--text)}
.t2-legal-doc p{margin:0 0 10px; font-size:13.5px; line-height:1.8; color:#cfc9b6; max-width:82ch}
.t2-legal-doc p:last-child{margin-bottom:0}
.t2-legal-doc b{color:var(--text)}

/* Regras (pages/rules.php). Acordeao nativo com <details>. */
.t2-rules-intro{color:var(--muted); font-size:15px; line-height:1.7; margin:0 0 26px; max-width:78ch}
.t2-rules-cat{display:flex; align-items:center; gap:12px; margin:30px 0 12px}
.t2-rules-cat:first-of-type{margin-top:6px}
.t2-rules-num{flex:none; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px;
  border-radius:8px; border:1px solid var(--line-strong); background:rgba(150,180,90,.10);
  font-family:"Cinzel",serif; font-weight:700; font-size:13px; color:var(--green-bright)}
.t2-rules-cat h3{margin:0; font-family:"Cinzel",serif; font-weight:700; font-size:19px; color:var(--text); letter-spacing:.01em}
.t2-rules-list{display:flex; flex-direction:column; gap:8px}
.t2-rule{background:linear-gradient(var(--surface-a),var(--surface-b)); border:1px solid var(--line);
  border-radius:11px; overflow:hidden; transition:.16s}
.t2-rule:hover{border-color:var(--line-strong)}
.t2-rule[open]{border-color:var(--line-strong)}
.t2-rule summary{display:flex; align-items:flex-start; gap:11px; padding:13px 16px; cursor:pointer; list-style:none}
.t2-rule summary::-webkit-details-marker{display:none}
.t2-rule summary:focus-visible{outline:2px solid var(--green-deep); outline-offset:-2px}
.t2-rule-caret{flex:none; width:9px; height:9px; margin-top:6px; border-right:2px solid var(--green-deep);
  border-bottom:2px solid var(--green-deep); transform:rotate(-45deg); transition:transform .16s}
.t2-rule[open] .t2-rule-caret{transform:rotate(45deg)}
.t2-rule-head{display:flex; flex-direction:column; gap:3px; min-width:0}
.t2-rule-head b{font-size:14.5px; font-weight:600; color:var(--text)}
.t2-rule-head span{font-size:13px; line-height:1.5; color:var(--muted)}
.t2-rule-body{padding:0 16px 15px 36px; font-size:13.5px; line-height:1.75; color:#cfc9b6}
.t2-rule-body a{color:var(--green-bright); text-decoration:underline}
.t2-rules-outro{margin-top:32px; padding-top:20px; border-top:1px solid var(--line)}
.t2-rules-outro p{margin:0 0 12px; font-size:13.5px; line-height:1.7; color:var(--muted); max-width:78ch}
.t2-rules-outro p:last-child{margin-bottom:0}
.t2-rules-outro a{color:var(--green-bright); text-decoration:underline}
@media (max-width:640px){
  .t2-rules-cat h3{font-size:17px}
  .t2-rule-body{padding-left:16px}
}
.t2-creator-banner{display:block; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); box-shadow:var(--shadow); line-height:0; transition:.16s}
.t2-creator-banner:hover{border-color:var(--line-strong); transform:translateY(-2px)}
.t2-creator-banner img{display:block; width:100%; height:auto; aspect-ratio:2.5 / 1}
.t2-online{text-align:center; cursor:pointer}
.t2-w-label{font-family:"Cinzel",serif; font-size:11px; text-transform:uppercase; letter-spacing:.16em; color:var(--muted)}
.t2-w-big{font-family:"Cinzel",serif; font-weight:800; font-size:44px; line-height:1.1; color:var(--green-bright); text-shadow:0 0 26px rgba(150,220,90,.25)}
.t2-w-sub{font-size:11px; color:var(--muted-2)}
.t2-w-off{font-family:"Cinzel",serif; font-weight:700; font-size:20px; color:#d98a72; padding:6px 0}
.t2-cta{cursor:pointer}
.t2-w-title{font-family:"Cinzel",serif; font-weight:700; font-size:16px; color:var(--green-bright); display:flex; align-items:center; gap:8px}
.t2-w-desc{font-size:13px; color:#c2baa4; margin-top:4px}
.t2-w-go{display:inline-block; margin-top:9px; font-size:12.5px; font-weight:700; color:var(--gold)}
.t2-coins .t2-w-title{color:#f2cf72}
.t2-coins{background:linear-gradient(160deg,rgba(230,185,63,.12),var(--surface-b))}
.t2-discord .t2-w-title{color:#aab4ff}
.t2-discord{background:linear-gradient(160deg,rgba(88,101,242,.16),var(--surface-b))}
.t2-discord .t2-w-go{color:#aab4ff}

/* ---------- Footer ---------- */
.t2-foot{border-top:1px solid var(--line); margin-top:36px; padding:24px 22px; color:var(--muted); font-size:12.5px}
.t2-foot-inner{max-width:var(--maxw); margin:0 auto; text-align:center}
.t2-foot-links a{color:var(--muted)}
.t2-foot-links a:hover{color:var(--green-bright)}
.t2-foot-copy{margin-top:8px; color:var(--muted-2)}

/* ============================================================
   CONTEUDO GERADO PELO MyAAC (restyle escuro), escopo no card
   ============================================================ */
.t2-card-body{font-family:"Barlow",sans-serif; color:var(--text); font-size:15px}
.t2-card-body h1,.t2-card-body h2,.t2-card-body h3,.t2-card-body h4{font-family:"Cinzel",serif; color:#efe8cf; letter-spacing:.02em}
.t2-card-body a{color:var(--green); font-weight:600}
.t2-card-body a:hover{color:var(--green-bright); text-decoration:underline}
.t2-card-body p{margin:0 0 10px}
.t2-card-body hr{border:none; border-top:1px solid var(--line); margin:14px 0}
.t2-card-body img{vertical-align:middle}

/* tabelas do MyAAC (highscores, characters, account, guilds...) */
.t2-card-body table{border-collapse:collapse; width:100%; max-width:100%}
.t2-card-body .TableContainer{border:1px solid var(--line-strong); border-radius:12px; overflow:hidden; width:100%; margin:0 0 16px; background:rgba(0,0,0,.18)}
.t2-card-body .TableContainer .Text,
.t2-card-body .CaptionContainer,
.t2-card-body .CaptionContainer .CaptionInnerContainer{background:transparent !important}
.t2-card-body th{font-family:"Cinzel",serif !important; font-weight:700; text-align:left; color:#12200a !important;
  background:linear-gradient(var(--green-bright),var(--green-deep)); padding:8px 12px !important; font-size:13px}
/* titulos de secao (General Information, Characters, etc.) - texto verde claro no escuro */
.t2-card-body .CaptionContainer .Text{font-family:"Cinzel",serif !important; font-weight:700; color:var(--green-bright) !important;
  background:transparent !important; font-size:15px; letter-spacing:.02em; padding:6px 2px 9px !important;
  border-bottom:1px solid var(--line-strong); margin-bottom:10px; display:block}
.t2-card-body td{padding:7px 12px; color:#d9d2bd; border-top:1px solid rgba(150,180,90,.10)}
.t2-card-body .Odd,.t2-card-body tr.Odd td{background:rgba(255,255,255,.015)}
.t2-card-body .Even,.t2-card-body tr.Even td{background:rgba(150,180,90,.05)}
.t2-card-body .Table1,.t2-card-body .Table2,.t2-card-body .Table3,.t2-card-body .Table4,.t2-card-body .Table5,
.t2-card-body .InnerTableContainer,.t2-card-body .TableContentContainer{background:transparent !important; border:none !important}
/* mata as texturas/molduras/sombras gif do tibiacom no conteudo (botoes gif ficam intactos) */
.t2-card-body [class*="Shadow"],.t2-card-body [class*="Frame"],.t2-card-body [class*="Edge"],
.t2-card-body [class*="Border"],.t2-card-body [class*="Corner"],.t2-card-body [class*="Caption"]{
  background-image:none !important; background-color:transparent !important}
/* mata os fundos de pergaminho inline (#D4C0A1/#F1E0C6/#FFF2db) espalhados nas paginas */
.t2-card-body [bgcolor="#D4C0A1"],.t2-card-body [bgcolor="#F1E0C6"],
.t2-card-body [style*="D4C0A1"],.t2-card-body [style*="F1E0C6"],.t2-card-body [style*="FFF2"]{background-color:transparent !important}
.t2-card-body .Odd:hover td,.t2-card-body .Even:hover td{background:rgba(150,180,90,.13)}
/* .myaac-table (skin nova do MyAAC, injetada no <head> com cor de pergaminho) */
.t2-card-body .myaac-table{border-spacing:0; border-collapse:collapse; width:100%; border:1px solid var(--line-strong); border-radius:12px; overflow:hidden}
.t2-card-body .myaac-table > tbody > tr:nth-child(even){background:rgba(150,180,90,.05)}
.t2-card-body .myaac-table > tbody > tr:nth-child(odd){background:rgba(255,255,255,.015)}
.t2-card-body .myaac-table > tbody > tr > td{padding:7px 12px; color:#d9d2bd; border-top:1px solid rgba(150,180,90,.10)}
.t2-card-body .myaac-table > thead > tr > td,
.t2-card-body .myaac-table > thead > tr > th,
.t2-card-body .myaac-table > tfoot > tr > td{padding:8px 12px !important; background:linear-gradient(var(--green-bright),var(--green-deep)) !important; color:#12200a !important; font-family:"Cinzel",serif; font-weight:700}
.t2-card-body .myaac-table > tbody > tr:hover > td{background:rgba(150,180,90,.10)}
/* esconde a tralha de gif das bordas/sombras classicas das tabelas */
.t2-card-body .CaptionEdgeLeftTop,.t2-card-body .CaptionEdgeRightTop,.t2-card-body .CaptionEdgeLeftBottom,
.t2-card-body .CaptionEdgeRightBottom,.t2-card-body .CaptionBorderTop,.t2-card-body .CaptionBorderBottom,
.t2-card-body .CaptionVerticalLeft,.t2-card-body .CaptionVerticalRight,
.t2-card-body .TableShadowContainer,.t2-card-body .TableShadowContainerRightTop,.t2-card-body .TableShadowRightTop,
.t2-card-body .TableBottomShadow,.t2-card-body .TableBottomLeftShadow,.t2-card-body .TableBottomRightShadow{display:none !important}

/* labels de formularios */
.t2-card-body .LabelV,.t2-card-body .LabelV120,.t2-card-body .LabelV150,.t2-card-body .LabelV200,.t2-card-body .LabelH{font-weight:700; color:var(--green-bright); background:transparent}
.t2-card-body .LabelH td{background:transparent}

/* inputs */
.t2-card-body input[type=text],.t2-card-body input[type=password],.t2-card-body input[type=email],
.t2-card-body input[type=number],.t2-card-body input[type=search],.t2-card-body select,.t2-card-body textarea{
  background:var(--surface-3); color:var(--text); border:1px solid var(--line-strong); border-radius:8px; padding:8px 10px; font-family:inherit; font-size:14px}
.t2-card-body input:focus,.t2-card-body select:focus,.t2-card-body textarea:focus{outline:none; border-color:var(--green); box-shadow:0 0 0 3px rgba(150,180,90,.18)}

/* botoes nativos do tibiacom (gif) - portados IGUAL ao original pra nao bugar */
.t2-card-body .InnerTableButtonRow{width:100%; padding:0 0 4px 1px; border:0}
.t2-card-body .InnerTableButtonRow td{padding-right:4px}
.t2-card-body .BigButton{position:relative; width:135px; height:25px; z-index:10}
.t2-card-body .BigButtonOver{position:absolute; top:0; left:0; width:137px; height:25px; visibility:hidden; z-index:15}
.t2-card-body .ButtonText{position:absolute; top:0; left:0; height:25px; width:135px; z-index:20}
.t2-card-body .BigButtonText{position:absolute; top:0; left:0; width:135px; height:25px; margin:0; padding:0; cursor:pointer;
  background:0 0; border:none; text-align:center; color:#ffd18c; font-family:Verdana,Arial,sans-serif; font-size:12px; font-weight:400; z-index:20;
  text-shadow:-1px -1px 0 #000,0 -1px 0 #000,1px -1px 0 #000,1px 0 0 #000,1px 1px 0 #000,0 1px 0 #000,-1px 1px 0 #000,-1px 0 0 #000}
.t2-card-body .TopButtonContainer{position:relative; right:4px; top:4px; z-index:60}
.t2-card-body .TopButtonContainer .TopButton{position:absolute; right:0; z-index:55}
.t2-card-body .MediumButtonText{position:absolute; top:0; left:0; height:37px; width:150px; z-index:20}
.t2-card-body .MediumButtonBackground{position:relative; width:150px; height:37px; z-index:10}
.t2-card-body .MediumButtonOver{position:relative; width:150px; height:37px; visibility:hidden; z-index:15}
.t2-card-body .MediumButtonForm{margin:0; padding:0}
/* botoes de texto sem gif (skins mais novas do MyAAC) */
.t2-card-body .NewButton,.t2-card-body .RealButton{display:inline-block; color:#12200a; background:linear-gradient(#c9ec84,#8fbf54);
  border:none; border-radius:9px; padding:9px 16px; font-family:"Barlow",sans-serif; font-weight:700; font-size:13.5px; cursor:pointer}

/* mensagens (sucesso / erro) */
.t2-card-body .SmallBox .Message,.t2-card-body .SmallBox .ErrorMessage{background:var(--surface-3); border:1px solid var(--line-strong); border-radius:10px; padding:12px 14px; color:var(--text)}
.t2-card-body .SmallBox .ErrorMessage{border-color:rgba(200,90,70,.45); color:#f0b8a6}

/* noticias */
.t2-card-body .NewsHeadlineBackground{background:linear-gradient(rgba(150,180,90,.18),rgba(150,180,90,.04)) !important; border:1px solid var(--line-strong); border-radius:9px; height:auto !important; padding:7px 12px; margin-bottom:8px}
.t2-card-body .NewsHeadlineText,.t2-card-body .NewsHeadlineDate,.t2-card-body .NewsHeadlineAuthor{position:static; color:#efe8cf; left:auto; top:auto}
.t2-card-body .NewsHeadlineText{font-family:"Cinzel",serif; font-weight:700; font-size:15px}
.t2-card-body .NewsHeadlineDate,.t2-card-body .NewsHeadlineAuthor{color:var(--muted); font-size:12px}

/* cores semanticas do Tibia (mantem o significado, ajusta pro escuro) */
.t2-card-body .white{color:#ece7d6 !important}
.t2-card-body .green{color:#8fe36a !important}
/* "color: green/red" inline (ex.: status Online/Offline) fica legivel no escuro */
.t2-card-body [style*="color: green"],.t2-card-body [style*="color:green"]{color:#8fe36a !important}
.t2-card-body [style*="color: red"],.t2-card-body [style*="color:red"]{color:#ef6a6a !important}
.t2-card-body .yellow{color:#f2cf72 !important}
.t2-card-body .red{color:#ef6a6a !important}
.t2-card-body .grey{color:#9c9379 !important}
.t2-card-body .orange{color:#f0a24a !important}

/* ============================================================
   PAGINA DE FEATURES (getLink('features'))
   ============================================================ */
.t2-feat-sub{color:#cbc3ac; font-size:15.5px; line-height:1.7; margin:2px auto 26px; max-width:860px; text-align:center}
.t2-feat-lead{font-family:"Cinzel",serif; text-align:center; font-weight:700; font-size:clamp(19px,2.8vw,25px); color:var(--gold); margin:4px 0 18px; letter-spacing:.03em}
.t2-feat-chips{display:flex; justify-content:center; gap:8px; flex-wrap:wrap; max-width:1000px; margin:0 auto 28px}
.t2-feat-cat{display:flex; align-items:center; gap:12px; margin:26px 0 6px}
.t2-feat-cat:first-child{margin-top:4px}
.t2-feat-badge{font-family:"Cinzel",serif; font-weight:800; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold);
  border:1px solid rgba(230,185,63,.34); border-radius:9px; padding:6px 12px; background:rgba(230,185,63,.08)}
.t2-feat-cat h3{margin:0; font-size:23px; color:#efe8cf}
.t2-feat-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(258px,1fr)); gap:13px; margin-bottom:8px}
.t2-feat-card{background:rgba(16,12,7,.74); border:1px solid var(--line); border-radius:12px; padding:14px 15px; transition:.16s; scroll-margin-top:88px}
.t2-feat-card:target{border-color:var(--gold) !important; box-shadow:0 0 0 2px rgba(230,185,63,.35); background:rgba(230,185,63,.07)}
.t2-feat-card:hover{border-color:var(--line-strong); transform:translateY(-2px)}
.t2-feat-card h4{font-family:"Cinzel",serif; font-weight:700; font-size:15.5px; margin:0 0 6px; color:var(--green-bright); display:flex; align-items:center; gap:7px; flex-wrap:wrap}
.t2-feat-card p{margin:0; font-size:13.5px; color:#c2baa4; line-height:1.55}
/* Cards com midia viram <details>: clicar no card expande e mostra as fotos */
.t2-feat-card.has-media{cursor:pointer}
.t2-feat-card.has-media > summary{list-style:none; display:block; position:relative; padding-right:20px; outline:none}
.t2-feat-card.has-media > summary::-webkit-details-marker{display:none}
.t2-feat-card.has-media > summary::after{content:"\25BE"; position:absolute; top:3px; right:0; font-size:13px; color:var(--green-bright); transition:transform .2s}
.t2-feat-card.has-media[open] > summary::after{transform:rotate(180deg)}
.t2-feat-card.has-media[open]{border-color:var(--line-strong); background:rgba(16,12,7,.9)}
.t2-feat-verall{display:flex; justify-content:center; margin-top:22px}
.t2-feat-verall .t2-btn-secondary{min-width:auto; padding:13px 26px; font-size:14px}
.t2-feat-media-wrap{display:flex; flex-direction:column; gap:10px; margin-top:12px}
.t2-feat-media{display:block; width:100%; max-width:340px; margin:0 auto; border:1px solid var(--line-strong); border-radius:8px}
.t2-feat-card.tier{border-color:rgba(200,90,70,.30)}
.t2-feat-card.tier h4{color:#f0a58c}
.t2-soon{font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#241802; background:linear-gradient(#f4d267,#d09b28); padding:2px 7px; border-radius:5px}

/* ---------- Featured cards (top 6) ---------- */
.t2-feat-featured{display:grid; grid-template-columns:repeat(auto-fill,minmax(258px,1fr)); gap:13px; margin-bottom:22px}
.t2-feat-featured .t2-feat-card{border-color:rgba(150,180,90,.28); background:rgba(150,180,90,.06)}
.t2-feat-featured .t2-feat-card:hover{border-color:rgba(150,180,90,.45)}

/* ---------- Todas as features (direto na pagina) ---------- */
.t2-feat-full{margin-top:0}

/* ---------- Chip group labels ---------- */
.t2-chip-group-label{font-family:"Cinzel",serif; font-weight:700; font-size:10px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--gold); padding:6px 0 0 4px; flex-basis:100%}
.t2-chip-group-label:first-child{padding-top:0}

/* ---------- Como começar / Get started ---------- */
.t2-start{padding:48px 0; border-top:1px solid var(--line); text-align:center}
.t2-start-inner{max-width:var(--maxw); margin:0 auto; padding:0 22px}
.t2-start h2{font-family:"Cinzel",serif; font-weight:800; font-size:clamp(22px,3.6vw,34px); margin:0 0 28px; letter-spacing:.03em;
  background:linear-gradient(#f7edc4,#d6ef9c 55%,#7ba63f); -webkit-background-clip:text; background-clip:text; color:transparent}
.t2-start-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:800px; margin:0 auto 32px}
.t2-start-step{background:rgba(16,12,7,.6); border:1px solid var(--line); border-radius:12px; padding:20px 16px; text-align:center}
.t2-start-num{display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%;
  background:linear-gradient(#c9ec84,#8fbf54); color:#12200a; font-family:"Cinzel",serif; font-weight:800; font-size:15px; margin-bottom:10px}
.t2-start-step h3{font-family:"Cinzel",serif; font-weight:700; font-size:15px; color:var(--green-bright); margin:0 0 6px}
.t2-start-step p{margin:0; font-size:13px; color:#b8b19e; line-height:1.5}
.t2-start-cta{margin-top:0}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  .t2-hero-content{grid-template-columns:1fr}
  .t2-hero-pillars{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:920px){
  .t2-start-steps{grid-template-columns:1fr}
  .t2-grid{grid-template-columns:1fr}
  .t2-burger{display:flex}
  .t2-nav{display:none; position:absolute; top:64px; left:0; right:0; flex-direction:column; align-items:stretch; gap:2px;
    background:linear-gradient(#14100a,#0d0904); border-bottom:1px solid var(--line-strong); box-shadow:0 18px 42px rgba(0,0,0,.55);
    padding:10px; max-height:calc(100vh - 64px); overflow-y:auto}
  body.t2-nav-open .t2-nav{display:flex}
  .t2-navitem{width:100%}
  .t2-navtop{width:100%; justify-content:space-between; font-size:15px; padding:12px 14px}
  .t2-navitem .t2-caret{transition:transform .15s}
  .t2-navitem.t2-open .t2-caret{transform:rotate(180deg)}
  .t2-drop{position:static; opacity:1; visibility:visible; transform:none; display:none; box-shadow:none; border:none; background:rgba(0,0,0,.22); margin:0 0 4px; padding:4px; min-width:0}
  .t2-navitem.t2-open .t2-drop{display:block}
  .t2-navsolo{padding:12px 14px; font-size:15px}
}
@media(max-width:700px){
  .t2-cta-row{flex-direction:column}
  .t2-btn-primary,.t2-btn-secondary{width:100%; min-width:0}
  .t2-hero-pillars{grid-template-columns:1fr}
  .t2-headline{font-size:2rem}
  .t2-description{font-size:1.02rem}
}
@media(max-width:560px){
  .t2-bar{gap:12px; padding:0 14px}
  .t2-main{padding:18px 14px}
  .t2-auth .t2-btn-ghost{display:none}
}