@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cormorant+Garamond:ital,wght@0,500;0,700;1,500&family=Inter:wght@300;400;500;600&display=swap');

/* ══════════════════════════════════════════════════════════════
   GLOBALKING — ROYAL TIDES EDITION
   Medieval · Azul-oceano profundo + Dourado real
   v2.1.2 · Responsivo · Ornamentos heráldicos SVG inline
   · Fix hero (coroa) + Fix create account
══════════════════════════════════════════════════════════════ */

:root {
  --c-bg:          #06111f;
  --c-bg-2:        #0a1a2e;
  --c-panel:       #0f2540;
  --c-card:        #142e4a;
  --c-card-2:      #17324f;
  --c-card-hover:  #1c3a5a;

  --c-border:      #1e4066;
  --c-border-2:    #2a5680;
  --c-border-gold: rgba(201,152,42,.22);
  --c-border-gold-2: rgba(201,152,42,.42);

  --c-blue-deep:   #08243d;
  --c-blue-mid:    #143f68;
  --c-blue:        #1e5f8f;
  --c-blue-bright: #2478b3;
  --c-blue-glow:   #3a9adb;
  --c-blue-crystal:#7dc4f0;

  --c-gold:         #c9982a;
  --c-gold-bright:  #e8b64c;
  --c-gold-pale:    #f0d78a;
  --c-gold-dim:     #8a6a20;

  --c-text:         #d4e2f0;
  --c-text-dim:     #8ea4bd;
  --c-text-muted:   #556e88;
  --c-white:        #eef6ff;

  --c-red-danger:   #c04858;
  --c-green:        #4bc38a;

  --radius:      6px;
  --radius-sm:   4px;
  --radius-lg:   10px;
  --shadow:      0 6px 28px rgba(0,0,0,.7);
  --shadow-blue: 0 0 32px rgba(30,95,143,.25);
  --shadow-gold: 0 0 24px rgba(201,152,42,.18);
  --glow-blue:   0 0 20px rgba(58,154,219,.35);
  --glow-gold:   0 0 16px rgba(232,182,76,.35);

  --grad-blue-head:  linear-gradient(180deg, #1a4a72 0%, #0e2c4a 55%, #08213a 100%);
  --grad-blue-btn:   linear-gradient(180deg, #216798 0%, #123f66 100%);
  --grad-blue-btn-h: linear-gradient(180deg, #2c86c4 0%, #1a5480 100%);
  --grad-card:       linear-gradient(180deg, #17324f 0%, #0f2540 100%);
  --grad-hero:       linear-gradient(180deg, rgba(6,17,31,.45) 0%, rgba(6,17,31,.85) 100%);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; padding: 0;
  background: var(--c-bg);
  background-image:
    radial-gradient(ellipse at top, rgba(30,95,143,.20) 0%, transparent 55%),
    radial-gradient(ellipse at bottom, rgba(20,63,104,.14) 0%, transparent 60%),
    radial-gradient(1px 1px at 20% 30%, rgba(201,152,42,.10) 50%, transparent 100%),
    radial-gradient(1px 1px at 70% 60%, rgba(125,196,240,.14) 50%, transparent 100%),
    radial-gradient(1px 1px at 45% 85%, rgba(240,215,138,.08) 50%, transparent 100%);
  background-attachment: fixed, fixed, fixed, fixed, fixed;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: var(--c-text);
  line-height: 1.6;
  overflow-x: hidden;
}
img { border: none; max-width: 100%; height: auto; }
a { color: var(--c-gold-bright); text-decoration: none; transition: color .2s, text-shadow .2s; }
a:hover { color: var(--c-gold-pale); text-shadow: 0 0 8px rgba(232,182,76,.4); }

.gk-container { max-width: 1240px; margin: 0 auto; padding: 0 16px; }

/* TOP BAR */
#gk-topbar {
  background: linear-gradient(180deg, #040c17 0%, #06111f 100%);
  border-bottom: 1px solid var(--c-border-gold);
  height: 38px;
  display: flex;
  align-items: center;
  box-shadow: 0 1px 0 rgba(201,152,42,.06);
}
#gk-topbar .gk-container { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.gk-topbar-left { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.gk-toplink {
  font-family: 'Cinzel', serif;
  font-size: 10.5px; font-weight: 500;
  color: var(--c-text-dim);
  letter-spacing: 2px; text-transform: uppercase;
  transition: color .2s, text-shadow .2s;
  display: flex; align-items: center; gap: 6px;
}
.gk-toplink:hover { color: var(--c-gold-bright); text-shadow: 0 0 8px rgba(232,182,76,.4); }
.gk-toplink i { font-size: 12px; color: var(--c-blue-glow); }
.gk-toplink:hover i { color: var(--c-gold-bright); }

.gk-online-badge {
  display: flex; align-items: center; gap: 8px;
  font-family: 'Cinzel', serif; font-size: 10.5px;
  color: var(--c-text-dim); letter-spacing: 1.5px; text-transform: uppercase;
}
.gk-online-badge strong { color: var(--c-gold-pale); font-weight: 700; margin: 0 3px; }
.gk-online-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--c-green);
  box-shadow: 0 0 10px var(--c-green), 0 0 4px #fff inset;
  animation: pulse 2.4s infinite;
}
@keyframes pulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .55; transform: scale(1.15); } }

