.tibia-tools-page{
  --tt-bg:#0e0b14;
  --tt-panel:#17121f;
  --tt-panel-soft:#211a2a;
  --tt-border:rgba(214,195,255,.14);
  --tt-text:#f7f4ff;
  --tt-soft:#bbb4c7;
  --tt-muted:#81788f;
  --tt-violet:#b79aff;
  --tt-violet-bright:#cfbdff;
  --tt-teal:#6fc7be;
  --tt-gold:#d9ad58;
  background:
    radial-gradient(circle at 7% 0%,rgba(183,154,255,.13),transparent 28rem),
    radial-gradient(circle at 96% 8%,rgba(111,199,190,.08),transparent 30rem),
    var(--tt-bg);
  color:var(--tt-text);
}
.tibia-tools-page .site-header{background:rgba(12,9,17,.86)}
.tt-hero{position:relative;overflow:hidden;padding:68px 0 94px;border-bottom:1px solid rgba(255,255,255,.05)}
.tt-hero::after{content:"";position:absolute;width:620px;height:620px;right:-260px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(183,154,255,.13),transparent 68%);pointer-events:none}
.tt-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:34px;color:var(--text-muted);font-size:.82rem}
.tt-breadcrumb a{color:var(--text-soft)}.tt-breadcrumb a:hover{color:var(--text)}
.tt-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(410px,.95fr);gap:64px;align-items:center}
.tt-product-row{display:flex;align-items:center;gap:17px;margin-bottom:25px}
.tt-mark{width:78px;height:78px;display:grid;place-items:center;border-radius:22px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.08) inset}
.tt-mark img{width:100%;height:100%;object-fit:cover}
.tt-product-row strong{display:block;font-size:1.35rem;letter-spacing:-.03em}.tt-product-row span{display:block;margin-top:2px;color:var(--tt-muted);font-size:.78rem}
.tt-kicker{margin:0 0 13px;color:var(--tt-violet-bright);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tt-hero h1{max-width:800px;margin-bottom:20px;font-size:clamp(3.4rem,6.5vw,6.4rem)}
.tt-lead{max-width:760px;margin:0;color:var(--tt-soft);font-size:clamp(1.05rem,1.5vw,1.2rem)}.tt-lead.small{font-size:1rem}
.tt-language-switch,.ti-language-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.tt-language-switch button,.ti-language-switch button{min-height:38px;padding:0 13px;border:1px solid var(--tt-border);border-radius:999px;background:rgba(255,255,255,.025);color:var(--tt-soft);cursor:pointer;font-size:.76rem;font-weight:700}
.tt-language-switch button.is-active,.ti-language-switch button.is-active{border-color:transparent;background:linear-gradient(110deg,var(--tt-violet-bright),var(--tt-violet));color:#17121f}
.tt-store-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.tt-store-button{min-width:205px;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--tt-border);border-radius:16px;background:rgba(255,255,255,.035);color:var(--tt-text)}
.tt-store-button.is-disabled{opacity:.72;cursor:default}
.tt-store-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.07);font-weight:850}
.tt-store-copy{display:grid;line-height:1.15}.tt-store-copy small{color:var(--tt-muted);font-size:.67rem}.tt-store-copy strong{margin-top:4px;font-size:.93rem}
.tt-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding:0;list-style:none}
.tt-hero-meta li{padding:7px 10px;border:1px solid var(--tt-border);border-radius:999px;color:var(--tt-muted);background:rgba(255,255,255,.02);font-size:.73rem;font-weight:650}
.tt-hero-visual{position:relative;min-height:670px;display:grid;place-items:center}
.tt-phone{position:relative;width:min(100%,300px);padding:8px;border:1px solid rgba(214,195,255,.14);border-radius:39px;background:#07060a;box-shadow:0 38px 95px rgba(0,0,0,.48)}
.tt-phone img{border-radius:32px}.tt-phone-main{transform:rotate(1.5deg);z-index:3}.tt-phone-side{position:absolute;width:225px;right:-12px;bottom:55px;transform:rotate(7deg);z-index:2;opacity:.95}
.tt-visual-note{position:absolute;left:-26px;bottom:64px;max-width:275px;padding:17px 18px;border:1px solid var(--tt-border);border-radius:18px;background:rgba(20,15,27,.91);backdrop-filter:blur(14px);box-shadow:0 24px 70px rgba(0,0,0,.32);z-index:4}
.tt-visual-note strong{display:block;margin-bottom:4px}.tt-visual-note span{color:var(--tt-soft);font-size:.84rem}
.tt-section{padding:104px 0}.tt-section.alt{background:linear-gradient(180deg,rgba(255,255,255,.016),rgba(183,154,255,.028),rgba(255,255,255,.016));border-block:1px solid rgba(255,255,255,.045)}
.tt-heading{max-width:850px;margin-bottom:42px}.tt-heading h2,.tt-feature h2,.tt-privacy-grid h2,.tt-sources h2,.tt-final h2{margin-bottom:14px;font-size:clamp(2.1rem,4.3vw,4.1rem)}.tt-heading p,.tt-feature p,.tt-sources p{margin:0;color:var(--tt-soft)}
.tt-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tt-summary-card{padding:22px;border:1px solid var(--tt-border);border-radius:22px;background:rgba(255,255,255,.025)}
.tt-summary-card span{display:block;margin-bottom:8px;color:var(--tt-violet-bright);font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.tt-summary-card strong{font-size:1rem}
.tt-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.82fr);gap:46px;align-items:center}
.tt-feature.reverse{grid-template-columns:minmax(310px,.82fr) minmax(0,1fr)}.tt-feature.reverse>.reveal:first-child{order:2}
.tt-feature-media{display:flex;justify-content:center;align-items:center;gap:16px}.tt-feature-media .tt-phone{width:265px}.tt-feature-media.dual .tt-phone{width:215px}
.tt-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tt-pills span{padding:7px 10px;border:1px solid var(--tt-border);border-radius:999px;color:var(--tt-muted);font-size:.73rem;font-weight:700}
.tt-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tt-data-card{padding:24px;border:1px solid var(--tt-border);border-radius:22px;background:rgba(255,255,255,.025)}.tt-data-card strong{display:block;margin-bottom:7px;color:var(--tt-violet-bright)}.tt-data-card span{color:var(--tt-muted);font-size:.84rem}
.tt-privacy-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:40px;align-items:center;padding:34px;border:1px solid var(--tt-border);border-radius:30px;background:radial-gradient(circle at 100% 0,rgba(111,199,190,.09),transparent 24rem),rgba(255,255,255,.023)}
.tt-privacy-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tt-privacy-fact{padding:17px;border:1px solid var(--tt-border);border-radius:17px;background:rgba(255,255,255,.025)}.tt-privacy-fact strong{display:block;margin-bottom:4px}.tt-privacy-fact span{color:var(--tt-muted);font-size:.82rem}
.tt-sources{padding:32px;border:1px solid var(--tt-border);border-radius:28px;background:linear-gradient(145deg,rgba(183,154,255,.05),rgba(255,255,255,.018))}
.tt-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tt-gallery figure{margin:0;padding:12px;border:1px solid var(--tt-border);border-radius:22px;background:rgba(255,255,255,.023)}.tt-gallery img{border-radius:16px}.tt-gallery figcaption{padding:11px 2px 2px;color:var(--tt-muted);font-size:.79rem}
.tt-final{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);gap:36px;align-items:center;padding:36px;border:1px solid var(--tt-border);border-radius:30px;background:radial-gradient(circle at 100% 0,rgba(183,154,255,.12),transparent 24rem),rgba(255,255,255,.025)}
.tt-final-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.tt-final-visual{display:flex;justify-content:center}.tt-final-visual .tt-phone{width:245px}
.tibia-tools-page [data-language-document][hidden]{display:none!important}
.tibia-tools-page .site-footer p{color:var(--text-muted)}
@media(max-width:1080px){
  .tt-hero-grid,.tt-feature,.tt-feature.reverse,.tt-privacy-grid,.tt-final{grid-template-columns:1fr}
  .tt-feature.reverse>.reveal:first-child{order:0}
  .tt-summary-grid,.tt-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tt-hero-visual{min-height:auto;padding-top:28px}.tt-phone-side{right:8%;bottom:30px}.tt-visual-note{left:8%;bottom:45px}
}
@media(max-width:760px){
  .tt-hero{padding:50px 0 78px}.tt-section{padding:82px 0}
  .tt-summary-grid,.tt-data-grid,.tt-privacy-facts,.tt-gallery{grid-template-columns:1fr}
  .tt-phone-side{position:static;width:230px;margin:-70px 0 0 42%;transform:rotate(5deg)}.tt-visual-note{position:static;margin:18px auto 0;max-width:360px}
  .tt-feature-media.dual{flex-direction:column}.tt-feature-media.dual .tt-phone{width:260px}
  .tt-store-button{width:100%}
}
@media(max-width:430px){
  .tt-privacy-grid,.tt-final{padding:22px}.tt-language-switch{display:grid;grid-template-columns:repeat(3,1fr)}.tt-language-switch button{padding-inline:8px}
}