:root{
  --bg:#0b1020;--bg2:#10172b;--card:#151d34;--card2:#1b2542;--line:#27324f;--line2:#33406455;
  --tx:#e8ecf7;--tx2:#a8b3cf;--tx3:#74809f;
  --acc:#2f80ff;--acc2:#ffc928;--bad:#ff6b6b;--link:#6cb6ff;--ok:#38d39f;
  --shadow:0 8px 28px rgba(0,0,0,.35);
  --r:14px;
  --t7:#64748b;--t6:#6b8cae;--t5:#38a3d6;--t4:#2fbf9b;--t3:#8bc34a;--t2:#f2b134;--t1:#ff7a3d;--sr:#a770ef;--ur:#ef5da8;--lg:#ffd400;
  color-scheme:dark;
}
:root[data-theme=light]{--acc:#1f6fe5;--acc2:#d99a00;--bad:#d93a3a;
  --bg:#f3f5fb;--bg2:#e9edf8;--card:#fff;--card2:#f4f6fc;--line:#d9dff0;--line2:#d9dff088;
  --tx:#161c30;--tx2:#4a5573;--tx3:#7a85a3;--link:#1a6fd1;--shadow:0 6px 22px rgba(30,45,90,.12);
  color-scheme:light;
}
@media (prefers-color-scheme:light){:root:not([data-theme]){--acc:#1f6fe5;--acc2:#d99a00;--bad:#d93a3a;
  --bg:#f3f5fb;--bg2:#e9edf8;--card:#fff;--card2:#f4f6fc;--line:#d9dff0;--line2:#d9dff088;
  --tx:#161c30;--tx2:#4a5573;--tx3:#7a85a3;--link:#1a6fd1;--shadow:0 6px 22px rgba(30,45,90,.12);color-scheme:light}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:
 radial-gradient(900px 500px at 85% -10%,rgba(255,201,40,.11),transparent 60%),
 radial-gradient(700px 500px at -5% 20%,rgba(47,128,255,.16),transparent 60%)}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%}
button,input,select{font:inherit;color:inherit}
.skip{position:absolute;left:-999px;top:0;background:var(--acc);color:#fff;padding:8px 14px;z-index:999;border-radius:0 0 8px 0}.skip:focus{left:0}
:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:6px}

/* header */
.top{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:12px;padding:10px 18px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:9px;color:var(--tx);font-size:18px;white-space:nowrap}.brand:hover{text-decoration:none}.brand b{color:var(--acc2)}.brand img{display:block;filter:drop-shadow(0 2px 6px #0007)}
.icon-btn{background:var(--card);border:1px solid var(--line);border-radius:10px;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;flex:none}
.icon-btn:hover{background:var(--card2)}
.menu-btn{display:none}
:root[data-theme=light] .i-moon{display:none}:root:not([data-theme=light]) .i-sun{display:none}
@media (prefers-color-scheme:light){:root:not([data-theme]) .i-moon{display:none}:root:not([data-theme]) .i-sun{display:block}}
.search-wrap{position:relative;flex:1;max-width:620px;margin-left:auto}
.search-wrap input{width:100%;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--card);padding:0 14px 0 38px}
.search-wrap input::placeholder{color:var(--tx3)}
.s-ico{position:absolute;left:12px;top:11px;color:var(--tx3);pointer-events:none}
.gresults{position:absolute;top:46px;left:0;right:0;max-height:70vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px}
.gr-h{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);padding:8px 10px 4px}
.gr-i{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;color:var(--tx)}
.gr-i:hover,.gr-i.on{background:var(--card2);text-decoration:none}
.gr-i .spr{width:34px;height:34px}.gr-i small{color:var(--tx3);display:block;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}
.gr-i b{font-weight:600}
.gr-empty{padding:16px;color:var(--tx3);text-align:center}

/* layout */
.shell{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1500px;margin:0 auto}
.side{position:sticky;top:61px;align-self:start;height:calc(100vh - 61px);overflow:auto;padding:16px 12px 40px 18px}
.side h6{margin:18px 10px 6px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3)}
.side a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--tx2);font-weight:500}
.side a:hover{background:var(--card);color:var(--tx);text-decoration:none}
.side a.on{background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 22%,transparent),transparent);color:var(--tx);box-shadow:inset 3px 0 0 var(--acc)}
.side a .e{width:22px;text-align:center;font-size:16px}
.side a .n{margin-left:auto;font-size:11px;color:var(--tx3);background:var(--bg2);border-radius:99px;padding:1px 7px}
.scrim{display:none}
main{padding:26px 28px 80px;min-width:0;outline:none}
.loading{color:var(--tx3);padding:60px;text-align:center}