/* ════════════════════════════════════════════════════════════
   HERO — v2.1.2: coroa visível (foco no topo, altura maior)
════════════════════════════════════════════════════════════ */
#gk-hero {
  position: relative;
  background-image: url('/templates/tibiacom/images/header/background-globalking.png');
  background-size: cover;
  background-position: center 22%;   /* mostra a coroa no topo */
  background-repeat: no-repeat;
  min-height: 540px;                 /* espaço extra pra composição */
  display: flex; align-items: center;
  overflow: hidden;
  border-bottom: 1px solid var(--c-border-gold);
}
#gk-hero::before {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at 30% 40%, rgba(58,154,219,.28) 0%, transparent 55%),
    radial-gradient(ellipse at 75% 70%, rgba(8,36,61,.55) 0%, transparent 60%),
    var(--grad-hero);
  z-index: 1; pointer-events: none;
}
#gk-hero::after {
  content: ""; position: absolute; inset: 0;
  background-image:
    radial-gradient(2px 2px at 15% 20%, rgba(232,182,76,.55) 50%, transparent 100%),
    radial-gradient(1px 1px at 35% 45%, rgba(125,196,240,.7) 50%, transparent 100%),
    radial-gradient(2px 2px at 60% 25%, rgba(240,215,138,.45) 50%, transparent 100%),
    radial-gradient(1px 1px at 82% 55%, rgba(58,154,219,.6) 50%, transparent 100%),
    radial-gradient(1px 1px at 25% 75%, rgba(232,182,76,.4) 50%, transparent 100%),
    radial-gradient(2px 2px at 50% 85%, rgba(125,196,240,.5) 50%, transparent 100%),
    radial-gradient(1px 1px at 90% 15%, rgba(240,215,138,.5) 50%, transparent 100%),
    radial-gradient(1px 1px at 70% 90%, rgba(201,152,42,.5) 50%, transparent 100%);
  z-index: 2; pointer-events: none;
  animation: drift 22s ease-in-out infinite alternate;
}
@keyframes drift { 0% { transform: translate3d(0,0,0); opacity: .8; } 100% { transform: translate3d(-14px,-6px,0); opacity: 1; } }
.gk-hero-overlay { display: none; }

.gk-hero-inner {
  position: relative; z-index: 3;
  display: flex; align-items: center; justify-content: space-between;
  width: 100%; padding: 60px 16px; gap: 24px; flex-wrap: wrap;
}
.gk-hero-text { flex: 1 1 460px; min-width: 0; }
.gk-hero-label {
  display: inline-block;
  font-family: 'Cinzel', serif; font-size: 11px; font-weight: 600;
  letter-spacing: 4px; text-transform: uppercase;
  color: var(--c-gold-pale);
  padding: 6px 14px;
  border: 1px solid var(--c-border-gold-2);
  border-radius: 2px;
  background: rgba(6,17,31,.55);
  backdrop-filter: blur(2px);
  margin-bottom: 18px;
  text-shadow: 0 0 12px rgba(201,152,42,.5);
}
.gk-hero-title { display: none !important; }
.gk-hero-sub {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px; font-style: italic;
  color: var(--c-text);
  max-width: 520px; margin: 0 0 28px;
  line-height: 1.6; opacity: .95;
  text-shadow: 0 2px 8px rgba(0,0,0,.8);
}
.gk-hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }

.gk-countdown { text-align: center; flex: 0 0 auto; }
.gk-countdown-label {
  font-family: 'Cinzel', serif; font-size: 11px;
  letter-spacing: 3px; text-transform: uppercase;
  color: var(--c-gold-pale); margin-bottom: 14px;
  text-shadow: 0 0 10px rgba(201,152,42,.45);
}
.gk-countdown-boxes { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.gk-cd-box {
  position: relative;
  background: linear-gradient(180deg, rgba(23,50,79,.9), rgba(8,36,61,.9));
  border: 1px solid var(--c-border-gold-2);
  border-radius: var(--radius);
  width: 76px; padding: 14px 6px 10px;
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(232,182,76,.18), inset 0 0 20px rgba(58,154,219,.15), var(--shadow-blue);
}
.gk-cd-box::before {
  content: ""; position: absolute; top: -1px; left: -1px; right: -1px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--c-gold), transparent);
}
.gk-cd-box span {
  display: block;
  font-family: 'Cinzel', serif; font-size: 30px; font-weight: 700;
  color: var(--c-gold-pale); line-height: 1;
  text-shadow: 0 0 14px rgba(232,182,76,.5);
}
.gk-cd-box small {
  display: block;
  font-family: 'Cinzel', serif; font-size: 9px;
  letter-spacing: 2.5px; text-transform: uppercase;
  color: var(--c-text-dim); margin-top: 6px;
}

