.tibia-tools-info{
  --ti-bg:#0e0b14;
  --ti-panel:#17121f;
  --ti-panel-soft:#211a2a;
  --ti-border:rgba(214,195,255,.14);
  --ti-text:#f7f4ff;
  --ti-soft:#bbb4c7;
  --ti-muted:#81788f;
  --ti-violet:#b79aff;
  --ti-violet-bright:#cfbdff;
  --ti-teal:#6fc7be;
  background:var(--ti-bg);
  color:var(--ti-text);
}
.tibia-tools-info .site-header{background:rgba(12,9,17,.86)}
.ti-hero{padding:58px 0 54px;border-bottom:1px solid rgba(255,255,255,.05);background:
radial-gradient(circle at 8% 0%,rgba(183,154,255,.12),transparent 28rem),
radial-gradient(circle at 94% 8%,rgba(111,199,190,.06),transparent 29rem)}
.ti-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:30px;color:var(--ti-muted);font-size:.82rem}
.ti-breadcrumb a{color:var(--ti-soft)}.ti-breadcrumb a:hover{color:var(--ti-text)}
.ti-brand{display:flex;align-items:center;gap:15px;margin-bottom:26px}.ti-mark{width:66px;height:66px;border-radius:18px;overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.28)}.ti-mark img{width:100%;height:100%;object-fit:cover}
.ti-brand strong{display:block;font-size:1.04rem}.ti-brand span{display:block;margin-top:3px;color:var(--ti-muted);font-size:.76rem}
.ti-eyebrow{margin:0 0 11px;color:var(--ti-violet-bright);font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.ti-hero h1{max-width:920px;margin-bottom:18px;font-size:clamp(3rem,6vw,5.25rem)}.ti-lead{max-width:850px;margin:0;color:var(--ti-soft);font-size:1.02rem}
.ti-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.ti-meta span{padding:7px 10px;border:1px solid var(--ti-border);border-radius:999px;background:rgba(255,255,255,.025);color:var(--ti-muted);font-size:.72rem;font-weight:750}
.ti-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.ti-actions .button{border-color:var(--ti-border);background:rgba(255,255,255,.035);color:var(--ti-text)}
.ti-language-bar{position:sticky;top:var(--header-height);z-index:60;padding:14px 0;border-bottom:1px solid var(--ti-border);background:rgba(14,11,20,.94);backdrop-filter:blur(16px)}
.ti-language-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.ti-language-label{color:var(--ti-muted);font-size:.78rem;font-weight:800}.ti-language-switch{display:flex;gap:8px;flex-wrap:wrap}
.ti-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:54px;align-items:start;padding-top:70px;padding-bottom:105px}
.ti-doc{min-width:0}.ti-doc [data-language-document][hidden],.ti-sidebar [data-language-document][hidden]{display:none!important}
.ti-intro{margin-bottom:34px;padding-bottom:27px;border-bottom:1px solid var(--ti-border)}.ti-intro h2{margin-bottom:12px;font-size:clamp(2rem,3.8vw,3.2rem)}.ti-intro p{max-width:820px;margin:0;color:var(--ti-soft)}
.ti-section{padding:30px 0;border-top:1px solid var(--ti-border);scroll-margin-top:158px}.ti-section:first-of-type{border-top:0;padding-top:0}.ti-section h3{margin-bottom:14px;font-size:clamp(1.35rem,2.2vw,1.82rem)}
.ti-section p,.ti-section li{color:var(--ti-soft);font-size:.96rem}.ti-section p{margin:0 0 14px}.ti-section p:last-child{margin-bottom:0}.ti-section a{color:var(--ti-violet-bright);text-decoration:underline;text-decoration-color:rgba(207,189,255,.30);text-underline-offset:3px}
.ti-sidebar{position:sticky;top:calc(var(--header-height) + 86px);padding:22px;border:1px solid var(--ti-border);border-radius:22px;background:rgba(255,255,255,.025)}.ti-sidebar h2{margin-bottom:14px;font-size:1rem}.ti-sidebar nav{display:grid}.ti-sidebar nav a{padding:9px 0;border-top:1px solid var(--ti-border);color:var(--ti-muted);font-size:.76rem}.ti-sidebar nav a:first-child{border-top:0}.ti-sidebar nav a:hover{color:var(--ti-violet-bright)}
.ti-sidebar-footer{margin-top:18px;padding-top:18px;border-top:1px solid var(--ti-border)}.ti-sidebar-footer a{display:block;margin-top:8px;color:var(--ti-violet-bright);font-size:.78rem;font-weight:800}
.tibia-tools-info .site-footer p{color:var(--text-muted)}
@media(max-width:980px){.ti-shell{grid-template-columns:1fr;gap:28px}.ti-sidebar{position:static;order:-1}.ti-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}
@media(max-width:720px){.ti-hero{padding-top:46px}.ti-language-inner{align-items:flex-start;flex-direction:column;gap:10px}.ti-language-switch{width:100%}.ti-language-switch button{flex:1 1 0}.ti-shell{padding-top:52px;padding-bottom:82px}.ti-sidebar nav{grid-template-columns:1fr}.ti-actions .button{width:100%}}
@media(max-width:430px){.ti-language-switch{display:grid;grid-template-columns:1fr}}