/* generic */
h1{font-size:30px;line-height:1.15;margin:0 0 6px;letter-spacing:-.02em}
h2{font-size:20px;margin:30px 0 12px;letter-spacing:-.01em}
h3{font-size:16px;margin:0 0 8px}
.lead{color:var(--tx2);margin:0 0 20px;max-width:75ch}
.muted{color:var(--tx3)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.grid{display:grid;gap:14px}
.g2{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.g3{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.g4{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sp{flex:1}
.note{white-space:pre-line;overflow-wrap:anywhere;background:var(--card2);border:1px solid var(--line);border-left:3px solid var(--acc2);border-radius:10px;padding:12px 14px;color:var(--tx2);font-size:14px}
.pre{white-space:pre-line;overflow-wrap:anywhere}
.crumb{font-size:13px;color:var(--tx3);margin-bottom:10px}

/* filters */
.bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 16px;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);position:sticky;top:61px;z-index:20}
.bar input[type=search],.bar select{height:38px;border-radius:9px;border:1px solid var(--line);background:var(--bg2);padding:0 12px;min-width:0}
.bar input[type=search]{flex:1;min-width:200px}
.seg{display:inline-flex;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}
.seg button{border:0;background:transparent;border-radius:7px;padding:5px 11px;cursor:pointer;color:var(--tx2);font-weight:500;white-space:nowrap}
.seg button.on{background:var(--acc);color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--line);background:var(--bg2);color:var(--tx2);border-radius:99px;padding:3px 11px;font-size:13px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;line-height:1.5}
.chip:hover{border-color:var(--tx3)}
.chip.on{background:color-mix(in srgb,var(--link) 22%,var(--bg2));border-color:var(--link);color:var(--tx)}
.count{color:var(--tx3);font-size:13px;margin-left:auto;white-space:nowrap}
.empty{padding:50px 20px;text-align:center;color:var(--tx3)}

/* badges */
.tier{display:inline-block;min-width:34px;text-align:center;padding:1px 8px;border-radius:7px;font-weight:700;font-size:12px;color:#fff;background:var(--tx3);letter-spacing:.02em;white-space:nowrap}
.tier.T7{background:var(--t7)}.tier.T6{background:var(--t6)}.tier.T5{background:var(--t5)}.tier.T4{background:var(--t4)}.tier.T3{background:var(--t3);color:#18260a}.tier.T2{background:var(--t2);color:#2b1c00}.tier.T1{background:var(--t1)}
.tier.SR{background:var(--sr)}.tier.UR{background:var(--ur)}.tier.LG{background:var(--lg);color:#2a2200;box-shadow:0 0 12px #ffd40066}
.tier.MY{background:linear-gradient(90deg,#ff4d4d,#ffb020,#38d39f,#6cb6ff,#a770ef);box-shadow:0 0 12px #a770ef66}
.tier.Q{background:transparent;border:1px dashed var(--tx3);color:var(--tx3)}
.ty{display:inline-block;padding:1px 9px;border-radius:99px;font-size:12px;font-weight:600;color:#fff;background:#777;text-shadow:0 1px 1px #0004;white-space:nowrap}
.ty-grass{background:#4caf50}.ty-fire{background:#f5622f}.ty-water{background:#3b8ee8}.ty-bug{background:#8fb21e}.ty-flying{background:#7f9ae6}.ty-normal{background:#9099a1}.ty-poison{background:#a653c9}.ty-electric{background:#e6b800;color:#2a2200;text-shadow:none}.ty-ground{background:#c18a46}.ty-fairy{background:#ee7fc1}.ty-dark{background:#4b4658}.ty-psychic{background:#f0558a}.ty-fighting,.ty-fight{background:#d03a45}.ty-rock{background:#a89a62}.ty-steel{background:#6a9bb0}.ty-ice{background:#4fc4d4}.ty-ghost{background:#6a5ba8}.ty-dragon{background:#5668d9}
.buff{display:inline-block;padding:1px 9px;border-radius:7px;font-size:12.5px;font-weight:600;background:color-mix(in srgb,var(--ok) 18%,var(--bg2));color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 40%,transparent);white-space:nowrap}
.buff.bad{background:color-mix(in srgb,var(--bad) 15%,var(--bg2));color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,transparent)}
.kind{display:inline-block;padding:1px 9px;border-radius:7px;font-size:12px;font-weight:700;background:var(--bg2);border:1px solid var(--line);color:var(--tx2)}
.kind.Wild,.kind.Wildscape{color:#ff8f6b;border-color:#ff8f6b66}.kind.Hoenn{color:#6cb6ff;border-color:#6cb6ff66}.kind.Tubos{color:#c79bff;border-color:#c79bff66}.kind.Normal{color:var(--ok);border-color:#38d39f55}

/* sprites */
.spr{width:56px;height:56px;image-rendering:pixelated;object-fit:contain;flex:none}
.spr.sm{width:40px;height:40px}.spr.lg{width:112px;height:112px}.spr.xl{width:150px;height:150px}
.sparkle{position:relative}
.sparkle::after{content:"✦";position:absolute;right:2px;top:2px;font-size:12px;color:var(--acc2)}

/* pokemon cards */
.pk{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px 12px;text-align:center;color:var(--tx);cursor:pointer;transition:.15s;position:relative}
.pk:hover{transform:translateY(-2px);border-color:var(--tx3);text-decoration:none;background:var(--card2)}
.pk .nm{font-weight:600;font-size:14px;line-height:1.2}
.pk .no{position:absolute;left:10px;top:8px;font-size:11px;color:var(--tx3)}
.pk .tags{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;min-height:22px}
.pk .ico{display:flex;gap:6px;color:var(--tx3);font-size:12px}

/* tier lanes */
.lane{display:grid;grid-template-columns:96px 1fr;gap:0;margin-bottom:10px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
.lane-h{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:800;font-size:18px;color:#fff;padding:8px;text-align:center}
.lane-h small{font-weight:600;font-size:11px;opacity:.85}
.lane-h.T7{background:var(--t7)}.lane-h.T6{background:var(--t6)}.lane-h.T5{background:var(--t5)}.lane-h.T4{background:var(--t4)}.lane-h.T3{background:var(--t3);color:#18260a}.lane-h.T2{background:var(--t2);color:#2b1c00}.lane-h.T1{background:var(--t1)}.lane-h.SR{background:var(--sr)}.lane-h.UR{background:var(--ur)}.lane-h.LG{background:var(--lg);color:#2a2200}.lane-h.MY{background:linear-gradient(160deg,#ff4d4d,#ffb020,#38d39f,#6cb6ff,#a770ef)}.lane-h.Q{background:var(--bg2);color:var(--tx3)}
.lane-b{display:flex;flex-wrap:wrap;gap:6px;padding:10px}
.mini{display:flex;flex-direction:column;align-items:center;width:78px;padding:4px 2px;border-radius:10px;color:var(--tx);cursor:pointer;position:relative;border:1px solid transparent}
.mini:hover{background:var(--card2);border-color:var(--line);text-decoration:none}
.mini .spr{width:56px;height:56px}
.mini span{font-size:11.5px;line-height:1.15;text-align:center;overflow-wrap:anywhere}
.mini i{position:absolute;right:4px;top:4px;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px var(--card)}

/* tables */
.tw{overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
table{border-collapse:collapse;width:100%}
th,td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
th{background:var(--card2);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx3);position:sticky;top:0;white-space:nowrap}
tr:last-child td{border-bottom:0}
tbody tr:hover td{background:color-mix(in srgb,var(--card2) 70%,transparent)}
th.sort{cursor:pointer;user-select:none}th.sort:hover{color:var(--tx)}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.pcell{display:flex;align-items:center;gap:10px;color:var(--tx);font-weight:600}.pcell:hover{text-decoration:none;color:var(--link)}
.pcell .spr{width:44px;height:44px;margin:-6px 0}

/* thumbs */
.th{position:relative;display:inline-block;width:112px;height:68px;border-radius:9px;overflow:hidden;border:1px solid var(--line);cursor:zoom-in;background:var(--bg2);padding:0;flex:none}
.th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.th:hover img{transform:scale(1.08)}
.th b{position:absolute;right:4px;bottom:4px;background:#000a;color:#fff;font-size:11px;padding:0 6px;border-radius:99px}
.th.big{width:100%;height:auto;aspect-ratio:16/9}
.thr{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.na{color:var(--tx3)}

/* hunts */
.hunt{display:grid;grid-template-columns:minmax(150px,1.1fr) repeat(3,minmax(130px,1fr));gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}
.hunt:last-child{border-bottom:0}
.hunt .hh{display:none;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--tx3);margin-bottom:3px}
.hhead{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx3);background:var(--card2);font-weight:600;position:sticky;top:122px;z-index:5}
.list{border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden}

/* faq */
.faq{padding:14px 16px}
.faq .kw{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.faq .kw .chip{padding:0 9px;font-size:12px;font-family:ui-monospace,Consolas,monospace}
.faq p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.faq .thr{margin-top:10px}
mark{background:#ffd40055;color:inherit;border-radius:3px;padding:0 1px}

/* detail */
.hero-pk{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.hero-pk .sprs{display:flex;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:10px}
.hero-pk .sprs div{text-align:center;font-size:11px;color:var(--tx3)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center}
.kv dt{color:var(--tx3);font-size:13px}.kv dd{margin:0}
.sec{margin-top:18px}
.step{display:grid;grid-template-columns:44px 1fr;gap:14px}
.step .n{width:44px;height:44px;border-radius:50%;background:var(--acc);color:#fff;font-weight:800;display:grid;place-items:center;font-size:18px}

/* home */
.hero{padding:34px 30px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 38%,var(--card)),var(--card) 58%,color-mix(in srgb,var(--acc2) 20%,var(--card)));border:1px solid var(--line);position:relative;overflow:hidden;margin-bottom:22px}
.hero h1{font-size:38px;max-width:20ch}
.hero .lead{font-size:17px}
.hero::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#ffffff14 0 45%,transparent 46%);border:26px solid #ffffff0d;pointer-events:none}
.hero .sprs{position:absolute;right:20px;bottom:10px;display:flex;opacity:.95}
.hero .sprs .spr{width:96px;height:96px;margin-left:-14px;filter:drop-shadow(0 6px 8px #0006)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:18px 0}
.stat{padding:14px;text-align:center}.stat b{display:block;font-size:26px;letter-spacing:-.02em}.stat span{font-size:12px;color:var(--tx3);text-transform:uppercase;letter-spacing:.06em}
.tile{display:flex;gap:12px;align-items:flex-start;color:var(--tx);padding:16px;transition:.15s}
.tile:hover{transform:translateY(-2px);border-color:var(--tx3);background:var(--card2);text-decoration:none}
.tile .e{font-size:26px;line-height:1}
.tile b{display:block;font-size:15px}.tile span{color:var(--tx3);font-size:13px;line-height:1.35;display:block;margin-top:2px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--tx);font-weight:600;cursor:pointer}
.btn:hover{background:var(--card2);text-decoration:none}
.btn.pri{background:var(--acc2);border-color:var(--acc2);color:#1a1300}.btn.pri:hover{filter:brightness(1.08)}
footer.ft{margin-top:50px;padding-top:18px;border-top:1px solid var(--line);color:var(--tx3);font-size:13px}

/* team rows */
.team{display:grid;gap:6px}
.trow{display:grid;grid-template-columns:1fr 24px 1fr;gap:8px;align-items:center;background:var(--bg2);border-radius:10px;padding:4px 8px}
.trow .arr{color:var(--tx3);text-align:center}
.pn{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;min-width:0}
.pn .spr{width:40px;height:40px;margin:-4px 0}
.pn a{color:inherit}

/* lightbox */
.lb{position:fixed;inset:0;z-index:200;background:rgba(5,8,18,.93);display:flex;align-items:center;justify-content:center}
.lb[hidden]{display:none}
.lb-stage{max-width:94vw;max-height:84vh;overflow:auto;display:grid;place-items:center}
.lb-stage img{max-width:94vw;max-height:84vh;object-fit:contain;cursor:zoom-in;border-radius:6px}
.lb-stage img.z{max-width:none;max-height:none;cursor:zoom-out}
.lb-x{position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:50%;border:0;background:#ffffff22;color:#fff;font-size:18px;cursor:pointer}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;border:0;background:#ffffff22;color:#fff;font-size:34px;cursor:pointer;border-radius:10px}
.lb-nav.prev{left:12px}.lb-nav.next{right:12px}.lb-nav[hidden]{display:none}
.lb-bar{position:absolute;bottom:14px;left:0;right:0;display:flex;gap:18px;justify-content:center;color:#cfd6ea;font-size:14px}
.lb-bar a{color:#9fd0ff}

/* responsive */
@media (max-width:980px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .menu-btn{display:grid}
  .side{position:fixed;left:0;top:0;bottom:0;height:auto;width:290px;z-index:90;background:var(--bg);border-right:1px solid var(--line);transform:translateX(-102%);transition:.22s;padding-top:70px}
  body.menu .side{transform:none}
  body.menu .scrim{display:block;position:fixed;inset:0;background:#0008;z-index:80}
  main{padding:18px 14px 70px}
  .brand span{display:none}
  .hero h1{font-size:28px}.hero .sprs{display:none}
}
@media (max-width:760px){
  .hunt{grid-template-columns:1fr 1fr;gap:10px}.hunt>:first-child{grid-column:1/-1}.hunt .hh{display:block}.hhead{display:none}
  .lane{grid-template-columns:62px 1fr}.lane-h{font-size:15px}
  .bar{top:61px}
  h1{font-size:25px}
  .trow{grid-template-columns:1fr}.trow .arr{display:none}
  .th{width:96px;height:60px}
}
@media print{.top,.side,.bar{display:none}.shell{display:block}}

/* masonry: colunas sem buracos */
.mason{display:block;column-width:340px;column-gap:14px}
.mason>*{break-inside:avoid;margin:0 0 14px;display:block;width:100%}
.chipn{display:inline-block;font-size:11px;font-weight:700;padding:0 8px;border-radius:99px;background:color-mix(in srgb,var(--acc2) 20%,var(--bg2));color:var(--acc2);border:1px solid color-mix(in srgb,var(--acc2) 45%,transparent);vertical-align:middle}
.plg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:8px}
.plg .it{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:6px 10px}
.plg .it .pn{font-size:13.5px}.plg .it .sm{font-size:12.5px;color:var(--tx3)}
.sec-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:26px 0 10px}.sec-h h3{margin:0;font-size:18px}.sec-h .sp{flex:1}
.ft p{margin:0 0 6px;max-width:80ch}
/* ===================== DESIGN v2 ===================== */
:root{--card-g:linear-gradient(180deg,color-mix(in srgb,var(--card) 92%,#fff) 0,var(--card) 100%);--glow:0 0 0 1px color-mix(in srgb,var(--acc) 35%,transparent),0 10px 30px color-mix(in srgb,var(--acc) 14%,transparent)}
main{max-width:1180px;margin:0 auto;width:100%}
.card{background:var(--card-g);box-shadow:0 1px 0 #ffffff08 inset,0 6px 18px #0000001f}
:root[data-theme=light] .card{box-shadow:0 1px 2px #1e2d5a12}

/* cabeçalho de página */
.ph{display:flex;gap:16px;align-items:center;margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid var(--line);position:relative}
.ph::after{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--acc2),var(--acc))}
.ph-ico{flex:none;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--acc) 40%,var(--card)),color-mix(in srgb,var(--acc2) 22%,var(--card)));border:1px solid color-mix(in srgb,var(--acc) 40%,var(--line));box-shadow:0 8px 20px color-mix(in srgb,var(--acc) 18%,transparent)}
.ph h1{margin:0;font-size:30px;font-weight:800}
.ph .lead{margin:4px 0 0;font-size:15px}
h2{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;margin:34px 0 14px}
h2::before{content:"";flex:none;width:5px;height:22px;border-radius:3px;background:linear-gradient(var(--acc2),var(--acc))}
h3{font-weight:700}

/* tabelas */
.tw{border-radius:16px;box-shadow:0 6px 18px #0000001a}
thead th{background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 16%,var(--card2)),var(--card2));color:var(--tx2);border-bottom:2px solid color-mix(in srgb,var(--acc) 45%,var(--line))}
tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--card2) 55%,transparent)}
tbody tr:hover td{background:color-mix(in srgb,var(--acc) 12%,var(--card2))}
td{border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
td.k{font-weight:700;white-space:nowrap}
.cap{font-size:12.5px;color:var(--tx3);margin:8px 2px 0}

/* callouts */
.note,.callout{display:block;position:relative;white-space:pre-line;overflow-wrap:anywhere;background:color-mix(in srgb,var(--acc) 9%,var(--card));border:1px solid color-mix(in srgb,var(--acc) 30%,var(--line));border-left:4px solid var(--acc);border-radius:12px;padding:12px 16px;color:var(--tx2);font-size:14px}
.callout.tip{background:color-mix(in srgb,var(--acc2) 10%,var(--card));border-color:color-mix(in srgb,var(--acc2) 35%,var(--line));border-left-color:var(--acc2)}
.callout.warn{background:color-mix(in srgb,var(--bad) 9%,var(--card));border-color:color-mix(in srgb,var(--bad) 32%,var(--line));border-left-color:var(--bad)}
.callout b.t{display:block;color:var(--tx);margin-bottom:2px}

/* kbd */
.kbd{display:inline-block;font:600 12.5px ui-monospace,Consolas,monospace;background:var(--bg2);border:1px solid var(--line);border-bottom-width:3px;border-radius:7px;padding:1px 8px;color:var(--tx);white-space:nowrap}

/* menu lateral */
.side{padding-top:20px}
.side h6{display:flex;align-items:center;gap:8px;color:var(--acc2);font-weight:800;letter-spacing:.12em}
.side h6::after{content:"";flex:1;height:1px;background:var(--line)}
.side a{border-radius:11px;font-size:14.5px}
.side a.on{background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 30%,transparent),color-mix(in srgb,var(--acc) 6%,transparent));box-shadow:inset 3px 0 0 var(--acc2)}

/* hero */
.hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:36px 34px;border-radius:24px;border:1px solid color-mix(in srgb,var(--acc) 35%,var(--line));background:radial-gradient(520px 260px at 90% 30%,color-mix(in srgb,var(--acc2) 22%,transparent),transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--acc) 42%,var(--card)),color-mix(in srgb,var(--acc) 14%,var(--card)) 60%,var(--card))}
.hero::after{display:none}
.hero h1{font-size:42px;line-height:1.05;max-width:16ch;margin:0 0 10px}
.hero h1 em{font-style:normal;color:var(--acc2)}
.hero .lead{font-size:17px;max-width:52ch}
.hero-logo{position:relative;width:220px;height:220px;display:grid;place-items:center}
.hero-logo img{width:210px;height:210px;object-fit:contain;filter:drop-shadow(0 10px 28px #000a);animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.hero-logo img{animation:none}}
.hero-spr{display:flex;margin-top:18px}
.hero-spr .spr{width:64px;height:64px;margin-right:-6px;filter:drop-shadow(0 4px 6px #0007)}
.btn.pri{box-shadow:0 8px 22px color-mix(in srgb,var(--acc2) 35%,transparent);font-weight:800}
.btn.alt{background:color-mix(in srgb,var(--acc) 30%,var(--card));border-color:color-mix(in srgb,var(--acc) 55%,var(--line))}

/* tiles e destaques */
.feat{display:flex;flex-direction:column;gap:6px;padding:20px;color:var(--tx);position:relative;overflow:hidden;transition:.18s}
.feat:hover{transform:translateY(-3px);box-shadow:var(--glow);text-decoration:none}
.feat .big{font-size:34px;line-height:1}.feat b{font-size:17px}.feat span{color:var(--tx3);font-size:13.5px;padding-right:22px}
.feat::after{content:"→";position:absolute;right:16px;bottom:12px;color:var(--acc2);font-weight:800}
.feat.gold{background:linear-gradient(145deg,color-mix(in srgb,var(--acc2) 22%,var(--card)),var(--card))}
.feat.blue{background:linear-gradient(145deg,color-mix(in srgb,var(--acc) 26%,var(--card)),var(--card))}
.tile .e{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;font-size:22px;background:color-mix(in srgb,var(--acc) 16%,var(--bg2));border:1px solid color-mix(in srgb,var(--acc) 28%,var(--line))}
.tile:hover{box-shadow:var(--glow)}
.grp{display:flex;align-items:center;gap:10px;margin:30px 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc2);font-weight:800}
.grp::after{content:"";flex:1;height:1px;background:var(--line)}

/* estatísticas */
.stat{background:var(--card-g)}
.stat b{background:linear-gradient(90deg,var(--tx),color-mix(in srgb,var(--acc2) 70%,var(--tx)));-webkit-background-clip:text;background-clip:text;color:transparent}

/* timeline (guias) */
.tl{position:relative;display:grid;gap:18px}
.tl-i{display:grid;grid-template-columns:52px 1fr;gap:16px;position:relative}
.tl-i::before{content:"";position:absolute;left:25px;top:52px;bottom:-18px;width:2px;background:linear-gradient(var(--acc),transparent)}
.tl-i:last-child::before{display:none}
.tl-n{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:linear-gradient(145deg,var(--acc),color-mix(in srgb,var(--acc) 50%,var(--acc2)));color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--acc) 35%,transparent);position:relative;z-index:1}
.tl-b{min-width:0}
.tl-b>h3{font-size:19px;margin:2px 0 2px}.tl-b>.d{color:var(--tx3);margin:0 0 12px}
.qa{display:grid;gap:8px}
.qa details{background:var(--card-g);border:1px solid var(--line);border-radius:12px}
.qa summary{cursor:pointer;list-style:none;display:flex;gap:10px;align-items:center;padding:10px 14px;font-weight:600;min-width:0}
.qa summary::-webkit-details-marker{display:none}
.qa summary::before{content:"▸";color:var(--acc2);transition:.15s;flex:none}
.qa details[open] summary::before{transform:rotate(90deg)}
.qa summary .ttl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.qa summary .kw{margin-left:auto;display:flex;gap:4px;flex:none}
.qa details>div{padding:0 14px 14px 34px;color:var(--tx2);white-space:pre-wrap;overflow-wrap:anywhere}
.qa details>div .thr{margin-top:10px}
.guide-card{display:flex;gap:14px;align-items:flex-start;padding:18px;color:var(--tx);transition:.18s}
.guide-card:hover{transform:translateY(-3px);box-shadow:var(--glow);text-decoration:none}
.guide-card .gi{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--acc) 35%,var(--card)),color-mix(in srgb,var(--acc2) 20%,var(--card)));border:1px solid color-mix(in srgb,var(--acc) 35%,var(--line))}
.guide-card b{font-size:16.5px}.guide-card span{display:block;color:var(--tx3);font-size:13.5px;margin-top:2px}
.guide-card .tags{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}

/* quadros de referência */
.boards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;align-items:start}
.board{background:var(--card-g);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.board>h3{margin:0;padding:12px 16px;font-size:15px;display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 22%,var(--card2)),var(--card2));border-bottom:1px solid var(--line)}
.board table{font-size:14px}.board td,.board th{padding:8px 14px}
.board .bd{padding:14px 16px}
.board .src{font-size:12px;color:var(--tx3);padding:0 16px 12px}
.pill{display:inline-block;padding:1px 10px;border-radius:99px;background:color-mix(in srgb,var(--acc2) 20%,var(--bg2));color:var(--acc2);border:1px solid color-mix(in srgb,var(--acc2) 40%,transparent);font-weight:800;font-size:13px;white-space:nowrap}
.lv{display:inline-block;min-width:54px;text-align:center;padding:1px 10px;border-radius:8px;font-weight:800;font-size:13px;color:#fff;background:var(--acc)}
.lv.l2{background:#2f9e8f}.lv.l3{background:#8a63d2}.lv.l4{background:#d9822b}
.bar-c{display:flex;align-items:center;gap:10px}
.bar-c i{display:block;height:10px;border-radius:6px;background:linear-gradient(90deg,var(--acc),var(--acc2));min-width:4px}
.bar-c b{min-width:64px;text-align:right}

/* pokelog */
.plg .it{background:var(--card-g)}
.sec-h{border-bottom:1px solid var(--line);padding-bottom:8px}

/* barras de filtro */
.bar{border-radius:16px;box-shadow:0 8px 20px #00000026}
.seg button.on{background:linear-gradient(180deg,var(--acc),color-mix(in srgb,var(--acc) 75%,#000));box-shadow:0 2px 8px color-mix(in srgb,var(--acc) 40%,transparent)}
.chip.on{background:color-mix(in srgb,var(--acc2) 20%,var(--bg2));border-color:var(--acc2)}

footer.ft{display:grid;gap:4px;margin-top:56px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--card-g)}
@media (max-width:980px){.hero{grid-template-columns:1fr}.hero-logo{display:none}.hero h1{font-size:32px}.ph-ico{width:48px;height:48px;font-size:24px}.ph h1{font-size:24px}}
@media (max-width:760px){.tl-i{grid-template-columns:40px 1fr;gap:12px}.tl-n{width:40px;height:40px;font-size:19px}.tl-i::before{left:19px;top:40px}.ph{align-items:flex-start}.qa summary .kw{display:none}}

.nl{margin:6px 0 10px;padding-left:20px}.nl li{margin:3px 0}.nt{margin:8px 0 2px;font-weight:600;color:var(--tx)}.nt:first-child{margin-top:0}

.boards{align-items:stretch}.board{display:flex;flex-direction:column}.board>.src{margin-top:auto;padding-top:10px}.board>table,.board>.tw,.board>.bd{flex:0 0 auto}

.faq-list{display:grid;gap:10px;max-width:900px}.faq-list .grp{margin:22px 0 4px}
.faq2{padding:14px 18px}.faq2 .fh{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.faq2 h3{margin:0 0 6px;font-size:16px;color:var(--tx);flex:1;min-width:200px}
.faq2 .kw{display:flex;gap:5px;flex-wrap:wrap}.faq2 .kw .chip{padding:0 9px;font-size:11.5px;font-family:ui-monospace,Consolas,monospace}
.faq2 p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--tx2)}.faq2 .thr{margin-top:10px}

.card select,.card input[type=number]{height:38px;border-radius:9px;border:1px solid var(--line);background:var(--bg2);padding:0 10px;color:var(--tx)}

.faq2 .ans{display:grid;gap:6px}.faq2 .ans p{margin:0}
a.ext{overflow-wrap:anywhere}
.faq2 h3{font-size:16.5px}

.faq-list{max-width:none;grid-template-columns:repeat(auto-fill,minmax(min(100%,430px),1fr));align-items:stretch}.faq-list .grp{grid-column:1/-1}

/* mobile: nada pode empurrar a largura da página */
.tl{grid-template-columns:minmax(0,1fr)}.tl-i{grid-template-columns:52px minmax(0,1fr)}
.qa{grid-template-columns:minmax(0,1fr)}.qa>details{min-width:0}
.bar-c{min-width:0}.bar-c i{flex:0 1 auto;min-width:4px;max-width:46vw}.bar-c b{flex:none}
.board{min-width:0}.board td,.board th{overflow-wrap:anywhere}
@media (max-width:760px){.tl-i{grid-template-columns:40px minmax(0,1fr)}.board td,.board th{padding:8px 10px}}
.board td.k{white-space:normal}
.board .bar-c i{max-width:28vw}

.pnm{display:flex;flex-direction:column;line-height:1.15}.dexn{color:var(--tx3);font-weight:500;font-size:11.5px}

.steps{counter-reset:s;display:grid;gap:8px;padding:0;margin:0;list-style:none}.steps li{counter-increment:s;display:flex;gap:12px;align-items:flex-start;background:var(--card-g);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.steps li::before{content:counter(s);flex:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,var(--acc),color-mix(in srgb,var(--acc) 50%,var(--acc2)));color:#fff;font-weight:800;display:grid;place-items:center;font-size:14px}
tr.sel td{background:color-mix(in srgb,var(--acc2) 22%,var(--card2))!important;font-weight:700}

main:focus,main:focus-visible{outline:none}
.sub{display:block;text-transform:none;letter-spacing:0;font-weight:500;color:var(--tx3);font-size:11.5px}
.warnmark{color:var(--acc2)}
tr.sel td{background:color-mix(in srgb,var(--acc) 22%,var(--card2))!important;font-weight:inherit}
tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--acc2)}
table.eff td,table.eff th{padding:9px 10px}


details.more{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:var(--card-g)}details.more>summary{cursor:pointer;padding:11px 14px;font-weight:600;color:var(--tx2);list-style:none}details.more>summary::-webkit-details-marker{display:none}details.more>summary::before{content:"▸ ";color:var(--acc2)}details.more[open]>summary::before{content:"▾ "}details.more[open]>summary{border-bottom:1px solid var(--line);color:var(--tx)}details.more>.in{padding:12px}