@font-face { 
  font-family: Yanone Kaffeesatz; 
    src: url('../fonts/YanoneKaffeesatz-Regular.eot'); 
    src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf'); 
} 

html { 
  height: 100%;
}

* { 
  margin: 0;
  padding: 0;
}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;
}

body { 
  font: normal .80em arial, sans-serif;
  background: #F8F7EE url(../images/pattern.png);
  color: #7A7A68;
}

p { 
  padding: 0 0 20px 0;
  line-height: 1.7em;
}

img { 
  border: 0;
}

h1, h2, h3, h4, h5, h6 { 
  color: #362C20;
  letter-spacing: 0em;
  padding: 0 0 5px 0;
}

h1, h2, h3 { 
  font: normal 140% 'century gothic', arial;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;
  color: #000;
}

h2 { 
  font-size: 160%;
  padding: 9px 0 5px 0;
  color: #009FBC;
}

h3 { 
  font-size: 140%;
  padding: 5px 0 0 0;
}

h4, h6 { 
  color: #009FBC;
  padding: 0 0 5px 0;
  font: normal 120% arial;
}

h5, h6 { 
  color: #bbb;
  font: italic 95% arial;
  letter-spacing: normal;
  padding: 0 0 15px 0;
}

a, a:hover { 
  outline: none;
  text-decoration: underline;
  color: #d69000;
}

a:hover { 
  text-decoration: none;
}

blockquote { 
  margin: 20px 0; 
  padding: 10px 20px 0 20px;
  border: 1px solid #E5E5DB;
  background: #FFF;
}

ul { 
  margin: 2px 0 22px 17px;
}

ul li { 
  list-style-type: circle;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;
  line-height: 1.5em;
}

ol { 
  margin: 8px 0 22px 20px;
}

ol li { 
  margin: 0 0 11px 0;
}

.left { 
  float: left;
  width: auto;
  margin-right: 10px;
}

.right { 
  float: right; 
  width: auto;
  margin-left: 10px;
}

.center { 
  display: block;
  text-align: center;
  margin: 20px auto;
}

#main, #logo, #site_content, footer { 
  margin-left: auto; 
  margin-right: auto;
}

header { 
  background: #404040;
  height: 200px;
  border-bottom: 1px solid #FFF;
}

#logo { 
  width: 1000px;
  height: 200px;
  background: transparent url(../images/logo.png) no-repeat center;
  color: #888;
  padding: 0;
}

#logo #logo_text { 
  top: 5px;
  left: 0;
}

#logo h1, #logo h2 { 
  font: normal 420% 'Yanone Kaffeesatz', arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0;
}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { 
  padding: 10px 0 0 0;
  color: #FFF;
  text-decoration: none;
}

#logo_text h1 a .logo_colour { 
  color: #09D4FF;
}

#logo_text a:hover .logo_colour { 
  color: #FFF;
}

#logo_text h2 { 
  font-size: 150%;
  padding: 0 0 0 0;
  color: #A8AA94;
}

nav { 
  height: 44px;
  width: 100%;
  margin: -44px auto 0 auto;
  background: transparent url(../images/menubar.png) repeat;
} 

#menu_container { 
  width: 1000px;
  margin: 0 auto 0 auto;
}

#site_content { 
  width: 1000px;
  overflow: hidden;
  margin: 0px auto 0 auto;
  padding: 15px 0 40px 0;
} 

#sidebar_container { 
  float: right;
  width: 224px;
}

.sidebar { 
  float: right;
  width: 210px;
  margin: 0 0 17px 0;
  background: #FFF;
  border: 1px solid #eee;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
  padding: 0 15px 5px 13px;
}
  
.sidebar h3, .content h1 { 
  padding: 5px 15px 20px 15px;
  font: 250% 'Yanone Kaffeesatz';
  text-shadow:  #ffffff 1px 1px;
  margin: 0 1px;
  color: #777;
}

.sidebar h3 { 
  padding: 14px 15px 14px 15px;
  color: #74706E;
  font: 190% 'Yanone Kaffeesatz';
  margin-left: 10px;
}

.sidebar h4 { 
  color: #c00000;
}

.sidebar ul { 
  margin: 0 0 15px 0;
} 