/* BUTTONS */
.gk-btn {
  position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  gap: 8px; padding: 11px 28px;
  border-radius: var(--radius-sm);
  font-family: 'Cinzel', serif; font-size: 12px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  cursor: pointer;
  transition: transform .2s, box-shadow .2s, background .3s, color .2s;
  border: none; text-decoration: none; overflow: hidden;
}
.gk-btn::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(232,182,76,.28) 50%, transparent 100%);
  transform: translateX(-100%); transition: transform .5s;
}
.gk-btn:hover::before { transform: translateX(100%); }
.gk-btn-red {
  background: var(--grad-blue-btn);
  color: var(--c-gold-pale);
  border: 1px solid var(--c-border-gold-2);
  box-shadow: var(--glow-blue), inset 0 1px 0 rgba(232,182,76,.18);
  text-shadow: 0 0 10px rgba(201,152,42,.35);
}
.gk-btn-red:hover {
  background: var(--grad-blue-btn-h);
  color: var(--c-white);
  box-shadow: 0 0 28px rgba(58,154,219,.5), inset 0 1px 0 rgba(232,182,76,.28);
  transform: translateY(-2px);
}
.gk-btn-outline {
  background: transparent;
  color: var(--c-text);
  border: 1px solid var(--c-border-gold);
}
.gk-btn-outline:hover {
  border-color: var(--c-gold);
  color: var(--c-gold-pale);
  background: rgba(30,95,143,.2);
  box-shadow: var(--glow-gold);
}
.gk-btn-full { width: 100%; }

/* LAYOUT */
#gk-main { padding: 28px 0 48px; position: relative; }
.gk-layout {
  display: grid;
  grid-template-columns: 210px 1fr 230px;
  gap: 20px; align-items: flex-start;
}

/* SIDEBAR NAV */
#gk-sidebar { position: sticky; top: 16px; }
.gk-logo-wrap { text-align: center; padding: 0 0 18px; margin-bottom: 16px; position: relative; }
.gk-logo-wrap::after {
  content: ""; position: absolute; bottom: 0; left: 10%; right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--c-gold), transparent);
  opacity: .55;
}
.gk-logo { max-width: 170px; height: auto; filter: drop-shadow(0 0 12px rgba(58,154,219,.4)); }
.gk-logo-text {
  font-family: 'Cinzel', serif; font-size: 24px; font-weight: 900;
  color: var(--c-gold-pale); letter-spacing: 2px;
  text-shadow: 0 0 20px rgba(58,154,219,.5), 0 0 8px rgba(232,182,76,.4);
}

.gk-nav { display: flex; flex-direction: column; gap: 6px; }
.gk-nav-group { position: relative; }
.gk-nav-header {
  display: flex; align-items: center; justify-content: space-between;
  background: var(--grad-blue-head);
  color: var(--c-gold-pale);
  padding: 10px 14px 10px 36px;
  border: 1px solid var(--c-border-gold);
  border-radius: var(--radius-sm);
  font-family: 'Cinzel', serif; font-size: 11px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  cursor: pointer; user-select: none; transition: all .25s;
  box-shadow: inset 0 1px 0 rgba(232,182,76,.14), 0 2px 8px rgba(0,0,0,.4);
  text-shadow: 0 0 8px rgba(201,152,42,.35);
  position: relative;
}
.gk-nav-header::before {
  content: ""; position: absolute; left: 10px; top: 50%;
  width: 18px; height: 18px; transform: translateY(-50%);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8b64c' stroke-width='1.4'><path d='M12 2 L20 5 L20 12 C20 17 16.5 20.5 12 22 C7.5 20.5 4 17 4 12 L4 5 Z'/><path d='M12 2 L12 22 M4 8 L20 8' opacity='.5'/></svg>");
  background-size: contain; background-repeat: no-repeat;
  opacity: .8; transition: opacity .2s, transform .3s;
}
.gk-nav-header:hover {
  background: linear-gradient(180deg, #205a88 0%, #123f66 100%);
  border-color: var(--c-border-gold-2);
  box-shadow: inset 0 1px 0 rgba(232,182,76,.22), var(--glow-blue);
}
.gk-nav-header:hover::before { opacity: 1; transform: translateY(-50%) rotate(-6deg); }

.gk-nav-arrow { font-size: 10px; color: var(--c-gold-pale); transition: transform .3s; opacity: .7; }
.gk-nav-group.open .gk-nav-arrow { transform: rotate(180deg); opacity: 1; }

.gk-nav-items {
  display: none; flex-direction: column;
  background: var(--c-panel);
  border: 1px solid var(--c-border); border-top: none;
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  overflow: hidden;
  box-shadow: inset 0 8px 12px -8px rgba(0,0,0,.6);
}
.gk-nav-group.open .gk-nav-items { display: flex; animation: navSlide .3s ease-out; }
@keyframes navSlide { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }

.gk-nav-item {
  display: flex; align-items: center; gap: 9px;
  padding: 8px 12px;
  font-family: 'Cinzel', serif; font-size: 11.5px; letter-spacing: .5px;
  color: var(--c-text-dim);
  border-bottom: 1px solid rgba(232,182,76,.05);
  transition: all .2s; position: relative;
}
.gk-nav-item:last-child { border-bottom: none; }
.gk-nav-item i { font-size: 10px; color: var(--c-blue-glow); opacity: .85; transition: transform .2s, color .2s; }
.gk-nav-item:hover {
  background: linear-gradient(90deg, rgba(30,95,143,.32) 0%, transparent 100%);
  color: var(--c-gold-pale);
  padding-left: 18px;
}
.gk-nav-item:hover i { color: var(--c-gold-bright); transform: translateX(2px); }
.gk-nav-item.active {
  color: var(--c-gold-pale);
  background: linear-gradient(90deg, rgba(58,154,219,.22) 0%, transparent 100%);
  border-left: 2px solid var(--c-gold);
  text-shadow: 0 0 8px rgba(201,152,42,.35);
}
.gk-nav-item.active i { color: var(--c-gold-bright); }

/* CENTER BOXES */
#gk-content { min-width: 0; }
.gk-box {
  position: relative;
  background: var(--grad-card);
  border: 1px solid var(--c-border-gold);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow), inset 0 1px 0 rgba(232,182,76,.06);
  margin-bottom: 20px;
}
.gk-box::before, .gk-box::after {
  content: ""; position: absolute; width: 22px; height: 22px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9982a' stroke-width='1.2' opacity='.65'><path d='M2 2 L10 2 M2 2 L2 10 M2 2 L8 8'/><circle cx='8' cy='8' r='1' fill='%23c9982a'/></svg>");
  background-size: contain; background-repeat: no-repeat;
  z-index: 3; pointer-events: none;
}
.gk-box::before { top: 4px; left: 4px; }
.gk-box::after { top: 4px; right: 4px; transform: scaleX(-1); }

