/* shared.css v7 - Server 1606 field guide redesign */
:root{
  --bg:#11120f; --panel:#191914; --panel2:#252216;
  --accent:#d5532f; --accent2:#f0b75d;
  --blue:#5a9cb5; --green:#6d8c5b; --red:#cf4d42;
  --text:#eee2c8; --muted:#a89b80; --border:rgba(238,226,200,0.15);
  --border2:rgba(238,226,200,0.24);
  --glow:0 0 20px rgba(240,183,93,0.22);
  /* season colours */
  --s3-col:#d5bd55; --s3-bg:rgba(213,189,85,0.1);
  --s4-col:#7a8cc4; --s4-bg:rgba(122,140,196,0.1);
  --s5-col:#c86a37; --s5-bg:rgba(200,106,55,0.1);
  /* typography */
  --font-head:'DIN Condensed','Avenir Next Condensed','Arial Narrow',sans-serif;
  --font-body:'Avenir Next','Segoe UI',system-ui,sans-serif;
  --font-mono:'Menlo','SFMono-Regular','Courier New',monospace;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:clamp(15px,0.95vw,20px);}
body{
  background:
    linear-gradient(90deg, rgba(238,226,200,.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(238,226,200,.025) 1px, transparent 1px),
    radial-gradient(ellipse 80% 50% at 15% 0%,rgba(213,83,47,.12),transparent 55%),
    radial-gradient(ellipse 60% 40% at 85% 15%,rgba(90,156,181,.08),transparent 50%),
    var(--bg);
  background-size:28px 28px,28px 28px,auto,auto,auto;
  background-attachment:fixed;
  color:var(--text);
  font-family:var(--font-body);
  font-size:1rem;line-height:1.75;overflow-x:hidden;
  font-weight:400;
}

/* ── ENTRANCE ANIMATIONS ── */
@keyframes fadeInDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes fadeInUp  {from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none}}
@keyframes fadeIn    {from{opacity:0}                             to{opacity:1}}

main     {animation:fadeInUp   .6s .1s ease backwards;}

/* Logo */

/* Nav links */

@media(max-width:900px){body.nav-open{overflow:hidden;}
}

/* Lang dropdown */

/* Nav dropdown */

/* ── LAYOUT ── */
main{max-width:940px;margin:0 auto;padding:0 24px 80px;}
@media(max-width:640px){main{padding:0 16px 60px;}}

/* ── SECTION ── */
section{margin-bottom:52px;}
.section-header{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
.section-icon{
  width:44px;height:44px;border-radius:11px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:1.35rem;
}
.ic-gold  {background:rgba(232,200,50,.12);border:1px solid rgba(232,200,50,.35);}
.ic-orange{background:rgba(232,114,12,.15);border:1px solid rgba(232,114,12,.35);}
.ic-blue  {background:rgba(30,144,255,.12);border:1px solid rgba(30,144,255,.3);}
.ic-red   {background:rgba(255,51,51,.12);border:1px solid rgba(255,51,51,.28);}
.ic-purple{background:rgba(157,107,255,.12);border:1px solid rgba(157,107,255,.3);}
.ic-brown {background:rgba(180,100,30,.15);border:1px solid rgba(180,100,30,.35);}
h2{
  font-family:var(--font-head);font-size:clamp(1.1rem,2.5vw,1.42rem);
  font-weight:900;letter-spacing:0;text-transform:uppercase;
}

/* ── CARDS ── */
.card{
  background:var(--panel);border:1px solid var(--border);
  border-radius:0;padding:22px 26px;margin-bottom:16px;
  position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s;
  backdrop-filter:blur(6px);
}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);}
.card:hover{border-color:rgba(255,255,255,.12);box-shadow:0 4px 24px rgba(0,0,0,.3);}