.sidebar li a, .sidebar li a:hover { 
  color: #555;
  text-decoration: none;
} 

.sidebar li a:hover { 
  text-decoration: underline;
} 

.sidebar_item, .content_item { 
  padding: 15px 0;
}

.paperclip { 
  float: left;
  position: relative; 
  z-index: 0;
  vertical-align: middle; 
  margin: -15px 0 -60px -40px;
}

.content { 
  text-align: left;
  width: 700px;
  margin: 0 0 15px 0;
  float: left;
  font-size: 120%;
  padding: 14px 0 0 0;
}
  
.content ul { 
  margin: 2px 0 22px 0px;
}

.content ul li, .sidebar ul li { 
  list-style-type: none;
  background: url(../images/bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 28px;
  line-height: 1.5em;
}

footer { 
  width: 100%;
  font-family: 'lucida sans', sans-serif;
  font-size: 90%;
  height: 60px;
  padding: 20px 0 5px 0;
  text-align: center; 
  background: #404040 url(../images/footer.png) repeat-x;
  color: #A8AA94;
  margin: 0 0 0 0;
}

footer p { 
  line-height: 1.7em;
  padding: 0 0 10px 0;
}

footer a { 
  color: #A8AA94;
  text-decoration: none;
}

footer a:hover { 
  color: #FFF;
  text-decoration: none;
}

.form_settings { 
  margin: 15px 0 0 0;
}

.form_settings p { 
  padding: 0 0 4px 0;
}

.form_settings span { 
  float: left; 
  width: 200px; 
  text-align: left;
}
  
.form_settings input, .form_settings textarea { 
  padding: 5px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid #E5E5DB; 
  background: #FFF; 
  color: #47433F;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;  
}
  
.form_settings .submit { 
  font: 100% arial; 
  border: 0; 
  width: 99px; 
  margin: 0 0 0 212px; 
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #3B3B3B; 
  color: #FFF;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;  
}

.form_settings textarea, .form_settings select { 
  font: 100% arial; 
  width: 299px;
}

.form_settings select { 
  width: 310px;
}

.form_settings .checkbox { 
  margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;
}

.separator { 
  width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;
}
  
table { 
  margin: 10px 0 30px 0;
  width: 650px;
}

table tr th, table tr td { 
  background: #555555;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;
}

tr.yellow td {
  background: #555555;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;
}
  
table tr td { 
  background: #E5E5DB;
  color: #47433F;
  border-top: 1px solid #FFF;
}

/* guild war */
tr.special:hover td {
   background: skyblue;
}

tr.special {
    cursor: pointer;
}

ul.war_list li {
   font-size:18px;
}

/* scroll to top */
#scroll { 
  position: relative; 
  width: 1000px;
  margin: 0 auto;
  bottom: 14px; 
  right: 0;
  background: red;
  padding: 0;
}
  
#scroll a { 
  float: right;
  margin: 0 0 0 0; 
  padding: 0 0 0 0;
}
  
#scroll a img { 
  float: right;
  padding: 0 0 0 0;
  margin: 0;
}





/**
Stylesheet for SooperFish by www.SooperThemes.com
Author: Jurriaan Roelofs
**/

/* Configuration of menu width */
html body ul.sf-menu ul,html body ul.sf-menu ul li { 
  width: 200px;
}

html body ul.sf-menu ul ul { 
  margin: 0 0 0 200px;
}

/* Framework for proper showing/hiding/positioning */
ul.sf-menu,ul.sf-menu * { 
  margin: 0;
  padding: 0;
}

ul.sf-menu { 
  display: block;
  position: relative;
}
  
ul.sf-menu li { 
  display: block;
  list-style: none;
  float: left;
  position: relative;
}
  
ul.sf-menu li:hover { 
  visibility: inherit; /* fixes IE7 'sticky bug' */ 
}

ul.sf-menu a { 
  display: block;
  position: relative;
}
  
ul.sf-menu ul { 
  position: absolute;
  left: 0;
  width: 150px; 
  top: auto;
  left: -999999px;
}
  
ul.sf-menu ul a { 
  zoom: 1; /* IE6/7 fix */ 
}