.gk-box-head {
  position: relative;
  background: var(--grad-blue-head);
  padding: 12px 20px 12px 46px;
  font-family: 'Cinzel', serif; font-size: 13px; font-weight: 700;
  letter-spacing: 3px; text-transform: uppercase;
  color: var(--c-gold-pale);
  border-bottom: 1px solid var(--c-border-gold-2);
  box-shadow: inset 0 1px 0 rgba(232,182,76,.14);
  text-shadow: 0 0 12px rgba(201,152,42,.35);
}
.gk-box-head::before {
  content: ""; position: absolute; left: 16px; top: 50%;
  width: 22px; height: 22px; transform: translateY(-50%);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8b64c' stroke-width='1.4'><path d='M3 16 L5 8 L9 12 L12 6 L15 12 L19 8 L21 16 Z'/><path d='M3 16 L21 16 L21 19 L3 19 Z' fill='%23e8b64c' opacity='.15'/><circle cx='5' cy='8' r='1' fill='%23e8b64c'/><circle cx='12' cy='6' r='1' fill='%23e8b64c'/><circle cx='19' cy='8' r='1' fill='%23e8b64c'/></svg>");
  background-size: contain; background-repeat: no-repeat;
  filter: drop-shadow(0 0 6px rgba(232,182,76,.45));
}
.gk-box-head::after {
  content: ""; position: absolute; bottom: -1px; left: 8%; right: 8%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--c-gold), transparent);
}
.gk-box-body { padding: 22px 20px; line-height: 1.7; }

#tickerBox, .TickerBox {
  background: linear-gradient(180deg, rgba(30,95,143,.20), rgba(15,37,64,.6));
  border: 1px solid var(--c-border-gold);
  border-radius: var(--radius-sm);
  padding: 10px 16px; margin-bottom: 14px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 14px; font-style: italic;
  color: var(--c-text-dim);
}

table.Table1, table.Table2, table.Table3, table.TableContent { width: 100%; border-collapse: collapse; }
table.TableContent th,
table.TableContent td,
table.Table1 td, table.Table2 td, table.Table3 td {
  padding: 9px 12px;
  border-bottom: 1px solid rgba(201,152,42,.07);
  font-size: 13px; color: var(--c-text);
  vertical-align: middle;
}
table.TableContent tr:hover td,
table.Table1 tr:hover td, table.Table2 tr:hover td, table.Table3 tr:hover td { background: rgba(58,154,219,.09); }

.TableHead td, tr.TableHead td, td.TableHead, th {
  background: linear-gradient(180deg, rgba(30,95,143,.55), rgba(8,36,61,.55)) !important;
  color: var(--c-gold-pale) !important;
  font-family: 'Cinzel', serif;
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase;
  border-bottom: 1px solid var(--c-border-gold-2) !important;
  padding: 10px 12px !important;
  text-shadow: 0 0 8px rgba(201,152,42,.3);
}

.CaptionContainer { margin-bottom: 10px; }
.CaptionInnerContainer {
  position: relative;
  background: var(--grad-blue-head);
  border: 1px solid var(--c-border-gold);
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  padding: 9px 16px 9px 40px;
  box-shadow: inset 0 1px 0 rgba(232,182,76,.14);
}
.CaptionInnerContainer::before {
  content: ""; position: absolute; left: 14px; top: 50%;
  width: 18px; height: 18px; transform: translateY(-50%);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8b64c' stroke-width='1.4'><path d='M12 2 L20 5 L20 12 C20 17 16.5 20.5 12 22 C7.5 20.5 4 17 4 12 L4 5 Z'/></svg>");
  background-size: contain; background-repeat: no-repeat; opacity: .85;
}
.CaptionInnerContainer .Text {
  font-family: 'Cinzel', serif; font-size: 12px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  color: var(--c-gold-pale);
  text-shadow: 0 0 10px rgba(201,152,42,.35);
}
.CaptionEdgeLeftTop, .CaptionEdgeRightTop,
.CaptionEdgeLeftBottom, .CaptionEdgeRightBottom,
.CaptionBorderTop, .CaptionBorderBottom,
.CaptionVerticalLeft, .CaptionVerticalRight { display: none !important; }

.TableContainer {
  background: var(--c-card);
  border: 1px solid var(--c-border-gold);
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  overflow: hidden; margin-bottom: 16px;
  box-shadow: var(--shadow);
}
.InnerTableContainer, .TableContentContainer { padding: 0; }