/* ── NOTES ── */
.tip  {background:rgba(90,156,181,.08);border:1px solid rgba(90,156,181,.28);border-radius:0;padding:14px 18px;margin:14px 0;}
.tip > strong:first-child{color:#6ab8ff;font-size:.72rem;letter-spacing:2px;display:block;margin-bottom:3px;font-family:var(--font-head);font-weight:700;}
.warn {background:rgba(213,189,85,.08);border:1px solid rgba(213,189,85,.3);border-radius:0;padding:14px 18px;margin:14px 0;}
.warn > strong:first-child{color:var(--s3-col);font-size:.72rem;letter-spacing:2px;display:block;margin-bottom:3px;font-family:var(--font-head);font-weight:700;}
.danger{background:rgba(207,77,66,.08);border:1px solid rgba(207,77,66,.3);border-radius:0;padding:14px 18px;margin:14px 0;}
.danger > strong:first-child{color:#ff8888;font-size:.72rem;letter-spacing:2px;display:block;margin-bottom:3px;font-family:var(--font-head);font-weight:700;}
.tip span strong,.warn span strong,.danger span strong{display:inline;font-size:inherit;letter-spacing:normal;margin:0;font-family:inherit;}

/* ── LISTS ── */
.blist{list-style:none;padding:0;}
.blist li{padding:7px 0 7px 22px;position:relative;font-size:.92rem;border-bottom:1px solid rgba(255,255,255,.04);}
.blist li:last-child{border-bottom:none;}
.blist li::before{content:'→';position:absolute;left:0;color:var(--accent);font-size:.78rem;top:9px;}
ol.steps{list-style:none;padding:0;counter-reset:steps;}
ol.steps li{counter-increment:steps;padding:9px 10px 9px 42px;position:relative;font-size:.92rem;border-bottom:1px solid rgba(255,255,255,.04);}
ol.steps li:last-child{border-bottom:none;}
ol.steps li::before{
  content:counter(steps);position:absolute;left:4px;top:50%;transform:translateY(-50%);
  width:28px;height:28px;border-radius:50%;
  border:1.5px solid var(--accent);background:rgba(213,83,47,.1);
  display:flex;align-items:center;justify-content:center;
  font-size:.72rem;color:var(--accent);font-weight:700;font-family:var(--font-mono);
}

/* ── TABLE ── */
.dtable-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0;}
.dtable-wrap .dtable{margin:0;}
.dtable{width:100%;border-collapse:collapse;margin:10px 0;font-size:.9rem;}
.dtable th{
  background:#201d14;color:var(--s3-col);
  font-family:var(--font-head);font-size:.75rem;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;
  padding:10px 14px;text-align:left;border-bottom:1px solid rgba(232,200,50,.25);
}
.dtable td{padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.88rem;}
.dtable tr:hover td{background:rgba(255,255,255,.025);}
.hl{font-weight:700;}
.res-low{color:#ff8888;font-weight:600;}
.res-med{color:var(--accent2);font-weight:600;}
.res-high{color:#7fff50;font-weight:600;}

/* ── GRID HELPERS ── */
.two-col  {display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0;}
.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0;}
.four-col {display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0;}
@media(max-width:640px){.two-col,.three-col,.four-col{grid-template-columns:1fr;}}
.res-box{border-radius:9px;padding:14px 16px;}
.box-title{
  font-family:var(--font-head);font-size:.82rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:5px;
}
.sub-label{
  font-family:var(--font-head);font-size:.72rem;font-weight:600;
  letter-spacing:2px;color:var(--muted);text-transform:uppercase;
  margin-bottom:8px;display:block;
}

/* ── FOOTER ── */
footer{text-align:center;padding:36px 20px;border-top:1px solid var(--border);position:relative;z-index:1;}
footer p{color:var(--muted);font-size:.82rem;font-family:var(--font-body);}
footer a{color:var(--accent2);text-decoration:none;}
.footer-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;}
.server-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(213,83,47,.1);border:1px solid rgba(213,83,47,.28);
  color:var(--accent2);padding:4px 13px;border-radius:0;
  font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:1.2px;
  white-space:nowrap;
}
.visit-badge{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.04);border:1px solid var(--border);
  color:var(--muted);padding:4px 13px;border-radius:0;
  font-size:.68rem;letter-spacing:1px;white-space:nowrap;
  font-family:var(--font-mono);
}
.visit-badge .vc-num{
  color:var(--accent2);font-family:var(--font-mono);font-size:.78rem;font-weight:600;
  min-width:2ch;display:inline-block;
}
.visit-badge .vc-dot{
  width:5px;height:5px;border-radius:50%;background:var(--green);
  display:inline-block;animation:vcPulse 2s ease-in-out infinite;flex-shrink:0;
}
@keyframes vcPulse{0%,100%{opacity:.4;transform:scale(1);}50%{opacity:1;transform:scale(1.4);}}

/* ── LANGUAGE SWITCHING (EN / DE / FR) ── */
.lang-de,.lang-fr{display:none !important;}
[data-lang="de"] .lang-en{display:none !important;}
[data-lang="de"] .lang-fr{display:none !important;}
[data-lang="de"] .lang-de{display:revert !important;}
[data-lang="de"] span.lang-de{display:inline !important;}
[data-lang="de"] a.lang-de{display:inline !important;}
[data-lang="de"] p.lang-de{display:block !important;}
[data-lang="de"] div.lang-de{display:block !important;}
[data-lang="de"] li.lang-de{display:list-item !important;}
[data-lang="de"] ul.lang-de{display:block !important;}
[data-lang="de"] h1.lang-de,[data-lang="de"] h2.lang-de,[data-lang="de"] h3.lang-de{display:block !important;}
[data-lang="fr"] .lang-en{display:none !important;}
[data-lang="fr"] .lang-de{display:none !important;}
[data-lang="fr"] .lang-fr{display:revert !important;}
[data-lang="fr"] span.lang-fr{display:inline !important;}
[data-lang="fr"] a.lang-fr{display:inline !important;}
[data-lang="fr"] p.lang-fr{display:block !important;}
[data-lang="fr"] div.lang-fr{display:block !important;}
[data-lang="fr"] li.lang-fr{display:list-item !important;}
[data-lang="fr"] ul.lang-fr{display:block !important;}
[data-lang="fr"] h1.lang-fr,[data-lang="fr"] h2.lang-fr,[data-lang="fr"] h3.lang-fr{display:block !important;}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(232,114,12,.3);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:rgba(232,114,12,.5);}