ul.sf-menu ul li { 
  float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  width: 150px;
}
  
ul.sf-menu ul ul { 
  top: 0;
  margin: 0 0 0 150px;
}

ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, 
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { 
  left: auto;
}
  
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { 
  left: -999999px;
}

/* autoArrows CSS */
span.sf-arrow { 
  width: 7px;
  height: 7px;
  position: absolute;
  top: 20px;
  right: 5px;
  display: block;
  background: url(../images/arrows-white.png) no-repeat 0 0;
  overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */
  font-size: 1px;
}

ul ul span.sf-arrow { 
  right: 10;
  top: 20px;
  background-position: 0 100%;
}

/* Theming the menu */
ul#nav { 
  float: left;
}

ul#nav ul { 
  background: url(../images/menu_hover.png) repeat;
  margin-top: 5px;
  padding-bottom: 15px;
}

ul#nav li a { 
  padding:7px 20px 6px 20px;
  font: 170% 'Yanone Kaffeesatz',helvetica,arial,verdana,sans;
  text-shadow: 1px 1px #000;
  text-decoration:none;
  color:#FFF;
  margin-right: 2px;
}

ul#nav li a:hover,ul#nav li a:focus { 
  color:#09D4FF;
}

.galleryImage {
  max-width: 720px;
}
#news {
  width: 735px;
}

/* /////////\/\\\\\\\\
   //  Znote FORUM  \\
   /////////\/\\\\\\\\ */
hr {
  width: 610px;
  margin-left: 20px;
}
.adminTable {
  margin: 0px;
  padding: 0px;
  position: relative;
  display: block;
  top: -32px; /* EDIT THIS TO ADJUST BUTTON PRECITION */
}
.adminTable tr td {
  width: 210px;
}
.adminTable tr td form input {
  width: 150px;
  height: 35px;
}
.postButton {
  margin: 0px;
  padding: 0px;
  position: relative;
  display: block;
  float: left;
  top: -30px; /* EDIT THIS TO ADJUST BUTTON PRECITION */
}

.editThread {
  margin: 0px;
  padding: 0px;
  position: relative;
  display: block;
  float: left;
  top: -36px; /* EDIT THIS TO ADJUST BUTTON PRECITION */
}
.editThread tr, .editThread tr td, .editThread tr td form, .editThread tr td form input {
  margin: 0px;
  padding: 0px;
  height: 20px;
}
.updateTable tr td input {
  width: 500px;
}

#changelogTable {
  width: 735px;
}

#progress {
 width: 400px;
 position: relative;
 padding: 3px;
}

#percent {
  position: absolute;
  margin-left:175px;
}

#bar {
  height: 20px;
  background-color: green;
  border: 1px solid black;
}

.ThreadTable td {
  word-break: break-all;
}

.ThreadTable td.avatar {
  min-width: 100px;
  vertical-align: top;
  text-align: center;
}

#ThreadTitle {
  word-wrap: break-word;
}

/* ///////////\/\\\\\\\\\\\
   //  Znote YOUTUBE BB  \\
   ///////////\/\\\\\\\\\\\ */

div.youtube {
  width: 100%;
  max-width: 560px;
}

div.aspectratio {
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  position: relative;
}

div.aspectratio > iframe {
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  width: 100%;
  height: 100%;
}

/* SHOP Category style */
#categoryNavigator {
  background-color: #555555;
  max-width: 650px;
  margin-top: 20px;
}

#categoryNavigator a {
  color: white;
  font-weight: bold;
  padding: 10px 15px;
  display: inline-block;
  text-decoration: none;
  border-right: 1px solid #E5E5DB;
}

#categoryNavigator a:hover {
  background-color: #ad7400;
}

table.hide {
  display: none;
}

.outfitColumn {
    position: relative;
    width: 60px;
    background: initial;
    border-top: none;
}

.outfitColumn img {
    position: absolute;
    top: -38px;
    right: 4px;
}

/* =========================================================
   PokeFlat Redesign V1 — identidade carmim + azul + plasma
   Mantem toda a estrutura PHP/Znote, troca somente a camada visual.
   ========================================================= */