.LabelV {
  white-space: nowrap;
  padding-right: 12px !important;
  color: var(--c-gold-pale) !important;
  font-family: 'Cinzel', serif; font-size: 11.5px; letter-spacing: 1px;
}

.moduleRow { cursor: default; }
.moduleRowOver { background: rgba(58,154,219,.11) !important; }

.NewsHeadlineText {
  font-family: 'Cinzel', serif; font-size: 15px; font-weight: 700;
  color: var(--c-gold-pale); letter-spacing: 1px;
  text-shadow: 0 0 10px rgba(201,152,42,.2);
}
.NewsHeadlineDate {
  font-family: 'Cormorant Garamond', serif; font-size: 12px;
  color: var(--c-text-muted); font-style: italic;
}

hr {
  border: none; height: 14px; margin: 18px 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 14' preserveAspectRatio='none'><line x1='10' y1='7' x2='130' y2='7' stroke='%23c9982a' stroke-width='.8' opacity='.55'/><line x1='170' y1='7' x2='290' y2='7' stroke='%23c9982a' stroke-width='.8' opacity='.55'/><path d='M150 2 L156 7 L150 12 L144 7 Z' fill='none' stroke='%23e8b64c' stroke-width='1'/><circle cx='150' cy='7' r='1.5' fill='%23e8b64c'/></svg>");
  background-repeat: no-repeat; background-position: center; background-size: 100% 100%;
}

/* WIDGETS */
#gk-widgets { display: flex; flex-direction: column; gap: 14px; position: static; }
.gk-widget {
  position: relative;
  background: var(--grad-card);
  border: 1px solid var(--c-border-gold);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow), inset 0 1px 0 rgba(232,182,76,.06);
}
.gk-widget::before, .gk-widget::after {
  content: ""; position: absolute; width: 16px; height: 16px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9982a' stroke-width='1.2' opacity='.6'><path d='M2 2 L8 2 M2 2 L2 8 M2 2 L6 6'/></svg>");
  background-size: contain; background-repeat: no-repeat;
  z-index: 3; pointer-events: none;
}
.gk-widget::before { top: 4px; left: 4px; }
.gk-widget::after { top: 4px; right: 4px; transform: scaleX(-1); }

.gk-widget-head {
  position: relative;
  background: var(--grad-blue-head);
  padding: 10px 16px 10px 36px;
  font-family: 'Cinzel', serif; font-size: 11.5px; font-weight: 700;
  letter-spacing: 2.5px; text-transform: uppercase;
  color: var(--c-gold-pale);
  border-bottom: 1px solid var(--c-border-gold-2);
  box-shadow: inset 0 1px 0 rgba(232,182,76,.14);
  text-shadow: 0 0 10px rgba(201,152,42,.3);
}
.gk-widget-head::before {
  content: ""; position: absolute; left: 14px; top: 50%;
  width: 14px; height: 14px; transform: translateY(-50%);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8b64c' stroke-width='1.5'><path d='M12 2 L20 5 L20 12 C20 17 16.5 20.5 12 22 C7.5 20.5 4 17 4 12 L4 5 Z'/></svg>");
  background-size: contain; background-repeat: no-repeat; opacity: .85;
}
.gk-widget-head::after {
  content: ""; position: absolute; bottom: -1px; left: 10%; right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--c-gold), transparent);
}
.gk-widget-body { padding: 14px; }

.gk-status-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 7px 0;
  border-bottom: 1px solid rgba(201,152,42,.06);
  font-family: 'Cinzel', serif; font-size: 11.5px; letter-spacing: .5px;
}
.gk-status-row:last-child { border-bottom: none; }
.gk-status-row span:first-child { color: var(--c-text-dim); text-transform: uppercase; letter-spacing: 1.5px; font-size: 10.5px; }
.gk-status-val { font-weight: 700; color: var(--c-text); }
.gk-status-val.green { color: var(--c-green); text-shadow: 0 0 8px rgba(75,195,138,.5); }
.gk-status-val.red { color: var(--c-red-danger); text-shadow: 0 0 8px rgba(192,72,88,.5); }
.gk-status-val.gold { color: var(--c-gold-pale); text-shadow: 0 0 10px rgba(232,182,76,.45); }

.gk-field { margin-bottom: 12px; }
.gk-field label {
  display: block;
  font-family: 'Cinzel', serif; font-size: 10px; font-weight: 600;
  letter-spacing: 1.5px; text-transform: uppercase;
  color: var(--c-gold-pale); margin-bottom: 6px; opacity: .85;
}
.gk-field input[type="text"],
.gk-field input[type="password"] {
  width: 100%;
  background: rgba(6,17,31,.7);
  border: 1px solid var(--c-border-2);
  border-radius: var(--radius-sm);
  color: var(--c-text);
  padding: 9px 11px; font-size: 13px;
  font-family: 'Inter', sans-serif; outline: none;
  transition: border-color .2s, box-shadow .2s;
}
.gk-field input:focus {
  border-color: var(--c-gold);
  box-shadow: 0 0 0 2px rgba(201,152,42,.15), inset 0 0 8px rgba(58,154,219,.15);
}
.gk-field-row { display: flex; align-items: center; gap: 6px; margin-bottom: 14px; font-size: 11px; color: var(--c-text-dim); }
.gk-field-row input[type="checkbox"] { accent-color: var(--c-blue-bright); }

.gk-widget-links {
  display: flex; justify-content: space-between;
  margin-top: 12px; padding-top: 12px;
  border-top: 1px solid var(--c-border);
}
.gk-widget-links a { font-family: 'Cinzel', serif; font-size: 10.5px; color: var(--c-text-dim); letter-spacing: .5px; }
.gk-widget-links a:hover { color: var(--c-gold-bright); text-shadow: 0 0 8px rgba(232,182,76,.4); }

.gk-hs-row { transition: background .2s; }
.gk-hs-row:hover { background: rgba(58,154,219,.13); }

.ThemeBox, .themebox, div[class*="rank"] {
  background: var(--grad-card) !important;
  border: 1px solid var(--c-border-gold) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
}
.ThemeBoxHeadline, .themeboxheadline, div[class*="rank_header"] {
  background: var(--grad-blue-head) !important;
  color: var(--c-gold-pale) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 11.5px !important; font-weight: 700 !important;
  letter-spacing: 2.5px !important; text-transform: uppercase !important;
  padding: 10px 16px !important;
  border: none !important;
  border-bottom: 1px solid var(--c-border-gold-2) !important;
  border-radius: 0 !important;
  height: auto !important;
  background-image: none !important;
  line-height: 1 !important;
  text-shadow: 0 0 10px rgba(201,152,42,.3);
}
.ThemeBoxContent, .themeboxcontent, div[class*="rank_content"] {
  padding: 12px 14px !important;
  background-image: none !important;
  background: transparent !important;
}
div[class*="rank_bottom"] { display: none !important; }
div[class*="rank_player"] { color: var(--c-text) !important; font-size: 12px !important; }

/* FORMS */
input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea, select {
  background: rgba(6,17,31,.7);
  border: 1px solid var(--c-border-2);
  border-radius: var(--radius-sm);
  color: var(--c-text);
  padding: 8px 11px; font-size: 13px;
  font-family: 'Inter', sans-serif; outline: none;
  transition: border-color .2s, box-shadow .2s;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--c-gold);
  box-shadow: 0 0 0 2px rgba(201,152,42,.15);
}
input[type="submit"], button[type="submit"] {
  background: var(--grad-blue-btn);
  border: 1px solid var(--c-border-gold-2);
  border-radius: var(--radius-sm);
  color: var(--c-gold-pale);
  padding: 10px 22px;
  font-family: 'Cinzel', serif; font-size: 11px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  cursor: pointer; transition: all .25s;
  box-shadow: inset 0 1px 0 rgba(232,182,76,.18);
  text-shadow: 0 0 8px rgba(201,152,42,.3);
}
input[type="submit"]:hover, button[type="submit"]:hover {
  background: var(--grad-blue-btn-h);
  color: var(--c-white);
  box-shadow: 0 0 20px rgba(58,154,219,.45), inset 0 1px 0 rgba(232,182,76,.28);
}

.MediumButtonBackground {
  background: var(--grad-blue-btn) !important;
  border: 1px solid var(--c-border-gold-2) !important;
  border-radius: var(--radius-sm) !important;
  background-image: none !important;
  display: inline-flex !important;
  align-items: center; justify-content: center;
  padding: 7px 16px; cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(232,182,76,.14);
  transition: all .2s;
}
.MediumButtonBackground:hover { background: var(--grad-blue-btn-h) !important; box-shadow: var(--glow-blue); }
.MediumButtonOver { display: none !important; }
.MediumButtonText { font-family: 'Cinzel', serif; font-size: 11px; color: var(--c-gold-pale); letter-spacing: 1.5px; }

/* FOOTER */
#gk-footer {
  position: relative;
  background: linear-gradient(180deg, #040c17 0%, #06111f 100%);
  border-top: 1px solid var(--c-border-gold);
  padding: 32px 0 24px; margin-top: 40px;
}
#gk-footer::before {
  content: ""; position: absolute; top: -1px; left: 20%; right: 20%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--c-gold), transparent);
  opacity: .45;
}
.gk-footer-inner { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.gk-footer-logo {
  font-family: 'Cinzel', serif; font-size: 20px; font-weight: 900;
  color: var(--c-gold-pale); letter-spacing: 5px; opacity: .8;
  text-shadow: 0 0 16px rgba(201,152,42,.35);
}
.gk-footer-logo::before, .gk-footer-logo::after {
  content: "◈"; color: var(--c-gold); opacity: .6; margin: 0 12px; font-size: 12px;
}
.gk-footer-links { display: flex; gap: 24px; flex-wrap: wrap; justify-content: center; }
.gk-footer-links a {
  font-family: 'Cinzel', serif; font-size: 11px;
  color: var(--c-text-muted); letter-spacing: 2px; text-transform: uppercase;
  transition: color .2s, text-shadow .2s;
}
.gk-footer-links a:hover { color: var(--c-gold-bright); text-shadow: 0 0 8px rgba(232,182,76,.4); }
.gk-footer-copy { font-family: 'Cormorant Garamond', serif; font-size: 12px; font-style: italic; color: var(--c-text-muted); }

/* MISC */
.red { color: var(--c-red-danger); }
.green { color: var(--c-green); }
.gold { color: var(--c-gold-pale); }
b, strong { color: var(--c-gold-pale); }

.scrollToTop {
  position: fixed; bottom: 24px; right: 24px;
  width: 44px; height: 44px;
  background: var(--grad-blue-btn) !important;
  border: 1px solid var(--c-border-gold-2);
  border-radius: 50%;
  display: none; z-index: 9999; cursor: pointer;
  box-shadow: var(--glow-blue); transition: all .25s;
}
.scrollToTop:hover { background: var(--grad-blue-btn-h) !important; transform: translateY(-3px); box-shadow: 0 0 24px rgba(58,154,219,.6); }

#HelperDivContainer {
  display: none; position: absolute; z-index: 2000; width: 260px;
  background: var(--grad-card);
  border: 1px solid var(--c-border-gold-2);
  border-radius: var(--radius);
  color: var(--c-text); font-size: 12px; padding: 14px;
  box-shadow: 0 8px 40px rgba(0,0,0,.9), var(--glow-blue);
}
.HelperDivArrow { display: none; }
#HelperDivHeadline {
  font-family: 'Cinzel', serif; font-weight: 700; font-size: 13px;
  color: var(--c-gold-pale); text-align: center;
  padding-bottom: 10px; border-bottom: 1px solid var(--c-border-gold);
  margin-bottom: 12px; letter-spacing: 1.5px;
  text-shadow: 0 0 8px rgba(201,152,42,.3);
}