:root {
  --pf-bg: #06070b;
  --pf-bg-2: #0c0f18;
  --pf-panel: rgba(15, 18, 28, .94);
  --pf-panel-soft: rgba(20, 23, 34, .88);
  --pf-line: rgba(255,255,255,.08);
  --pf-text: #e8edf7;
  --pf-muted: #9ca8ba;
  --pf-red: #e31d3b;
  --pf-red-2: #ff415c;
  --pf-blue: #188cff;
  --pf-cyan: #31d7ff;
  --pf-purple: #a43cff;
  --pf-gold: #ffc857;
}

html, body { min-height: 100%; }
body {
  color: var(--pf-text);
  background:
    radial-gradient(circle at 18% 16%, rgba(227,29,59,.16), transparent 27%),
    radial-gradient(circle at 82% 13%, rgba(24,140,255,.17), transparent 29%),
    radial-gradient(circle at 50% 44%, rgba(164,60,255,.08), transparent 32%),
    linear-gradient(180deg, #07080d 0%, #090b12 52%, #05060a 100%);
  background-attachment: fixed;
}

#main { width: 100%; min-height: 100vh; }

header {
  height: 240px;
  border: 0;
  background: #05070b;
  box-shadow: 0 10px 32px rgba(0,0,0,.45);
  position: relative;
  z-index: 20;
}

#logo {
  width: min(1600px, 100%);
  height: 240px;
  background: #05070b url(../images/pokeflat_header.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}

#logo:after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 -55px 45px -45px rgba(0,0,0,.95);
}

nav {
  height: 48px;
  margin: -48px auto 0;
  background: rgba(5,7,12,.82);
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 24px rgba(0,0,0,.34);
}

#menu_container {
  width: min(1180px, calc(100% - 32px));
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

ul#nav { float: none; display: flex; align-items: center; justify-content: center; gap: 4px; }
ul#nav li a {
  padding: 11px 17px 10px;
  font: 170% 'Yanone Kaffeesatz', helvetica, arial, sans-serif;
  color: #f7f9ff;
  text-shadow: 0 2px 10px rgba(0,0,0,.7);
  border-radius: 6px;
  transition: .18s ease;
}
ul#nav > li > a:hover,
ul#nav > li > a:focus {
  color: #fff;
  background: linear-gradient(135deg, rgba(227,29,59,.22), rgba(164,60,255,.18), rgba(24,140,255,.22));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 16px rgba(164,60,255,.16);
}
ul#nav ul {
  background: rgba(9,11,18,.98);
  border: 1px solid rgba(74,155,255,.24);
  border-radius: 0 0 9px 9px;
  box-shadow: 0 18px 32px rgba(0,0,0,.48);
  padding: 7px 0;
  margin-top: 0;
}
ul#nav ul li a { font-size: 150%; padding: 8px 14px; }
ul#nav ul li a:hover { background: rgba(40,120,255,.13); color: var(--pf-cyan); }

#site_content {
  width: min(1420px, calc(100% - 48px));
  overflow: visible;
  margin: 0 auto;
  padding: 34px 0 54px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 34px;
  align-items: start;
}

.content {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  min-width: 0;
  color: var(--pf-text);
  font-size: 120%;
}

#sidebar_container {
  float: none;
  width: 260px;
  grid-column: 2;
  position: sticky;
  top: 18px;
}

#site_content > .content { grid-column: 1; grid-row: 1; }
#site_content > #sidebar_container { grid-row: 1; }