.Corner-tl, .Corner-tr, .Corner-bl, .Corner-br,
.CornerWrapper-b, .Border_1, .TableShadow,
#MenuTop, #MenuBottom, #LoginTop, #LoginBottom,
#BorderLeft, #BorderRight, .Ornament,
.SmallBoxTop, .SmallBoxBottom { display: none !important; }

.BoxContent { background-image: none !important; background-color: transparent !important; }
div[style*="scroll.gif"] { background-image: none !important; background-color: transparent !important; }
table[style*="faf0d7"], .TableContent[style*="faf0d7"],
table[style*="border:1px solid #faf0d7"] { border: 1px solid var(--c-border-gold) !important; }
[style*="background-color: #F1E0C6"], [style*="background-color:#F1E0C6"],
[style*="background: #F1E0C6"], tr[bgcolor="#F1E0C6"] {
  background-color: var(--c-card) !important;
  background: var(--c-card) !important;
}
tr[bgcolor="#D4C0A1"], tr[bgcolor="#F1E0C6"] { color: var(--c-text) !important; }

::selection { background: rgba(58,154,219,.5); color: var(--c-gold-pale); }
::-moz-selection { background: rgba(58,154,219,.5); color: var(--c-gold-pale); }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--c-bg-2); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--c-blue), var(--c-blue-deep));
  border: 1px solid var(--c-border-gold);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, var(--c-blue-bright), var(--c-blue)); }

/* ══════════════════════════════════════════════════════════════
   FIX v2.1.2 — Páginas Create Account / Creation Forms (MyAAC)
   Remove wrappers listrados marrons e força a paleta azul
══════════════════════════════════════════════════════════════ */

/* Zera background listrado/pergaminho dentro do conteúdo */
#gk-content div[style*="background-image"],
#gk-content div[style*="background:url"],
#gk-content div[style*="background: url"],
#gk-content table[background],
#gk-content .PageBox,
#gk-content .BoxContent,
#gk-content .CreationTable,
#gk-content .CreationBox,
#gk-content .BigBoxContent,
#gk-content .SmallBoxContent,
#gk-content div[background] {
  background-image: none !important;
  background: transparent !important;
}

/* Wrappers específicos de create.php / lost.php */
#gk-content .CreateAccount,
#gk-content .LostAccount,
#gk-content .RulesText,
#gk-content .RowContent,
#gk-content .RowContentText {
  background: transparent !important;
  background-image: none !important;
  color: var(--c-text) !important;
}

/* Labels do formulário — "ACCOUNT NAME:", "PASSWORD:" etc */
#gk-content .LabelV,
#gk-content .Label,
#gk-content td.LabelV,
#gk-content td[class*="Label"],
#gk-content .FormFieldLabel,
#gk-content .RowContentText b,
#gk-content strong[style*="color"],
#gk-content font[color] {
  color: var(--c-gold-pale) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  text-shadow: 0 0 8px rgba(201,152,42,.3) !important;
  background: transparent !important;
}

/* Mensagens de instrução ("Please enter...") */
#gk-content .Description,
#gk-content .FormFieldError,
#gk-content .SmallLabel,
#gk-content div[style*="color:#5f2a10"],
#gk-content div[style*="color: #5f2a10"],
#gk-content div[style*="color:#5F2A10"],
#gk-content span[style*="color:#5f2a10"],
#gk-content span[style*="color: #5f2a10"] {
  color: var(--c-text-dim) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 13px !important;
  background: transparent !important;
}

/* Tables dentro do content — força fundo transparente */
#gk-content table,
#gk-content table td,
#gk-content table tr {
  background-color: transparent !important;
}
#gk-content table.TableContent,
#gk-content table.Table1,
#gk-content table.Table2,
#gk-content table.Table3 {
  background: var(--c-card) !important;
  border: 1px solid var(--c-border-gold) !important;
  border-radius: var(--radius-sm);
  border-collapse: separate !important;
  border-spacing: 0;
  overflow: hidden;
}

/* Cores hardcoded antigas do Tibia.com/Gesior */
#gk-content [bgcolor="#F1E0C6"],
#gk-content [bgcolor="#D4C0A1"],
#gk-content [bgcolor="#faf0d7"],
#gk-content [bgcolor="#5F2A10"],
#gk-content [bgcolor="#505050"],
#gk-content [style*="background-color:#F1E0C6"],
#gk-content [style*="background-color: #F1E0C6"],
#gk-content [style*="background:#F1E0C6"],
#gk-content [style*="background: #F1E0C6"],
#gk-content [style*="background-color:#faf0d7"],
#gk-content [style*="background: #faf0d7"] {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--c-text) !important;
}

/* Inputs da criação — herda o estilo global mas força pra garantir */
#gk-content input[type="text"],
#gk-content input[type="password"],
#gk-content input[type="email"],
#gk-content select {
  background: rgba(6,17,31,.85) !important;
  border: 1px solid var(--c-border-2) !important;
  color: var(--c-text) !important;
  padding: 8px 11px !important;
  border-radius: var(--radius-sm) !important;
  font-family: 'Inter', sans-serif !important;
  height: auto !important;
  min-height: 34px;
  box-shadow: none !important;
}
#gk-content input[type="text"]:focus,
#gk-content input[type="password"]:focus,
#gk-content input[type="email"]:focus,
#gk-content select:focus {
  border-color: var(--c-gold) !important;
  box-shadow: 0 0 0 2px rgba(201,152,42,.18), inset 0 0 8px rgba(58,154,219,.15) !important;
}

/* Ícones de erro do MyAAC (bolinha vermelha) */
#gk-content img[src*="cross.gif"],
#gk-content img[src*="error"] {
  filter: brightness(1.2) drop-shadow(0 0 4px rgba(192,72,88,.5));
}

/* Bandeirinha do país */
#gk-content img[src*="flag"] {
  border: 1px solid var(--c-border-gold);
  border-radius: 2px;
  vertical-align: middle;
}

/* CreationTable — a "caixa" do form em si */
#gk-content div.CreationTable,
#gk-content table.CreationTable {
  background: linear-gradient(180deg, rgba(23,50,79,.6), rgba(15,37,64,.7)) !important;
  border: 1px solid var(--c-border-gold) !important;
  border-radius: var(--radius) !important;
  padding: 20px !important;
  box-shadow: inset 0 1px 0 rgba(232,182,76,.08), 0 4px 16px rgba(0,0,0,.4);
}

/* Radio/Checkbox de "sex", "accept_rules" */
#gk-content input[type="radio"] {
  accent-color: var(--c-gold);
  margin-right: 4px;
}
#gk-content input[type="checkbox"] {
  accent-color: var(--c-blue-bright);
}

/* Termos/regras dentro do create */
#gk-content p,
#gk-content .RowContent {
  color: var(--c-text);
}
#gk-content a { color: var(--c-gold-bright); }
#gk-content a:hover { color: var(--c-gold-pale); }

/* ══════════════════════════════════════════════════════════════
   RESPONSIVIDADE
══════════════════════════════════════════════════════════════ */
@media (max-width: 1100px) {
  .gk-layout { grid-template-columns: 200px 1fr; gap: 16px; }
  #gk-widgets {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
  }
  #gk-hero { min-height: 460px; background-attachment: scroll; background-position: center 20%; }
  .gk-hero-inner { padding: 40px 16px; }
}

@media (max-width: 780px) {
  body { font-size: 13.5px; }
  .gk-container { padding: 0 12px; }

  #gk-topbar { height: auto; padding: 8px 0; }
  #gk-topbar .gk-container { flex-direction: column; gap: 8px; }
  .gk-topbar-left { justify-content: center; gap: 14px; }

  #gk-hero {
    min-height: 380px;
    background-attachment: scroll;
    background-position: center 15%;
  }
  .gk-hero-inner { flex-direction: column; align-items: flex-start; padding: 30px 12px; gap: 24px; }
  .gk-hero-label { font-size: 10px; letter-spacing: 3px; padding: 5px 10px; }
  .gk-hero-sub { font-size: 15px; }
  .gk-countdown { width: 100%; }
  .gk-countdown-boxes { justify-content: flex-start; }
  .gk-cd-box { width: 62px; padding: 10px 4px 8px; }
  .gk-cd-box span { font-size: 22px; }
  .gk-btn { padding: 10px 20px; font-size: 11px; }

  .gk-layout { display: flex; flex-direction: column; gap: 14px; }
  #gk-sidebar { position: static; }
  #gk-widgets { display: grid; grid-template-columns: 1fr; gap: 12px; }

  .gk-box-head { font-size: 12px; letter-spacing: 2px; padding: 11px 16px 11px 42px; }
  .gk-box-body { padding: 18px 14px; }
  .gk-widget-head { font-size: 11px; }

  .gk-nav-header { font-size: 10.5px; padding: 10px 12px 10px 34px; }
  .gk-nav-item { font-size: 11px; }

  #gk-footer { padding: 24px 0 20px; }
  .gk-footer-links { gap: 14px; }
  .gk-footer-links a { font-size: 10px; }

  .TableContainer, .InnerTableContainer { overflow-x: auto; }
  table.TableContent, table.Table1, table.Table2, table.Table3 { min-width: 480px; }
}

@media (max-width: 420px) {
  .gk-cd-box { width: 56px; }
  .gk-cd-box span { font-size: 20px; }
  .gk-hero-btns { width: 100%; }
  .gk-hero-btns .gk-btn { flex: 1; }
}