.sidebar {
  float: none;
  width: auto;
  box-sizing: border-box;
  margin: 0 0 16px;
  padding: 12px 15px 15px;
  color: var(--pf-text);
  background: linear-gradient(180deg, rgba(19,23,34,.96), rgba(10,13,21,.96));
  border: 1px solid var(--pf-line);
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(0,0,0,.28);
  overflow: hidden;
}
.sidebar:has(h3:first-child) { position: relative; }
.sidebar h3 {
  padding: 8px 5px 10px;
  margin: 0;
  color: #f4f7ff;
  font: 190% 'Yanone Kaffeesatz';
  text-shadow: 0 0 18px rgba(49,215,255,.12);
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.sidebar h4 { color: var(--pf-red-2); }
.sidebar a { color: #ffbd4a; }
.sidebar a:hover { color: #fff; }
.sidebar input[type='text'], .sidebar input[type='password'], .sidebar input[type='email'] {
  max-width: 100%; box-sizing: border-box;
  background: #080b12; color: #fff;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 6px; padding: 6px 8px;
}

/* Top Apoiadores vira o card de destaque da lateral. */
.sidebar.pf-top-supporters,
#sidebar_container .sidebar:nth-of-type(3) {
  border-color: rgba(164,60,255,.42);
  background:
    radial-gradient(circle at 15% 0%, rgba(227,29,59,.14), transparent 40%),
    radial-gradient(circle at 90% 0%, rgba(24,140,255,.14), transparent 42%),
    linear-gradient(180deg, rgba(21,17,34,.98), rgba(10,12,21,.98));
  box-shadow: 0 0 0 1px rgba(164,60,255,.08), 0 13px 30px rgba(0,0,0,.34), 0 0 24px rgba(164,60,255,.10);
}

h1, h2, h3, h4, h5, h6 { color: #f5f7ff; }
h2, h4 { color: var(--pf-cyan); }
a, a:hover { color: #ffb43d; }
a:hover { color: #fff; }
p { color: #d2d8e5; }

/* News e tabelas antigas ganham card moderno sem mudar o PHP. */
table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 10px;
  background: var(--pf-panel);
  box-shadow: 0 12px 30px rgba(0,0,0,.26);
  margin: 0 0 26px;
}
#news, #changelogTable { width: 100%; }
table tr th, table tr td,
tr.yellow td {
  background: rgba(17,20,30,.97);
  color: var(--pf-text);
  border-color: rgba(255,255,255,.06);
}
tr.yellow td, table tr th {
  background: linear-gradient(90deg, rgba(227,29,59,.58), rgba(164,60,255,.45), rgba(24,140,255,.55));
  color: #fff;
  border: 0;
  font-weight: 600;
  text-shadow: 0 1px 5px rgba(0,0,0,.65);
}
table tr td { border-top: 1px solid rgba(255,255,255,.055); }
#news td { padding: 10px 12px; }
#news td p { padding-bottom: 8px; }
#news img, .content img, .galleryImage { max-width: 100% !important; height: auto !important; border-radius: 8px; }

.form_settings input, .form_settings textarea, .form_settings select,
select, input[type='text'], input[type='password'], input[type='email'], textarea {
  background: #0a0d15;
  color: #f5f7ff;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 7px;
}
.form_settings .submit, input[type='submit'], button {
  background: linear-gradient(135deg, #c91431, #8b2be2 52%, #1479ef);
  color: #fff;
  border: 0;
  border-radius: 7px;
  cursor: pointer;
}

blockquote {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(12,15,24,.88);
  color: var(--pf-text);
}
.separator { border-top-color: rgba(255,255,255,.08); border-bottom: 0; }

footer {
  height: auto;
  min-height: 64px;
  padding: 24px 18px;
  box-sizing: border-box;
  background: #04050a;
  border-top: 1px solid rgba(255,255,255,.07);
  color: var(--pf-muted);
}

/* scrollbar */
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: #07090f; }
::-webkit-scrollbar-thumb { background: linear-gradient(#d31d3a, #7431c8, #168be9); border-radius: 10px; border: 2px solid #07090f; }

@media (max-width: 1100px) {
  #site_content {
    width: min(94%, 900px);
    grid-template-columns: 1fr;
    gap: 22px;
  }
  #site_content > .content,
  #site_content > #sidebar_container { grid-column: 1; }
  #site_content > .content { grid-row: 1; }
  #site_content > #sidebar_container { grid-row: 2; }
  #sidebar_container { width: 100%; position: static; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
  .sidebar { margin: 0; }
  #menu_container { justify-content: flex-start; overflow-x: auto; overflow-y: hidden; }
  ul#nav { justify-content: flex-start; min-width: max-content; }
}

@media (max-width: 680px) {
  header, #logo { height: 190px; }
  #logo { background-size: auto 190px; }
  nav { margin-top: -48px; }
  #site_content { width: calc(100% - 24px); padding-top: 22px; }
  #sidebar_container { grid-template-columns: 1fr; }
  ul#nav li a { padding-left: 12px; padding-right: 12px; }
  .content { font-size: 110%; }
}

/* PokeFlat language + account security */
.pf-language-switch { position:absolute; top:10px; right:24px; z-index:20; padding:6px 10px; border-radius:10px; background:rgba(5,8,14,.72); border:1px solid rgba(155,90,255,.28); font-size:12px; }
.pf-language-switch a { color:#b9c3d0; text-decoration:none; }
.pf-language-switch a.active, .pf-language-switch a:hover { color:#fff; text-shadow:0 0 10px rgba(165,90,255,.8); }
.pf-language-switch span { color:#596170; padding:0 6px; }
.pf-security-card { background:#10151f; border:1px solid #293244; border-radius:12px; padding:18px; margin:14px 0; box-shadow:0 8px 26px rgba(0,0,0,.25); }
.pf-security-card h2 { margin-top:0; color:#fff; }
.pf-security-state { font-weight:bold; }
.pf-security-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.pf-btn { display:inline-block; cursor:pointer; border:1px solid #6d43a8; border-radius:8px; padding:8px 13px; background:#171d28; color:#fff !important; text-decoration:none !important; }
.pf-btn:hover { border-color:#a56cff; box-shadow:0 0 16px rgba(165,108,255,.25); }
.pf-btn-danger { border-color:#7e3347; }
.pf-device-table { width:100%; }
.pf-device-table td, .pf-device-table th { padding:9px; }
.pf-notice { padding:10px 12px; border-radius:8px; background:#12251c; border:1px solid #28633f; margin:12px 0; }
.pf-error { padding:10px 12px; border-radius:8px; background:#2a1419; border:1px solid #7a3344; margin:12px 0; }

/* PokeFlat - rankings compactos da lateral + pagina Top 10 */
.sidebar.pf-rank-card {
  border-color: rgba(49,215,255,.20);
  background:
    radial-gradient(circle at 90% 0%, rgba(49,215,255,.08), transparent 44%),
    linear-gradient(180deg, rgba(16,22,32,.98), rgba(9,12,19,.98));
}
.sidebar.pf-rank-card h3 a {
  color: #f4f7ff;
  text-decoration: none;
  display: block;
}
.sidebar.pf-rank-card h3 a:hover { color: var(--pf-cyan); }
.pf-rank-mini { padding: 6px 0 2px; }
.pf-rank-mini-row {
  display: grid;
  grid-template-columns: 32px minmax(0,1fr) auto;
  align-items: center;
  gap: 7px;
  min-height: 26px;
  border-bottom: 1px solid rgba(255,255,255,.045);
}
.pf-rank-mini-row:last-child { border-bottom: 0; }
.pf-rank-pos { color: #91a1b9; font-weight: 700; }
.pf-rank-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 700;
}
.pf-rank-value { color: #d8e6f5; font-size: 90%; white-space: nowrap; }
.pf-rank-more {
  display: inline-block;
  margin-top: 8px;
  font-size: 90%;
  text-decoration: none;
}
.pf-rank-empty { color: #9da9ba; padding: 8px 0; }

.pf-ranking-page { width: 100%; }
.pf-ranking-intro { margin-top: -8px; color: #aeb9c9; }
.pf-ranking-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 15px 0 18px;
}
.pf-ranking-tabs a {
  display: inline-block;
  padding: 9px 14px;
  border: 1px solid rgba(49,215,255,.20);
  border-radius: 8px;
  color: #d9e7f6;
  background: linear-gradient(180deg, rgba(22,30,44,.96), rgba(10,14,22,.96));
  text-decoration: none;
}
.pf-ranking-tabs a:hover,
.pf-ranking-tabs a.active {
  color: #fff;
  border-color: rgba(49,215,255,.60);
  box-shadow: 0 0 18px rgba(49,215,255,.10);
  background: linear-gradient(180deg, rgba(20,75,96,.72), rgba(10,22,32,.96));
}
.pf-ranking-table td { vertical-align: middle; }
.pf-ranking-position { width: 70px; font-weight: 700; color: #ffbd4a; }
.pf-ranking-level { width: 120px; font-weight: 700; color: var(--pf-cyan); }