/* =========================================
   RoomForNoobs – Ud af skallen, ind i spillet!
   Farverne er taget fra RFN-logoet.
   ========================================= */

:root {
  --purple: #8500f0;
  --purple-light: #b46bff;
  --orange: #f09a00;
  --orange-light: #ffbb3d;
  --bg: #0e0b16;
  --bg-alt: #151023;
  --card: #1c1630;
  --card-border: #2c2347;
  --text: #f4f1fa;
  --text-muted: #b9b1cc;
  --radius: 16px;
  --max-width: 1140px;
}

/* ===== Grundlæggende ===== */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px; /* så menuen ikke dækker overskrifterne */
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.6;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

h1, h2, h3 {
  font-family: "Chakra Petch", "Inter", sans-serif;
  line-height: 1.1;
  margin: 0 0 16px;
}

h2, h1.h2-stil {
  font-size: clamp(2rem, 4vw, 2.8rem);
}

h3 {
  font-size: 1.3rem;
}

p {
  margin: 0 0 16px;
}

a {
  color: inherit;
}

.container {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 24px;
}

.narrow {
  max-width: 760px;
}

.purple { color: var(--purple-light); }
.orange { color: var(--orange); }

/* Lille tekst over overskrifter */
.eyebrow {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.85rem;
  color: var(--orange);
  margin-bottom: 10px;
}

/* ===== Knapper ===== */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 26px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  transition: transform 0.15s, box-shadow 0.15s, background 0.15s;
}

.btn svg {
  width: 22px;
  height: 22px;
}

.btn:hover {
  transform: translateY(-2px);
}

.btn-discord {
  background: var(--purple);
  color: #fff;
  box-shadow: 0 8px 24px rgba(133, 0, 240, 0.35);
}

.btn-discord:hover {
  background: #9a1fff;
  box-shadow: 0 10px 30px rgba(133, 0, 240, 0.5);
}

.btn-ghost {
  border: 2px solid var(--orange);
  color: var(--orange);
}

.btn-ghost:hover {
  background: var(--orange);
  color: var(--bg);
}

.btn-light {
  background: #fff;
  color: var(--bg);
}

.btn-small {
  padding: 9px 18px;
  font-size: 0.95rem;
  box-shadow: none;
}

/* ===== Menu ===== */
.topbar {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(14, 11, 22, 0.85);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--card-border);
}

.topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
}

.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  text-decoration: none;
}

.menu {
  display: flex;
  align-items: center;
  gap: 28px;
}

.menu a {
  text-decoration: none;
  font-weight: 600;
  color: var(--text-muted);
  transition: color 0.15s;
}

.menu a:hover {
  color: var(--text);
}

.menu .btn-discord {
  color: #fff;
}

/* Burger-menu til mobil (skjult på computer) */
.menu-toggle {
  display: none;
}

.menu-button {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 10px;
}

.menu-button span {
  width: 26px;
  height: 3px;
  background: var(--text);
  border-radius: 2px;
}

/* ===== Hero (toppen) ===== */
.hero {
  position: relative;
  overflow: hidden;
  padding: 90px 0 110px;
}

/* Det skrå snit fra logoet: lilla foroven, orange forneden */
.hero-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(177deg,
      rgba(133, 0, 240, 0.28) 0%,
      rgba(133, 0, 240, 0.10) 86%,
      transparent 86.2%,
      transparent 86.6%,
      rgba(240, 154, 0, 0.18) 86.8%,
      rgba(240, 154, 0, 0.30) 100%);
}

.hero-bg::after {
  /* Den tynde hvide streg, ligesom i logoet */
  content: "";
  position: absolute;
  left: -10%;
  right: -10%;
  top: 86.4%;
  height: 3px;
  background: rgba(255, 255, 255, 0.55);
  transform: rotate(-3deg);
}

.hero-inner {
  position: relative;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  gap: 48px;
}

.hero h1 {
  font-size: clamp(3rem, 8vw, 5.5rem);
  text-transform: uppercase;
  margin-bottom: 8px;
}

.slogan {
  font-family: "Chakra Petch", sans-serif;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--orange);
  margin-bottom: 20px;
}

.lead {
  font-size: 1.15rem;
  color: var(--text-muted);
  max-width: 540px;
  margin-bottom: 32px;
}

.hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.hero-logo img {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  filter: drop-shadow(0 20px 50px rgba(133, 0, 240, 0.45));
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-14px) rotate(2deg); }
}

/* ===== Sektioner ===== */
.section {
  padding: 96px 0;
}

.section-alt {
  background: var(--bg-alt);
}

.section-lead {
  font-size: 1.15rem;
  color: var(--text-muted);
  max-width: 680px;
  margin-bottom: 48px;
}

.section-lead strong {
  color: var(--text);
}

/* ===== Kort ===== */
.cards {
  display: grid;
  gap: 24px;
}

.cards-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.card,
.server-card {
  background: var(--card);
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  padding: 28px;
  transition: transform 0.2s, border-color 0.2s;
}

.card:hover,
.server-card:hover {
  transform: translateY(-4px);
  border-color: var(--purple);
}

.card p,
.server-card p {
  color: var(--text-muted);
}

.card-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  margin-bottom: 20px;
}

.card-icon svg {
  width: 28px;
  height: 28px;
}

.purple-bg {
  background: rgba(133, 0, 240, 0.2);
  color: var(--purple-light);
}

.orange-bg {
  background: rgba(240, 154, 0, 0.18);
  color: var(--orange);
}

/* ===== Gameservere ===== */
.server-card {
  display: flex;
  flex-direction: column;
}

.server-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}

.server-top h3 {
  margin: 0;
}

.tag {
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
}

.tag-live {
  background: rgba(46, 204, 113, 0.18);
  color: #5ee59a;
}

.tag-soon {
  background: rgba(240, 154, 0, 0.18);
  color: var(--orange-light);
}

.tag-wish {
  background: rgba(133, 0, 240, 0.22);
  color: var(--purple-light);
}

.server-address {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid var(--card-border);
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  color: var(--text) !important;
  margin-bottom: 0;
}

.server-address span {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.server-card-wish {
  border-style: dashed;
}

.text-link {
  margin-top: auto;
  color: var(--purple-light);
  font-weight: 700;
  text-decoration: none;
}

.text-link:hover {
  text-decoration: underline;
}

/* ===== Rangsystem ===== */
.ranks {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  counter-reset: rank;
}

.ranks li {
  counter-increment: rank;
  position: relative;
  background: var(--card);
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  padding: 22px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ranks li::before {
  /* Nummeret i hjørnet */
  content: counter(rank);
  position: absolute;
  top: 14px;
  right: 16px;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  color: var(--card-border);
  font-size: 1.6rem;
}

.rank-emoji {
  font-size: 2rem;
}

.rank-name {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
}

.rank-req {
  color: var(--text-muted);
  font-size: 0.9rem;
}

.ranks .rank-top {
  background: linear-gradient(135deg, rgba(133, 0, 240, 0.35), rgba(240, 154, 0, 0.3));
  border-color: var(--orange);
}

/* ===== Regler ===== */
.rules {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.rules li {
  background: var(--card);
  border-left: 4px solid var(--purple);
  border-radius: 10px;
  padding: 16px 20px;
  color: var(--text-muted);
}

.rules li:nth-child(even) {
  border-left-color: var(--orange);
}

.rules strong {
  color: var(--text);
}

/* ===== Join ===== */
.join {
  position: relative;
  padding: 100px 0;
  text-align: center;
  background: linear-gradient(176deg, var(--purple) 0%, var(--purple) 86%, #fff 86%, #fff 87%, var(--orange) 87%, var(--orange) 100%);
  padding-bottom: 130px;
}

.join h2 {
  font-size: clamp(2.2rem, 5vw, 3.4rem);
  text-transform: uppercase;
}

.join p {
  font-size: 1.15rem;
  max-width: 560px;
  margin: 0 auto 32px;
  font-weight: 500;
}

.join .join-small {
  margin-top: 28px;
  margin-bottom: 0;
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--orange-light);
}

.join .btn-light {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* ===== Bund ===== */
.footer {
  padding: 40px 0;
  border-top: 1px solid var(--card-border);
}

.footer-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.footer-links {
  display: flex;
  gap: 24px;
}

.footer-links a {
  color: var(--text-muted);
  text-decoration: none;
}

.footer-links a:hover {
  color: var(--text);
}

.copyright {
  width: 100%;
  margin: 0;
  color: var(--text-muted);
  font-size: 0.9rem;
}

/* ===== Discord online ===== */
.discord-inner {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 48px;
  align-items: center;
}

.discord-widget {
  width: 100%;
  height: 480px;
  border-radius: var(--radius);
  border: 1px solid var(--card-border);
}

/* ===== Mobil og tablet ===== */
@media (max-width: 900px) {
  .hero {
    padding: 56px 0 170px;
  }

  .hero-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .hero-logo {
    order: -1;
  }

  .hero-logo img {
    max-width: 260px;
  }

  .lead {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-buttons {
    justify-content: center;
  }

  .cards-3 {
    grid-template-columns: 1fr;
  }

  .discord-inner {
    grid-template-columns: 1fr;
  }

  .ranks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* Burger-menu */
  .menu-button {
    display: flex;
  }

  .menu {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    flex-direction: column;
    gap: 0;
    background: var(--bg-alt);
    border-bottom: 1px solid var(--card-border);
    display: none;
  }

  .menu a {
    width: 100%;
    padding: 16px 24px;
    border-top: 1px solid var(--card-border);
  }

  .menu .btn-discord {
    border-radius: 0;
    justify-content: center;
  }

  .menu-toggle:checked ~ .menu {
    display: flex;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 16px;
  }

  .section {
    padding: 72px 0;
  }

  .ranks {
    grid-template-columns: 1fr;
  }
}

/* Respektér brugere, der har slået animationer fra */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hero-logo img { animation: none; }
  .btn, .card, .server-card { transition: none; }
}

/* =========================================
   DEMO-FEATURES (v2)
   ========================================= */

/* Knapper */
.btn-outline{background:transparent;color:var(--text);border:2px solid var(--purple-light)}
.btn-outline:hover{background:var(--purple);border-color:var(--purple)}
.btn-full{width:100%;justify-content:center}
.text-link{color:var(--orange-light);font-weight:600;text-decoration:none}
.text-link:hover{text-decoration:underline}
.text-link.muted{color:var(--text-muted);font-weight:400}

/* Hero-tal */
.hero-stats{display:flex;gap:32px;margin-top:32px;flex-wrap:wrap}
.hero-stats div{display:flex;flex-direction:column}
.hero-stats strong{font-family:"Chakra Petch",sans-serif;font-size:2rem;color:var(--orange-light);line-height:1}
.hero-stats span{font-size:.85rem;color:var(--text-muted)}

/* Sektion-hoved med demo-mærke */
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.demo-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:999px;
  background:rgba(240,154,0,.12);color:var(--orange-light);border:1px dashed var(--orange)}

/* Server-status */
.server-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.status{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;white-space:nowrap}
.status i{width:9px;height:9px;border-radius:50%;background:currentColor}
.status-online{color:#3ddc84}
.status-online i{box-shadow:0 0 0 0 rgba(61,220,132,.7);animation:puls 2s infinite}
.status-soon{color:var(--orange-light)}
.status-offline{color:#8a8199}
@keyframes puls{70%{box-shadow:0 0 0 8px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.players{margin:14px 0}
.players-text{font-size:.9rem;color:var(--text-muted);margin-bottom:6px}
.players-text strong{color:var(--text)}
.bar{height:8px;border-radius:999px;background:var(--card-border);overflow:hidden}
.bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--orange))}
.bar-big{height:14px;margin:8px 0}

/* Afstemning */
.votes{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}
.votes li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;
  background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:12px 16px}
.vote-name{font-weight:600}
.vote-count{font-family:"Chakra Petch",sans-serif;font-size:1.3rem;color:var(--orange-light);min-width:2ch;text-align:right}
.vote-btn{font:inherit;cursor:pointer;border:2px solid var(--purple-light);background:transparent;color:var(--text);
  padding:6px 14px;border-radius:999px;transition:.15s}
.vote-btn:hover{background:var(--purple)}
.vote-btn.voted{background:var(--purple);border-color:var(--purple)}

/* Nedtælling og events */
.countdown-card{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px;
  padding:28px;border-radius:var(--radius);background:linear-gradient(120deg,var(--purple) 0%,#5a00a8 60%,#3a1270 100%);
  box-shadow:0 10px 40px rgba(133,0,240,.3)}
.countdown-card h3{margin:0 0 6px}
.countdown-card p{margin:0;color:#e9dcff}
.countdown{display:flex;gap:10px}
.countdown div{background:rgba(0,0,0,.25);border-radius:12px;padding:10px 12px;min-width:64px;text-align:center}
.countdown strong{display:block;font-family:"Chakra Petch",sans-serif;font-size:1.9rem;line-height:1}
.countdown span{font-size:.75rem;color:#e9dcff}
.event-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}
.event-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;
  background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:14px 18px}
.event-list p{margin:4px 0 0;color:var(--text-muted);font-size:.92rem}
.event-date{display:flex;flex-direction:column;align-items:center;font-size:.75rem;font-weight:700;color:var(--orange-light);
  background:rgba(240,154,0,.1);border-radius:10px;padding:6px 12px;letter-spacing:.05em}
.event-date b{font-family:"Chakra Petch",sans-serif;font-size:1.5rem;color:var(--text);line-height:1}

/* Leaderboard og profil */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.panel{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:24px}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.panel-head h3{margin:0}
.leaderboard{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.leaderboard li{display:grid;grid-template-columns:28px 36px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--bg-alt)}
.lb-pos{font-family:"Chakra Petch",sans-serif;font-weight:700;color:var(--text-muted);text-align:center}
.lb-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--card-border)}
.lb-xp{font-size:.85rem;color:var(--text-muted)}
.lb-first{background:linear-gradient(90deg,rgba(240,154,0,.25),transparent)!important;border:1px solid rgba(240,154,0,.4)}
.lb-first .lb-pos{color:var(--orange-light)}
.profile{display:flex;align-items:center;gap:14px}
.profile p{margin:2px 0 0;color:var(--text-muted)}
.profile-avatar{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;
  background:linear-gradient(135deg,var(--purple),var(--orange))}
.profile-next{margin:20px 0 0}
.profile-small{font-size:.85rem;color:var(--text-muted);margin:0 0 18px}

/* Quiz */
.quiz{margin-top:24px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:28px}
.quiz h3{margin-top:0}
.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quiz-options button{font:inherit;text-align:left;cursor:pointer;color:var(--text);background:var(--bg-alt);
  border:2px solid var(--card-border);border-radius:12px;padding:14px 16px;transition:.15s}
.quiz-options button:hover{border-color:var(--orange);transform:translateY(-2px)}
.quiz-result{text-align:center}
.quiz-emoji{font-size:4rem;margin:0}
.quiz-result p{color:var(--text-muted);max-width:480px;margin:8px auto 20px}

/* Galleri (farvede felter som pladsholdere) */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.g-item{margin:0;border-radius:var(--radius);overflow:hidden;background:var(--card);border:1px solid var(--card-border)}
.g-wide{grid-column:span 2}
.g-thumb{aspect-ratio:16/10;display:grid;place-items:center;font-size:3rem}
.g-wide .g-thumb{aspect-ratio:auto;height:calc(100% - 40px);min-height:160px}
.g1{background:linear-gradient(135deg,#3a1270,#8500f0)}
.g2{background:linear-gradient(135deg,#7a4a00,#f09a00)}
.g3{background:linear-gradient(135deg,#1c3a5a,#3c8ad8)}
.g4{background:linear-gradient(135deg,#5a1c3a,#f0608a)}
.g5{background:linear-gradient(135deg,#8500f0,#f09a00)}
.g-item figcaption{padding:10px 14px;font-size:.88rem;color:var(--text-muted);height:40px;box-sizing:border-box}

/* Medlemskab */
.pricing{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;max-width:820px}
.price-card{position:relative;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column}
.price-card h3{margin:0}
.price{font-family:"Chakra Petch",sans-serif;font-size:2.2rem;margin:10px 0 14px}
.price small{font-size:.9rem;color:var(--text-muted)}
.price-card ul{padding-left:20px;margin:0 0 24px;color:var(--text-muted);flex:1}
.price-card li{margin:6px 0}
.price-star{border:2px solid var(--orange);box-shadow:0 10px 40px rgba(240,154,0,.2)}
.price-ribbon{position:absolute;top:-12px;right:20px;background:var(--orange);color:#1a1000;font-weight:700;font-size:.8rem;padding:4px 12px;border-radius:999px}

/* Guides og FAQ (fold-ud-bokse) */
.guide,.faq{background:var(--card);border:1px solid var(--card-border);border-radius:12px;margin-top:12px;overflow:hidden}
.guide summary,.faq summary{cursor:pointer;padding:16px 20px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center}
.guide summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:none}
.guide summary::after,.faq summary::after{content:"+";font-size:1.4rem;color:var(--orange-light);transition:.2s}
.guide[open] summary::after,.faq[open] summary::after{transform:rotate(45deg)}
.guide ol,.faq p{margin:0;padding:0 20px 18px 40px;color:var(--text-muted)}
.faq p{padding-left:20px}
.guide li{margin:6px 0}

/* Holdet */
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}
.member{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:28px;text-align:center}
.member h3{margin:14px 0 2px}
.member p{color:var(--text-muted);margin:6px 0 0}
.member-role{color:var(--orange-light)!important;font-weight:600;font-size:.9rem}
.member-avatar{width:84px;height:84px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font-size:2.4rem}
.m1{background:linear-gradient(135deg,#3a1270,#8500f0)}
.m2{background:linear-gradient(135deg,#7a4a00,#f09a00)}
.m3{background:var(--card-border)}
.member-open{border-style:dashed}

/* Egen Discord-widget */
.dw{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;width:100%;max-width:380px}
.dw-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--card-border)}
.dw-dot{width:10px;height:10px;border-radius:50%;background:#3ddc84;box-shadow:0 0 10px #3ddc84}
.dw-list{list-style:none;padding:0;margin:12px 0;display:grid;gap:4px;max-height:320px;overflow-y:auto}
.dw-list li{display:grid;grid-template-columns:32px 1fr 10px;grid-template-areas:"img name st" "img game st";align-items:center;column-gap:10px;padding:6px;border-radius:8px}
.dw-list li:hover{background:var(--bg-alt)}
.dw-list img{grid-area:img;width:32px;height:32px;border-radius:50%}
.dw-list span{grid-area:name;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dw-list small{grid-area:game;color:var(--text-muted);font-size:.75rem}
.dw-status{grid-area:st;width:10px;height:10px;border-radius:50%;background:#8a8199}
.dw-online{background:#3ddc84}.dw-idle{background:#f0b232}.dw-dnd{background:#f23f43}
.dw-voice{font-size:.85rem;color:var(--text-muted);padding-top:10px;border-top:1px solid var(--card-border)}

/* "Kommer snart"-besked */
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:100;background:var(--orange);color:#1a1000;
  font-weight:700;padding:12px 22px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.4);animation:op .25s ease}
.toast[hidden]{display:none}
@keyframes op{from{opacity:0;transform:translate(-50%,10px)}}

/* Mobil */
@media (max-width:900px){
  .two-col,.pricing,.team{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr 1fr}
  .quiz-options{grid-template-columns:1fr}
  .event-list li{grid-template-columns:auto 1fr}
  .event-list li .btn{grid-column:1/-1}
  .countdown div{min-width:54px}
  .hero-stats{gap:20px}
  .dw{max-width:none}
}
.menu{gap:20px}
.menu .btn-outline{color:var(--text)}
.section-lead + .votes, .demo-badge + .section-lead{margin-top:14px}
.dw-list:empty{display:none}
@media (max-width:900px){.event-list li .btn{justify-content:center}}

/* =========================================
   FLERE SIDER
   ========================================= */
/* Aktiv side i menuen */
.menu a[aria-current="page"]{color:var(--orange-light)}

/* Første sektion på undersider: lidt luft og en lilla glød i toppen */
.page-first{padding-top:110px;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(133,0,240,.28),transparent 70%),var(--bg)}
.page-first h2, .page-first h1.h2-stil{font-size:clamp(2.2rem,5vw,3.4rem)}

/* Genvejskort på forsiden */
.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}
.link-card{display:flex;flex-direction:column;text-decoration:none;color:var(--text)}
.link-card p{flex:1}
.link-emoji{font-size:2rem}
.link-card h3{margin:10px 0 4px}
.link-card:hover{border-color:var(--orange)}

@media (max-width:900px){
  .cards-4{grid-template-columns:1fr 1fr}
  .page-first{padding-top:72px}
}
@media (max-width:520px){.cards-4{grid-template-columns:1fr}}
/* Kontrolpanel-knap i menuen */
.btn-panel{background:var(--orange);color:#1a1000}
.btn-panel:hover{background:var(--orange-light)}
.menu .btn-panel{color:#1a1000}

/* Burger-menu allerede under 1200px, da menuen nu er bred */
@media (min-width:1201px){.menu{gap:16px}}
@media (max-width:1200px){
  .menu-button{display:flex}
  .menu{position:absolute;top:70px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg-alt);
    border-bottom:1px solid var(--card-border);display:none}
  .menu a{width:100%;padding:16px 24px;border-top:1px solid var(--card-border)}
  .menu .btn-discord,.menu .btn-panel{border-radius:0;justify-content:center}
  .menu .login-btn{margin:14px auto}
  .menu-toggle:checked ~ .menu{display:flex}
}
.menu a,.menu .btn{white-space:nowrap}
.brand{white-space:nowrap;flex-shrink:0}

/* =========================================
   STØTTE-NOOB OG HALL OF NOOBS
   ========================================= */
.pricing{grid-template-columns:repeat(3,1fr);max-width:none}
.btn-support{background:linear-gradient(90deg,var(--purple),#c13cff);color:#fff;border:none}
.btn-support:hover{filter:brightness(1.15)}
.ribbon-purple{background:var(--purple-light);color:#1a0033}
.price-support{border:2px solid var(--purple-light);box-shadow:0 10px 40px rgba(133,0,240,.25)}
.support-label{margin:0 0 8px;font-size:.9rem;color:var(--text-muted)}
.amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.amounts button{font:inherit;font-weight:600;cursor:pointer;color:var(--text);background:var(--bg-alt);
  border:2px solid var(--card-border);border-radius:10px;padding:8px 0;transition:.15s}
.amounts button:hover{border-color:var(--purple-light)}
.amounts button.selected{background:var(--purple);border-color:var(--purple)}
.custom-amount{display:flex;align-items:center;gap:8px;margin:12px 0 16px;font-size:.9rem;color:var(--text-muted)}
.custom-amount input{width:90px;font:inherit;color:var(--text);background:var(--bg-alt);border:2px solid var(--card-border);
  border-radius:10px;padding:6px 10px}
.custom-amount input:focus{outline:none;border-color:var(--purple-light)}
.check{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-muted);margin-bottom:14px;cursor:pointer}
.check input{accent-color:var(--purple);width:18px;height:18px}

.hall-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 20px}
.hall-stats div{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;text-align:center}
.hall-stats strong{display:block;font-family:"Chakra Petch",sans-serif;font-size:1.9rem;color:var(--orange-light)}
.hall-stats span{font-size:.85rem;color:var(--text-muted)}
.hall-legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.tier{font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:999px;border:1px solid}
.tier.tier-guld{color:#ffd76a;border-color:#ffd76a55;background:#ffd76a14}
.tier.tier-soelv{color:#d6dbe6;border-color:#d6dbe655;background:#d6dbe614}
.tier.tier-bronze{color:#e0a070;border-color:#e0a07055;background:#e0a07014}
.hall-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.hall-card{background:var(--card);border:2px solid var(--card-border);border-radius:var(--radius);padding:22px 16px;
  text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .15s}
.hall-card:hover{transform:translateY(-3px)}
.hall-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-family:"Chakra Petch",sans-serif;
  font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,var(--purple),var(--orange));margin-bottom:8px}
.hall-card strong{font-size:1.05rem}
.hall-tier{font-size:.8rem;font-weight:600}
.hall-amount{font-family:"Chakra Petch",sans-serif;font-size:1.4rem;margin-top:4px}
.hall-card small{color:var(--text-muted);font-size:.75rem}
.hall-card.tier-guld{border-color:#ffd76a;box-shadow:0 0 30px #ffd76a22}
.hall-card.tier-guld .hall-tier{color:#ffd76a}
.hall-card.tier-soelv{border-color:#d6dbe688}
.hall-card.tier-soelv .hall-tier{color:#d6dbe6}
.hall-card.tier-bronze .hall-tier{color:#e0a070}
.hall-cta{margin-top:40px;text-align:center;padding:36px 24px;border-radius:var(--radius);border:2px dashed var(--purple-light);background:rgba(133,0,240,.08)}
.hall-cta h3{margin:0 0 6px}
.hall-cta p{color:var(--text-muted);margin:0 0 18px}

@media (max-width:1100px){.pricing{grid-template-columns:1fr 1fr}}
@media (max-width:700px){
  .pricing{grid-template-columns:1fr}
  .hall-stats{grid-template-columns:1fr}
  .hall-list{grid-template-columns:1fr 1fr}
}
.topbar-inner{gap:32px}
@media (max-width:700px){
  .hall-stats{grid-template-columns:repeat(3,1fr);gap:8px}
  .hall-stats div{padding:12px 6px}
  .hall-stats strong{font-size:1.1rem;overflow-wrap:anywhere}
  .hall-stats span{font-size:.7rem}
}

/* Månedens helte (forsiden) */
.motm{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.motm-card{position:relative;overflow:hidden;border-radius:var(--radius);padding:28px;background:var(--card);border:2px solid var(--card-border);
  display:flex;flex-direction:column;gap:18px}
.motm-gold{border-color:#ffd76a;background:linear-gradient(135deg,rgba(255,215,106,.12),var(--card) 60%)}
.motm-purple{border-color:var(--purple-light);background:linear-gradient(135deg,rgba(133,0,240,.22),var(--card) 60%)}
.motm-label{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-light)}
.motm-row{display:flex;align-items:center;gap:18px}
.motm-row h3{margin:0;font-size:1.6rem}
.motm-row p{margin:4px 0 0;color:var(--text-muted)}
.motm-avatar{flex-shrink:0;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-family:"Chakra Petch",sans-serif;
  font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--purple),var(--orange));color:#fff}
.motm-gold .motm-avatar{box-shadow:0 0 0 4px var(--bg-alt),0 0 0 6px #ffd76a}
.motm-purple .motm-avatar{box-shadow:0 0 0 4px var(--bg-alt),0 0 0 6px var(--purple-light)}
@media (max-width:900px){.motm{grid-template-columns:1fr}}

/* 3-vejs slider: Anonym / Kun navn / Navn + beløb */
.privacy{position:relative;display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg-alt);
  border:2px solid var(--card-border);border-radius:999px;padding:4px;margin-bottom:6px}
.privacy input{position:absolute;opacity:0;pointer-events:none}
.privacy label{position:relative;z-index:1;text-align:center;font-size:.8rem;font-weight:600;padding:8px 4px;
  border-radius:999px;cursor:pointer;color:var(--text-muted);transition:color .2s;white-space:nowrap}
.privacy input:checked + label{color:#fff}
.privacy input:focus-visible + label{outline:2px solid var(--orange-light);outline-offset:2px}
.privacy::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:999px;
  background:var(--purple);transition:transform .25s ease;transform:translateX(200%)}
.privacy:has(#vis-anonym:checked)::before{transform:translateX(0)}
.privacy:has(#vis-navn:checked)::before{transform:translateX(100%)}
.privacy:has(#vis-alt:checked)::before{transform:translateX(200%)}
.privacy-help{font-size:.8rem;color:var(--text-muted);margin:0 0 16px;min-height:2.4em}
.hall-anon{border-style:dashed}
.hall-anon .hall-avatar{background:var(--card-border)}
.hall-anon .hall-tier{color:var(--purple-light)}
.hall-card.tier-hidden .hall-tier{color:var(--purple-light)}

/* Alle supportere er lige: én fælles stil */
.hall-card{border-color:rgba(180,107,255,.45);background:linear-gradient(160deg,rgba(133,0,240,.16),var(--card) 55%)}
.hall-card:hover{border-color:var(--purple-light);box-shadow:0 0 30px rgba(133,0,240,.3)}
.hall-card .hall-tier{color:var(--purple-light);background:rgba(133,0,240,.15);padding:2px 10px;border-radius:999px}
.hall-anon{border-style:dashed}

/* Faner i Hall of Noobs */
.hall-tabs{display:inline-flex;gap:6px;background:var(--bg-alt);border:2px solid var(--card-border);border-radius:999px;padding:5px;margin-top:24px}
.hall-tabs button{font:inherit;font-weight:700;cursor:pointer;border:none;border-radius:999px;padding:10px 22px;
  background:transparent;color:var(--text-muted);transition:.2s}
.hall-tabs button:hover{color:var(--text)}
.hall-tabs button[aria-selected="true"]{background:var(--purple);color:#fff;box-shadow:0 4px 18px rgba(133,0,240,.4)}
.hall-tabs button[data-tab="noob-guder"][aria-selected="true"]{background:var(--orange);color:#1a1000;box-shadow:0 4px 18px rgba(240,154,0,.35)}
.hall-panel[hidden]{display:none}
.panel-lead{color:var(--text-muted);max-width:720px;margin:22px 0 0}

/* Noob-Gud-kort i orange/guld */
.gud-card{border-color:rgba(240,154,0,.4);background:linear-gradient(160deg,rgba(240,154,0,.12),var(--card) 55%)}
.gud-card:hover{border-color:var(--orange);box-shadow:0 0 30px rgba(240,154,0,.25)}
.gud-card .hall-tier{color:var(--orange-light);background:rgba(240,154,0,.14)}
.gud-card .hall-amount{font-size:1.1rem}
.gud-current{border-color:#ffd76a;box-shadow:0 0 34px rgba(255,215,106,.25)}
.gud-current .hall-avatar{box-shadow:0 0 0 3px var(--card),0 0 0 5px #ffd76a}
.gud-cta{border-color:var(--orange);background:rgba(240,154,0,.07)}
.motm-note{font-size:.85rem;margin-top:6px!important}
@media (max-width:520px){.hall-tabs{display:flex}.hall-tabs button{flex:1;padding:10px 8px}}

/* Hall of Noobs: to halvdele side om side */
.hall-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px;align-items:start}
.hall-panel{border-radius:var(--radius);padding:26px;border:1px solid var(--card-border)}
.hall-sup{background:linear-gradient(180deg,rgba(133,0,240,.12),transparent 40%)}
.hall-gud{background:linear-gradient(180deg,rgba(240,154,0,.10),transparent 40%)}
.half-title{margin:0;font-size:1.6rem}
.hall-panel .panel-lead{margin-top:8px;font-size:.95rem}
.hall-panel .hall-stats{gap:10px;margin:20px 0 18px}
.hall-panel .hall-stats div{padding:14px 8px}
.hall-panel .hall-stats strong{font-size:1.2rem;overflow-wrap:anywhere}
.hall-panel .hall-stats span{font-size:.75rem}
.hall-panel .hall-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.hall-panel .hall-card{padding:18px 10px}
.hall-panel .hall-avatar{width:52px;height:52px;font-size:1.3rem}
.hall-panel .hall-amount{font-size:1.15rem}
.hall-panel .hall-cta{margin-top:24px;padding:24px 18px}
@media (max-width:1000px){.hall-split{grid-template-columns:1fr}}
@media (max-width:520px){.hall-panel{padding:18px}.hall-panel .hall-list{grid-template-columns:1fr 1fr}}
.hall-panel .hall-stats strong{font-size:1rem;overflow-wrap:break-word;word-break:normal;hyphens:none}

/* =========================================
   KAPLØBET (graf og stilling)
   ========================================= */
.race{margin-top:32px;border-radius:var(--radius);padding:26px;border:1px solid var(--card-border);
  background:linear-gradient(180deg,rgba(57,135,229,.08),transparent 35%)}
.race-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.race-chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.chip{background:var(--bg-alt);border:1px solid var(--card-border);border-radius:999px;padding:6px 14px;font-size:.85rem;color:var(--text-muted)}
.chip strong{color:var(--text)}
.race-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:16px;align-items:start}
.race-chart{margin:0;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:18px}
.race-chart figcaption{font-weight:600;margin-bottom:8px}
.race-legend{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.8rem;color:var(--text-muted)}
.race-legend li{display:flex;align-items:center;gap:6px}
.race-legend i,.rank-name-txt i,.race-tip i{display:inline-block;width:10px;height:10px;border-radius:50%}
.race-svg-wrap{position:relative}
.race-svg-wrap svg{width:100%;height:auto;display:block;touch-action:pan-y}
.race-svg-wrap .grid{stroke:var(--card-border);stroke-width:1}
.race-svg-wrap .axis{fill:var(--text-muted);font-size:11px;font-family:Inter,sans-serif}
.race-svg-wrap .future{fill:rgba(255,255,255,.025)}
.race-svg-wrap .today{stroke:var(--orange-light);stroke-width:1.5;stroke-dasharray:4 4}
.race-svg-wrap .today-label{fill:var(--orange-light)}
.race-svg-wrap .line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.race-svg-wrap .end-dot{stroke:var(--card);stroke-width:2}
.race-svg-wrap .end-label{fill:var(--text);font-size:11px;font-weight:600;font-family:Inter,sans-serif}
.race-svg-wrap .hover-line{stroke:var(--text-muted);stroke-width:1}
.race-tip{position:absolute;top:10px;min-width:170px;background:#0e0b16f0;border:1px solid var(--card-border);border-radius:10px;
  padding:10px 12px;font-size:.8rem;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.race-tip strong{display:block;margin-bottom:6px}
.race-tip div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:6px;color:var(--text-muted)}
.race-tip b{color:var(--text);font-weight:600}
.race-rank{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:18px}
.race-rank-title{font-weight:600;margin:0 0 12px}
.rank-bars{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.rank-top-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:6px;font-size:.9rem}
.rank-pos{color:var(--text-muted);font-weight:700}
.rank-name-txt{display:flex;align-items:center;gap:6px;font-weight:600;overflow:hidden;white-space:nowrap}
.rank-xp{font-size:.8rem;color:var(--text-muted)}
.rank-bar{height:8px;background:var(--bg-alt);border-radius:999px;margin:5px 0 3px 36px;overflow:hidden}
.rank-bar span{display:block;height:100%;border-radius:999px;background:var(--purple-light)}
.rank-leader .rank-bar span{background:var(--orange)}
.rank-bars small{display:block;margin-left:36px;font-size:.72rem;color:var(--text-muted)}
.race-table{margin-top:16px}
.race-table summary{cursor:pointer;color:var(--text-muted);font-size:.85rem}
.race-table table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.85rem}
.race-table th,.race-table td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--card-border)}
.race-table th{color:var(--text-muted);font-weight:600}
@media (max-width:1000px){.race-grid{grid-template-columns:1fr}}
@media (max-width:520px){.race{padding:16px}.race-chart,.race-rank{padding:12px}}

/* =========================================
   DRAGRACE-BANE (set oppefra)
   ========================================= */
.track{margin-top:18px}
.track-road{position:relative;border-radius:14px;overflow:hidden;padding:6px 0;
  background:
    repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(255,255,255,.035) calc(10% - 1px) 10%),
    linear-gradient(180deg,#24232b,#1b1a21);
  border:3px solid #2e2b3a;box-shadow:inset 0 0 40px rgba(0,0,0,.5)}
/* Ternet start- og målstreg */
.track-road::before,.track-road::after{content:"";position:absolute;top:0;bottom:0;width:14px;z-index:1;
  background:conic-gradient(#fff 25%,#111 0 50%,#fff 0 75%,#111 0) 0 0/14px 14px;opacity:.85}
.track-road::before{left:38px}
.track-road::after{right:0}
/* I dag-streg */
.track-today{position:absolute;top:0;bottom:0;z-index:1;left:calc(52px + (100% - 66px - 52px) * var(--today) / 100);
  border-left:2px dashed var(--orange-light);font-size:.7rem;font-weight:700;color:var(--orange-light);padding:2px 6px;white-space:nowrap}
.lane{position:relative;height:58px;display:flex;align-items:center;border-bottom:2px dashed rgba(255,255,255,.18)}
.lane:last-of-type{border-bottom:none}
.lane-no{position:absolute;left:0;width:38px;text-align:center;font-family:"Chakra Petch",sans-serif;font-weight:700;font-size:1.1rem;color:#8a8199;z-index:2}
.lane-leader .lane-no{color:var(--orange-light)}
/* Selve kørebanen går fra efter startstregen (52px) til før målet (66px) */
.trail,.racer{--x:calc(52px + (100% - 66px - 52px) * var(--pos) / 100)}
.trail{position:absolute;left:52px;top:50%;height:10px;transform:translateY(-50%);border-radius:999px;
  width:0;background:linear-gradient(90deg,transparent,rgba(180,107,255,.55));
  transition:width 1.6s cubic-bezier(.2,.8,.2,1)}
.lane-leader .trail{background:linear-gradient(90deg,transparent,rgba(240,154,0,.7))}
.racer{--r:20px;position:absolute;left:52px;top:50%;transform:translate(calc(-1 * var(--r)),-50%);display:flex;align-items:center;gap:8px;z-index:3;
  transition:left 1.6s cubic-bezier(.2,.8,.2,1)}
.track.go .trail{width:calc(var(--x) - 52px)}
.track.go .racer{left:var(--x)}
.bubble{position:relative;flex-shrink:0;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  font-family:"Chakra Petch",sans-serif;font-weight:700;font-size:1.05rem;color:#fff;
  background:hsl(var(--hue,270) 65% 45%);border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.5)}
.bubble img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.lane-leader .bubble{border-color:#ffd76a;box-shadow:0 0 0 3px rgba(255,215,106,.3),0 0 18px rgba(255,215,106,.5)}
.crown{position:absolute;top:-15px;left:50%;transform:translateX(-50%) rotate(-12deg);font-size:.95rem}
.racer-label{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap;
  background:rgba(14,11,22,.8);padding:3px 8px;border-radius:8px}
.racer-label strong{font-size:.82rem}
.racer-label span{font-size:.7rem;color:var(--text-muted)}
/* Når en racer er tæt på målet, står navnet på venstre side */
.racer.label-left{flex-direction:row-reverse;transform:translate(calc(-100% + var(--r)),-50%)}
.track-ends{display:flex;justify-content:space-between;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-top:6px;padding:0 4px 0 30px}
@media (prefers-reduced-motion:reduce){.trail,.racer{transition:none}}
@media (max-width:600px){
  .lane{height:52px}
  .bubble{width:32px;height:32px;font-size:.85rem;border-width:2px}
  .racer{--r:16px}
  .racer-label{padding:2px 6px}
  .racer-label strong{font-size:.72rem}
  .racer-label span{font-size:.62rem}
  .lane-no{width:30px;font-size:.9rem}
  .track-road::before{left:30px}
}

/* Forsiden: top 5 under rangsystemet */
.race-mini{margin-top:32px;border-radius:var(--radius);padding:26px;border:1px solid var(--card-border);background:var(--card)}
.race-mini h3{margin:0}
.race-mini .text-link{display:inline-block;margin-top:14px}
.track-today{display:flex;align-items:flex-end;padding-bottom:3px}

/* Præmie ved kapløbet */
.prize{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:16px 18px;border-radius:14px;
  border:2px solid var(--orange);background:linear-gradient(120deg,rgba(240,154,0,.16),rgba(133,0,240,.10))}
.prize-icon{font-size:2rem;line-height:1}
.prize strong{font-size:1.05rem}
.prize p{margin:4px 0 0;font-size:.88rem;color:var(--text-muted)}
.prize-mini{display:inline-block;margin:14px 0 0;padding:6px 14px;border-radius:999px;font-size:.88rem;
  border:1px solid var(--orange);background:rgba(240,154,0,.12);color:var(--text-muted)}
.prize-mini strong{color:var(--orange-light)}

/* Game night-afstemning */
.gn-vote{margin-top:24px;border-radius:var(--radius);padding:24px;border:1px solid var(--card-border);background:var(--card)}
.gn-vote h3{margin:0}
.gn-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.gn-list button{width:100%;display:grid;grid-template-columns:minmax(150px,1.2fr) 2fr auto;align-items:center;gap:14px;
  font:inherit;color:var(--text);text-align:left;cursor:pointer;background:var(--bg-alt);border:2px solid var(--card-border);
  border-radius:12px;padding:12px 16px;transition:.15s}
.gn-list button:hover{border-color:var(--purple-light)}
.gn-name{font-weight:600}
.gn-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.gn-bar span{display:block;height:100%;width:0;border-radius:999px;background:var(--purple-light);transition:width .4s ease}
.gn-top .gn-bar span{background:var(--orange)}
.gn-count{font-size:.85rem;color:var(--text-muted);min-width:70px;text-align:right}
.gn-mine button{border-color:var(--purple);background:rgba(133,0,240,.15)}
.gn-mine .gn-name::after{content:" ✔";color:var(--purple-light)}
.gn-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:.82rem;color:var(--text-muted)}
.gn-synced{color:#7f8cff}
@media (max-width:600px){
  .gn-list button{grid-template-columns:1fr auto;grid-template-areas:"name count" "bar bar";row-gap:8px}
  .gn-name{grid-area:name}.gn-count{grid-area:count}.gn-bar{grid-area:bar}
}

/* ===== Maskot: Sir Noobalot ===== */
.mascot {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: 48px;
  padding: 32px 40px;
  background: var(--card);
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
}
.mascot img {
  width: 220px;
  flex-shrink: 0;
  filter: drop-shadow(0 12px 30px rgba(133, 0, 240, 0.4));
}
.mascot h3 {
  font-size: 2rem;
  margin: 0 0 8px;
}
.mascot p { color: var(--text-muted); margin: 0 0 12px; }
.mascot .eyebrow { margin-bottom: 4px; }
.mascot-slogan {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-size: 1.3rem;
  color: var(--orange) !important;
}
@media (max-width: 720px) {
  .mascot { flex-direction: column; text-align: center; padding: 28px 20px; gap: 16px; }
  .mascot img { width: 180px; }
}

/* ===== Min side (konto.js) ===== */
.menu-avatar{width:22px;height:22px;border-radius:50%;margin-right:6px;vertical-align:middle}
.login-btn{display:inline-flex;align-items:center}
.min-side{min-height:70vh}
.login-boks{max-width:560px;margin:0 auto;text-align:center;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:40px 28px}
.login-maskot{display:block;margin:0 auto 8px;width:120px;height:auto}
.login-boks .section-lead{margin-left:auto;margin-right:auto}
.btn-stor{font-size:1.1rem;padding:16px 28px;margin-top:12px}
.login-lille{font-size:.85rem;color:var(--text-muted);margin-top:16px}
.login-fejl{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.45);color:#ffb4b4;border-radius:12px;padding:12px 16px}
.hej{display:flex;align-items:center;gap:16px}
.hej img{border-radius:50%;border:3px solid var(--purple-light)}
.min-overskrift{margin:36px 0 16px;font-family:"Chakra Petch",sans-serif}
.min-servere{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}
.indlaeser{color:var(--text-muted)}
.min-server{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:16px}
.min-server h3{margin:0;font-family:"Chakra Petch",sans-serif;font-size:1.35rem}
.min-server-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.min-spil{margin:2px 0 0;color:var(--text-muted);font-size:.9rem}
.min-adresse{display:flex;align-items:center;gap:10px;background:var(--bg-alt);border-radius:12px;padding:10px 12px;flex-wrap:wrap}
.min-adresse span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}
.min-adresse code{flex:1;font-size:1rem;color:var(--orange-light);word-break:break-all}
.min-knapper{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.min-knapper .btn{justify-content:center;padding-left:8px;padding-right:8px}
.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.btn-groen{background:#1f9d55;color:#fff}.btn-groen:hover:not(:disabled){background:#22b863}
.btn-roed{background:#b4232c;color:#fff}.btn-roed:hover:not(:disabled){background:#d22f39}
.min-maalere{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:.8rem;color:var(--text-muted)}
.min-maalere .bar{margin:4px 0}
.min-backup{background:var(--bg-alt);border-radius:12px;padding:10px 14px}
.min-backup summary{cursor:pointer;font-weight:600}
.min-backup ul{padding-left:18px;margin:10px 0;font-size:.9rem;color:var(--text-muted)}
.min-hint{font-size:.8rem;color:var(--text-muted);margin:8px 0 0}
.min-bund{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:.85rem;color:var(--text-muted)}
.min-besked{margin:0;padding:10px 14px;border-radius:12px;background:rgba(61,220,132,.12);color:#9ff0c2;font-size:.9rem}
.min-besked.fejl{background:rgba(239,68,68,.12);color:#ffb4b4}
.tom-boks{background:var(--card);border:1px dashed var(--card-border);border-radius:var(--radius);padding:28px;text-align:center;max-width:620px}
@media (max-width:520px){.min-servere{grid-template-columns:1fr}.min-maalere{grid-template-columns:1fr}}
.min-adresse{display:grid;grid-template-columns:1fr auto;gap:4px 10px}
.min-adresse span{grid-column:1/-1}
.min-adresse code{font-size:1.05rem;word-break:normal;overflow-wrap:anywhere;align-self:center}
.min-knapper .btn{white-space:nowrap;font-size:.95rem}
.login-btn{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== Opret server + mods ===== */
.min-overskrift-rad{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:36px 0 16px}
.min-overskrift-rad .min-overskrift{margin:0}
.trinbar{display:flex;gap:8px;list-style:none;padding:0;margin:24px 0 28px;flex-wrap:wrap;counter-reset:t}
.trinbar li{counter-increment:t;flex:1;min-width:120px;padding:10px 14px;border-radius:12px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font-weight:600;font-size:.9rem}
.trinbar li::before{content:counter(t) ". "}
.trinbar li.aktiv{border-color:var(--purple-light);color:var(--text);background:rgba(133,0,240,.18)}
.trinbar li.faerdig{color:var(--orange-light)}
.trin h3{font-family:"Chakra Petch",sans-serif;font-size:1.4rem;margin:0 0 14px}
.valg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:20px}
.valg-grid-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.valg-grid-4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.valg-kort{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:var(--radius);background:var(--card);border:2px solid var(--card-border);transition:border-color .15s,transform .15s}
.valg-kort:hover:not(:disabled){border-color:var(--purple-light);transform:translateY(-2px)}
.valg-kort b{font-size:1.1rem;color:var(--text)}
.valg-kort span{font-size:.9rem;color:var(--text-muted);line-height:1.4}
.valg-kort em{font-style:normal;font-size:.75rem;color:var(--orange-light);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.valg-kort.valgt{border-color:var(--orange);background:rgba(240,154,0,.10)}
.valg-kort.snart{opacity:.5;cursor:not-allowed}
.felt{background:var(--bg-alt);border:1px solid var(--card-border);color:var(--text);border-radius:12px;padding:12px 14px;font:inherit;width:100%;max-width:520px}
.felt:focus{outline:2px solid var(--purple-light);outline-offset:1px}
.felt-lille{padding:8px 10px;width:auto;max-width:100%}
.felt-label{display:block;font-weight:600;margin:0 0 10px}
.felt-label .felt{margin-top:6px}
.hint{color:var(--text-muted);font-size:.9rem;margin:0 0 12px}
.knaprad{display:flex;gap:12px;align-items:center;margin-top:20px;flex-wrap:wrap}
.soegelinje{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.soegelinje .felt{flex:1;min-width:180px}
.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin:12px 0 20px}
.pack-kort{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:14px;background:var(--card);border:2px solid var(--card-border)}
.pack-kort:hover{border-color:var(--purple-light)}
.pack-kort.valgt{border-color:var(--orange);background:rgba(240,154,0,.10)}
.pack-kort img{border-radius:12px;flex:none;object-fit:cover;background:var(--bg-alt)}
.pack-kort b{display:block;color:var(--text)}
.pack-kort p{margin:4px 0;font-size:.85rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pack-kort small{font-size:.75rem;color:var(--orange-light)}
.pack-valgt{position:sticky;bottom:12px;display:flex;gap:14px;align-items:center;padding:14px 18px;border-radius:16px;background:#241b3d;border:2px solid var(--orange);box-shadow:0 10px 30px rgba(0,0,0,.5);margin-bottom:16px;flex-wrap:wrap}
.pack-valgt img{border-radius:12px}
.pack-valgt div{flex:1;min-width:200px}
.eula{display:flex;gap:10px;align-items:center;margin:8px 0 14px;font-weight:600}
.eula input{width:20px;height:20px;accent-color:var(--orange)}
.eula a{color:var(--orange-light)}
.opsummering{color:var(--text-muted);font-size:.95rem;padding:10px 14px;background:var(--bg-alt);border-radius:12px;max-width:620px}
.faerdig{text-align:center;max-width:620px;margin:0 auto;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:36px}
.faerdig img{width:110px;height:auto}
.min-adresse-stor code{color:var(--orange-light);font-size:1.15rem}
.min-mods,.min-slet{background:var(--bg-alt);border-radius:12px;padding:10px 14px}
.min-mods summary,.min-slet summary{cursor:pointer;font-weight:600}
.min-slet summary{color:#ff9b9b;font-size:.9rem}
.min-slet p{font-size:.85rem;color:var(--text-muted)}
.mods-installeret{list-style:none;padding:0;margin:10px 0;max-height:220px;overflow:auto}
.mods-installeret li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--card-border);font-size:.85rem;word-break:break-all}
.mods-resultater{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto}
.mod-raekke{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px;background:var(--card)}
.mod-raekke img{border-radius:8px;flex:none}
.mod-raekke div{flex:1;min-width:0}
.mod-raekke b{display:block;font-size:.9rem}
.mod-raekke small{display:block;font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.felt-label .felt{display:block}
.min-servere{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}
@media (max-width:520px){.min-servere{grid-template-columns:1fr}}
.min-indst{background:var(--bg-alt);border-radius:12px;padding:10px 14px}
.min-indst summary{cursor:pointer;font-weight:600}
.indst-form{display:grid;gap:10px;margin-top:10px}
.indst-felt{display:grid;gap:4px;font-size:.85rem;font-weight:600;color:var(--text-muted)}
.indst-felt .felt{max-width:100%;padding:9px 12px;font-weight:400}
.indst-tf{display:flex;gap:8px;align-items:center;font-size:.9rem}
.indst-tf input{width:18px;height:18px;accent-color:var(--orange)}
.indst-form .btn{justify-self:start}
.indst-wl{margin-top:16px;padding-top:12px;border-top:1px solid var(--card-border)}
/* Statuslinje (opretter → online) */
.statuslinje{background:var(--bg-alt);border:1px solid var(--card-border);border-radius:12px;padding:12px 14px}
.faser{display:flex;justify-content:space-between;list-style:none;padding:0;margin:0 0 8px;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}
.faser li.ok{color:#3ddc84}
.faser li.ok::before{content:"✓ "}
.faser li.aktiv{color:var(--orange-light)}
.fremskridt{height:10px;border-radius:999px;background:var(--card-border);overflow:hidden}
.fremskridt span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--orange));transition:width .8s ease}
.fremskridt span.bevaeger{background-image:linear-gradient(90deg,var(--purple),var(--orange)),repeating-linear-gradient(45deg,rgba(255,255,255,.22) 0 10px,transparent 10px 20px);background-blend-mode:overlay;background-size:100% 100%,28px 28px;animation:striber 1s linear infinite}
@keyframes striber{from{background-position:0 0,0 0}to{background-position:0 0,28px 0}}
.statuslinje small{display:block;margin-top:8px;font-size:.82rem;color:var(--text-muted)}
/* Radio-kort i guiden */
.radio-kort input{position:absolute;opacity:0;pointer-events:none}
.radio-kort{position:relative}
@media (prefers-reduced-motion:reduce){.fremskridt span.bevaeger{animation:none}}
.statuslinje .faser li{all:unset;flex:1;text-align:center;font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}
.statuslinje .faser li:first-child{text-align:left}
.statuslinje .faser li:last-child{text-align:right}
.statuslinje .faser li.ok{color:#3ddc84}
.statuslinje .faser li.aktiv{color:var(--orange-light)}
/* ===== Sir Noobalot-hjælperen ===== */
.sir{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;align-items:flex-end;gap:8px;max-width:min(420px,calc(100vw - 36px))}
.sir-figur{all:unset;cursor:pointer;flex:none;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5));transition:transform .2s}
.sir-figur:hover{transform:translateY(-3px) rotate(-3deg)}
.sir-figur img{width:96px;height:auto;display:block}
.sir-boble{position:relative;background:#241b3d;border:2px solid var(--purple-light);border-radius:18px 18px 4px 18px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.5);max-height:70vh;overflow:auto}
.sir-navn{display:block;font-family:"Chakra Petch",sans-serif;color:var(--orange-light);font-size:.85rem;margin-bottom:4px}
.sir-tekst{margin:0 0 8px;font-size:.92rem;line-height:1.45}
.sir-luk{all:unset;cursor:pointer;position:absolute;top:6px;right:10px;color:var(--text-muted);font-weight:700;font-size:1.1rem}
.sir-faq-knap{all:unset;cursor:pointer;font-size:.82rem;font-weight:700;color:var(--purple-light)}
.sir-faq{margin-top:8px;border-top:1px solid var(--card-border);padding-top:6px}
.sir-faq details{padding:6px 0;border-bottom:1px solid var(--card-border);font-size:.85rem}
.sir-faq summary{cursor:pointer;font-weight:600}
.sir-faq p{margin:6px 0 0;color:var(--text-muted)}
.sir-mere{font-size:.82rem;margin:8px 0 0}
.sir-mere a{color:var(--orange-light)}
.sir.lille .sir-boble{display:none}
.sir.lille .sir-figur img{width:64px}
.sir.hop .sir-boble{animation:sirhop .35s ease}
@keyframes sirhop{0%{transform:translateY(6px);opacity:.4}100%{transform:none;opacity:1}}
@media (max-width:640px){.sir-figur img{width:64px}.sir{right:10px;bottom:10px}.sir-tekst{font-size:.85rem}}
@media (prefers-reduced-motion:reduce){.sir.hop .sir-boble{animation:none}}
/* plads, så Sir ikke dækker sidens bund */
.min-side,.opret{padding-bottom:160px}
[hidden]{display:none!important}

/* ===== Konsol og filer (styr.html) ===== */
.min-overskrift-knapper{display:flex;gap:10px;flex-wrap:wrap}
.min-bund{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.styr-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:18px 0 22px}
.styr-top h2, .styr-top h1.h2-stil{margin:4px 0 6px}
.styr-info{margin:0;color:var(--text-muted);font-size:.9rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.styr-knapper{margin:0}
.faner{display:flex;gap:6px;border-bottom:1px solid var(--card-border);margin-bottom:16px}
.fane{background:none;border:none;color:var(--text-muted);font:600 1rem "Chakra Petch",sans-serif;padding:12px 18px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}
.fane:hover{color:var(--text)}
.fane.aktiv{color:var(--text);border-bottom-color:var(--orange)}
.konsol{background:#07050c;border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden}
.konsol-top{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-alt);font-size:.8rem;color:var(--text-muted)}
.konsol-top .ok{color:#3ddc84}
#k-log{margin:0;height:min(60vh,520px);overflow:auto;padding:12px 14px;font:13px/1.45 "JetBrains Mono",ui-monospace,Consolas,monospace;color:#e6e1f0;white-space:pre-wrap;word-break:break-word}
#k-log .k-fejl{color:#ff8a8a}
#k-log .k-advarsel{color:#ffd36b}
#k-log .k-system{color:var(--purple-light);font-style:italic}
#k-log .k-install{color:#8a8499}
#k-log .k-dig{color:var(--orange-light)}
.konsol-input{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--card-border);background:var(--bg-alt)}
.konsol-input span{font-family:"JetBrains Mono",monospace;color:var(--orange-light)}
.konsol-input input{flex:1;background:transparent;border:none;color:var(--text);font:14px "JetBrains Mono",ui-monospace,monospace;padding:8px 4px;outline:none;min-width:0}
.konsol-genveje{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.konsol-genveje .min-hint{margin:0}
.filer-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.filer-knapper{display:flex;gap:8px;flex-wrap:wrap}
.filer-knapper label{cursor:pointer}
.brodkrumme{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-family:"JetBrains Mono",monospace;font-size:.9rem}
.krumme{background:none;border:none;color:var(--orange-light);cursor:pointer;font:inherit;padding:4px 6px;border-radius:6px}
.krumme:hover{background:var(--card)}
.krumme-skille{color:var(--text-muted)}
.filer-liste{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:6px}
.fil-raekke{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:6px 8px;border-radius:10px}
.fil-raekke:hover{background:var(--bg-alt)}
.fil-navn{background:none;border:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;padding:6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fil-navn:hover{color:var(--orange-light)}
.fil-info{color:var(--text-muted);font-size:.8rem;white-space:nowrap}
.fil-knapper{display:flex;gap:4px}
.fil-knapper .btn{padding:6px 10px;min-width:36px;justify-content:center}
.editor{margin-top:16px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:12px}
.editor-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.editor-top div{display:flex;gap:8px}
#e-tekst{width:100%;min-height:420px;background:#07050c;color:#e6e1f0;border:1px solid var(--card-border);border-radius:10px;padding:12px;font:13px/1.5 "JetBrains Mono",ui-monospace,monospace;resize:vertical;tab-size:2}
@media (max-width:640px){
  .fil-raekke{grid-template-columns:1fr auto}
  .fil-info{display:none}
  #k-log{height:50vh;font-size:12px}
}

/* ===== Admin-overblik (admin.html) ===== */
.admin-top{margin-bottom:22px}
.admin-top h2, .admin-top h1.h2-stil{margin:4px 0}
.admin-tal{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:24px}
.admin-tal-kort{position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(133,0,240,.14),rgba(240,154,0,.05) 70%),var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.admin-tal-kort::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--purple),var(--orange))}
.admin-tal-kort span{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.admin-tal-kort b{font-family:"Chakra Petch",sans-serif;font-size:1.9rem;line-height:1.1}
.admin-tal-kort small{color:var(--text-muted);font-size:.82rem}
.admin-ram b{font-size:1.4rem}
.bar span.fuld{background:linear-gradient(90deg,#f09a00,#e5484d) !important}
.admin-filtre{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}
.admin-filtre .felt{max-width:340px}
.admin-chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{background:var(--card);border:1px solid var(--card-border);color:var(--text);border-radius:999px;padding:8px 14px;font:600 .88rem Inter,sans-serif;cursor:pointer}
.chip span{opacity:.6;margin-left:4px}
.chip:hover{border-color:var(--purple-light)}
.chip.aktiv{background:rgba(133,0,240,.3);border-color:var(--purple-light)}
.admin-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}
.admin-server{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s}
.admin-server:hover{border-color:var(--purple-light)}
.admin-server-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.admin-server-navn{display:flex;flex-direction:column;gap:2px;min-width:0}
.admin-server-navn b{font-family:"Chakra Petch",sans-serif;font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-server-navn small{color:var(--text-muted);font-size:.8rem}
.admin-server-info{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.85rem}
.admin-server-info code{background:var(--bg-alt);border:1px solid var(--card-border);border-radius:8px;padding:3px 8px;color:var(--orange-light);cursor:pointer;font-family:"JetBrains Mono",monospace;font-size:.8rem}
.admin-ejer{background:rgba(133,0,240,.18);border-radius:999px;padding:3px 10px;font-weight:600}
.admin-oppetid{color:var(--text-muted)}
.admin-maal{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.admin-maal>div>span{font-size:.75rem;color:var(--text-muted)}
.admin-maal small{font-size:.72rem;color:var(--text-muted)}
.admin-knapper{display:flex;gap:6px;flex-wrap:wrap}
.admin-knapper .btn{padding:7px 12px}
@media (max-width:520px){.admin-liste{grid-template-columns:1fr}.admin-maal{grid-template-columns:1fr 1fr}}

/* ===== Serverkort som rækker (fuld bredde, to kolonner indeni) ===== */
.min-servere{grid-template-columns:1fr !important}
.min-server-krop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.min-venstre,.min-hoejre{display:flex;flex-direction:column;gap:14px;min-width:0}
.min-hoejre details{margin:0}
@media (max-width:860px){.min-server-krop{grid-template-columns:1fr;gap:14px}}
/* Admin-overblik: én server fylder hele bredden */
.admin-liste{grid-template-columns:repeat(auto-fit,minmax(360px,1fr)) !important}

/* =====================================================
   FANCY SERVERKORT (Min side) – gaming-look
   ===================================================== */
.min-server{
  position:relative;padding:0;gap:0;overflow:hidden;border-radius:20px;
  border:1px solid transparent;
  background:
    linear-gradient(160deg,rgba(133,0,240,.10),rgba(240,154,0,.04) 60%,transparent) padding-box,
    linear-gradient(var(--card),var(--card)) padding-box,
    linear-gradient(135deg,rgba(180,107,255,.7),rgba(44,35,71,.9) 40%,rgba(240,154,0,.6)) border-box;
  box-shadow:0 24px 60px -30px rgba(133,0,240,.55);
  transition:box-shadow .3s ease;
}
.min-server[data-tilstand="running"]{box-shadow:0 24px 60px -28px rgba(133,0,240,.7),0 0 0 1px rgba(61,220,132,.15)}
.min-server>.statuslinje,.min-server>.min-server-krop,.min-server>.min-besked{margin:0 24px}
.min-server>.statuslinje{margin-top:18px}
.min-server>.min-server-krop{padding:22px 0 24px}
.min-server>.min-besked{margin-bottom:20px}

/* --- Banner øverst --- */
.min-server-top{
  position:relative;display:flex;align-items:center;gap:16px;padding:22px 24px;
  background:
    linear-gradient(90deg,rgba(14,11,22,.2),rgba(14,11,22,.55)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 22px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 22px),
    linear-gradient(120deg,#5a00a3,#8500f0 45%,#c45a00 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.min-server-top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--purple-light),var(--orange))}
.min-server[data-tema="fabric"] .min-server-top{background-color:#3a2a10}
.min-server[data-tema="paper"] .min-server-top{background:linear-gradient(90deg,rgba(14,11,22,.2),rgba(14,11,22,.55)),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 22px),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 22px),linear-gradient(120deg,#0f5a6b,#6f00c9 55%,#8500f0)}
.min-server[data-tema="forge"] .min-server-top,.min-server[data-tema="curseforge"] .min-server-top{background:linear-gradient(90deg,rgba(14,11,22,.2),rgba(14,11,22,.55)),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 22px),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 22px),linear-gradient(120deg,#7a1f00,#c45a00 45%,#8500f0)}
.min-server[data-tema="modrinth"] .min-server-top{background:linear-gradient(90deg,rgba(14,11,22,.2),rgba(14,11,22,.55)),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 22px),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 22px),linear-gradient(120deg,#0b6b3a,#1f9d55 35%,#8500f0)}
.min-spil-ikon{
  flex:none;display:grid;place-items:center;width:64px;height:64px;font-size:2rem;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.04));
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.15);
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));
}
.min-server-titel{flex:1;min-width:0}
.min-server-top h3{font-size:1.7rem;letter-spacing:.02em;text-shadow:0 2px 12px rgba(0,0,0,.45);margin:0}
.min-server-top .min-spil{color:rgba(255,255,255,.75);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;margin-top:4px}
.min-server-top .status{padding:7px 14px;border-radius:999px;background:rgba(14,11,22,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);font-size:.85rem}
.min-server-top .status-online{box-shadow:0 0 18px rgba(61,220,132,.35);border-color:rgba(61,220,132,.4)}

/* --- Adresse som "billet" --- */
.min-server .min-adresse{
  position:relative;background:linear-gradient(90deg,rgba(240,154,0,.10),rgba(133,0,240,.10));
  border:1px dashed rgba(255,187,61,.45);border-radius:14px;padding:14px 16px;
}
.min-server .min-adresse code{font-size:1.2rem;font-family:"JetBrains Mono",ui-monospace,monospace;text-shadow:0 0 14px rgba(255,187,61,.35)}

/* --- Gaming-knapper --- */
.min-server .btn{
  position:relative;overflow:hidden;border:none !important;border-radius:0 !important;
  font-family:"Chakra Petch",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  transition:transform .12s ease,filter .15s ease,box-shadow .15s ease;
}
.min-server .btn::after{
  content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .45s ease;
}
.min-server .btn:hover:not(:disabled)::after{left:120%}
.min-server .btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12)}
.min-server .btn:active:not(:disabled){transform:translateY(1px)}
.min-server .btn-groen{background:linear-gradient(180deg,#2bd474,#16994d) !important;color:#04210f !important;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
.min-server .btn-roed{background:linear-gradient(180deg,#ff5a62,#c3232b) !important;color:#fff !important;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
.min-server .btn-outline{background:linear-gradient(180deg,#a63cff,#6f00c9) !important;color:#fff !important;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
.min-server .btn-panel{background:linear-gradient(180deg,#ffc04d,#e08a00) !important;color:#1a1000 !important;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 8px 22px -10px rgba(240,154,0,.8)}
.min-server .btn:disabled{filter:grayscale(.7) brightness(.6);opacity:.55}
.min-server .min-knapper .btn{padding:14px 8px;font-size:.95rem}
.min-server .min-adresse .btn{padding:8px 14px;font-size:.78rem}

/* --- Runde målere --- */
.min-server .min-maalere{gap:10px;text-align:center}
.min-server .min-maalere>div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:14px;background:rgba(14,11,22,.35);border:1px solid var(--card-border)}
.min-server .min-maalere>div>span{order:2;font:700 .72rem "Chakra Petch",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}
.min-server .min-maalere small{order:3;font-size:.72rem}
.min-server .min-maalere .bar{
  --p:0;order:1;width:76px;height:76px;margin:0;border-radius:50%;
  background:
    radial-gradient(closest-side,var(--card) 74%,transparent 75%),
    conic-gradient(from 210deg,#b46bff 0,#f09a00 calc(var(--p)*1%),rgba(255,255,255,.07) calc(var(--p)*1%));
  position:relative;transition:background .4s;
}
.min-server .min-maalere .bar>span{display:none}
.min-server .min-maalere .bar::after{counter-reset:p var(--p);content:counter(p) "%";position:absolute;inset:0;display:grid;place-items:center;font:700 1rem "Chakra Petch",sans-serif;color:var(--text)}

/* --- Faner i stedet for kedelige pop-ned --- */
.min-server .min-hoejre{gap:10px}
.min-server .min-hoejre details{
  padding:0 !important;border-radius:16px;overflow:hidden;background:rgba(14,11,22,.4) !important;
  border:1px solid var(--card-border);transition:border-color .2s,box-shadow .2s,background .2s;
}
.min-server .min-hoejre details:hover{border-color:rgba(180,107,255,.55)}
.min-server .min-hoejre details[open]{border-color:var(--purple-light);background:linear-gradient(160deg,rgba(133,0,240,.14),rgba(14,11,22,.5)) !important;box-shadow:0 14px 34px -18px rgba(133,0,240,.8)}
.min-server .min-hoejre summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:14px 16px;font-weight:600;position:relative;
}
.min-server .min-hoejre summary::-webkit-details-marker{display:none}
.min-server .min-hoejre summary::after{content:"›";margin-left:auto;font:700 1.6rem/1 "Chakra Petch",sans-serif;color:var(--orange-light);transition:transform .25s ease}
.min-server .min-hoejre details[open] summary::after{transform:rotate(90deg)}
.fane-ikon{
  flex:none;display:grid;place-items:center;width:44px;height:44px;font-size:1.3rem;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  background:linear-gradient(145deg,rgba(133,0,240,.55),rgba(240,154,0,.25));
}
.fane-tekst{display:flex;flex-direction:column;gap:2px;min-width:0}
.fane-tekst b{font-family:"Chakra Petch",sans-serif;font-size:1.05rem;letter-spacing:.03em}
.fane-tekst small{font-size:.8rem;color:var(--text-muted);font-weight:500}
.min-server .min-hoejre details>*:not(summary){margin-left:16px;margin-right:16px}
.min-server .min-hoejre details[open]>*:last-child{margin-bottom:16px}
.min-server .min-hoejre details[open]>*:not(summary){animation:fane-ind .25s ease}
@keyframes fane-ind{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.min-server .min-slet .fane-ikon{background:linear-gradient(145deg,rgba(229,72,77,.55),rgba(120,0,20,.4))}
.min-server .min-slet .fane-tekst b{color:#ff9b9b}

/* --- Bund --- */
.min-server .min-bund{padding-top:6px;border-top:1px solid var(--card-border)}
.min-server .min-bund .btn{padding:12px 18px}
@media (max-width:860px){.min-server-top{padding:18px}.min-server>.statuslinje,.min-server>.min-server-krop,.min-server>.min-besked{margin:0 18px}}
@media (max-width:520px){.min-spil-ikon{width:52px;height:52px;font-size:1.6rem}.min-server-top h3{font-size:1.35rem}.min-server .min-maalere{grid-template-columns:repeat(3,1fr)}.min-server .min-maalere .bar{width:62px;height:62px}}
.min-server .btn:not(.btn-groen):not(.btn-roed):not(.btn-outline):not(.btn-panel){background:linear-gradient(180deg,#a63cff,#6f00c9) !important;color:#fff !important;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
.min-server .min-hoejre .btn{padding:10px 16px;font-size:.8rem}
/* --- Tydelig status ved adressen --- */
.min-server .min-adresse .adr-label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.adr-status{display:inline-flex;align-items:center;gap:7px;font-style:normal;font:700 .72rem "Chakra Petch",sans-serif;letter-spacing:.12em;padding:4px 10px;border-radius:999px;text-transform:uppercase}
.adr-status i{width:9px;height:9px;border-radius:50%;background:currentColor}
.adr-on{color:#3ddc84;background:rgba(61,220,132,.12);box-shadow:0 0 0 1px rgba(61,220,132,.45),0 0 18px rgba(61,220,132,.35)}
.adr-on i{box-shadow:0 0 0 0 rgba(61,220,132,.7);animation:puls 1.6s infinite}
.adr-vent{color:var(--orange-light);background:rgba(240,154,0,.12);box-shadow:0 0 0 1px rgba(240,154,0,.45)}
.adr-vent i{animation:blink 1s infinite}
.adr-off{color:#ff8a8a;background:rgba(229,72,77,.12);box-shadow:0 0 0 1px rgba(229,72,77,.45)}
@keyframes blink{50%{opacity:.25}}

/* =====================================================
   RFN GAMING-BOOST – gælder hele hjemmesiden
   ===================================================== */

/* --- Baggrund: svagt pixel-gitter + lilla/orange glød --- */
body{background:
  radial-gradient(1100px 600px at 0% -5%,rgba(133,0,240,.20),transparent 60%),
  radial-gradient(900px 500px at 100% 10%,rgba(240,154,0,.10),transparent 55%),
  var(--bg);background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 28px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 28px)}
::selection{background:rgba(133,0,240,.55);color:#fff}
html{scrollbar-color:#463a66 var(--bg)}

/* --- Menu --- */
.topbar{border-bottom:1px solid transparent !important}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--purple) 20%,var(--orange) 80%,transparent);opacity:.9}
.brand span{font-family:"Chakra Petch",sans-serif;letter-spacing:.02em}
.brand img{filter:drop-shadow(0 0 10px rgba(133,0,240,.55));transition:transform .3s}
.brand:hover img{transform:rotate(-8deg) scale(1.06)}
.menu>a:not(.btn){position:relative}
.menu>a:not(.btn)::after{content:"";position:absolute;left:50%;right:50%;bottom:-6px;height:2px;background:linear-gradient(90deg,var(--purple-light),var(--orange));transition:left .2s,right .2s}
.menu>a:not(.btn):hover::after{left:0;right:0}

/* --- Overskrifter --- */
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--orange-light);text-shadow:0 0 14px rgba(240,154,0,.35)}
.eyebrow::before{content:"";width:9px;height:9px;background:linear-gradient(135deg,var(--orange),var(--purple-light));transform:rotate(45deg);box-shadow:0 0 10px rgba(240,154,0,.6)}
.section h2, .page-first h2, .section h1.h2-stil, .page-first h1.h2-stil{text-shadow:0 4px 24px rgba(133,0,240,.35)}
.hero h1{text-shadow:0 0 40px rgba(133,0,240,.55),0 4px 0 rgba(0,0,0,.35)}

/* --- Gaming-knapper overalt --- */
.btn{
  position:relative;overflow:hidden;border:none;border-radius:0 !important;
  font-family:"Chakra Petch",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.07em;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  background:linear-gradient(180deg,#a63cff,#6f00c9);color:#fff;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .12s ease,filter .15s ease;
}
.btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .45s ease;pointer-events:none}
.btn:hover:not(:disabled)::after{left:120%}
.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12) drop-shadow(0 8px 16px rgba(133,0,240,.45))}
.btn:active:not(:disabled){transform:translateY(1px)}
.btn-small{padding:9px 16px;font-size:.82rem}
.btn-discord{background:linear-gradient(180deg,#a63cff,#7a00db) !important;color:#fff !important}
.btn-panel{background:linear-gradient(180deg,#ffc04d,#e08a00) !important;color:#1a1000 !important}
.btn-panel:hover:not(:disabled){filter:brightness(1.08) drop-shadow(0 8px 16px rgba(240,154,0,.5))}
.btn-groen{background:linear-gradient(180deg,#2bd474,#16994d) !important;color:#04210f !important}
.btn-roed{background:linear-gradient(180deg,#ff5a62,#c3232b) !important;color:#fff !important}
.btn-outline,.btn-ghost{
  background:linear-gradient(180deg,rgba(166,60,255,.28),rgba(111,0,201,.18)) !important;color:#fff !important;
  box-shadow:inset 0 0 0 2px var(--purple-light),inset 0 -3px 0 rgba(0,0,0,.25) !important}
.btn-ghost{box-shadow:inset 0 0 0 2px var(--orange),inset 0 -3px 0 rgba(0,0,0,.25) !important;color:var(--orange-light) !important;background:rgba(240,154,0,.08) !important}
.btn-light{background:linear-gradient(180deg,#ffffff,#e7defa) !important;color:#2a0a4a !important}
.btn-support{background:linear-gradient(90deg,var(--purple),#c13cff) !important}
.btn:disabled{filter:grayscale(.7) brightness(.6);opacity:.55}
.login-btn .menu-avatar{border-radius:50%}

/* --- Kort med lilla/orange kant og glød --- */
.card,.server-card,.link-card,.price-card,.tom-boks,.login-boks,.admin-server,.faq,.guide{
  border:1px solid transparent !important;
  background:
    linear-gradient(160deg,rgba(133,0,240,.08),transparent 55%) padding-box,
    linear-gradient(var(--card),var(--card)) padding-box,
    linear-gradient(140deg,rgba(180,107,255,.55),rgba(44,35,71,.95) 45%,rgba(240,154,0,.45)) border-box !important;
  transition:transform .2s ease,box-shadow .25s ease;
}
.card:hover,.server-card:hover,.link-card:hover,.price-card:hover,.admin-server:hover{
  transform:translateY(-4px);box-shadow:0 22px 50px -26px rgba(133,0,240,.85),0 0 0 1px rgba(180,107,255,.25)}
.card-icon{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(145deg,rgba(133,0,240,.55),rgba(240,154,0,.25)) !important}

/* --- Sektioner --- */
.section-alt{position:relative;background:
  repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,transparent 2px 24px),
  repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 24px),
  linear-gradient(180deg,rgba(133,0,240,.10),rgba(21,16,35,.9) 30%,var(--bg-alt)) !important}
.section-alt::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(180,107,255,.7),rgba(240,154,0,.7),transparent)}

/* --- Felter --- */
.felt{border-radius:12px;transition:border-color .15s,box-shadow .15s}
.felt:focus{outline:none;border-color:var(--purple-light);box-shadow:0 0 0 3px rgba(133,0,240,.3)}

/* --- Status-prikker lyser --- */
.status-online{text-shadow:0 0 12px rgba(61,220,132,.45)}

/* --- Bund --- */
.footer{position:relative;border-top:1px solid transparent !important;background:linear-gradient(180deg,rgba(133,0,240,.10),transparent 70%)}
.footer::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--purple),var(--orange),transparent)}

/* --- Sir Noobalot: mere RFN --- */
.sir-figur{background:radial-gradient(circle at 50% 60%,rgba(133,0,240,.55),rgba(240,154,0,.28) 60%,transparent 72%) !important;border-radius:50%}
.sir-boble{border:1px solid transparent !important;background:
  linear-gradient(160deg,#2a1650,#1c1630) padding-box,
  linear-gradient(140deg,var(--purple-light),rgba(44,35,71,.95) 50%,var(--orange)) border-box !important;
  box-shadow:0 18px 40px -16px rgba(133,0,240,.7) !important}
.sir-navn{font-family:"Chakra Petch",sans-serif;letter-spacing:.04em}

@media (prefers-reduced-motion:reduce){.btn::after{display:none}.btn,.card,.server-card{transition:none}}
/* Den store lilla "Klar til at være en noob?"-boks */
.join{position:relative;overflow:hidden;background:
  repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 2px,transparent 2px 26px),
  repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 2px,transparent 2px 26px),
  linear-gradient(120deg,#5a00a3,#8500f0 50%,#c45a00) !important}
.join::before{content:"";position:absolute;inset:auto -10% -40% -10%;height:70%;background:radial-gradient(closest-side,rgba(240,154,0,.45),transparent);pointer-events:none}
.join h2{text-shadow:0 6px 30px rgba(0,0,0,.45)}
/* Login-knappen med navn: lange navne afkortes pænt med … */
.login-btn{max-width:210px;min-width:0;text-transform:none !important;letter-spacing:.02em !important;gap:8px}
.login-btn .menu-avatar{flex:none;width:24px;height:24px}
.login-navn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1100px){.login-btn{max-width:160px}}
/* Logget ind: kun et rundt Discord-billede helt ude til højre */
.menu .login-btn.logget-ind{order:99;padding:0 !important;width:46px;height:46px;max-width:none;justify-content:center;clip-path:none !important;border-radius:50% !important;background:none !important;box-shadow:0 0 0 2px var(--purple-light),0 0 18px rgba(133,0,240,.55) !important;overflow:visible}
.menu .login-btn.logget-ind::after{display:none}
.menu .login-btn.logget-ind .menu-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover}
.menu .login-btn.logget-ind .login-navn{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.menu .login-btn.logget-ind:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 0 2px var(--orange),0 0 22px rgba(240,154,0,.55) !important;filter:none}
.menu .login-btn.logget-ind::before{content:"";position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;background:#3ddc84;border:2px solid var(--bg)}
/* I mobil-menuen vises navnet ved siden af billedet */
@media (max-width:1200px){
  .menu .login-btn.logget-ind{order:-1;width:auto;height:auto;padding:6px 14px 6px 6px !important;border-radius:999px !important;gap:10px;align-self:flex-start}
  .menu .login-btn.logget-ind .menu-avatar{width:36px;height:36px}
  .menu .login-btn.logget-ind .login-navn{position:static;width:auto;height:auto;clip:auto}
  .menu .login-btn.logget-ind::before{left:32px;right:auto;bottom:4px}
}

/* ===== Profil-menu (pop ned under Discord-billedet) ===== */
.profil-wrap{position:relative;order:99;display:flex;align-items:center}
.profil-wrap .login-btn.logget-ind{order:0}
.profil-menu{
  position:absolute;top:calc(100% + 14px);right:-6px;width:270px;z-index:200;
  padding:10px;border-radius:18px;border:1px solid transparent;
  background:
    linear-gradient(165deg,rgba(133,0,240,.18),rgba(14,11,22,.2) 55%) padding-box,
    linear-gradient(#1a1430,#1a1430) padding-box,
    linear-gradient(140deg,var(--purple-light),rgba(44,35,71,.95) 50%,var(--orange)) border-box;
  box-shadow:0 24px 60px -18px rgba(0,0,0,.8),0 0 40px -10px rgba(133,0,240,.5);
  opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.profil-menu::before{content:"";position:absolute;top:-8px;right:20px;width:14px;height:14px;transform:rotate(45deg);background:#24164a;border-left:1px solid var(--purple-light);border-top:1px solid var(--purple-light)}
/* Usynlig bro, så menuen ikke lukker, når musen flyttes ned */
.profil-menu::after{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.profil-wrap:hover .profil-menu,.profil-wrap:focus-within .profil-menu,.profil-wrap.aaben .profil-menu{opacity:1;visibility:visible;transform:none}
.profil-menu-top{display:flex;gap:12px;align-items:center;padding:8px 8px 12px;margin-bottom:6px;border-bottom:1px solid var(--card-border)}
.profil-menu-top img{width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 2px var(--purple-light)}
.profil-menu-top div{display:flex;flex-direction:column;gap:4px;min-width:0}
.profil-menu-top b{font-family:"Chakra Petch",sans-serif;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profil-rang{align-self:flex-start;font:700 .7rem "Chakra Petch",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#1a1000;background:linear-gradient(90deg,var(--orange-light),var(--orange));padding:3px 9px;border-radius:999px}
.profil-punkt{display:flex !important;align-items:center;gap:12px;padding:10px 10px;border-radius:12px;text-decoration:none;color:var(--text) !important;font-weight:600;font-size:.95rem;transition:background .15s,transform .15s}
.profil-punkt::after{display:none !important}
.profil-punkt:hover{background:linear-gradient(90deg,rgba(133,0,240,.35),rgba(133,0,240,.05));transform:translateX(3px)}
.profil-ikon{display:grid;place-items:center;width:32px;height:32px;flex:none;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:linear-gradient(145deg,rgba(133,0,240,.45),rgba(240,154,0,.2))}
.profil-streg{border:none;border-top:1px solid var(--card-border);margin:6px 4px}
.profil-ud{color:#ff9b9b !important}
.profil-ud .profil-ikon{background:linear-gradient(145deg,rgba(229,72,77,.45),rgba(120,0,20,.3))}
@media (max-width:1200px){
  .profil-wrap{order:-1;flex-direction:column;align-items:stretch;width:100%}
  .profil-menu{position:static;width:auto;opacity:1;visibility:visible;transform:none;margin-top:10px;box-shadow:none}
  .profil-menu::before,.profil-menu::after{display:none}
  .profil-menu-top{display:none}
}

/* ===== Min profil (profil.html) ===== */
.profil-banner{position:relative;overflow:hidden;display:flex;align-items:center;gap:28px;padding:34px 36px;border-radius:24px;margin:18px 0 34px;border:1px solid transparent;
  background:
    linear-gradient(90deg,rgba(14,11,22,.15),rgba(14,11,22,.6)) padding-box,
    repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 2px,transparent 2px 24px) padding-box,
    repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 2px,transparent 2px 24px) padding-box,
    linear-gradient(120deg,#4a0090,#8500f0 50%,#c45a00) padding-box,
    linear-gradient(140deg,var(--purple-light),rgba(44,35,71,.9) 50%,var(--orange)) border-box;
  box-shadow:0 30px 70px -30px rgba(133,0,240,.8)}
.profil-avatar{width:120px;height:120px;border-radius:50%;flex:none;box-shadow:0 0 0 4px rgba(255,255,255,.9),0 0 0 8px var(--orange),0 18px 40px rgba(0,0,0,.5)}
.profil-navn{flex:1;min-width:0;position:relative;z-index:1}
.profil-navn h2, .profil-navn h1.h2-stil{margin:4px 0 12px;font-size:clamp(2rem,4vw,3rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 4px 20px rgba(0,0,0,.45)}
.profil-maerker{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.profil-rang-stor{font-size:.85rem;padding:6px 14px}
.profil-siden{color:rgba(255,255,255,.8);font-size:.9rem}
.profil-sir{position:absolute;right:26px;bottom:-14px;width:150px;height:auto;filter:drop-shadow(0 14px 24px rgba(0,0,0,.5));transform:rotate(-4deg)}
.profil-overskrift{font-family:"Chakra Petch",sans-serif;font-size:1.4rem;margin:0 0 14px}
.profil-tal{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}
.profil-tal-kort{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:20px;border-radius:18px;border:1px solid transparent;
  background:linear-gradient(160deg,rgba(133,0,240,.14),transparent 60%) padding-box,linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(140deg,rgba(180,107,255,.55),rgba(44,35,71,.95) 45%,rgba(240,154,0,.45)) border-box}
.profil-tal-kort b{font:700 2.4rem/1 "Chakra Petch",sans-serif;background:linear-gradient(90deg,#fff,var(--orange-light));-webkit-background-clip:text;background-clip:text;color:transparent}
.profil-tal-kort small{color:var(--text-muted)}
.profil-tal-ikon{display:grid;place-items:center;width:42px;height:42px;font-size:1.3rem;margin-bottom:6px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(145deg,rgba(133,0,240,.55),rgba(240,154,0,.25))}
.profil-xp,.profil-boks{padding:24px;border-radius:20px;margin-bottom:24px;border:1px solid transparent;
  background:linear-gradient(160deg,rgba(133,0,240,.08),transparent 55%) padding-box,linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(140deg,rgba(180,107,255,.55),rgba(44,35,71,.95) 45%,rgba(240,154,0,.45)) border-box}
.profil-xp-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.profil-xp h3,.profil-boks h3{margin:4px 0 0;font-family:"Chakra Petch",sans-serif}
.profil-boks h3{margin-bottom:14px}
.profil-trappe{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;position:relative}
.profil-trappe::before{content:"";position:absolute;left:5%;right:5%;top:28px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--orange) 0 6%,var(--card-border) 6%)}
.profil-trin{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;opacity:.55}
.profil-trin-ikon{display:grid;place-items:center;width:56px;height:56px;font-size:1.6rem;border-radius:50%;background:var(--bg-alt);border:2px solid var(--card-border);position:relative;z-index:1}
.profil-trin small{font-size:.75rem;font-weight:600}
.profil-trin.her{opacity:1}
.profil-trin.her .profil-trin-ikon{border-color:var(--orange);box-shadow:0 0 0 4px rgba(240,154,0,.25),0 0 24px rgba(240,154,0,.5)}
.profil-trin em{font:700 .65rem "Chakra Petch",sans-serif;font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-light)}
.profil-to{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.profil-liste{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px}
.profil-liste li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 14px;border-radius:12px;background:rgba(14,11,22,.4);border:1px solid var(--card-border)}
.profil-liste li a{color:var(--text);font-weight:700;text-decoration:none}
.profil-liste li a:hover{color:var(--orange-light)}
.profil-liste li span{color:var(--text-muted);font-size:.85rem}
.profil-switch{display:flex;align-items:center;gap:14px;padding:12px 0;cursor:pointer;border-bottom:1px solid var(--card-border)}
.profil-switch input{position:absolute;opacity:0;pointer-events:none}
.profil-switch .slider{flex:none;position:relative;width:52px;height:28px;border-radius:999px;background:var(--bg-alt);border:2px solid var(--card-border);transition:background .2s,border-color .2s}
.profil-switch .slider::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#b9b1cc;transition:transform .2s,background .2s}
.profil-switch input:checked+.slider{background:linear-gradient(90deg,var(--purple),#a63cff);border-color:var(--purple-light)}
.profil-switch input:checked+.slider::after{transform:translateX(24px);background:#fff}
.profil-switch input:focus-visible+.slider{outline:2px solid var(--orange)}
.profil-switch b{display:block}
.profil-switch small{color:var(--text-muted)}
#indstillinger .btn{margin-top:16px}
@media (max-width:900px){.profil-tal{grid-template-columns:1fr 1fr}.profil-to{grid-template-columns:1fr}.profil-sir{display:none}.profil-trappe{grid-template-columns:repeat(4,1fr);row-gap:16px}.profil-trappe::before{display:none}}
@media (max-width:560px){.profil-banner{flex-direction:column;text-align:center;padding:28px 20px}.profil-maerker{justify-content:center}}
/* "Konsol og filer" som første punkt i listen til højre */
.min-server .fane-link{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;text-decoration:none;color:var(--text);font-weight:600;
  border:1px solid transparent;
  background:linear-gradient(90deg,rgba(240,154,0,.16),rgba(133,0,240,.10)) padding-box,linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(120deg,var(--orange),rgba(44,35,71,.95) 60%) border-box;
  transition:transform .15s,box-shadow .2s}
.min-server .fane-link::after{content:"→";margin-left:auto;font:700 1.3rem/1 "Chakra Petch",sans-serif;color:var(--orange-light);transition:transform .2s}
.min-server .fane-link:hover{transform:translateY(-2px);box-shadow:0 14px 30px -16px rgba(240,154,0,.8)}
.min-server .fane-link:hover::after{transform:translateX(4px)}
.min-server .fane-link .fane-ikon{background:linear-gradient(145deg,#ffc04d,#e08a00)}
.min-server .fane-link .fane-tekst b{color:var(--orange-light)}
/* Venstre og højre side lige høje */
.min-server-krop{align-items:stretch}
.min-server .min-venstre{justify-content:space-between}
.min-server .min-bund{margin-top:auto}

/* ===== Konsol og Filer foldet ud under serverkortet ===== */
.min-server button.fane-link{width:100%;font:inherit;text-align:left;cursor:pointer}
.min-server .fane-link-filer{background:linear-gradient(90deg,rgba(133,0,240,.18),rgba(240,154,0,.06)) padding-box,linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(120deg,var(--purple-light),rgba(44,35,71,.95) 60%) border-box}
.min-server .fane-link-filer .fane-ikon{background:linear-gradient(145deg,#a63cff,#6f00c9)}
.min-server .fane-link-filer .fane-tekst b{color:#d6b3ff}
.min-server .fane-link::after{content:"›"}
.min-server .fane-link.aktiv{box-shadow:0 0 0 2px var(--orange),0 14px 30px -14px rgba(240,154,0,.8)}
.min-server .fane-link-filer.aktiv{box-shadow:0 0 0 2px var(--purple-light),0 14px 30px -14px rgba(133,0,240,.9)}
.min-server .fane-link.aktiv::after{transform:rotate(90deg)}
.min-panel{margin:0 24px 24px;padding:18px;border-radius:18px;border:1px solid transparent;animation:fane-ind .25s ease;
  background:linear-gradient(160deg,rgba(133,0,240,.12),rgba(14,11,22,.5)) padding-box,linear-gradient(#141024,#141024) padding-box,linear-gradient(140deg,var(--purple-light),rgba(44,35,71,.95) 50%,var(--orange)) border-box}
.min-panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.min-panel-top b{font:700 1.25rem "Chakra Petch",sans-serif}
.min-panel-top div{display:flex;gap:14px;align-items:center}
.k-log{margin:0;height:min(55vh,460px);overflow:auto;padding:12px 14px;font:13px/1.45 "JetBrains Mono",ui-monospace,monospace;color:#e6e1f0;white-space:pre-wrap;word-break:break-word}
.k-log .k-fejl{color:#ff8a8a}.k-log .k-advarsel{color:#ffd36b}.k-log .k-system{color:var(--purple-light);font-style:italic}.k-log .k-install{color:#8a8499}.k-log .k-dig{color:var(--orange-light)}
.k-input{flex:1;background:transparent;border:none;color:var(--text);font:14px "JetBrains Mono",ui-monospace,monospace;padding:8px 4px;outline:none;min-width:0}
.konsol-top .k-forbindelse.ok{color:#3ddc84}
.e-tekst{width:100%;min-height:380px;background:#07050c;color:#e6e1f0;border:1px solid var(--card-border);border-radius:10px;padding:12px;font:13px/1.5 "JetBrains Mono",ui-monospace,monospace;resize:vertical;tab-size:2}
.min-panel .filer-liste{max-height:480px;overflow:auto}
@media (max-width:860px){.min-panel{margin:0 18px 18px;padding:12px}}

/* ===== Server-info i venstre side ===== */
.min-info{display:flex;flex-direction:column;gap:10px}
.min-info-label{display:block;font:700 .7rem "Chakra Petch",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.min-spillere{padding:14px 16px;border-radius:14px;border:1px solid transparent;
  background:linear-gradient(90deg,rgba(61,220,132,.10),rgba(133,0,240,.08)) padding-box,linear-gradient(rgba(14,11,22,.6),rgba(14,11,22,.6)) padding-box,linear-gradient(120deg,rgba(61,220,132,.5),rgba(44,35,71,.95) 60%) border-box}
.min-spillere-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.min-spillere-tal{font:700 1.6rem/1 "Chakra Petch",sans-serif;color:#6ff0a8;text-shadow:0 0 16px rgba(61,220,132,.35)}
.min-spillere-navne{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.spiller-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;border-radius:999px;background:rgba(133,0,240,.22);border:1px solid rgba(180,107,255,.35);font-size:.82rem;font-weight:600}
.spiller-chip img{width:24px;height:24px;border-radius:6px;image-rendering:pixelated}
.min-fakta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.min-fakta>div{padding:10px 12px;border-radius:12px;background:rgba(14,11,22,.35);border:1px solid var(--card-border);min-width:0}
.min-fakta b{display:block;margin-top:4px;font:700 .95rem "Chakra Petch",sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.min-motd{padding:10px 14px;border-radius:12px;background:rgba(14,11,22,.35);border:1px dashed rgba(180,107,255,.4)}
.min-motd p{margin:4px 0 0;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.85rem;color:#e6e1f0;white-space:pre-wrap}
@media (max-width:560px){.min-fakta{grid-template-columns:1fr 1fr}}
.spiller-ikon{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:rgba(14,11,22,.5);font-size:.8rem}

/* ===== Konsol-genveje: pop-ned-menuer ===== */
.k-genveje{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.k-spiller{width:190px;max-width:100%}
.k-menu{position:relative}
.k-menu>summary{list-style:none;cursor:pointer;user-select:none;white-space:nowrap}
.k-menu>summary::-webkit-details-marker{display:none}
.k-menu>summary::after{content:"▾";margin-left:6px;font-size:.8em;transition:transform .2s;display:inline-block}
.k-menu[open]>summary.btn{background:linear-gradient(135deg,var(--orange),var(--orange-light));color:#1a1026;border-color:var(--orange);box-shadow:0 0 16px rgba(240,154,0,.45)}
.k-menu[open]>summary::after{transform:rotate(180deg)}
.k-menu-liste{position:absolute;bottom:calc(100% + 8px);left:0;z-index:60;
  display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:4px;
  min-width:360px;max-height:320px;overflow-y:auto;padding:8px;
  background:linear-gradient(var(--bg-alt),var(--bg-alt)) padding-box,
             linear-gradient(135deg,var(--purple),var(--orange)) border-box;
  border:2px solid transparent;border-radius:12px;
  box-shadow:0 14px 40px rgba(0,0,0,.55),0 0 22px rgba(133,0,240,.25);
  animation:kMenuInd .14s ease-out}
@keyframes kMenuInd{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.k-menu-punkt{all:unset;box-sizing:border-box;cursor:pointer;padding:8px 10px;border-radius:8px;
  font-size:.88rem;line-height:1.25;color:var(--text);border:1px solid transparent}
.k-menu-punkt:hover,.k-menu-punkt:focus-visible{background:rgba(133,0,240,.22);border-color:var(--purple-light);color:#fff}
.k-menu-liste.k-hoejre{left:auto;right:0}
.k-menu-punkt:active{background:rgba(240,154,0,.25);border-color:var(--orange)}
@media (max-width:600px){
  .k-menu{position:static}
  .k-genveje{position:relative}
  .k-menu-liste{left:0;right:0;min-width:0;grid-template-columns:1fr}
}
.k-genveje .k-menu[open]>summary.btn{background:linear-gradient(180deg,var(--orange-light),var(--orange)) !important;color:#1a1026 !important;box-shadow:0 0 16px rgba(240,154,0,.5) !important}

/* ===== Filer som stifinder: træ til venstre, fil til højre ===== */
.sf-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}
.sf-hvor{font-size:.88rem;color:var(--text-muted);padding:7px 12px;border-radius:10px;background:rgba(14,11,22,.55);border:1px solid var(--card-border);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-hvor b{color:var(--orange-light);font-family:ui-monospace,Consolas,monospace;font-weight:600}
.sf-knapper{display:flex;flex-wrap:wrap;gap:8px}
.sf-krop{display:grid;grid-template-columns:minmax(230px,300px) 1fr;gap:12px;min-height:460px}
.sf-trae-boks,.sf-hoejre{border-radius:14px;background:rgba(8,6,14,.7);border:1px solid var(--card-border);min-width:0}
.sf-trae-boks{padding:6px;max-height:560px;overflow:auto}
.sf-trae,.sf-boern{list-style:none;margin:0;padding:0}
.sf-node{--d:0;display:flex;align-items:center;gap:4px;padding:5px 6px 5px calc(6px + var(--d)*16px);border-radius:8px;cursor:pointer;
  font-size:.88rem;line-height:1.3;user-select:none;position:relative;border:1px solid transparent}
.sf-node:hover{background:rgba(133,0,240,.16)}
.sf-node:focus-visible{outline:none;border-color:var(--purple-light)}
.sf-node.valgt{background:linear-gradient(90deg,rgba(240,154,0,.22),rgba(133,0,240,.14));border-color:rgba(240,154,0,.55)}
.sf-rod{font-weight:700;color:var(--orange-light)}
.sf-pil{flex:none;width:16px;text-align:center;color:var(--text-muted);font-size:.8rem;transition:transform .15s}
.sf-er-mappe .sf-pil:hover{color:var(--orange-light)}
.sf-node.aaben>.sf-pil{transform:rotate(90deg);color:var(--orange-light)}
.sf-navn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-handlinger{display:none;gap:2px;flex:none}
.sf-node:hover .sf-handlinger,.sf-node.valgt .sf-handlinger,.sf-node:focus-within .sf-handlinger{display:flex}
.sf-mini{all:unset;cursor:pointer;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;font-size:.78rem;color:var(--text-muted)}
.sf-mini:hover{background:rgba(180,107,255,.3);color:#fff}
.sf-mini-roed:hover{background:rgba(255,80,80,.35)}
.sf-hent,.sf-tom{padding:4px 8px 4px calc(28px + var(--d,0)*16px);font-size:.8rem;color:var(--text-muted);font-style:italic}
.sf-boern .sf-hent,.sf-boern .sf-tom{padding-left:34px}
.sf-hoejre{display:flex;flex-direction:column;overflow:hidden}
.sf-velkommen,.sf-info{margin:auto;text-align:center;padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}
.sf-velkommen-ikon,.sf-info-ikon{font-size:2.6rem;filter:drop-shadow(0 0 14px rgba(133,0,240,.6))}
.sf-hurtig,.sf-info-knapper{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px}
.sf-editor{display:flex;flex-direction:column;flex:1;min-height:0}
.sf-editor-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid var(--card-border);
  background:linear-gradient(90deg,rgba(133,0,240,.18),rgba(240,154,0,.06))}
.sf-filnavn{display:flex;align-items:center;gap:8px;min-width:0}
.sf-filnavn code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--orange-light);font-size:.85rem}
.sf-aendret{font-style:normal;font-size:.75rem;color:var(--orange);white-space:nowrap}
.sf-editor-knapper{display:flex;gap:6px;flex:none}
.sf-tekst{flex:1;min-height:420px;width:100%;resize:vertical;border:0;outline:0;padding:12px 14px;box-sizing:border-box;
  background:#07050d;color:#e6e1f0;font:13px/1.55 ui-monospace,Consolas,"Cascadia Mono",monospace;tab-size:2}
.sf-editor>.min-hint{margin:0;padding:6px 12px;border-top:1px solid var(--card-border)}
@media (max-width:800px){
  .sf-krop{grid-template-columns:1fr}
  .sf-trae-boks{max-height:300px}
  .sf-tekst{min-height:300px}
  .sf-handlinger{display:flex}
}
/* Indstillinger og Mods som knapper der folder ud under kortet */
.min-server .fane-link-indst{background:rgba(14,11,22,.4) padding-box,linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(120deg,var(--card-border),var(--card-border)) border-box}
.min-server .fane-link-indst:hover{background:rgba(14,11,22,.4) padding-box,linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(120deg,rgba(180,107,255,.7),var(--card-border)) border-box;box-shadow:0 14px 30px -16px rgba(133,0,240,.8)}
.min-server .fane-link-indst .fane-ikon{background:linear-gradient(145deg,rgba(133,0,240,.55),rgba(240,154,0,.25))}
.min-server .fane-link-indst .fane-tekst b{color:var(--text)}
.min-server .fane-link-indst.aktiv{box-shadow:0 0 0 2px var(--purple-light),0 14px 30px -14px rgba(133,0,240,.9)}
.min-server .fane-link[hidden]{display:none}
.min-mods-indhold>*+*{margin-top:12px}
/* Indstillinger i det brede panel: felter til venstre, admins og whitelist til højre */
.min-panel [data-felt="indst"]{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px 24px;align-items:start}
.min-panel [data-felt="indst"]>.indst-form{grid-row:span 4;margin-top:0;grid-template-columns:1fr 1fr;column-gap:14px}
.min-panel .indst-form>.btn{grid-column:1/-1}
.min-panel .indst-wl{margin-top:0;border-top:0;padding:14px 16px;border-radius:14px;background:rgba(8,6,14,.55);border:1px solid var(--card-border)}
@media (max-width:800px){.min-panel [data-felt="indst"],.min-panel [data-felt="indst"]>.indst-form{grid-template-columns:1fr}}

/* ===== Opgave-status på kortet (gendan / skift version) ===== */
.min-job{display:flex;align-items:center;gap:10px;margin:0 24px 14px;padding:10px 14px;border-radius:12px;font-weight:600;font-size:.9rem;border:1px solid var(--card-border);background:rgba(14,11,22,.6)}
.min-job.koerer{border-color:var(--orange);background:linear-gradient(90deg,rgba(240,154,0,.18),rgba(133,0,240,.08));animation:job-puls 1.6s ease-in-out infinite}
.min-job.ok{border-color:rgba(61,220,132,.6);background:rgba(61,220,132,.1)}
.min-job.fejl{border-color:rgba(255,92,92,.7);background:rgba(255,92,92,.12)}
.min-job>span{flex:1}
.min-job-luk{all:unset;cursor:pointer;opacity:.7;padding:2px 6px}
.min-job-luk:hover{opacity:1}
@keyframes job-puls{50%{box-shadow:0 0 18px rgba(240,154,0,.35)}}

/* ===== Under-faner i Indstillinger ===== */
.under-faner{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding:4px;border-radius:12px;background:rgba(8,6,14,.6);border:1px solid var(--card-border);width:fit-content;max-width:100%}
.under-faner button{all:unset;cursor:pointer;padding:8px 14px;border-radius:9px;font-weight:600;font-size:.88rem;color:var(--text-muted);transition:background .15s,color .15s}
.under-faner button:hover{color:var(--text);background:rgba(133,0,240,.18)}
.under-faner button.aktiv{color:#1a1026;background:linear-gradient(180deg,var(--orange-light),var(--orange))}

/* ===== Backup-panel ===== */
.bk-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.bk-taeller{display:flex;align-items:baseline;gap:8px}
.bk-taeller b{font:700 1.6rem/1 "Chakra Petch",sans-serif;color:var(--orange-light)}
.bk-taeller small{color:var(--text-muted)}
.bk-fuld{color:var(--orange-light)}
.bk-liste{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.bk-raekke{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(8,6,14,.55);border:1px solid var(--card-border)}
.bk-raekke:hover{border-color:rgba(180,107,255,.5)}
.bk-raekke.laves{border-style:dashed;opacity:.8}
.bk-raekke.fejlet{border-color:rgba(255,92,92,.5)}
.bk-ikon{font-size:1.4rem}
.bk-info{flex:1;min-width:0;display:flex;flex-direction:column}
.bk-info small{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-knapper{display:flex;gap:6px;flex:none}
.bk-tom{padding:10px 0}
.bk-nat{padding:12px 14px;border-radius:12px;background:linear-gradient(90deg,rgba(133,0,240,.14),rgba(14,11,22,.4));border:1px solid var(--card-border)}
.bk-nat-linje{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.bk-nat .min-hint{margin:8px 0 0}
/* Kontakt (tænd/sluk) */
.kontakt{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:600}
.kontakt input{position:absolute;opacity:0;pointer-events:none}
.kontakt-knap{width:44px;height:24px;border-radius:99px;background:#3a3150;position:relative;transition:background .2s;flex:none}
.kontakt-knap::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.kontakt input:checked+.kontakt-knap{background:linear-gradient(90deg,var(--purple),var(--orange))}
.kontakt input:checked+.kontakt-knap::after{transform:translateX(20px)}
.kontakt input:focus-visible+.kontakt-knap{outline:2px solid var(--orange-light);outline-offset:2px}

/* ===== Udseende ===== */
.ud-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:start}
.ud-kol{display:grid;gap:16px}
.ud-boks{display:grid;gap:8px;padding:14px 16px;border-radius:14px;background:rgba(8,6,14,.55);border:1px solid var(--card-border)}
.ud-boks>.min-hint{margin:0}
.ud-knapper{display:flex;flex-wrap:wrap;gap:8px}
.ud-forh{display:grid;gap:8px}
.mc-liste{display:flex;gap:10px;padding:8px;background:#1d1d1d;border:2px solid #000;outline:1px solid #555;font:15px/1.25 "Minecraft","Courier New",monospace;color:#AAAAAA;image-rendering:pixelated}
.mc-ikon{width:64px;height:64px;flex:none;background:#111;image-rendering:pixelated}
.mc-ikon.standard{object-fit:contain;padding:6px;box-sizing:border-box}
.mc-tekst{flex:1;min-width:0}
.mc-top{display:flex;justify-content:space-between;gap:8px}
.mc-navn{color:#fff;font-weight:400}
.mc-tal{color:#AAAAAA;display:flex;align-items:center;gap:6px}
.mc-signal{display:inline-flex;align-items:flex-end;gap:1px;height:12px}
.mc-signal i{width:2px;background:#55FF55}
.mc-signal i:nth-child(1){height:3px}.mc-signal i:nth-child(2){height:5px}.mc-signal i:nth-child(3){height:7px}.mc-signal i:nth-child(4){height:9px}.mc-signal i:nth-child(5){height:11px}
.mc-motd{white-space:pre;overflow:hidden;min-height:1.25em}
.mc-sloer{filter:blur(2px)}
.motd-palet{display:flex;flex-wrap:wrap;gap:4px}
.motd-farve{all:unset;cursor:pointer;width:22px;height:22px;border-radius:5px;border:2px solid rgba(255,255,255,.25);box-sizing:border-box}
.motd-farve:hover{transform:scale(1.15);border-color:#fff}
.motd-stil{all:unset;cursor:pointer;min-width:22px;height:22px;padding:0 4px;box-sizing:border-box;text-align:center;border-radius:5px;background:#2a2340;font-weight:700;font-size:.8rem;line-height:22px}
.motd-stil:hover{background:var(--purple)}
.motd-stil[data-k="o"]{font-style:italic}.motd-stil[data-k="n"]{text-decoration:underline}.motd-stil[data-k="m"]{text-decoration:line-through}
.motd-linje{display:flex;align-items:center;gap:8px}
.motd-input{flex:1;font-family:ui-monospace,Consolas,monospace}
.motd-tal{color:var(--text-muted);font-size:.75rem;min-width:40px;text-align:right}
.motd-tal.for-lang{color:#ff7a7a;font-weight:700}

/* ===== Version ===== */
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.vs-nu,.vs-valg{display:grid;gap:6px;padding:14px 16px;border-radius:14px;background:rgba(8,6,14,.55);border:1px solid var(--card-border)}
.vs-nu b{font:700 1.3rem/1.1 "Chakra Petch",sans-serif;color:var(--orange-light)}
.vs-trin{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 12px;counter-reset:t}
.vs-trin li{counter-increment:t;padding:6px 12px;border-radius:99px;background:rgba(133,0,240,.18);border:1px solid rgba(180,107,255,.35);font-size:.82rem;font-weight:600}
.vs-trin li::before{content:counter(t) ". ";color:var(--orange-light)}
.vs-advarsel{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:rgba(133,0,240,.12);border:1px solid rgba(180,107,255,.35);font-size:.88rem}
.vs-advarsel.fare{background:rgba(255,92,92,.12);border-color:rgba(255,92,92,.6)}

/* ===== Discord ===== */
.dc-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}
.dc-status{margin:0;font-weight:700;font-size:.88rem}
.dc-status.on{color:#3ddc84}.dc-status.off{color:var(--text-muted)}
.dc-hjaelp{padding:12px 16px;border-radius:14px;background:rgba(8,6,14,.4);border:1px dashed var(--card-border);font-size:.9rem}
.dc-hjaelp summary{cursor:pointer;font-weight:700}
.dc-hjaelp ol{padding-left:20px;margin:10px 0}
.dc-hjaelp li{margin:4px 0}

/* ===== Opdateringer af mods ===== */
.opd{margin-bottom:6px}
.opd-tjekker,.opd-ok{margin:0;font-size:.9rem;color:var(--text-muted)}
.opd-ok{color:#7ff0b0}
.opd-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,rgba(240,154,0,.22),rgba(133,0,240,.12));border:1px solid rgba(240,154,0,.5)}
.opd-liste{list-style:none;margin:0 0 6px;padding:6px 8px;border:1px solid rgba(240,154,0,.35);border-top:0;border-radius:0 0 12px 12px;background:rgba(8,6,14,.5);max-height:220px;overflow:auto}
.opd-liste li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.05)}
.opd-liste li:last-child{border-bottom:0}
.opd-liste small{color:var(--text-muted)}
.opd-igen{all:unset;cursor:pointer;color:var(--orange-light);text-decoration:underline}
.spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-1px}
@keyframes spin{to{transform:rotate(360deg)}}

/* ===== Del med venner ===== */
.min-adresse{position:relative}
.del-pop{position:absolute;z-index:70;top:calc(100% + 8px);left:0;right:0;display:grid;gap:8px;padding:14px;border-radius:14px;
  background:linear-gradient(var(--bg-alt),var(--bg-alt)) padding-box,linear-gradient(135deg,var(--purple),var(--orange)) border-box;border:2px solid transparent;
  box-shadow:0 18px 40px rgba(0,0,0,.6);animation:kMenuInd .15s ease-out}
.del-pop .min-hint{margin:0}
.del-linje input{width:100%;box-sizing:border-box;font-family:ui-monospace,Consolas,monospace;font-size:.82rem}

/* ===== Sir Noobalot forklarer fejl ===== */
.sir-hjaelp{margin-bottom:10px;border-radius:14px;border:1px solid rgba(240,154,0,.55);background:linear-gradient(135deg,rgba(240,154,0,.14),rgba(133,0,240,.1));overflow:hidden;animation:fane-ind .25s ease}
.sir-hjaelp-top{display:flex;align-items:center;gap:10px;padding:8px 12px;font-weight:700;background:rgba(0,0,0,.25)}
.sir-hjaelp-top span{flex:1}
.sir-hjaelp-sir{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(240,154,0,.6))}
.sir-hjaelp-ryd{all:unset;cursor:pointer;font-size:.8rem;color:var(--text-muted);text-decoration:underline}
.sir-hjaelp-liste{display:grid;gap:1px;max-height:260px;overflow:auto}
.sir-kort{display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(14,11,22,.55)}
.sir-kort-tekst{flex:1;min-width:0}
.sir-kort-tekst b{display:block;color:var(--orange-light)}
.sir-kort-tekst p{margin:2px 0 0;font-size:.86rem;color:var(--text)}
.sir-kort .btn{flex:none}
.sir-kort-luk{all:unset;cursor:pointer;opacity:.6;padding:2px 6px}
.sir-kort-luk:hover{opacity:1}

@media (max-width:800px){
  .ud-grid,.dc-grid,.vs-grid{grid-template-columns:1fr}
  .bk-raekke{flex-wrap:wrap}
  .bk-knapper{width:100%;justify-content:flex-end}
  .sir-kort{flex-wrap:wrap}
}

/* ===== Del med venner-siden ===== */
.del-kort{padding:28px;border-radius:22px;border:2px solid transparent;margin-bottom:24px;
  background:linear-gradient(160deg,rgba(133,0,240,.16),rgba(14,11,22,.7)) padding-box,linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(140deg,var(--purple-light),rgba(44,35,71,.95) 50%,var(--orange)) border-box;
  box-shadow:0 30px 60px -30px rgba(133,0,240,.7)}
.del-top{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.del-top h1{margin:2px 0;font-size:clamp(1.8rem,4vw,2.6rem)}
.del-top .eyebrow{margin:0}
.del-top>div{flex:1;min-width:0}
.del-ikon{display:grid;place-items:center;width:72px;height:72px;font-size:2.2rem;flex:none;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(145deg,#ffc04d,#e08a00)}
.del-spil{margin:0;color:var(--text-muted)}
.del-top .status{font-size:.95rem;padding:6px 12px;border-radius:99px;background:rgba(0,0,0,.35)}
.del-adresse{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;border:1px dashed rgba(240,154,0,.6);background:rgba(240,154,0,.08);margin-bottom:16px}
.del-adresse code{flex:1;font-size:clamp(1.1rem,3vw,1.5rem);color:var(--orange-light);word-break:break-all}
.del-fakta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.del-fakta>div{display:grid;gap:4px;padding:12px 14px;border-radius:12px;background:rgba(8,6,14,.55);border:1px solid var(--card-border)}
.del-motd{margin:0 0 8px;padding:10px 14px;border-radius:10px;background:#1d1d1d;font-family:"Courier New",monospace;color:#ccc}
.del-h2{margin:24px 0 12px;font-size:1.3rem}
.del-trin{display:grid;gap:10px;padding:0;margin:0;list-style:none;counter-reset:t}
.del-trin li{counter-increment:t;position:relative;padding:12px 14px 12px 56px;border-radius:12px;background:rgba(8,6,14,.5);border:1px solid var(--card-border);line-height:1.5}
.del-trin li::before{content:counter(t);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;font:700 1rem "Chakra Petch",sans-serif;color:#1a1026;background:linear-gradient(180deg,var(--orange-light),var(--orange));clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.del-trin a{color:var(--orange-light)}
.del-mods{margin-top:16px;padding:12px 16px;border-radius:12px;background:rgba(8,6,14,.45);border:1px solid var(--card-border)}
.del-mods summary{cursor:pointer;font-weight:700}
.del-mods ul{columns:2;margin:10px 0 0;padding-left:18px;font-size:.88rem;color:var(--text-muted)}
.del-rfn{display:flex;gap:18px;align-items:center;padding:20px;border-radius:18px;background:rgba(133,0,240,.1);border:1px solid var(--card-border)}
.del-rfn img{flex:none;object-fit:contain}
.del-rfn p{margin:6px 0 12px;color:var(--text-muted)}
.del-rfn .btn{margin-right:6px}
@media (max-width:640px){.del-fakta{grid-template-columns:1fr}.del-top{flex-wrap:wrap}.del-mods ul{columns:1}.del-rfn{flex-direction:column;text-align:center}}
.min-server .min-adresse .adr-knapper{display:flex;gap:6px;align-self:center}
.ud-boks>.btn{justify-self:start}
.del-kort .del-h2{font-size:1.35rem;margin:26px 0 12px}
@media (max-width:560px){.min-server .min-adresse{grid-template-columns:1fr}.min-server .min-adresse .adr-knapper{justify-self:start}}
.tk-boks{margin-bottom:16px}.tk-boks .kontakt{margin:2px 0}
.tk-resten{display:grid;gap:10px}
.tk-resten .min-hint{margin:0}
.tk-pladser{max-width:260px}

/* ===== 💜 Støtte-Noob: betaling på Medlemskab ===== */
.stoet-flow,.stoet-mine{margin-top:14px;display:grid;gap:10px}
.stoet-metoder{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.stoet-metode{all:unset;cursor:pointer;text-align:center;padding:12px;border-radius:12px;font-weight:700;background:var(--bg-alt);border:2px solid var(--card-border);transition:border-color .15s,transform .15s}
.stoet-metode:hover:not(:disabled){border-color:var(--purple-light);transform:translateY(-2px)}
.stoet-metode:disabled{opacity:.4;cursor:not-allowed}
.stoet-instruks{display:grid;gap:10px;padding:14px;border-radius:14px;background:rgba(133,0,240,.12);border:1px solid rgba(180,107,255,.45);animation:fane-ind .25s ease}
.stoet-trin{margin:0;font-weight:700}
.stoet-kode{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--bg-alt);border:2px dashed var(--orange)}
.stoet-kode span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}
.stoet-kode b{flex:1;font:700 1.5rem/1 "JetBrains Mono",ui-monospace,monospace;color:var(--orange-light);letter-spacing:.06em}
.stoet-liste{margin:0;padding-left:20px;display:grid;gap:6px;font-size:.9rem;text-align:left}
.stoet-raekke{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--bg-alt);font-size:.88rem}
.stoet-raekke small{flex:1;color:var(--text-muted)}
.stoet-raekke.modtaget{border:1px solid rgba(180,107,255,.5)}
.stoet-mini{all:unset;cursor:pointer;font-size:.78rem;color:var(--orange-light);text-decoration:underline}
.hall-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.motm-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.hall-tom{opacity:.85}

/* ===== 💜 Støtte-Noob i Admin-overblikket ===== */
.admin-stoette{margin-top:28px;padding:20px;border-radius:18px;border:1px solid rgba(180,107,255,.45);background:linear-gradient(160deg,rgba(133,0,240,.12),rgba(14,11,22,.5))}
.admin-stoette h3{margin:0 0 6px;display:flex;align-items:center;gap:10px}
.admin-stoette-antal{font-size:.8rem;padding:3px 10px;border-radius:99px;background:var(--orange);color:#1a1026}
.admin-stoette-antal:empty{display:none}
.admin-stoette .admin-chips{margin:12px 0}
.admin-stoette-liste{display:grid;gap:8px}
.st-raekke{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(8,6,14,.55);border:1px solid var(--card-border)}
.st-kode{font:700 1rem "JetBrains Mono",ui-monospace,monospace;color:var(--orange-light);padding:4px 8px;border-radius:8px;background:rgba(240,154,0,.12)}
.st-info{flex:1;min-width:0;display:flex;flex-direction:column}
.st-info small{color:var(--text-muted)}
.st-knapper{display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:640px){.st-raekke{flex-wrap:wrap}.st-knapper{width:100%}}
.stoet-kode b{white-space:nowrap;font-size:1.3rem}.stoet-kode .btn{flex:none}
.stoet-note{margin:0;font-size:.82rem;color:var(--text-muted)}
.stoet-test{margin:0;font-size:.8rem;padding:6px 10px;border-radius:8px;background:rgba(240,154,0,.15);color:var(--orange-light)}
.stoet-svar{margin:0;padding:12px 14px;border-radius:12px;font-weight:600;background:var(--bg-alt);border:1px solid var(--card-border)}
.stoet-svar.tak{border-color:rgba(180,107,255,.7);background:rgba(133,0,240,.18)}
.stoet-svar.fejl{border-color:rgba(255,92,92,.6)}

/* ===== Opret server: alle spil ===== */
.spil-soeg { max-width: 420px; margin: 0 0 18px; }
.spil-gruppe { margin-bottom: 22px; }
.spil-gruppe h4 { margin: 0 0 10px; font-size: .95rem; letter-spacing: .02em; color: var(--text-muted); text-transform: uppercase; }
.trinbar li[hidden], [data-kun-mc][hidden], [data-kun-andet][hidden] { display: none !important; }
.advarsel { background: rgba(255, 193, 7, .12); border: 1px solid rgba(255, 193, 7, .4); border-radius: 10px; padding: 10px 14px; max-width: 560px; margin: 12px auto; text-align: left; }
#kraev-felter .felt-label span { display: block; }
.del-tilslut { background: rgba(133, 0, 240, .12); border-radius: 12px; padding: 14px 16px; }
/* Admin: spil/eggs */
.eg-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; margin-top: 12px; }
.eg-kort { background: var(--card); border: 1px solid var(--card-border); border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; gap: 4px; }
.eg-kort.ok { border-color: rgba(70, 200, 120, .45); }
.eg-kort small { color: var(--text-muted); }
.eg-kort .btn { align-self: flex-start; margin-top: 4px; }
.pakke-tips { background: rgba(255, 170, 0, .08); border: 1px solid rgba(255, 170, 0, .3); border-radius: 12px; padding: 12px 16px; margin: 14px 0 6px; max-width: 900px; }
.pakke-tips ul { margin: 6px 0 0; padding-left: 20px; }
.pakke-tips li { margin: 3px 0; color: var(--text-muted); }
.min-slet-streg { border: 0; border-top: 1px solid var(--card-border); margin: 14px 0; }
.bedrock-laas { margin-bottom: 16px; }
.bedrock-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--card-border); }
.bedrock-top p { margin: 4px 0 0; }
.spil-alle-rad { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 6px 0 10px; }
.opd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.opd-status, .opd-auto { background: var(--card); border: 1px solid var(--card-border); border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.opd-ny { color: var(--orange-light); }
.spil-kategorier { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.spil-kategorier .chip { cursor: pointer; padding: 7px 14px; border-radius: 999px; background: var(--card); border: 1px solid var(--card-border); color: var(--text-muted); font-weight: 600; font-size: .88rem; }
.spil-kategorier .chip:hover { color: var(--text); border-color: var(--purple-light); }
.spil-kategorier .chip.aktiv { background: rgba(133, 0, 240, .25); border-color: var(--purple-light); color: var(--text); }

/* ===== Menu: "Servere" med under-punkter ===== */
.menu-drop{position:relative;display:flex;align-items:center}
.menu-pil{font-size:.75em;margin-left:2px;display:inline-block;transition:transform .15s}
.menu-drop-liste{display:none;position:absolute;top:100%;left:-14px;padding-top:12px;flex-direction:column;min-width:220px;z-index:60}
.menu-drop-liste::before{content:"";position:absolute;inset:12px 0 0;background:var(--bg-alt);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.45);z-index:-1}
.menu-drop-liste a{padding:10px 16px}
.menu-drop:hover .menu-drop-liste,.menu-drop:focus-within .menu-drop-liste{display:flex}
.menu-drop:hover .menu-pil{transform:rotate(180deg)}
@media (max-width:1200px){
  .menu-drop{flex-direction:column;align-items:stretch;width:100%}
  .menu-drop > a .menu-pil{display:none}
  .menu-drop > a{display:none}
  .menu-drop-liste{display:flex;position:static;padding:0;min-width:0}
  .menu-drop-liste::before{display:none}
  .menu-drop-liste a{padding:16px 24px}
}

/* ===== Om os, Kontakt, Regler, Vilkår, Privatliv ===== */
.jura-tekst{max-width:820px}
.jura-tekst h3{margin:32px 0 10px;font-size:1.25rem}
.jura-tekst p,.jura-tekst li{color:var(--text-muted);line-height:1.7}
.jura-tekst strong{color:var(--text)}
.jura-tekst ul,.jura-tekst ol{padding-left:22px}
.jura-tekst li{margin:6px 0}
.noobregler li{margin:10px 0}
.jura-dato{margin-top:32px;font-size:.9rem;opacity:.75}
.jura-tabel-wrap{overflow-x:auto;margin:12px 0}
.jura-tabel{width:100%;border-collapse:collapse;font-size:.93rem;min-width:620px}
.jura-tabel th,.jura-tabel td{border:1px solid var(--card-border);padding:10px 12px;text-align:left;vertical-align:top}
.jura-tabel th{background:var(--card);color:var(--text)}
.jura-tabel td{color:var(--text-muted)}
.udfyld{background:rgba(255,170,0,.25);color:var(--orange-light);padding:0 4px;border-radius:4px}
.kontakt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:10px 0 20px}
.kontakt-kort{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.kontakt-kort p{color:var(--text-muted);flex:1;margin:0}
.kontakt-kort h3{margin:0}
.kontakt-ikon{font-size:2rem}
.stoet-samtykke{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-size:.9rem;color:var(--text-muted);line-height:1.5;text-align:left;cursor:pointer}
.stoet-samtykke input{margin-top:4px;width:18px;height:18px;flex-shrink:0;accent-color:var(--orange)}
.stoet-samtykke.mangler{outline:2px solid var(--orange);outline-offset:6px;border-radius:6px}
/* 404 */
.side404{text-align:center}
.side404 .container{display:flex;flex-direction:column;align-items:center}
.side404-sir{animation:sir404 3s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(133,0,240,.5))}
.side404-knapper{justify-content:center;margin-top:18px}
@keyframes sir404{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}
/* Holdet */
.holdet-sir{display:flex;gap:18px;align-items:center;background:linear-gradient(135deg,rgba(133,0,240,.25),rgba(255,140,0,.12));border:1px solid var(--card-border);border-radius:18px;padding:18px 22px;margin:8px 0 26px;max-width:760px}
.holdet-sir p{margin:4px 0 0;color:var(--text-muted)}
.holdet-gruppe{margin:26px 0}
.holdet-gruppe h3{margin:0 0 4px}
.holdet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:12px}
.holdet-kort{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.holdet-kort img{border-radius:50%;border:3px solid var(--purple-light)}
.holdet-roller{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.holdet-rolle{font-size:.78rem;padding:3px 9px;border-radius:999px;border:1px solid var(--card-border);color:var(--text-muted)}

/* ---------- Medejere ---------- */
.min-medejer{margin:.4rem 0 0;padding:.35rem .7rem;border-radius:10px;background:rgba(166,60,255,.15);color:#e3c8ff;font-weight:700;font-size:.9rem;display:inline-block}
.min-udloeb{margin:.6rem 0 0}
.medejer-liste{list-style:none;padding:0;margin:.6rem 0 1rem;display:grid;gap:.4rem}
.medejer-liste li{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:10px;background:rgba(255,255,255,.05)}
.medejer-link{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.7rem}
.medejer-link .felt{flex:1 1 260px}
.medejer-link small{flex-basis:100%}
.ok-besked{border-color:#1f9d55 !important;background:rgba(31,157,85,.15) !important}

/* ---------- Hurtig start ---------- */
.hurtig-start{border:2px dashed rgba(255,200,60,.45);border-radius:16px;padding:.8rem 1rem;margin-bottom:1.2rem;background:rgba(255,200,60,.06)}
.hurtig-start h4 small{font-weight:400;opacity:.75;font-size:.85rem}

/* ---------- Lige nu (Servere-siden) ---------- */
.lige-nu{border:1px solid rgba(43,212,116,.35);background:rgba(43,212,116,.07);border-radius:18px;padding:1rem 1.2rem;margin:0 0 1.6rem}
.lige-nu-top{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
.lige-nu-top small{opacity:.65;margin-left:auto}
.lige-nu-prik{width:10px;height:10px;border-radius:50%;background:#2bd474;box-shadow:0 0 0 0 rgba(43,212,116,.6);animation:ln-puls 2s infinite}
@keyframes ln-puls{0%{box-shadow:0 0 0 0 rgba(43,212,116,.6)}70%{box-shadow:0 0 0 10px rgba(43,212,116,0)}100%{box-shadow:0 0 0 0 rgba(43,212,116,0)}}
@media (prefers-reduced-motion:reduce){.lige-nu-prik{animation:none}}
.lige-nu-tal{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin:.9rem 0 .6rem}
.lige-nu-tal div{display:flex;flex-direction:column}
.lige-nu-tal b{font-size:1.9rem;line-height:1}
.lige-nu-tal span{opacity:.75;font-size:.9rem}
.lige-nu-spil{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}
.lige-nu-spil li{background:rgba(255,255,255,.06);border-radius:999px;padding:.25rem .7rem;font-size:.9rem}

/* Bunden: linkene må gerne gå på flere linjer, men aldrig knække midt i et link */
.footer-links{flex-wrap:wrap;gap:10px 22px}
.footer-links a{white-space:nowrap}
/* "Lige nu" under de officielle servere */
#lige-nu{margin:2rem 0 0}
.lige-nu-eyebrow{margin:0 0 .5rem}

/* Medejere under "Discord og venner" */
[data-felt="udfold-medejere"]{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.08)}
.medejer-overskrift{margin:0 0 .3rem;font-size:1.05rem}

/* Menuen til højre fylder hele højden, så den flugter med venstre side */
.min-server .min-hoejre{align-self:stretch}
.min-server .min-hoejre > .fane-link:not([hidden]),
.min-server .min-hoejre > details:not([hidden]):not([open]){flex:1 1 0;min-height:64px}
.min-server .min-hoejre > .fane-link{display:flex;align-items:center}
.min-server .min-hoejre > details:not([open]) > summary{height:100%;box-sizing:border-box}

/* ===================== Kontrolrum ===================== */
/* A. Server-kernen: status-prikken bliver en glødende kerne */
.min-server [data-felt="status"] i{width:14px;height:14px;position:relative;background:radial-gradient(circle at 35% 35%,#fff 0 12%,currentColor 45%,color-mix(in srgb,currentColor 40%,#000) 100%);box-shadow:0 0 10px currentColor,0 0 22px color-mix(in srgb,currentColor 50%,transparent)}
.min-server [data-felt="status"].status-online i{animation:kerne-puls 2.2s ease-in-out infinite}
.min-server [data-felt="status"].status-soon i{animation:kerne-puls .9s ease-in-out infinite}
.min-server [data-felt="status"].status-offline i{color:#ff5b6b;box-shadow:0 0 8px rgba(255,91,107,.6)}
.min-server [data-felt="status"].status-offline{color:#ffb3bb}
@keyframes kerne-puls{0%,100%{transform:scale(1);box-shadow:0 0 8px currentColor,0 0 16px color-mix(in srgb,currentColor 40%,transparent)}50%{transform:scale(1.18);box-shadow:0 0 14px currentColor,0 0 34px color-mix(in srgb,currentColor 60%,transparent)}}
/* Hele kortet gløder svagt i serverens farve */
.min-server[data-tilstand="running"]{box-shadow:0 0 0 1px rgba(61,220,132,.18),0 18px 60px -30px rgba(61,220,132,.55)}
.min-server[data-tilstand="starting"],.min-server[data-tilstand="stopping"]{box-shadow:0 0 0 1px rgba(255,190,80,.22),0 18px 60px -30px rgba(255,190,80,.55)}

/* C. Spillere man kan klikke på */
.spiller-chip.klikbar{cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.spiller-chip.klikbar:hover,.spiller-chip.klikbar:focus-visible{transform:translateY(-2px);border-color:var(--orange-light);background:rgba(255,190,80,.12);outline:none}
.spiller-menu{margin-top:.7rem;padding:.8rem;border-radius:14px;border:1px solid rgba(180,107,255,.45);background:linear-gradient(160deg,rgba(133,0,240,.18),rgba(14,11,22,.6));animation:menu-ind .18s ease-out}
.spiller-menu-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}
.spiller-menu-top img{border-radius:8px;image-rendering:pixelated;box-shadow:0 0 0 2px rgba(255,255,255,.12)}
.spiller-menu-top b{font-size:1.05rem}
.spiller-menu-luk{margin-left:auto;background:none;border:0;color:var(--text-muted);font-size:1.1rem;cursor:pointer}
@keyframes menu-ind{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* D. Hurtig-knapper */
.min-hurtig{margin-top:.8rem;position:relative}
.hk-raekke{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.45rem}
.hk-knap{font:600 .88rem/1 inherit;padding:.55rem .8rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}
.hk-knap:hover{transform:translateY(-2px);border-color:var(--purple-light);background:rgba(133,0,240,.22)}
.hk-knap:active{transform:translateY(0) scale(.97)}
.hk-linje{display:flex;gap:.45rem;margin-top:.55rem}
.hk-linje .felt{flex:1}
.hk-kvit{position:absolute;right:0;top:-.2rem;font-size:.85rem;font-weight:700;color:#3ddc84;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.hk-kvit.vis{opacity:1;transform:none}
.hk-kvit.fejl{color:#ff8a95}
.spiller-menu{position:relative}

/* E. Præstationer */
.min-badges{padding:.8rem 1rem;border-radius:14px;border:1px solid rgba(255,190,80,.25);background:linear-gradient(160deg,rgba(255,190,80,.08),rgba(14,11,22,.4))}
.badges-top{display:flex;justify-content:space-between;align-items:center}
.badges-top small{color:var(--orange-light);font-weight:700}
.badges-raekke{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.55rem}
.badge{position:relative;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);cursor:default;transition:transform .15s ease}
.badge:not(.opnaaet) .badge-ikon{filter:grayscale(1);opacity:.5}
.badge.opnaaet{border-color:rgba(255,190,80,.55);background:radial-gradient(circle,rgba(255,190,80,.25),rgba(255,190,80,.04) 70%);box-shadow:0 0 14px -4px rgba(255,190,80,.7)}
.badge:hover,.badge:focus-visible{transform:translateY(-3px);outline:none;z-index:5}
.badge-ikon{font-size:1.35rem}
.badge-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:190px;padding:.6rem .7rem;border-radius:10px;background:#16111f;border:1px solid rgba(180,107,255,.45);box-shadow:0 10px 30px rgba(0,0,0,.5);display:none;flex-direction:column;gap:.25rem;font-size:.82rem;text-align:left;z-index:10}
.badge:hover .badge-tip,.badge:focus-visible .badge-tip{display:flex}
.badge-tip span{color:var(--text-muted)}
.badge-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.badge-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--purple-light),var(--orange-light))}
.badge-ok{color:#3ddc84;font-weight:700}
@media (prefers-reduced-motion:reduce){.min-server [data-felt="status"] i{animation:none}}
/* Præstationer i toppen af kortet, under status */
.min-top-hoejre{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}
.min-server-top .min-badges{padding:0;border:0;background:none}
.min-server-top .badges-top{justify-content:flex-end;gap:.5rem}
.min-server-top .badges-top .min-info-label{font-size:.7rem}
.min-server-top .badges-raekke{margin-top:.3rem;gap:.35rem;justify-content:flex-end}
.min-server-top .badge{width:32px;height:32px;border-radius:9px}
.min-server-top .badge-ikon{font-size:1rem}
.min-server-top .badge-tip{bottom:auto;top:calc(100% + 8px);left:auto;right:0;transform:none}
@media (max-width:700px){.min-server-top{flex-wrap:wrap}.min-top-hoejre{align-items:flex-start;width:100%}.min-server-top .badges-raekke,.min-server-top .badges-top{justify-content:flex-start}.min-server-top .badge-tip{right:auto;left:0}}
/* Menuen til højre: fylder højden, men knapperne bliver ikke kæmpestore */
.min-server .min-hoejre > .fane-link:not([hidden]),.min-server .min-hoejre > details:not([hidden]):not([open]){max-height:120px}

/* ===== Foldbare serverkort: kun toppen vises, til man klikker ===== */
.min-server-top[role="button"]{cursor:pointer;user-select:none}
.min-server-top[role="button"]:focus-visible{outline:2px solid var(--orange-light);outline-offset:-2px}
.min-fold{order:3;align-self:center;font-size:1.3rem;color:var(--orange-light);transition:transform .25s ease;margin-left:.2rem}
.min-server-top .min-top-hoejre{order:2;margin-left:auto}
.min-server:not(.lukket) .min-fold{transform:rotate(180deg)}
.min-server.lukket .min-server-krop,
.min-server.lukket [data-felt="udfold"],
.min-server.lukket .min-job,
.min-server.lukket .min-besked{display:none !important}
.min-mini{display:none;margin:.25rem 0 0;font:500 .85rem "JetBrains Mono",ui-monospace,monospace;color:var(--orange-light)}
.min-server.lukket .min-mini{display:block}
.min-server.lukket{transition:box-shadow .2s ease}
.min-server.lukket:hover{box-shadow:0 0 0 1px rgba(255,190,80,.35),0 18px 50px -30px rgba(255,190,80,.6)}
.min-server.lukket .min-server-top{border-bottom:0}
.min-servere{gap:16px}

/* ===== Mere kompakt panel ===== */
/* Målerne: lille ring til venstre, tekst til højre */
.min-server .min-maalere>div{flex-direction:row;justify-content:flex-start;gap:10px;padding:8px 10px;text-align:left}
.min-server .min-maalere .bar{width:46px;height:46px;flex-shrink:0}
.min-server .min-maalere .bar::after{font-size:.78rem}
.min-server .min-maalere>div>span{order:2}
.min-server .min-maalere>div{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}
.min-server .min-maalere .bar{grid-row:1 / span 2;grid-column:1}
.min-server .min-maalere>div>span{grid-column:2;grid-row:1;align-self:end}
.min-server .min-maalere small{grid-column:2;grid-row:2;align-self:start}
/* MOTD står allerede i navnet og under Indstillinger → Udseende */
.min-server .min-motd{display:none !important}
.min-server .min-venstre{gap:12px}
.min-server .min-spillere{padding-top:12px;padding-bottom:12px}
/* Menuen til højre: lidt lavere knapper */
.min-server .min-hoejre > .fane-link:not([hidden]),.min-server .min-hoejre > details:not([hidden]):not([open]){max-height:96px;min-height:58px}
.min-server .min-maalere small{white-space:nowrap;font-size:.7rem}

/* Tydelig "fold ud"-knap i toppen af kortet */
.min-fold{font-size:0;margin-left:.6rem;align-self:center;transform:none !important}
.min-fold::before{content:"Åbn panel";display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .95rem;border-radius:12px;font:700 .82rem "Chakra Petch",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#1a1024;background:linear-gradient(135deg,var(--orange-light),#f09a00);box-shadow:0 6px 18px -6px rgba(240,154,0,.75);white-space:nowrap}
.min-fold::after{content:"▼";font-size:.85rem;color:#1a1024;margin-left:-1.9rem;margin-right:.95rem;display:inline-block;transition:transform .25s ease;vertical-align:middle}
.min-fold{display:inline-flex;align-items:center}
.min-server:not(.lukket) .min-fold::before{content:"Luk panel";color:var(--text);background:rgba(255,255,255,.08);box-shadow:none;border:1px solid rgba(255,255,255,.18)}
.min-server:not(.lukket) .min-fold::after{transform:rotate(180deg);color:var(--text)}
.min-fold::before{padding-right:2.3rem}
.min-server.lukket .min-server-top:hover .min-fold::before{filter:brightness(1.08);transform:translateY(-1px)}
.min-server.lukket .min-fold::after{animation:fold-hop 1.8s ease-in-out infinite}
@keyframes fold-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@media (prefers-reduced-motion:reduce){.min-server.lukket .min-fold::after{animation:none}}
@media (max-width:700px){.min-fold{order:4;width:100%;margin:.6rem 0 0}.min-fold::before{width:100%;justify-content:center}}

/* ===== Sov-tilstand, aktivitetslog og spillerstatistik ===== */
.min-sover{margin:.6rem 0 0;padding:.65rem .9rem;border-radius:12px;background:rgba(120,140,255,.12);border:1px solid rgba(140,160,255,.35);color:#d6dcff;font-weight:600}
.sov-linje{display:flex;align-items:center;gap:.6rem;margin:.7rem 0;font-weight:600}
.sov-linje input[type="checkbox"]{width:20px;height:20px;accent-color:var(--purple-light)}
.akt-liste{list-style:none;margin:.8rem 0 .4rem;padding:0;display:grid;gap:.35rem;max-height:420px;overflow:auto}
.akt-liste li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:10px;background:rgba(255,255,255,.04)}
.akt-liste li.system{background:rgba(255,190,80,.07)}
.akt-ikon{font-size:1.1rem;text-align:center}
.akt-tekst b{color:var(--orange-light)}
.akt-tid{font-size:.8rem;color:var(--text-muted);white-space:nowrap}
.stat-tal{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.9rem 0 1.1rem}
.stat-tal>div{padding:.7rem;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--card-border);display:flex;flex-direction:column;gap:.2rem}
.stat-tal b{font:700 1.4rem "Chakra Petch",sans-serif;color:var(--orange-light)}
.stat-tal span{font-size:.8rem;color:var(--text-muted)}
.stat-top{list-style:none;margin:.5rem 0 1.2rem;padding:0;display:grid;gap:.4rem}
.stat-top li{display:grid;grid-template-columns:2rem 28px minmax(80px,auto) 1fr auto;align-items:center;gap:.6rem}
.stat-top img{border-radius:6px;image-rendering:pixelated}
.stat-plads{text-align:center;font-weight:700}
.stat-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.stat-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--purple-light),var(--orange-light))}
.stat-tid{font-size:.85rem;color:var(--text-muted);white-space:nowrap}
.stat-timer{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;height:120px;align-items:end;margin:.6rem 0 .2rem}
.stat-time{display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:4px}
.stat-time i{display:block;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--purple-light),rgba(133,0,240,.35))}
.stat-time.nu i{background:linear-gradient(180deg,var(--orange-light),rgba(240,154,0,.4))}
.stat-time small{font-size:.65rem;color:var(--text-muted);text-align:center;height:.9rem}
@media (max-width:600px){.stat-tal{grid-template-columns:1fr}.stat-top li{grid-template-columns:2rem 28px 1fr auto}.stat-bar{display:none}}
.stat-top li{grid-template-columns:2rem 28px minmax(80px,auto) 1fr 6.5rem;padding-right:.3rem}.stat-tid{text-align:right}

/* ===== Chat i spillet ===== */
.chat-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.9rem 0 .6rem}
.chat-bar input[type="search"]{flex:1 1 200px}
.chat-kun{display:flex;align-items:center;gap:.35rem;font-size:.88rem;white-space:nowrap}
.chat-liste{list-style:none;margin:0 0 .4rem;padding:.4rem;display:flex;flex-direction:column;gap:2px;height:380px;overflow:auto;border-radius:12px;background:rgba(8,6,14,.55);border:1px solid var(--card-border);font-size:.92rem}
.chat-liste li{display:grid;grid-template-columns:3rem 1.5rem 1fr;gap:.4rem;align-items:baseline;padding:.25rem .4rem;border-radius:6px}
.chat-liste li:hover{background:rgba(255,255,255,.04)}
.chat-kl{font:500 .78rem "JetBrains Mono",ui-monospace,monospace;color:var(--text-muted)}
.chat-ikon{text-align:center;font-size:.85rem}
.chat-tekst{overflow-wrap:anywhere}
.chat-chat b,.chat-say b{color:var(--orange-light)}
.chat-say .chat-tekst{color:#c9b8ff}
.chat-join,.chat-leave,.chat-adv,.chat-doed{color:var(--text-muted);font-size:.86rem}
.chat-join b,.chat-leave b,.chat-adv b,.chat-doed b{color:var(--text)}
.chat-adv .chat-tekst{color:#ffd88a}

/* ===== HUD i toppen af et foldet kort ===== */
.min-hud{display:none;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:.55rem}
.min-server.lukket .min-hud{display:flex}
.min-server.lukket .min-mini{display:flex;align-items:center;gap:.5rem}
.min-mini .hud-kopier{display:none}
.min-server.lukket .min-mini .hud-kopier{display:inline-block}
.hud-kopier{font:700 .68rem "Chakra Petch",sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .5rem;border-radius:6px;border:1px solid rgba(255,190,80,.45);background:rgba(255,190,80,.1);color:var(--orange-light);cursor:pointer}
.hud-kopier:hover{background:rgba(255,190,80,.22)}
.hud-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:999px;background:rgba(10,6,20,.45);border:1px solid rgba(255,255,255,.1);font-size:.8rem;color:var(--text);white-space:nowrap}
.hud-spillere img{width:20px;height:20px;border-radius:4px;image-rendering:pixelated;margin-right:-.15rem;box-shadow:0 0 0 2px rgba(10,6,20,.8)}
.hud-maal small{font:700 .64rem "Chakra Petch",sans-serif;letter-spacing:.1em;color:var(--text-muted)}
.hud-maal i{display:block;width:48px;height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.hud-maal i b{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#3ddc84,#b6f5c9);transition:width .5s ease}
.hud-maal i b.hoej{background:linear-gradient(90deg,#f09a00,#ff5b6b)}
.hud-maal em{font-style:normal;font-size:.78rem;min-width:2.3rem;text-align:right}
.hud-power{font:700 .74rem "Chakra Petch",sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:.38rem .8rem;border-radius:999px;border:0;cursor:pointer;transition:transform .12s ease,filter .12s ease}
.hud-power.taend{background:linear-gradient(135deg,#3ddc84,#1fae5f);color:#06210f}
.hud-power.sluk{background:rgba(255,91,107,.16);color:#ffb3bb;border:1px solid rgba(255,91,107,.45)}
.hud-power:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}
.hud-power:disabled{opacity:.6;cursor:default}

/* Foldede kort har altid samme højde: én linje titel, én linje info */
.min-server.lukket .min-server-top{min-height:132px;align-items:center;padding-top:16px;padding-bottom:16px}
.min-server.lukket .min-server-titel{flex:1 1 0;min-width:0}
.min-server.lukket .min-server-titel h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.min-server.lukket .min-spil{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.min-server.lukket .min-mini{margin:.2rem 0 0}
.min-server.lukket .min-hud{flex-wrap:nowrap;overflow:hidden;margin-top:.45rem;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.min-server.lukket .min-hud>*{flex-shrink:0}
.min-server.lukket .hud-chip{padding:.22rem .55rem;font-size:.76rem}
.min-server.lukket .hud-maal i{width:38px}
.min-server.lukket .hud-power{padding:.3rem .7rem;font-size:.7rem}
.min-server.lukket .min-top-hoejre{gap:.35rem}
@media (max-width:1100px){.min-server.lukket [data-felt="hud-oppetid"],.min-server.lukket [data-felt="hud-version"]{display:none}}

/* ===================== Sir Noobalot 2.0 ===================== */
.sir.spoerger{max-width:min(460px,calc(100vw - 36px))}
.sir.spoerger .sir-boble{width:min(360px,calc(100vw - 150px));max-height:min(78vh,680px)}
.sir-knapper{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 8px}
.sir-knapper:empty{display:none}
.sir-knapper .btn,.sir-besked-knapper .btn{font-size:.72rem;padding:6px 10px}
.sir-chat{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto;margin:6px 0 8px;padding-right:2px}
.sir-besked{padding:8px 10px;border-radius:12px;font-size:.86rem;line-height:1.45;max-width:92%}
.sir-besked p{margin:0}
.sir-besked.fra-sir{background:rgba(133,0,240,.18);border:1px solid rgba(180,107,255,.3);align-self:flex-start;border-bottom-left-radius:4px}
.sir-besked.fra-mig{background:rgba(255,190,80,.14);border:1px solid rgba(255,190,80,.3);align-self:flex-end;border-bottom-right-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere}
.sir-svar-titel{display:block;color:var(--orange-light);margin-bottom:3px;font-size:.86rem}
.sir-besked-knapper{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.sir-skriv{display:flex;gap:6px;align-items:flex-end}
.sir-skriv textarea{flex:1;resize:none;min-height:70px;max-height:160px;font-size:.86rem;padding:8px 10px;line-height:1.35}
.sir-emner{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.sir-emne{all:unset;cursor:pointer;font-size:.74rem;font-weight:700;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.sir-emne:hover,.sir-emne.aktiv{background:rgba(133,0,240,.3);border-color:var(--purple-light)}
.sir-emne-liste{display:flex;flex-direction:column;gap:3px;margin-top:6px}
.sir-emne-liste:empty{display:none}
.sir-q{all:unset;cursor:pointer;font-size:.8rem;padding:5px 8px;border-radius:8px;color:var(--text)}
.sir-q:hover{background:rgba(255,255,255,.06);color:var(--orange-light)}
.sir-q::before{content:"› ";color:var(--orange-light)}
.sir-fod{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:8px;border-top:1px solid var(--card-border)}
.sir-fod-knap{all:unset;cursor:pointer;font-size:.74rem;font-weight:700;color:var(--purple-light);padding:3px 6px;border-radius:6px}
.sir-fod-knap:hover{background:rgba(180,107,255,.15)}
.min-find-fejl{margin-top:.5rem}
/* Rundvisning */
.tur{position:fixed;inset:0;z-index:200;pointer-events:none}
.tur-lys{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px rgba(6,3,12,.72),0 0 0 3px var(--orange-light),0 0 30px rgba(255,190,80,.5);transition:all .3s ease;pointer-events:none}
.tur-kasse{position:fixed;width:min(320px,calc(100vw - 20px));padding:14px 16px;border-radius:14px;background:#1d1531;border:2px solid var(--purple-light);box-shadow:0 18px 50px rgba(0,0,0,.6);pointer-events:auto;transition:top .3s ease,left .3s ease}
.tur-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.tur-top b{font:700 .8rem "Chakra Petch",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--orange-light)}
.tur-kasse p{margin:0 0 12px;font-size:.92rem;line-height:1.5}
.tur-knapper{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
@media (max-width:600px){.sir.spoerger .sir-boble{width:calc(100vw - 40px)}.sir.spoerger .sir-figur{display:none}}

/* Præstationernes info-boks svæver over siden (åbner opad) */
.badge .badge-tip,.badge:hover .badge-tip,.badge:focus-visible .badge-tip{display:none !important}
.badge-flyde{position:fixed;z-index:300;width:200px;padding:.6rem .7rem;border-radius:10px;background:#16111f;border:1px solid rgba(180,107,255,.55);box-shadow:0 10px 30px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;pointer-events:none}
.badge-flyde[hidden]{display:none}
.badge-flyde span{color:var(--text-muted)}
.badge-flyde .badge-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.badge-flyde .badge-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--purple-light),var(--orange-light))}
.badge-flyde .badge-ok{color:#3ddc84;font-weight:700}

/* 🎫 Hjælp og tickets (Min side + admin) */
.tk-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:.6rem}
.tk-top .min-hint{flex:1 1 280px;margin:0}
.tk-liste{list-style:none;margin:.4rem 0;padding:0;display:grid;gap:.4rem}
.tk-raekke{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:.7rem;padding:.65rem .8rem;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--card-border);cursor:pointer}
.tk-raekke:hover,.tk-raekke:focus{border-color:var(--purple-light);outline:none}
.tk-raekke.lukket{opacity:.6}
.tk-ikon{font-size:1.2rem;text-align:center}
.tk-info{display:grid;gap:.1rem;min-width:0}
.tk-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-info small{color:var(--text-muted)}
.tk-status{font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;background:rgba(255,190,80,.15);color:#ffc65c;white-space:nowrap}
.tk-status.besvaret{background:rgba(133,0,240,.2);color:var(--purple-light)}
.tk-status.lukket{background:rgba(80,220,120,.13);color:#6fe39a}
.tk-ny{display:grid;gap:.4rem;max-width:640px}
.tk-ny .felt{max-width:100%}
.tk-ny>button:first-child{justify-self:start;margin-bottom:.4rem}
.tk-ny>.btn[type=submit]{justify-self:start;margin-top:.4rem}
.tk-sir{border:1px solid rgba(255,190,80,.35);background:rgba(255,190,80,.07);border-radius:12px;padding:.8rem 1rem;display:grid;gap:.5rem;margin-bottom:.4rem}
.tk-sir-fund p{margin:.2rem 0 0;color:var(--text-muted)}
.tk-maade{border:0;padding:0;margin:.3rem 0;display:grid;gap:.4rem}
.tk-maade legend{font-weight:600;margin-bottom:.4rem}
.tk-valg{display:flex;gap:.6rem;align-items:flex-start;padding:.6rem .8rem;border-radius:12px;border:1px solid var(--card-border);cursor:pointer}
.tk-valg:has(input:checked){border-color:var(--purple-light);background:rgba(133,0,240,.1)}
.tk-valg span{display:grid}
.tk-valg small{color:var(--text-muted)}
.tk-titel{margin:.4rem 0 .1rem}
.tk-traad{list-style:none;padding:0;margin:.8rem 0;display:grid;gap:.5rem;max-height:460px;overflow:auto}
.tk-besked{padding:.6rem .8rem;border-radius:12px;background:rgba(255,255,255,.05);margin-right:15%}
.tk-besked.staff{background:rgba(133,0,240,.14);margin:0 0 0 15%}
.tk-besked.sir{background:rgba(255,190,80,.08);margin:0 7%}
.tk-besked p{margin:.25rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.tk-hoved{display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap}
.tk-hoved small{color:var(--text-muted)}
.tk-ekstra{margin:.4rem 0;border:1px solid var(--card-border);border-radius:10px;padding:.5rem .8rem}
.tk-ekstra summary{cursor:pointer;font-weight:600}
.tk-konsol{max-height:260px;overflow:auto;font-size:.78rem;background:rgba(0,0,0,.35);padding:.6rem;border-radius:8px;white-space:pre-wrap}
.tk-svar{display:grid;gap:.5rem;margin-top:.6rem}
.tk-svar .felt{max-width:100%}
.tk-svar .knaprad{display:flex;gap:.5rem;flex-wrap:wrap}
.tk-admin-server{font-size:.85rem;color:var(--text-muted)}
/* 🎫 Tickets øverst på Min side */
.tk-knap{position:relative}
.tk-knap.aktiv{border-color:var(--purple-light);background:rgba(133,0,240,.18)}
.tk-antal{display:inline-grid;place-items:center;min-width:1.4em;height:1.4em;padding:0 .35em;margin-left:.3em;border-radius:999px;background:#ffc65c;color:#1a0d00;font-size:.75rem;font-weight:800}
.tk-antal.nyt{background:var(--purple-light);color:#fff;animation:tk-puls 1.6s ease-in-out infinite}
@keyframes tk-puls{50%{box-shadow:0 0 0 6px rgba(180,107,255,.25)}}
.tk-side{background:var(--card);border:1px solid var(--card-border);border-radius:18px;padding:1rem 1.2rem 1.2rem;margin:0 0 1.4rem}
.tk-overskrift{margin:0;font-size:1.2rem}

/* ===== 🎫 Ticket-chat med Sir Noobalot (sir-ticket.js) ===== */
.tkchat{position:fixed;right:18px;bottom:128px;z-index:1200;width:min(370px,calc(100vw - 24px));height:min(520px,calc(100vh - 160px));display:flex;flex-direction:column;
  border:1px solid transparent;border-radius:18px;overflow:hidden;
  background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(140deg,rgba(180,107,255,.75),rgba(44,35,71,.95) 45%,rgba(240,154,0,.6)) border-box;
  box-shadow:0 24px 60px -18px rgba(0,0,0,.75),0 0 40px -12px rgba(133,0,240,.6);animation:tkchat-ind .25s ease}
.tkchat[hidden]{display:none}
@keyframes tkchat-ind{from{opacity:0;transform:translateY(16px) scale(.97)}}
.tkchat-top{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(90deg,rgba(133,0,240,.45),rgba(240,154,0,.18))}
.tkchat-top img{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 50% 60%,rgba(133,0,240,.7),rgba(240,154,0,.3) 60%,transparent 72%)}
.tkchat-hvem{flex:1;min-width:0;line-height:1.2}
.tkchat-hvem b{font-family:"Chakra Petch",sans-serif;color:var(--orange-light);letter-spacing:.03em}
.tkchat-hvem small{display:block;color:var(--text-muted);font-size:.76rem}
.tkchat-min,.tkchat-lyd{all:unset;cursor:pointer;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-weight:800;font-size:1.05rem;color:var(--text)}
.tkchat-min:hover,.tkchat-lyd:hover{background:rgba(255,255,255,.1)}
.tkchat-valg{display:flex;gap:6px;overflow-x:auto;padding:8px 10px 6px;border-bottom:1px solid var(--card-border);scrollbar-width:thin}
.tkchat-valg[hidden]{display:none}
.tkchat-fane{all:unset;cursor:pointer;position:relative;flex:none;max-width:150px;padding:5px 10px;border-radius:999px;font-size:.74rem;font-weight:700;color:var(--text-muted);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--card-border)}
.tkchat-fane span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tkchat-fane:hover{color:var(--text)}
.tkchat-fane.aktiv{color:#fff;background:linear-gradient(180deg,rgba(166,60,255,.5),rgba(111,0,201,.4));box-shadow:inset 0 0 0 1px var(--purple-light)}
.tkchat-fane.lukket{opacity:.55}
.tkchat-fane.nyt::after{content:"";position:absolute;top:1px;right:2px;width:9px;height:9px;border-radius:50%;background:#ff5a62;box-shadow:0 0 8px rgba(255,90,98,.9)}
.tkchat-titel{padding:8px 14px;font-size:.8rem;font-weight:700;color:var(--text-muted);border-bottom:1px solid var(--card-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tkchat-traad{flex:1;overflow:auto;list-style:none;margin:0;padding:12px;display:flex;flex-direction:column;gap:8px}
.tkchat-msg{max-width:84%;padding:8px 11px;border-radius:14px;background:rgba(255,255,255,.06);font-size:.88rem}
.tkchat-msg b{display:block;font-size:.75rem;color:var(--purple-light);margin-bottom:2px}
.tkchat-msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}
.tkchat-msg small{display:block;margin-top:3px;font-size:.68rem;color:var(--text-muted)}
.tkchat-msg.tk-mig{align-self:flex-end;background:linear-gradient(180deg,#9b34f5,#6f00c9);border-bottom-right-radius:4px}
.tkchat-msg.tk-mig small{color:rgba(255,255,255,.75)}
.tkchat-msg.tk-staff,.tkchat-msg.tk-anden{align-self:flex-start;border-bottom-left-radius:4px}
.tkchat-msg.tk-staff{background:rgba(133,0,240,.18);box-shadow:inset 0 0 0 1px rgba(180,107,255,.35)}
.tkchat-msg.tk-sir{align-self:center;max-width:94%;text-align:center;background:rgba(240,154,0,.09);box-shadow:inset 0 0 0 1px rgba(240,154,0,.3)}
.tkchat-msg.tk-sir p{color:#f3e6cc}
.tkchat-skriv{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid var(--card-border)}
.tkchat-skriv[hidden]{display:none}
.tkchat-skriv textarea{flex:1;resize:none;max-height:120px;padding:9px 11px;border-radius:12px;background:var(--bg-alt);border:1px solid var(--card-border);color:var(--text);font:inherit;font-size:.9rem}
.tkchat-skriv textarea:focus{outline:none;border-color:var(--purple-light);box-shadow:0 0 0 3px rgba(133,0,240,.3)}
.tkchat-skriv button{all:unset;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(180deg,#ffc04d,#e08a00);color:#1a1000;font-weight:900}
.tkchat-skriv button:disabled{opacity:.5}
.tkchat-fod{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 12px 10px;font-size:.7rem;color:var(--text-muted)}
.tkchat-luk-ticket{all:unset;cursor:pointer;color:var(--text-muted);font-weight:700;white-space:nowrap}
.tkchat-luk-ticket:hover{color:#6fe39a}
/* Lille taleboble fra Sir Noobalot med antallet af chats i gang */
.tkchat-boble{position:fixed;right:96px;bottom:92px;z-index:1190;cursor:pointer;border:0;padding:0;min-width:38px;height:34px;
  display:grid;place-items:center;border-radius:14px;color:#fff;
  background:linear-gradient(180deg,#a63cff,#6f00c9);box-shadow:0 6px 18px rgba(0,0,0,.45),0 0 0 2px var(--bg);
  transition:transform .15s ease;animation:tkchat-ind .25s ease}
.tkchat-boble::after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-6px;border:6px solid transparent;border-top:9px solid #6f00c9;border-bottom:0}
.tkchat-boble:hover{transform:translateY(-2px) scale(1.06)}
.tkchat-boble[hidden]{display:none}
.tkchat-tal{font:800 1rem "Chakra Petch",sans-serif;padding:0 10px}
.tkchat-boble.nyt{background:linear-gradient(180deg,#ff5a62,#c3232b);animation:tk-puls 1.6s ease-in-out infinite}
.tkchat-boble.nyt::after{border-top-color:#c3232b}
/* ❗ på Sir Noobalot, når en ticket venter */
.sir-figur{position:relative}
.sir-udraab{position:absolute;top:-2px;right:-2px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(180deg,#ff5a62,#c3232b);color:#fff;font:900 1.05rem "Chakra Petch",sans-serif;
  box-shadow:0 0 0 3px var(--bg),0 0 16px rgba(255,90,98,.8);animation:sir-udraab 1.2s ease-in-out infinite}
@keyframes sir-udraab{50%{transform:scale(1.18) rotate(8deg)}}
@media (max-width:640px){.tkchat{right:8px;bottom:92px}.tkchat-boble{right:66px;bottom:60px}.tkchat{height:min(480px,calc(100vh - 120px))}}
@media (prefers-reduced-motion:reduce){.sir-udraab,.tkchat-boble.nyt,.tkchat{animation:none}}

/* ===== 🎮 Games for Noobs: Vores spil og Ranglister (demo) ===== */
.spil-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;margin:28px 0}
.spil-kort{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;border:1px solid transparent;border-radius:var(--radius);
  background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(140deg,rgba(180,107,255,.55),rgba(44,35,71,.95) 45%,rgba(240,154,0,.45)) border-box;
  transition:transform .2s ease,box-shadow .25s ease}
.spil-kort:hover,.spil-kort:focus-visible{transform:translateY(-4px);box-shadow:0 22px 50px -26px rgba(133,0,240,.85);z-index:5}
.spil-billede{position:relative;height:190px;display:grid;place-items:center;border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;overflow:hidden;
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 45%),linear-gradient(135deg,var(--a),var(--b))}
.spil-billede span{font-size:4.6rem;margin-bottom:26px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45));transition:transform .25s}
.spil-kort:hover .spil-billede span{transform:scale(1.12) rotate(-6deg)}
.spil-billede em{position:absolute;top:10px;left:10px;font:700 .62rem "Chakra Petch",sans-serif;font-style:normal;letter-spacing:.05em;text-transform:uppercase;background:rgba(14,11,22,.7);padding:4px 9px;border-radius:999px}
.spil-status{position:absolute;top:10px;right:10px;font:700 .62rem "Chakra Petch",sans-serif;font-style:normal;letter-spacing:.04em;text-transform:uppercase;background:rgba(14,11,22,.75);padding:4px 9px;border-radius:999px}
.spil-billede h3{position:absolute;left:0;right:0;bottom:0;margin:0;padding:26px 14px 10px;font-size:1.3rem;text-shadow:0 2px 8px rgba(0,0,0,.6);background:linear-gradient(transparent,rgba(14,11,22,.85))}
.spil-bund{padding:12px 14px}
.spil-tags{display:flex;flex-wrap:wrap;gap:6px}
.spil-tags span{font-size:.75rem;font-weight:600;padding:3px 9px;border-radius:999px;background:rgba(133,0,240,.15);color:var(--purple-light)}
/* Info om spillet popper ned, når man holder musen over (eller trykker på mobil) */
.spil-pop{position:absolute;left:-1px;right:-1px;top:calc(100% - 10px);padding:14px 16px;border-radius:0 0 var(--radius) var(--radius);
  background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(140deg,rgba(180,107,255,.55),rgba(240,154,0,.45)) border-box;border:1px solid transparent;border-top:0;
  box-shadow:0 22px 40px -18px rgba(0,0,0,.8);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.spil-pop p{margin:0;color:var(--text);font-size:.92rem;line-height:1.5}
.spil-kort:hover .spil-pop,.spil-kort:focus-visible .spil-pop{opacity:1;visibility:visible;transform:none}
.spil-kort:hover,.spil-kort:focus-visible{border-radius:var(--radius) var(--radius) 0 0}
.spil-kort:focus-visible{outline:3px solid var(--purple-light);outline-offset:3px}
.spil-kort.ryst{animation:spil-ryst .4s ease}
@keyframes spil-ryst{20%{transform:translateX(-6px) rotate(-1deg)}40%{transform:translateX(6px) rotate(1deg)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
.kommer-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px}
.kommer-cta p{margin:0 8px 0 0;color:var(--text-muted)}
.rl-faner{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 14px}
.rl-faner .chip{cursor:pointer;padding:8px 16px;border-radius:999px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted);font:600 .9rem Inter,sans-serif}
.rl-faner .chip.aktiv{background:rgba(133,0,240,.25);border-color:var(--purple-light);color:var(--text)}
.rl-boks{padding:22px 24px}
.rl-boks h3{margin:0 0 6px}
.rl-boks ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
/* Podie til top 3 */
.rl-podie{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;max-width:620px;margin:8px auto 22px}
.rl-podie-plads{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;position:relative;animation:rl-op .6s cubic-bezier(.2,.8,.3,1.2) both;animation-delay:var(--d)}
.rl-podie-plads .rl-avatar.stor{width:64px;height:64px;font-size:1.5rem}
.rl-podie-plads.p1 .rl-avatar.stor{width:84px;height:84px;font-size:2rem;box-shadow:0 0 0 3px var(--card),0 0 0 5px #ffd24d,0 0 28px rgba(255,210,77,.6);animation:rl-glimt 2.6s ease-in-out infinite}
.rl-podie-plads.p2 .rl-avatar.stor{box-shadow:0 0 0 3px var(--card),0 0 0 5px #d6dbe6}
.rl-podie-plads.p3 .rl-avatar.stor{box-shadow:0 0 0 3px var(--card),0 0 0 5px #d98a4e}
.rl-krone{font-size:1.8rem;margin-bottom:-12px;z-index:1;animation:rl-svaev 2.4s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(255,210,77,.5))}
.rl-podie-navn{font-weight:700;font-size:.95rem;line-height:1.2}
.rl-podie-score{font:700 1.05rem "Chakra Petch",sans-serif;color:var(--orange-light)}
.rl-blok{width:100%;display:grid;place-items:start center;padding-top:8px;font-size:1.6rem;border-radius:12px 12px 4px 4px;
  background:linear-gradient(180deg,rgba(133,0,240,.38),rgba(133,0,240,.08));border:1px solid rgba(180,107,255,.35);border-bottom:0}
.p1 .rl-blok{height:110px;background:linear-gradient(180deg,rgba(255,210,77,.35),rgba(240,154,0,.06));border-color:rgba(255,210,77,.5)}
.p2 .rl-blok{height:78px}
.p3 .rl-blok{height:56px}
/* Rækker 4+ */
.rl-raekke{display:grid;grid-template-columns:44px 38px 1fr 42px auto auto;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.03);
  animation:rl-ind .45s ease both;animation-delay:var(--d);transition:background .2s,transform .2s}
.rl-raekke:hover{background:rgba(133,0,240,.12);transform:translateX(4px)}
.rl-plads{text-align:center;font:700 1.1rem "Chakra Petch",sans-serif;color:var(--text-muted)}
.rl-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 .95rem "Chakra Petch",sans-serif;color:#fff;object-fit:cover;
  background:linear-gradient(135deg,hsl(var(--h,270) 80% 58%),hsl(calc(var(--h,270) + 40) 80% 42%))}
.rl-navn{font-weight:700}
.rl-ild{font-size:.78rem;font-weight:700;color:#ffb347;margin-left:4px;white-space:nowrap}
.rl-flyt{font:700 .8rem "Chakra Petch",sans-serif;color:var(--text-muted);text-align:center}
.rl-flyt.op{color:#3ddc84}.rl-flyt.ned{color:#ff5c6c}
.rl-ekstra{font-size:.82rem;color:var(--text-muted)}
.rl-score{font:700 1.15rem "Chakra Petch",sans-serif;color:var(--orange-light);min-width:90px;text-align:right}
.rl-forklar{margin:12px 0 0;font-size:.78rem;color:var(--text-muted);text-align:right}
/* Din plads – altid synlig nederst */
.rl-mig{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 16px;border-radius:14px;
  background:rgba(24,18,38,.92);backdrop-filter:blur(8px);border:1px solid var(--purple-light);box-shadow:0 12px 30px -12px rgba(133,0,240,.7);animation:rl-ind .5s ease both .6s}
.rl-mig .rl-plads{color:var(--purple-light);min-width:32px}
.rl-mig-tekst{flex:1}
.rl-mig-tekst em{font-style:normal;color:var(--orange-light)}
.rl-mig-demo{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border:1px solid var(--card-border);padding:2px 8px;border-radius:999px}
.rl-mig .btn{padding:8px 16px}
.rl-mig{margin-right:76px}
/* 🍾 Nr. 1 fejrer med champagne, og der drysser konfetti */
.rl-podie{position:relative}
.rl-konfetti{position:absolute;left:0;right:0;top:-30px;bottom:0;overflow:hidden;pointer-events:none;z-index:2}
.rl-konfetti i{position:absolute;top:-14px;width:7px;height:12px;border-radius:2px;opacity:.9;animation:rl-drys var(--t) linear var(--d) infinite}
.rl-helt{position:relative;display:grid;place-items:center}
.rl-helt .rl-avatar{position:relative;z-index:1}
.rl-fejr{position:absolute;z-index:2;width:250px;height:175px;left:50%;margin-left:-125px;top:-70px;overflow:visible;pointer-events:none;transform-origin:125px 112px}
.rl-aerme{fill:none;stroke:#8500f0;stroke-width:13;stroke-linecap:round}
.rl-haand{fill:#fff;stroke:#2c2347;stroke-width:2}
.rl-ryster{transform-box:view-box;transform-origin:100px 110px;animation:rl-ryst .35s ease-in-out infinite}
.rl-draabe{fill:#fffbe6;stroke:#ffd24d;stroke-width:.8;opacity:0;animation:rl-sprut 1s ease-out infinite}
@keyframes rl-drys{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(var(--s),360px) rotate(var(--r))}}
@keyframes rl-ryst{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(5deg) translateY(-3px)}}
@keyframes rl-sprut{0%{opacity:1;transform:translate(0,-58px)}100%{opacity:0;transform:translate(var(--x),calc(var(--y) - 58px))}}
@media (max-width:600px){.rl-fejr{transform:scale(.74)}}
@keyframes rl-op{from{opacity:0;transform:translateY(40px)}}
@keyframes rl-ind{from{opacity:0;transform:translateX(-24px)}}
@keyframes rl-svaev{50%{transform:translateY(-5px) rotate(-6deg)}}
@keyframes rl-glimt{50%{box-shadow:0 0 0 3px var(--card),0 0 0 5px #ffd24d,0 0 44px rgba(255,210,77,.85)}}
.rl-note{margin-top:14px;font-size:.88rem;color:var(--text-muted)}
@media (max-width:600px){.rl-raekke{grid-template-columns:30px 34px 1fr 34px auto;gap:8px}.rl-ekstra{display:none}.rl-score{min-width:0;font-size:1rem}.rl-podie{gap:6px}.rl-podie-navn{font-size:.8rem}.rl-mig-demo{display:none}.rl-podie-plads .rl-avatar.stor{width:48px;height:48px;font-size:1.1rem}.rl-podie-plads.p1 .rl-avatar.stor{width:62px;height:62px;font-size:1.4rem}.p1 .rl-blok{height:80px}.p2 .rl-blok{height:56px}.p3 .rl-blok{height:40px}.rl-boks{padding:16px 12px}.rl-mig{font-size:.88rem;padding:8px 12px;gap:8px}}
/* 📱 Installér app-knap i bunden */
.footer-links a.pwa-knap{color:var(--orange-light);font-weight:700}
/* Forsidens 3 knapper på én linje (Discord, Gameservere, 📱 App) */
@media (min-width:641px){
  .hero-buttons{flex-wrap:nowrap;gap:10px}
  .hero-buttons .btn{padding:12px 18px;font-size:.9rem;white-space:nowrap}
  .hero-buttons .btn.pwa-hero{padding:12px 14px}
}
/* 📱 Vindue: sådan installerer du appen */
.pwa-baggrund{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;background:rgba(8,6,14,.72);backdrop-filter:blur(4px);animation:pwa-ind .2s ease}
.pwa-vindue{position:relative;box-sizing:border-box;width:100%;max-width:420px;padding:26px 24px 20px;border-radius:18px;text-align:center;border:1px solid transparent;
  background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(140deg,rgba(180,107,255,.7),rgba(240,154,0,.55)) border-box;
  box-shadow:0 30px 60px -20px rgba(133,0,240,.6);animation:pwa-op .25s cubic-bezier(.2,.8,.3,1.2)}
.pwa-vindue h2{font-size:1.25rem;margin:10px 0 14px}
.pwa-ikon{width:72px;height:72px;border-radius:18px;box-shadow:0 10px 24px -8px rgba(133,0,240,.8)}
.pwa-luk{position:absolute;top:10px;right:12px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.06);color:var(--text);font-size:1rem;cursor:pointer}
.pwa-luk:hover{background:rgba(255,255,255,.14)}
.pwa-nu{width:100%;justify-content:center;margin-bottom:6px}
.pwa-eller{margin:4px 0 8px;font-size:.85rem;color:var(--text-muted)}
.pwa-trin{counter-reset:t;list-style:none;margin:0;padding:0;display:grid;gap:8px;text-align:left}
.pwa-trin li{counter-increment:t;display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);line-height:1.45}
.pwa-trin li::before{content:counter(t);flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 .85rem "Chakra Petch",sans-serif;background:var(--purple);color:#fff}
.pwa-trin b{color:var(--orange-light)}
.pwa-note{margin:14px 0 0;font-size:.85rem;color:var(--text-muted)}
@keyframes pwa-ind{from{opacity:0}}
@keyframes pwa-op{from{opacity:0;transform:translateY(20px) scale(.96)}}

/* =========================================
   📱 KOMPAKT APP-TILSTAND (alle sider)
   Kun når hjemmesiden er installeret som app OG vises på en telefon.
   Samme stil som app-forsiden: små kort, lidt luft, ingen store reklame-bånd.
   ========================================= */
@media (display-mode: standalone) and (max-width: 640px) {
  html { font-size: 87.5%; }                       /* alt i rem bliver ca. 12 % mindre */
  body { line-height: 1.5; }
  .container { padding-left: 14px; padding-right: 14px; }

  /* Topbar: lavere */
  .topbar-inner { height: 56px; }
  .brand img { width: 32px; height: 32px; }
  .menu { top: 56px !important; }

  /* Sektioner og overskrifter */
  .section { padding: 26px 0; }
  .page-first { padding-top: 20px; }
  .hero { padding: 20px 0 40px; }
  .hero h1 { font-size: 2.6rem; }
  .hero-logo img { max-width: 140px; }
  .eyebrow { font-size: .7rem; margin-bottom: 4px; }
  h2, .page-first h2, h1.h2-stil, .page-first h1.h2-stil { font-size: 1.5rem; margin-bottom: 8px; }
  h3 { font-size: 1.05rem; margin-bottom: 6px; }
  .section-head { gap: 6px; margin-bottom: 4px; }
  .lead, .section-lead { font-size: .9rem; line-height: 1.45; margin-top: 6px; }
  .demo-badge { font-size: .62rem; padding: 2px 8px; }

  /* Kort: som fliserne på app-forsiden */
  .card, .server-card { padding: 14px 16px; border-radius: 16px; }
  .card:hover, .server-card:hover { transform: none; }
  .card p, .server-card p, .card li { font-size: .88rem; line-height: 1.45; }
  .card-icon { width: 40px; height: 40px; border-radius: 12px; }
  .cards-3, .cards-4, .team, .pricing, .two-col, .motm, .hall-split, .race-grid, .profil-to { gap: 10px !important; margin-top: 14px !important; }
  .cards-4, .team, .gallery { grid-template-columns: 1fr 1fr !important; }
  .server-card p { margin: 6px 0; }
  .server-top h3 { font-size: 1rem; }

  /* Knapper */
  .btn { padding: 10px 16px; font-size: .85rem; }
  .btn-small { padding: 7px 12px; font-size: .78rem; }
  .hero-buttons { gap: 8px; }

  /* Lister, afstemninger og events */
  .votes li, .event-list li { padding: 10px 12px; gap: 10px; }
  .vote-btn { padding: 6px 12px; font-size: .8rem; }
  .countdown div, .countdown > * { padding: 8px 4px; }

  /* Hall of Noobs og priser */
  .hall-stats { gap: 6px !important; margin: 12px 0 !important; }
  .hall-list { gap: 8px !important; }
  .amounts { gap: 6px; }

  /* Lange tekstsider (regler, vilkår, privatliv) */
  .page-first p, .page-first li { font-size: .9rem; }

  /* Det store "Klar til at være en noob?"-bånd og footeren fylder for meget i appen
     (Discord ligger i menuen, og alle links findes også i ☰-menuen) */
  .join, .footer { display: none; }

  /* Hall of Noobs-paneler */
  .hall-panel { padding: 14px; }
  .hall-panel h2, .card h2, .hall-panel h1.h2-stil, .card h1.h2-stil { font-size: 1.3rem; }

  /* Min side: overskrift på én linje og knapperne pænt under */
  .min-overskrift-rad { display: flex; flex-direction: column; align-items: stretch; gap: 8px; }
  .min-overskrift-knapper { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .min-overskrift-knapper .btn { justify-content: center; }
  .min-overskrift-knapper [hidden] { display: none; }

  /* Sir Noobalot lidt mindre i hjørnet */
  .sir-figur img { width: 52px; }
}

/* =========================================
   📱 APP-FORSIDEN (app.html – kun telefoner i appen)
   ========================================= */
.app-forside{padding:16px 0 28px}
.app-hej{display:flex;align-items:center;gap:14px;padding:16px}
.app-hej-sir{width:64px;height:64px;object-fit:contain;flex:none;filter:drop-shadow(0 6px 14px rgba(133,0,240,.5))}
.app-hej-sir.rund{border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--purple-light)}
.app-hej-lille{margin:0;font-size:.85rem;color:var(--orange-light);font-weight:600}
.app-hej h1{font-size:1.35rem;margin:2px 0 8px;text-transform:none}
.app-hej .btn{padding:8px 14px;font-size:.85rem}
.app-hej .btn[hidden]{display:none}
.app-live{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.app-live div{display:flex;flex-direction:column;align-items:center;padding:10px 6px;border-radius:14px;background:var(--card);border:1px solid var(--card-border);text-align:center}
.app-live strong{font:700 1.4rem "Chakra Petch",sans-serif;color:var(--orange-light);line-height:1.1}
.app-live span{font-size:.72rem;color:var(--text-muted)}
.app-fliser{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.app-flise{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:16px;text-decoration:none;color:var(--text);overflow:hidden;
  background:linear-gradient(145deg,color-mix(in srgb,var(--f) 26%,transparent),rgba(255,255,255,.02)) ,var(--card);border:1px solid color-mix(in srgb,var(--f) 45%,transparent);
  transition:transform .15s}
.app-flise:active{transform:scale(.96)}
.app-flise span{font-size:1.7rem;line-height:1;margin-bottom:6px}
.app-flise b{font:700 1rem "Chakra Petch",sans-serif}
.app-flise em{font-style:normal;font-size:.75rem;color:var(--text-muted)}
.app-flise.stor{grid-column:1/-1;flex-direction:row;align-items:center;gap:12px}
.app-flise.stor span{margin:0;font-size:2rem}
.app-flise.stor em{margin-left:auto;text-align:right}
.app-fuld{margin:18px 0 0;text-align:center;font-size:.85rem;color:var(--text-muted)}
.app-fuld a{color:var(--purple-light);text-decoration:none}
/* Pilen ved profilbilledet åbner menuen (klik på billedet går til Min profil) */
.profil-pil{width:24px;height:24px;margin-left:-6px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:var(--text-muted);font-size:.8rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .15s,color .15s,transform .2s}
.profil-pil:hover,.profil-wrap.aaben .profil-pil{background:rgba(133,0,240,.35);color:#fff}
.profil-wrap.aaben .profil-pil{transform:rotate(180deg)}
@media (max-width:1200px){.profil-pil{display:none}}

/* =========================================
   👥 MEDLEMSLISTEN I HØJRE SIDE (som i Discord)
   ========================================= */
:root{--ml-b:280px;--ml-top:70px}
.ml-knap{position:fixed;right:0;top:calc(var(--ml-top) + 24px);z-index:96;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 8px 10px;border:1px solid var(--card-border);border-right:0;border-radius:14px 0 0 14px;
  background:linear-gradient(160deg,rgba(133,0,240,.85),rgba(70,0,130,.9));color:#fff;cursor:pointer;box-shadow:-6px 8px 24px -10px rgba(133,0,240,.8);transition:right .25s ease,background .2s}
.ml-knap:hover{background:linear-gradient(160deg,#9b1fff,#5a00a8)}
.ml-knap-ikon{font-size:1.15rem;line-height:1}
.ml-knap-tal{font:700 .85rem "Chakra Petch",sans-serif;display:flex;align-items:center;gap:4px}
.ml-knap-tal::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 6px #3ddc84}
.ml-knap-pil{font-size:1rem;line-height:1;opacity:.8;transition:transform .25s}
.ml-aaben .ml-knap{right:var(--ml-b)}
.ml-aaben .ml-knap-pil{transform:rotate(180deg)}
.ml-panel{position:fixed;right:0;top:var(--ml-top);bottom:0;z-index:95;width:var(--ml-b);display:flex;flex-direction:column;
  background:rgba(18,13,29,.97);backdrop-filter:blur(10px);border-left:1px solid var(--card-border);box-shadow:-16px 0 40px -20px rgba(0,0,0,.8);
  transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility .25s}
.ml-aaben .ml-panel{transform:none;visibility:visible}
.ml-top{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid var(--card-border)}
.ml-titel{display:flex;flex-direction:column}
.ml-titel b{font:700 1rem "Chakra Petch",sans-serif}
.ml-antal{font-size:.75rem;color:#3ddc84}
.ml-luk{width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:var(--text-muted);cursor:pointer}
.ml-luk:hover{background:rgba(255,255,255,.14);color:#fff}
.ml-krop{flex:1;overflow-y:auto;padding:6px 8px 14px;scrollbar-width:thin;scrollbar-color:rgba(180,107,255,.4) transparent}
.ml-gruppe-navn{margin:16px 8px 6px;font:700 .7rem Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.ml-liste{list-style:none;margin:0;padding:0}
.ml-medlem{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:8px;transition:background .15s}
.ml-medlem:hover{background:rgba(255,255,255,.06)}
.ml-avatar{position:relative;flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 .85rem "Chakra Petch",sans-serif;color:#fff;background:linear-gradient(135deg,#8500f0,#f09a00)}
.ml-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.ml-prik{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;border:3px solid #120d1d;background:#3ddc84}
.ml-idle .ml-prik{background:#f0b232}
.ml-dnd .ml-prik{background:#f23f43}
.ml-idle .ml-avatar,.ml-dnd .ml-avatar{opacity:.95}
.ml-tekst{display:flex;flex-direction:column;min-width:0}
.ml-navn{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}
.ml-app{font:700 .58rem Inter,sans-serif;font-style:normal;padding:1px 4px;border-radius:4px;background:#5865f2;color:#fff;letter-spacing:.03em}
.ml-akt{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ml-offline{margin:16px 8px 0;font-size:.75rem;color:var(--text-muted)}
.ml-bund{padding:10px 14px 14px;border-top:1px solid var(--card-border)}
.ml-join{width:100%;justify-content:center}
/* Sir Noobalot og ticket-chatten flytter til side, når listen er åben (på brede skærme) */
@media (min-width:900px){
  .sir,.tkchat{transition:right .25s ease}
  .ml-aaben .sir{right:calc(var(--ml-b) + 18px)}
  .ml-aaben .tkchat{right:calc(var(--ml-b) + 18px)}
}
@media (max-width:640px){:root{--ml-b:min(300px,86vw)}.ml-knap{top:auto;bottom:110px}}
@media (display-mode: standalone) and (max-width:640px){:root{--ml-top:56px}}
@media (prefers-reduced-motion:reduce){.ml-panel,.ml-knap{transition:none}}

/* =========================================
   👤 NOOB-KORTET (Min profil + offentlig profil)
   ========================================= */
#np-kort{display:flex;flex-direction:column;gap:22px;margin:10px 0 26px}
.np-titel{font:700 1.35rem "Chakra Petch",sans-serif;margin:0 0 14px}
.np-titel-raekke{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.np-titel-raekke .np-titel{margin-bottom:14px}
.np-badge-tal{font:700 .8rem "Chakra Petch",sans-serif;color:var(--orange-light);letter-spacing:.05em}

/* Helten */
.np-helt{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:36px 38px;border-radius:26px;isolation:isolate;
  border:2px solid transparent;background:linear-gradient(#170f27,#170f27) padding-box,linear-gradient(120deg,#b46bff,#8500f0 40%,#f09a00) border-box;box-shadow:0 30px 70px -30px rgba(133,0,240,.8)}
.np-helt-bg{position:absolute;inset:0;z-index:-1;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 26px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 26px),
    linear-gradient(162deg,#5b00a8 0%,#8500f0 46%,transparent 46.3%),
    linear-gradient(162deg,transparent 54%,rgba(240,154,0,.85) 54.3%,#c45a00 100%),
    #1b1030}
.np-helt-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,11,22,.55),rgba(14,11,22,.15) 60%,rgba(14,11,22,.35))}
.np-avatar{position:relative;width:150px;height:150px;flex:none}
.np-avatar::before{content:"";position:absolute;inset:-9px;border-radius:50%;background:conic-gradient(from -90deg,#8500f0 0 50%,#f09a00 50% 100%);animation:np-snurr 12s linear infinite;box-shadow:0 0 40px rgba(240,154,0,.45)}
.np-avatar img{position:relative;width:100%;height:100%;border-radius:50%;object-fit:cover;border:5px solid #170f27;background:#170f27}
.np-emblem{position:absolute;right:-6px;bottom:-4px;width:54px;height:54px;display:grid;place-items:center;font-size:1.7rem;border-radius:16px;
  background:linear-gradient(145deg,#2a1748,#120b20);border:3px solid var(--orange);box-shadow:0 8px 20px rgba(0,0,0,.5);transform:rotate(-8deg)}
.np-info{min-width:0}
.np-navn{margin:2px 0 0;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.05;text-shadow:0 4px 24px rgba(0,0,0,.5);overflow-wrap:anywhere}
.np-bruger{margin:4px 0 12px;color:rgba(255,255,255,.75);font-weight:600}
.np-chips-raekke{display:flex;flex-wrap:wrap;gap:8px}
.np-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font:700 .78rem "Chakra Petch",sans-serif;letter-spacing:.04em;background:rgba(14,11,22,.6);border:1px solid rgba(255,255,255,.18)}
.np-chip-rang{background:linear-gradient(90deg,var(--orange),#ffcf5a);color:#1a1000;border:0}
.np-chip-rolle{border-color:var(--f,#b46bff);color:var(--f,#fff)}
.np-chip-gud{background:linear-gradient(90deg,#fff3c4,#ffd24d);color:#3a2600;border:0}
.np-chip-lys{color:rgba(255,255,255,.85)}
.np-om{margin:14px 0 0;font-size:1.02rem;font-style:italic;color:#f1e6ff;max-width:560px}
.np-spil{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.np-spil-chip{padding:5px 11px;border-radius:10px;font-size:.82rem;font-weight:600;background:rgba(133,0,240,.35);border:1px solid rgba(180,107,255,.5);color:#fff}
button.np-spil-chip{cursor:pointer;font-family:inherit}
button.np-spil-chip:hover{background:rgba(229,72,77,.4);border-color:#ff7b7b}
.np-sir{position:relative;align-self:end;width:200px;display:flex;flex-direction:column;align-items:flex-end;margin:-10px -14px -40px 0}
.np-sir img{width:150px;height:auto;filter:drop-shadow(0 14px 24px rgba(0,0,0,.55));transform:rotate(-5deg);animation:np-svaev 4s ease-in-out infinite}
.np-boble{position:relative;margin-bottom:12px;padding:12px 14px;border-radius:16px 16px 4px 16px;background:#fff;color:#1d1530;font-size:.86rem;font-weight:600;line-height:1.4;box-shadow:0 12px 30px rgba(0,0,0,.35);width:230px}
.np-boble::after{content:"";position:absolute;right:46px;bottom:-9px;border:10px solid transparent;border-top-color:#fff;border-bottom:0}

/* Rang og XP */
.np-xp{display:grid;grid-template-columns:1fr 260px;gap:22px;padding:26px;border-radius:22px;background:linear-gradient(160deg,rgba(133,0,240,.18),rgba(14,11,22,.6) 60%),var(--card);border:1px solid var(--card-border)}
.np-xp>h3,.np-xp>p{grid-column:1/-1;margin:0}
.np-xp-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.np-xp-emoji{width:58px;height:58px;display:grid;place-items:center;font-size:2rem;border-radius:16px;background:linear-gradient(145deg,rgba(133,0,240,.55),rgba(240,154,0,.3));box-shadow:inset 0 0 0 2px rgba(255,255,255,.15)}
.np-xp-top small{font:700 .72rem "Chakra Petch",sans-serif;letter-spacing:.12em;color:var(--orange-light)}
.np-xp-top h3{margin:0;font:700 1.8rem "Chakra Petch",sans-serif}
.np-bar{position:relative;height:22px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;box-shadow:inset 0 2px 6px rgba(0,0,0,.4)}
.np-bar-fyld{position:absolute;inset:0 auto 0 0;width:var(--a);min-width:22px;border-radius:999px;background:linear-gradient(90deg,#8500f0,#c04cff 50%,#f09a00);animation:np-fyld 1.4s cubic-bezier(.2,.8,.3,1) both;overflow:hidden}
.np-bar-fyld::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);animation:np-glans 2.8s ease-in-out infinite}
.np-xp-under{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}
.np-xp-under b{font:700 1.15rem "Chakra Petch",sans-serif}
.np-xp-under span{color:var(--text-muted)}
.np-xp-dage{margin:12px 0 0;font-size:.88rem;color:var(--text-muted)}
.np-maaned{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:18px;border-radius:18px;text-decoration:none;color:var(--text);
  background:linear-gradient(160deg,rgba(240,154,0,.22),rgba(14,11,22,.5));border:1px solid rgba(240,154,0,.4);transition:transform .2s}
.np-maaned:hover{transform:translateY(-3px)}
.np-maaned small{font:700 .7rem "Chakra Petch",sans-serif;letter-spacing:.12em;color:var(--orange-light)}
.np-maaned b{font:700 2rem "Chakra Petch",sans-serif}
.np-maaned span{font-size:.88rem}
.np-maaned em{font-style:normal;font-size:.8rem;color:var(--purple-light);margin-top:6px}

/* Trappen */
.np-trappe-boks,.np-badges-boks,.np-trofae-boks{padding:24px;border-radius:22px;background:var(--card);border:1px solid var(--card-border)}
.np-trappe{position:relative;display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.np-trappe::before{content:"";position:absolute;left:6%;right:6%;top:30px;height:4px;border-radius:4px;background:rgba(255,255,255,.1)}
.np-trin{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;opacity:.45;filter:grayscale(.8);transition:opacity .2s}
.np-trin:hover{opacity:.8}
.np-trin.naaet{opacity:1;filter:none}
.np-trin-ikon{position:relative;z-index:1;display:grid;place-items:center;width:60px;height:60px;font-size:1.7rem;border-radius:50%;background:var(--bg-alt);border:2px solid var(--card-border)}
.np-trin.naaet .np-trin-ikon{background:linear-gradient(145deg,#3b1670,#1d1030);border-color:var(--purple-light)}
.np-trin.her .np-trin-ikon{border-color:var(--orange);box-shadow:0 0 0 5px rgba(240,154,0,.22),0 0 28px rgba(240,154,0,.6);animation:np-puls 2s ease-in-out infinite}
.np-trin.gud.naaet .np-trin-ikon{border-color:#ffd24d;box-shadow:0 0 24px rgba(255,210,77,.6)}
.np-trin b{font-size:.78rem}
.np-trin small{font-size:.7rem;color:var(--text-muted)}
.np-trin em{font:700 .62rem "Chakra Petch",sans-serif;font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#1a1000;background:var(--orange);padding:2px 6px;border-radius:6px}

/* Tal */
.np-tal{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.np-tal-kort{display:flex;flex-direction:column;gap:2px;padding:18px;border-radius:18px;background:linear-gradient(160deg,rgba(133,0,240,.16),rgba(14,11,22,.4)),var(--card);border:1px solid var(--card-border)}
.np-tal-ikon{font-size:1.4rem;margin-bottom:4px}
.np-tal-kort b{font:700 2rem/1.1 "Chakra Petch",sans-serif;background:linear-gradient(90deg,#fff,var(--orange-light));-webkit-background-clip:text;background-clip:text;color:transparent}
.np-tal-kort small{color:var(--text-muted)}

/* Badges */
.np-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.np-badge{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:16px 12px;border-radius:18px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.14);color:var(--text-muted)}
.np-badge-emoji{font-size:2.1rem;line-height:1;margin-bottom:4px;filter:grayscale(1);opacity:.6}
.np-badge b{color:var(--text);font-size:.92rem}
.np-badge small{font-size:.76rem;line-height:1.35}
.np-badge em{font-style:normal;font-size:.72rem;margin-top:4px}
.np-badge.laast{border:1px solid transparent;color:var(--text);background:linear-gradient(#1f1434,#1f1434) padding-box,linear-gradient(140deg,#b46bff,#f09a00) border-box;box-shadow:0 12px 26px -16px rgba(240,154,0,.8)}
.np-badge.laast .np-badge-emoji{filter:drop-shadow(0 4px 10px rgba(240,154,0,.5));opacity:1;animation:np-pop .5s ease both}
.np-badge.laast em{color:var(--orange-light)}
.np-badge-bar{width:100%;height:6px;margin-top:6px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
.np-badge-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#8500f0,#f09a00)}

/* Trofæer */
.np-trofaeer{display:flex;flex-wrap:wrap;gap:12px}
.np-trofae{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:130px;padding:14px 16px;border-radius:16px;text-align:center;background:linear-gradient(160deg,rgba(255,210,77,.22),rgba(14,11,22,.4));border:1px solid rgba(255,210,77,.45)}
.np-trofae span{font-size:2rem}
.np-trofae small{color:var(--text-muted)}
.np-trofae.top{background:linear-gradient(160deg,rgba(133,0,240,.22),rgba(14,11,22,.4));border-color:rgba(180,107,255,.45)}

/* Offentlig profil-indstillinger */
.np-felt{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.np-felt small{color:var(--text-muted);font-weight:400}
.np-felt input,.np-felt textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--card-border);background:rgba(14,11,22,.6);color:var(--text);font:inherit;resize:vertical}
.np-felt input:focus,.np-felt textarea:focus{outline:2px solid var(--purple-light);border-color:transparent}
.np-chips{display:flex;flex-wrap:wrap;gap:6px}
.np-gem{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
.np-to{margin-bottom:24px}

/* Privat / findes ikke */
.np-privat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:50px 20px}
.np-privat img{filter:drop-shadow(0 14px 24px rgba(0,0,0,.5))}
.np-cta{text-align:center}

@keyframes np-snurr{to{transform:rotate(360deg)}}
@keyframes np-svaev{50%{transform:rotate(-5deg) translateY(-8px)}}
@keyframes np-fyld{from{width:0}}
@keyframes np-glans{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
@keyframes np-puls{50%{box-shadow:0 0 0 9px rgba(240,154,0,.1),0 0 36px rgba(240,154,0,.75)}}
@keyframes np-pop{from{transform:scale(.4)}}

@media (max-width:980px){
  .np-helt{grid-template-columns:auto 1fr;padding:28px}
  .np-sir{display:none}
  .np-xp{grid-template-columns:1fr}
  .np-trappe{grid-template-columns:repeat(4,1fr);row-gap:18px}
  .np-trappe::before{display:none}
}
@media (max-width:600px){
  .np-helt{grid-template-columns:1fr;justify-items:center;text-align:center;padding:26px 18px}
  .np-avatar{width:120px;height:120px}
  .np-chips-raekke,.np-spil{justify-content:center}
  .np-om{margin-left:auto;margin-right:auto}
  .np-badges{grid-template-columns:repeat(2,1fr)}
  .np-trin-ikon{width:50px;height:50px;font-size:1.4rem}
}
@media (display-mode: standalone) and (max-width:640px){
  .np-helt{padding:20px 14px;gap:14px}
  .np-trappe-boks,.np-badges-boks,.np-trofae-boks,.np-xp{padding:16px}
  .np-tal{grid-template-columns:repeat(2,1fr);gap:8px}
  .np-tal-kort{padding:12px}
}

/* ===== Rigtige data i stedet for demo (afstemninger, galleri, events, servere, medlemskab) ===== */
.leaderboard li.lb-tom,.votes li.vote-tom,.gn-list li.gn-tom,.event-list li.event-tom{display:block;padding:14px 16px;color:var(--text-muted);text-align:center;font-size:.92rem}
.lb-name{display:flex;flex-direction:column;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-rang{font-weight:400;font-size:.75rem;color:var(--text-muted)}
.lb-avatar{overflow:hidden;font-weight:700}
.vote-status{margin:12px 0 0;font-size:.88rem;color:var(--text-muted);text-align:center}
.gn-list button:disabled{cursor:default;opacity:.85}
.gn-list button:disabled:hover{border-color:var(--card-border)}
.event-overskrift{margin:34px 0 0}
.server-tom{grid-column:1/-1;color:var(--text-muted);text-align:center;padding:26px;border:1px dashed var(--card-border);border-radius:var(--radius);margin:0}
.g-foto{display:block;overflow:hidden;background:var(--bg-alt);height:210px}
.g-wide .g-foto{height:210px;min-height:0}
.g-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.g-foto:hover img{transform:scale(1.04)}
.g-item figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px}
.g-item figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.g-item figcaption small{flex:none;font-size:.78rem;opacity:.85}
.g-tom{grid-column:1/-1!important}
.g-tom figcaption{justify-content:center;height:auto;text-align:center}
.price-snart{font-size:1.5rem;color:var(--text-muted)}
.teaser{margin:0 0 14px;color:var(--text);font-size:.95rem;line-height:1.5}
.btn-snart{opacity:.75;cursor:default}
.btn-snart:hover{transform:none;filter:none}

/* Tydelig fokusring, når man bruger tastaturet (tilføjet ved gennemgangen) */
a:focus-visible, button:focus-visible, summary:focus-visible, .chip:focus-visible { outline: 2px solid var(--orange, #f09a00); outline-offset: 2px; }

/* Forsiden: "Din plads?" under Udforsk, i samme stil som maskot-kortet */
.mascot.mascot-hold { margin-top: 32px; }
.mascot-hold .btn { margin-top: 6px; }

/* "Spring til indhold": usynligt, indtil man bruger Tab */
.spring-til { position: absolute; left: 12px; top: -60px; z-index: 10000; padding: 10px 16px; border-radius: 10px; background: var(--orange, #f09a00); color: #0e0b16; font-weight: 700; text-decoration: none; transition: top .15s; }
.spring-til:focus { top: 12px; }

/* ===== Events: staff laver events fra hjemmesiden ===== */
.ev-staff{margin-top:28px;background:var(--card);border:1px solid var(--card-border);border-radius:18px;padding:0 22px}
.ev-staff summary{cursor:pointer;font-weight:700;padding:18px 0;list-style:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ev-staff summary::-webkit-details-marker{display:none}
.ev-staff[open] summary{border-bottom:1px solid var(--card-border)}
.ev-staff-tag{font-size:.75rem;font-weight:600;color:var(--orange);background:rgba(240,154,0,.12);border-radius:999px;padding:3px 10px}
.ev-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;padding:18px 0 6px}
.ev-form .felt{max-width:none}
.ev-bred{grid-column:1/-1}
.ev-hjaelp{grid-column:1/-1;margin:0 0 10px;color:var(--text-muted);font-size:.92rem}
.ev-gentag{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.ev-gentag input{width:18px;height:18px;accent-color:var(--purple-light)}
.ev-knapper{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#ev-status{color:var(--text-muted);font-size:.92rem}
.ev-koe-titel{margin:22px 0 8px;font-size:1rem}
.ev-koe{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:6px;color:var(--text-muted);font-size:.9rem}
.event-list li:has(.ev-aflys){grid-template-columns:auto 1fr auto auto}
@media (max-width:640px){
  .ev-form{grid-template-columns:1fr}
  .event-list li:has(.ev-aflys){grid-template-columns:auto 1fr}
}

/* ===== Admin: 🔁 Backup-test og 📜 Staff-log ===== */
.bt-kort{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.bt-boks{background:var(--card);border:1px solid var(--card-border);border-left:4px solid var(--card-border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.bt-boks span{font-size:.85rem;color:var(--text-muted)}
.bt-boks b{font-family:"Chakra Petch",sans-serif;font-size:1.35rem}
.bt-boks small{color:var(--text-muted);font-size:.85rem}
.bt-boks[data-farve="groen"]{border-left-color:#3ddc84}
.bt-boks[data-farve="roed"]{border-left-color:#ff5c6c}
.bt-boks[data-farve="gul"]{border-left-color:var(--orange)}
.bt-tabel{width:100%;border-collapse:collapse;margin-top:12px;font-size:.9rem}
.bt-tabel th{text-align:left;font-size:.78rem;color:var(--text-muted);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--card-border)}
.bt-tabel td{padding:8px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}
.bt-tabel td small{color:var(--text-muted)}
.bt-tabel .bt-besked{display:block;color:#ff8f9a;margin-top:2px}
.bt-tabel tr.bt-fejl td{background:rgba(255,92,108,.06)}
.bt-tabel tr:not(.bt-fejl) .bt-besked{color:var(--text-muted)}
.lg-liste{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:4px;max-height:520px;overflow:auto}
.lg-liste li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03);font-size:.9rem}
.lg-liste li p{margin:0}
.lg-liste time{color:var(--text-muted);font-size:.8rem;white-space:nowrap}
.lg-ikon{text-align:center}
.lg-server{color:var(--orange-light)}
#lg-soeg{margin-top:8px}
@media (max-width:640px){
  .bt-kort{grid-template-columns:1fr}
  .bt-tabel th:nth-child(3),.bt-tabel td:nth-child(3){display:none}
  .lg-liste li{grid-template-columns:24px 1fr}
  .lg-liste time{grid-column:2}
}

.ev-knapgruppe{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:900px){.event-list li .ev-knapgruppe{grid-column:1/-1;justify-content:stretch}.event-list li .ev-knapgruppe .btn{flex:1}}

/* ===== Nyheder ===== */
.ny-liste{display:grid;gap:16px;margin-top:22px}
.ny-kort{background:var(--card);border:1px solid var(--card-border);border-radius:18px;padding:20px 24px}
.ny-kort h2{margin:0 0 4px;font-size:1.3rem}
.ny-meta{margin:0 0 12px;color:var(--text-muted);font-size:.88rem}
.ny-tekst{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.ny-slet{margin-top:14px}
.ny-tom{color:var(--text-muted);text-align:center;padding:24px 0}

/* ===== Min kalender (Min side) ===== */
.mk-boks{background:var(--card);border:1px solid var(--card-border);border-radius:18px;padding:16px 20px;margin:0 0 28px}
.mk-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mk-top .min-overskrift{margin:0}
.mk-liste{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}
.mk-liste li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}
.mk-liste p{margin:4px 0 0;color:var(--text-muted);font-size:.9rem}
.mk-liste li.mk-tom{display:block;color:var(--text-muted);font-size:.92rem;padding:6px 0}
.ev-kal-gemt{border-color:var(--orange);color:var(--orange)}
@media (max-width:640px){.mk-liste li{grid-template-columns:auto 1fr}.mk-liste li .ev-knapgruppe{grid-column:1/-1}}

/* ===== Admin-panel (admin.html) ===== */
.ap-side-sektion{padding-top:96px}
.ap:not([hidden]){display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
.ap>*{min-width:0}
.ap-side{position:sticky;top:90px;background:var(--card);border:1px solid var(--card-border);border-radius:18px;padding:16px 12px}
.ap-titel{margin:0 8px 10px;font-family:"Chakra Petch",sans-serif;font-weight:700;font-size:1.1rem}
.ap-nav,.ap-genveje{display:grid;gap:2px}
.ap-nav a,.ap-genveje a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;color:var(--text);text-decoration:none;font-size:.95rem}
.ap-nav a:hover,.ap-genveje a:hover{background:rgba(133,0,240,.14)}
.ap-nav a.aktiv{background:linear-gradient(90deg,rgba(133,0,240,.45),rgba(133,0,240,.12));font-weight:700}
.ap-genveje{margin-top:12px;padding-top:12px;border-top:1px solid var(--card-border)}
.ap-genveje a{color:var(--text-muted);font-size:.9rem}
.ap-maerke{margin-left:auto;min-width:22px;text-align:center;font-size:.75rem;font-weight:700;padding:2px 7px;border-radius:99px;background:var(--orange);color:#1a1026}
.ap-maerke:empty{display:none}
.ap-hoved{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.ap-hoved h1{margin:0;font-size:1.9rem}
.ap-opdateret{margin:0;color:var(--text-muted);font-size:.85rem}
.ap-panel .admin-stoette-top h3{display:none}
.ap-panel .admin-stoette-top .min-hint{margin-top:0}
.ap .ap-under{font-size:1.05rem;margin:0 0 10px;font-family:Inter,sans-serif;letter-spacing:0;text-transform:none}
.ap .ap-handling{margin-bottom:26px}
.ap-handling{display:grid;gap:8px}
.ap-handling-punkt{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:rgba(240,154,0,.1);border:1px solid rgba(240,154,0,.4);color:var(--text);text-decoration:none}
.ap-handling-punkt:hover{background:rgba(240,154,0,.18)}
.ap-handling-punkt b{color:var(--orange);white-space:nowrap}
.ap-alt-ok{margin:0;padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid var(--card-border);color:var(--text-muted)}
@media (max-width:900px){
  .ap:not([hidden]){grid-template-columns:1fr;gap:16px}
  .ap-side{position:static;padding:10px}
  .ap-titel{display:none}
  .ap-nav{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}
  .ap-nav a{white-space:nowrap;background:rgba(255,255,255,.04)}
  .ap-genveje{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding-top:8px}
  .ap-genveje a{padding:6px 8px;font-size:.85rem}
  .ap .admin-tal{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ap .admin-tal-kort{padding:12px 14px}
  .ap .admin-tal-kort b{font-size:1.4rem}
  .ap .admin-tal-kort span{font-size:.7rem}
  .ap-hoved h1{font-size:1.5rem}
}

/* Min profil som panel */
.ap-mig{display:flex;align-items:center;gap:10px;overflow:hidden}
.ap-mig img{width:32px;height:32px;border-radius:50%;flex:none}
.ap-mig img[src=""]{display:none}
.ap-mig span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-panel .mk-boks{margin:0}
.ap-panel .mk-top .min-hint{margin:0;flex:1 1 300px}
.ap-panel>.profil-boks{margin-top:0}

/* ===== Stor kalender (events.html) ===== */
.kal{background:var(--card);border:1px solid var(--card-border);border-radius:18px;padding:18px;margin-bottom:34px}
.kal-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.kal-skift{display:flex;align-items:center;gap:8px}
.kal-maaned{margin:0 6px;min-width:190px;text-align:center;font-size:1.35rem;text-transform:capitalize}
.kal-pil{width:36px;height:36px;border-radius:10px;border:1px solid var(--card-border);background:rgba(255,255,255,.04);color:var(--text);font-size:1.4rem;line-height:1;cursor:pointer}
.kal-pil:hover{background:rgba(133,0,240,.25)}
.kal-forklaring{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--text-muted);font-size:.85rem}
.kal-forklaring span{display:inline-flex;align-items:center;gap:6px}
.kal-prik{display:inline-block;width:9px;height:9px;border-radius:50%}
.kal-prik-event{background:var(--purple-light,#b46bff)}
.kal-prik-nyhed{background:var(--orange)}
.kal-ugedage{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:6px}
.kal-ugedage span{text-align:center;font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}
.kal-gitter{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.kal-dag{min-height:108px;border-radius:12px;padding:6px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:4px;min-width:0}
.kal-har{cursor:pointer}
.kal-staff .kal-dag:not(.kal-fortid){cursor:pointer}
.kal-dag:hover{border-color:rgba(180,107,255,.4)}
.kal-anden{opacity:.4}
.kal-fortid .kal-nr{color:var(--text-muted)}
.kal-idag{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}
.kal-idag .kal-nr{background:var(--orange);color:#1a1026}
.kal-dag-top{display:flex;justify-content:space-between;align-items:center}
.kal-nr{font-weight:700;font-size:.85rem;min-width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}
.kal-plus{opacity:0;border:0;background:none;cursor:pointer;font-size:.8rem;padding:2px 4px;border-radius:6px}
.kal-dag:hover .kal-plus,.kal-plus:focus{opacity:1}
.kal-dag-liste{display:grid;gap:3px;min-width:0}
.kal-ting{display:block;width:100%;text-align:left;border:0;border-radius:6px;padding:3px 6px;font:inherit;font-size:.74rem;line-height:1.3;color:var(--text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kal-event{background:rgba(133,0,240,.45)}
.kal-koe{background:transparent;border:1px dashed rgba(180,107,255,.7);color:var(--text-muted)}
.kal-nyhed{background:rgba(240,154,0,.28)}
.kal-ting:hover{filter:brightness(1.25)}
.kal-mere{font-size:.72rem;color:var(--text-muted);padding-left:4px}
.kal-prikker{display:none;gap:3px;flex-wrap:wrap}
.kal-dialog{border:1px solid var(--card-border);border-radius:18px;background:var(--bg,#0e0b16);color:var(--text);padding:24px;width:min(460px,92vw);position:relative}
.kal-dialog-bred{width:min(640px,94vw)}
.kal-dialog::backdrop{background:rgba(5,3,10,.7);backdrop-filter:blur(3px)}
.kal-luk{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:var(--text);cursor:pointer}
.kal-vis-type{margin:0;color:var(--orange);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.kal-vis-titel{margin:4px 32px 6px 0;font-size:1.35rem;text-transform:capitalize}
.kal-vis-meta{margin:0 0 12px;color:var(--text-muted);font-size:.9rem}
.kal-vis-tekst{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:0 0 14px}
.kal-vis-knapper{justify-content:flex-start}
.kal-dag-vindue{display:grid;gap:6px;margin:6px 0 14px}
.kal-dag-vindue .kal-ting{font-size:.9rem;padding:8px 10px;white-space:normal}
.kal-opret-titel{margin:0 32px 12px 0}
.kal-faner{display:flex;gap:8px;margin-bottom:6px}
.kal-dialog .ev-form{padding-top:8px}
@media (max-width:700px){
  .kal{padding:12px}
  .kal-maaned{min-width:0;font-size:1.1rem}
  .kal-gitter,.kal-ugedage{gap:3px}
  .kal-dag{min-height:52px;padding:4px;align-items:center}
  .kal-dag-liste{display:none}
  .kal-prikker{display:flex;justify-content:center}
  .kal-plus{display:none}
  .kal-ugedage span{font-size:.65rem;letter-spacing:0}
}
.kal h2.kal-maaned{font-size:1.35rem!important;line-height:1.2;letter-spacing:0;font-family:Inter,sans-serif}
@media (max-width:700px){.kal-skift{width:100%;justify-content:space-between}.kal h2.kal-maaned{font-size:1.1rem!important;flex:1}#kal-idag{padding:6px 10px;font-size:.75rem}}

/* Kalender + lille afstemning ved siden af, og nedtælling i kalenderen */
.kal-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start;margin-bottom:34px}
.kal-layout .kal{margin-bottom:0}
.kal-naeste{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:8px 12px;border-radius:12px;background:linear-gradient(90deg,rgba(133,0,240,.45),rgba(133,0,240,.12));font-size:.88rem}
.kal-naeste-tekst{min-width:0}
.kal-naeste-tekst b{margin-right:4px}
#cd-tekst{color:#e9dcff}
.kal-cd{font-family:"Chakra Petch",sans-serif;white-space:nowrap;color:#e9dcff}
.kal-cd b{font-size:1.05rem;color:#fff}
.gn-lille{margin-top:0;padding:16px}
.gn-lille h3{font-size:1rem;line-height:1.3}
.gn-lille-tekst{margin:6px 0 0;color:var(--text-muted);font-size:.8rem}
.gn-lille .gn-list{margin-top:12px;gap:6px}
.gn-lille .gn-list button{grid-template-columns:1fr auto;grid-template-areas:"name count" "bar bar";row-gap:5px;gap:6px 8px;padding:8px 10px;font-size:.88rem}
.gn-lille .gn-name{grid-area:name;text-align:left}.gn-lille .gn-count{grid-area:count;min-width:0;font-size:.78rem}.gn-lille .gn-bar{grid-area:bar;height:6px}
.gn-lille .gn-foot{flex-direction:column;gap:4px;font-size:.76rem;margin-top:10px}
@media (max-width:1000px){.kal-layout{grid-template-columns:1fr}}

/* Mini-kalender på Min profil */
.mini-kal{max-width:420px;margin:14px 0 18px;padding:12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.mini-kal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.mini-kal-top .kal-pil{width:30px;height:30px;font-size:1.2rem}
.mini-kal-maaned{text-transform:capitalize}
.mini-kal-ugedage,.mini-kal-gitter{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.mini-kal-ugedage span{text-align:center;font-size:.7rem;font-weight:700;color:var(--text-muted)}
.mini-dag-knap{aspect-ratio:1;border-radius:9px;border:1px solid transparent;background:rgba(255,255,255,.03);color:var(--text);font:inherit;font-size:.82rem;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;cursor:pointer}
.mini-dag-knap:disabled{cursor:default}
.mini-dag-knap .kal-prikker{display:flex;gap:2px;min-height:5px}
.mini-dag-knap .kal-prik{width:5px;height:5px}
.mini-dag-knap.kal-anden{opacity:.35}
.mini-dag-knap.kal-idag{border-color:var(--orange)}
.mini-gemt{background:rgba(133,0,240,.55);box-shadow:inset 0 0 0 1px var(--purple-light,#b46bff)}
.mini-valgt{outline:2px solid #fff;outline-offset:1px}
.mini-kal-forklaring{margin-top:10px;font-size:.75rem;gap:10px}
.mini-dag{margin-top:10px;padding:10px 12px;border-radius:10px;background:rgba(133,0,240,.15);font-size:.88rem}
.mini-dag b{display:block;text-transform:capitalize;margin-bottom:4px}
.mini-dag p{margin:2px 0}
.mk-under{margin:6px 0 0;font-size:.95rem}
@media (min-width:1000px){#min-kalender{display:grid;grid-template-columns:400px minmax(0,1fr);column-gap:24px;align-items:start}#min-kalender .mk-top{grid-column:1/-1}#min-kalender .mini-kal{grid-row:2/5;margin-top:14px}#min-kalender .mk-under{margin-top:14px}}
@media (min-width:1000px){#min-kalender .mk-liste li{grid-template-columns:auto 1fr}#min-kalender .mk-liste li .ev-knapgruppe{grid-column:1/-1;justify-content:flex-start}}
.mini-dag b{text-transform:none}.mini-dag b::first-letter{text-transform:uppercase}

/* Om os som panel: fælles sidemenu på Om, Holdet, Kontakt, Regler, Vilkår og Privatliv */
.om-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start}
.om-layout>*{min-width:0}
.om-side{position:sticky;top:90px}
.om-side .ap-nav a.aktiv{background:linear-gradient(90deg,rgba(133,0,240,.45),rgba(133,0,240,.12));font-weight:700}
.om-indhold>.eyebrow:first-child{margin-top:0}
.om-indhold .h2-stil{margin-top:4px}
@media (max-width:900px){
  .om-layout{grid-template-columns:1fr;gap:18px}
  .om-side{position:static;padding:10px}
  .om-side .ap-titel{display:none}
  .om-side .ap-nav{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}
  .om-side .ap-nav a{white-space:nowrap;background:rgba(255,255,255,.04)}
  .om-side .ap-genveje{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding-top:8px}
}

.srv-oensker{margin-top:44px;padding-top:28px;border-top:1px solid var(--card-border);scroll-margin-top:90px}
.om-indhold .cards-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.srv-oensker h2{font-size:clamp(1.5rem,3vw,2rem)}

/* 🤖 Sir Noobalot i admin-panelet */
.bot-kort{display:flex;align-items:center;gap:20px;padding:20px;border-radius:18px;background:var(--card);border:1px solid var(--card-border);margin-bottom:16px}
.bot-billede{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(133,0,240,.5))}
.bot-status{margin:0;font-size:1.4rem;display:flex;align-items:center;gap:10px}
.bot-prik{width:14px;height:14px;border-radius:50%;background:#777;flex:none}
.bot-online .bot-prik{background:#3ddc84;box-shadow:0 0 12px #3ddc84}
.bot-starter .bot-prik{background:var(--orange);box-shadow:0 0 12px var(--orange)}
.bot-offline .bot-prik{background:#ff5c6c;box-shadow:0 0 12px #ff5c6c}
.bot-info .min-hint{margin:6px 0 0}
.bot-knapper{gap:10px;flex-wrap:wrap;margin-bottom:8px}
.bot-kort .bot-info{flex:1;min-width:0}
.bot-kort .bot-knapper{margin:0}
.bot-faner{margin:18px 0 16px}
.bot-tal{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.bot-h{font-size:1rem;margin:22px 0 10px}
.bot-liste,.bot-moduler{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bot-liste li,.bot-moduler li{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:var(--card);border:1px solid var(--card-border)}
.bot-liste li.min-hint,.bot-moduler li.min-hint{background:none;border:0;padding:0}
.bot-liste .bot-tekst{flex:1;min-width:0}
.bot-liste .bot-tekst small{display:block;color:var(--text-muted);font-size:.8rem;overflow-wrap:anywhere}
.bot-merke{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.08);white-space:nowrap}
.bot-merke.ok{background:rgba(61,220,132,.16);color:#3ddc84}
.bot-merke.fejl{background:rgba(255,92,108,.16);color:#ff7c8a}
.bot-merke.venter{background:rgba(240,154,0,.16);color:var(--orange)}
.bot-log{margin:0;max-height:440px;overflow:auto;padding:14px 16px;border-radius:12px;background:#0b0912;border:1px solid var(--card-border);font:.8rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#d9d3ea}
.bot-log-lille{max-height:260px}
.bot-logknapper{align-items:center;justify-content:space-between;margin-bottom:10px}
.bot-auto{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-muted)}
.bot-form{display:grid;gap:12px;max-width:640px}
.bot-form label{display:grid;gap:6px;font-weight:600;font-size:.9rem}
.bot-form .min-hint{margin:0;font-weight:400}
.bot-form textarea{resize:vertical}
.bot-moduler li span.bot-emoji{font-size:1.3rem}
.bot-moduler .bot-tekst{flex:1}
.bot-moduler .bot-tekst small{display:block;color:var(--text-muted);font-size:.8rem}
.bot-kontakt{position:relative;width:46px;height:26px;flex:none;appearance:none;-webkit-appearance:none;border-radius:99px;background:#3a3448;cursor:pointer;transition:background .2s}
.bot-kontakt::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.bot-kontakt:checked{background:#3ddc84}
.bot-kontakt:checked::after{transform:translateX(20px)}
.bot-kontakt:disabled{opacity:.5;cursor:not-allowed}
.bot-kontakt:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.bot-vaerktoej{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid var(--card-border);margin-bottom:10px}
.bot-vaerktoej .min-hint{margin:4px 0 0}
@media (max-width:700px){.bot-kort{flex-wrap:wrap}.bot-vaerktoej{flex-direction:column;align-items:flex-start}}
.btn-lille{padding:6px 12px;font-size:.85rem;min-height:0}
.bot-vaerktoej .btn{white-space:nowrap;flex:none}
/* Tilmelding til events (samme som knapperne på Discord) */
.ev-tilmeld{display:inline-flex;border:1px solid var(--card-border);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
.ev-valg{appearance:none;border:0;background:none;color:var(--text);font:600 .82rem/1 Inter,system-ui,sans-serif;padding:9px 12px;cursor:pointer;white-space:nowrap}
.ev-valg+.ev-valg{border-left:1px solid var(--card-border)}
.ev-valg:hover{background:rgba(255,255,255,.06)}
.ev-valg:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.ev-valg.ev-valgt{background:linear-gradient(135deg,rgba(133,0,240,.45),rgba(240,154,0,.3));color:#fff}
.ev-valg:disabled{opacity:.6;cursor:wait}
.ev-discord{align-self:center;font-size:.82rem;color:var(--text-muted);text-decoration:underline;text-underline-offset:3px}
.ev-discord:hover{color:var(--text)}
/* Foreslå et spil (afstemningerne) */
.af-foreslaa{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.af-foreslaa .felt{flex:1;min-width:180px}
/* 📌 Paneler i Sir-panelet */
.pan-status li{flex-wrap:wrap}
.pan-boks{margin-top:14px;border:1px solid var(--card-border);border-radius:14px;background:var(--card);padding:0 16px}
.pan-boks>summary{cursor:pointer;padding:14px 0;font-weight:700;list-style-position:inside}
.pan-boks[open]>summary{border-bottom:1px solid var(--card-border);margin-bottom:12px}
.pan-boks>*:last-child{margin-bottom:16px}
.pan-form{max-width:none}
.pan-regelliste{display:grid;gap:8px}
.pan-regel{display:flex;gap:8px;align-items:flex-start}
.pan-regel .pan-nr{min-width:26px;padding-top:10px;font-weight:700;color:var(--orange)}
.pan-regel-felter{flex:1;display:grid;gap:6px}
.pan-lille{margin:0;font-size:.85rem;color:var(--text-muted)}
.pan-servere{display:grid;gap:8px}
.pan-server{border:1px solid var(--card-border);border-radius:12px;padding:10px 12px}
.pan-server-valg{display:flex !important;align-items:center;gap:8px;flex-direction:row !important;cursor:pointer}
.pan-server-valg small{color:var(--text-muted);font-weight:400}
.pan-server-felter{display:grid;gap:8px;margin-top:10px}
.pan-nyhed{flex-wrap:wrap}
.pan-nyhed-form{flex-basis:100%;max-width:none}
.pan-afst{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.pan-afst-del h4{margin:0 0 2px}
.pan-afst-del .min-hint{margin:0 0 8px}
.pan-afst-ny{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.pan-afst-ny .felt{flex:1;min-width:120px}
.pan-afst-ny .pan-emoji{flex:0 0 64px;min-width:0;text-align:center}
/* 🛡️ Discord i admin-panelet */
.dc-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.dc-server{margin:0;font-weight:700;font-size:1.05rem}
.dc-top .min-hint{margin:4px 0 0}
.dc-top-hoejre{display:flex;gap:8px;align-items:center}
.dc-besked{margin:12px 0 0;padding:10px 14px;border-radius:12px;border:1px solid var(--card-border);background:var(--card);font-size:.9rem}
.dc-besked-ok{border-color:rgba(61,220,132,.5);background:rgba(61,220,132,.08)}
.dc-besked-fejl{border-color:rgba(255,92,108,.5);background:rgba(255,92,108,.08)}
.dc-layout{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:16px;align-items:start}
.dc-liste{display:flex;flex-direction:column;gap:2px;max-height:75vh;overflow:auto;padding:8px;border-radius:16px;background:var(--card);border:1px solid var(--card-border)}
.dc-editor{padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--card-border);min-height:200px}
.dc-handlinger{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.dc-kat{appearance:none;border:0;background:none;text-align:left;color:var(--text-muted);font:700 .72rem/1 Inter,system-ui,sans-serif;letter-spacing:.06em;padding:12px 8px 6px;cursor:pointer;border-radius:8px}
.dc-kat:hover:not(:disabled),.dc-kat.valgt{color:var(--text)}
.dc-kat:disabled{cursor:default}
.dc-raekke{appearance:none;border:0;background:none;color:var(--text);display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:10px;cursor:pointer;font:500 .92rem/1.2 Inter,system-ui,sans-serif;text-align:left}
.dc-raekke:hover{background:rgba(255,255,255,.05)}
.dc-raekke.valgt{background:linear-gradient(135deg,rgba(133,0,240,.35),rgba(240,154,0,.15))}
.dc-raekke:focus-visible,.dc-kat:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.dc-ikon{width:20px;text-align:center;color:var(--text-muted);flex:none}
.dc-navn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-merker{display:flex;gap:4px;align-items:center;font-size:.8rem;flex:none}
.dc-lille{font-size:.72rem;color:var(--text-muted)}
.dc-prik{width:12px;height:12px;border-radius:50%;flex:none}
.dc-avatar{width:28px;height:28px;border-radius:50%;flex:none;object-fit:cover}
.dc-avatar-stor{width:64px;height:64px;border-radius:50%;object-fit:cover}
.dc-ban{cursor:default}
.dc-filtre{display:grid;gap:6px;padding:4px 4px 8px}
.dc-ed-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.dc-ed-top .dc-titel{flex:1;margin:0;min-width:160px}
.dc-profil{gap:14px}
.dc-profil>div{flex:1}
.dc-titel{font-size:1.15rem}
.dc-note{margin:6px 0 12px;padding:8px 12px;border-radius:10px;background:rgba(240,154,0,.08);border:1px solid rgba(240,154,0,.3);font-size:.85rem}
.dc-blok{margin-top:18px;padding-top:14px;border-top:1px solid var(--card-border);max-width:none}
.dc-blok h4{margin:0 0 6px}
.dc-felt{display:grid;gap:6px;font-weight:600;font-size:.88rem}
.dc-check{display:flex !important;align-items:center;gap:6px;font-weight:400 !important;font-size:.9rem;cursor:pointer}
.dc-farlig{color:#ffb3bb}
.dc-farve{width:56px;height:36px;border:0;background:none;padding:0;cursor:pointer}
.dc-ret{border:1px solid var(--card-border);border-radius:12px;padding:8px 12px 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 12px;margin:0}
.dc-ret legend{font-weight:700;padding:0 6px}
.dc-rchip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-size:.82rem;font-weight:600;background:color-mix(in srgb,var(--rf) 18%,transparent);border:1px solid color-mix(in srgb,var(--rf) 55%,transparent)}
.dc-rchip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rf)}
.dc-rolleliste{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;margin-bottom:10px}
.dc-folk{display:flex;flex-wrap:wrap;gap:6px}
.dc-gitter{width:100%;border-collapse:collapse;margin:8px 0 10px;font-size:.88rem}
.dc-gitter th{font-weight:600;color:var(--text-muted);padding:6px 4px;text-align:center}
.dc-gitter th:first-child{text-align:left}
.dc-gitter td{padding:4px;border-top:1px solid var(--card-border);text-align:center}
.dc-gitter td:first-child{text-align:left}
.dc-tri{appearance:none;border:1px solid var(--card-border);background:rgba(255,255,255,.03);border-radius:8px;width:38px;height:32px;cursor:pointer;font-size:.95rem}
.dc-tri-ja{background:rgba(61,220,132,.15);border-color:rgba(61,220,132,.5)}
.dc-tri-nej{background:rgba(255,92,108,.15);border-color:rgba(255,92,108,.5)}
.dc-tri:focus-visible{outline:2px solid var(--orange);outline-offset:1px}
.dc-tri:disabled{cursor:not-allowed;opacity:.7}
.dc-skabeloner{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}
.dc-straf .felt{margin-bottom:8px}
@media (max-width:860px){.dc-layout{grid-template-columns:1fr}.dc-liste{max-height:45vh}}

.dc-skabeloner{flex-direction:column;align-items:stretch}
.dc-skabelon-gruppe{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.dc-skabelon-gruppe>.min-hint{min-width:70px;margin:0}

/* ───────── 👑 Omni-Noob panelet ───────── */
.profil-omni{background:linear-gradient(90deg,rgba(255,196,0,.22),rgba(255,196,0,.04));color:#ffd54a !important;font-weight:800}
.profil-omni:hover{background:linear-gradient(90deg,rgba(255,196,0,.4),rgba(255,196,0,.08)) !important}
.omni .ap-titel{color:#ffd54a}
.omni-sir{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px 16px;border-radius:16px;background:linear-gradient(90deg,rgba(133,0,240,.22),rgba(255,196,0,.08));border:1px solid rgba(255,196,0,.35)}
.omni-sir img{border-radius:50%;flex:none;background:rgba(0,0,0,.25)}
.omni-sir p{margin:0;font-size:.95rem;line-height:1.45}
.omni-top{display:grid;gap:10px;margin-bottom:14px}
.omni-soeg{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-alt);color:var(--text);font:inherit}
.omni-chips{display:flex;flex-wrap:wrap;gap:6px}
.omni-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);gap:16px;align-items:start}
.omni-liste{display:grid;gap:6px;max-height:75vh;overflow:auto;padding-right:4px;position:sticky;top:90px}
.omni-raekke{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:14px;border:1px solid var(--card-border);background:var(--card);color:var(--text);cursor:pointer;font:inherit}
.omni-raekke:hover{border-color:var(--purple-light)}
.omni-raekke.aktiv{background:linear-gradient(90deg,rgba(133,0,240,.38),rgba(133,0,240,.1));border-color:var(--purple-light)}
.omni-av{border-radius:50%;flex:none;object-fit:cover;background:var(--bg-alt)}
.omni-navn{display:grid;gap:2px;min-width:0;flex:1}
.omni-navn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.omni-navn small{color:var(--text-muted);font-size:.78rem}
.omni-maerker{display:flex;gap:4px;flex:none}
.omni-maerke{font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:99px;background:rgba(133,0,240,.3);white-space:nowrap}
.omni-maerke.guld{background:rgba(255,196,0,.25)}
.omni-maerke.orange{background:rgba(240,154,0,.3)}
.omni-rollerlinje{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:3px}
.omni-rolle{--rf:#99aab5;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:.82rem;font-weight:600;background:color-mix(in srgb,var(--rf) 18%,transparent);border:1px solid color-mix(in srgb,var(--rf) 55%,transparent)}
.omni-rolle::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rf)}
.omni-rolle.lille{padding:1px 7px;font-size:.72rem}
.omni-detalje{background:var(--card);border:1px solid var(--card-border);border-radius:18px;padding:18px;min-height:240px}
.omni-tom{color:var(--text-muted);text-align:center;margin:80px 0}
.omni-dhoved{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.omni-dhoved h2{margin:0;font-size:1.6rem;line-height:1.15}
.omni-dhoved p{margin:2px 0 6px}
.omni-id{border:1px dashed var(--card-border);background:rgba(0,0,0,.2);color:var(--text-muted);border-radius:8px;padding:3px 9px;font:600 .78rem ui-monospace,monospace;cursor:pointer}
.omni-id:hover{color:var(--text);border-color:var(--purple-light)}
.omni-afsnit{margin-top:18px;padding-top:14px;border-top:1px solid var(--card-border)}
details.omni-afsnit{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:12px 16px;margin:0 0 16px}
details.omni-afsnit summary{cursor:pointer;font-weight:700}
.omni-afsnit h3{margin:0 0 6px}
.omni-gruppe{margin:16px 0 8px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.omni-gruppe.stor{font-size:.95rem;color:var(--text);text-transform:none;letter-spacing:0;margin-top:24px}
.omni-ret{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:12px;background:rgba(8,6,14,.35);border:1px solid transparent;margin-bottom:6px}
.omni-ret.til{border-color:rgba(61,220,132,.35);background:rgba(61,220,132,.07)}
.omni-ret > div:not(.omni-tre){display:grid;gap:2px;min-width:0}
.omni-ret small{color:var(--text-muted);font-size:.8rem}
.omni-cb{justify-content:flex-start;cursor:pointer}
.omni-cb input{width:18px;height:18px;flex:none;accent-color:#3ddc84}
.omni-tre{display:inline-flex;border:1px solid var(--card-border);border-radius:10px;overflow:hidden;flex:none}
.omni-tre-knap{border:0;background:transparent;color:var(--text-muted);padding:6px 10px;font:600 .78rem Inter,sans-serif;cursor:pointer;white-space:nowrap}
.omni-tre-knap + .omni-tre-knap{border-left:1px solid var(--card-border)}
.omni-tre-knap:hover{color:var(--text);background:rgba(133,0,240,.15)}
.omni-tre-knap.aktiv{background:rgba(133,0,240,.45);color:#fff}
.omni-rollevalg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.omni-rolle-valg{display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border-radius:10px;background:rgba(8,6,14,.35);cursor:pointer}
.omni-rolle-valg.laast{opacity:.55;cursor:not-allowed}
.omni-dcret{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}
.omni-dcchip{font-size:.76rem;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid var(--card-border)}
.omni-dcchip.ja{border-color:rgba(61,220,132,.5);background:rgba(61,220,132,.1)}
.omni-dcchip.nej{border-color:rgba(255,90,98,.5);background:rgba(255,90,98,.1)}
.omni-ekstra{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(240,154,0,.08);border:1px solid rgba(240,154,0,.35);margin-bottom:6px}
.omni-note{margin:8px 0;padding:9px 12px;border-radius:12px;background:rgba(133,0,240,.12);font-size:.88rem}
.omni-note.guld{background:rgba(255,196,0,.12);border:1px solid rgba(255,196,0,.35)}
.omni-note.orange{background:rgba(240,154,0,.12);border:1px solid rgba(240,154,0,.35)}
.omni-vaerktoej{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.omni-select{padding:6px 10px;border-radius:10px;border:1px solid var(--card-border);background:var(--bg-alt);color:var(--text);font:inherit;font-size:.85rem}
.omni-personer{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.omni-person{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:99px;border:1px solid var(--card-border);background:var(--bg-alt);color:var(--text);font:600 .8rem Inter,sans-serif;cursor:pointer}
.omni-person img{border-radius:50%}
.omni-person:hover{border-color:var(--purple-light)}
.omni-kort-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.omni-kort{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:14px}
.omni-kort h4{margin:0 0 4px}
.omni-kort p{margin:0 0 6px}
.omni-hvem summary{cursor:pointer;font-size:.85rem;color:var(--purple-light);margin-top:6px}
.omni-matrix-wrap{overflow:auto;margin-top:10px}
.omni-matrix{border-collapse:collapse;font-size:.82rem;min-width:100%}
.omni-matrix th,.omni-matrix td{padding:6px 8px;border-bottom:1px solid var(--card-border);text-align:left;white-space:nowrap}
.omni-matrix td.c{text-align:center}
.omni-matrix thead th{position:sticky;top:0;background:var(--card)}
.omni-punkter{margin:6px 0;padding-left:20px;line-height:1.6}
.omni-gem .btn{white-space:nowrap}
.omni-gem span{white-space:nowrap}
.omni-gem{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:120;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 18px;border-radius:16px;background:rgba(20,14,34,.97);border:1px solid #ffd54a;box-shadow:0 18px 40px -12px rgba(0,0,0,.8);font-weight:700}
@media (max-width:860px){.omni-grid{grid-template-columns:1fr}.omni-liste{position:static;max-height:46vh}.omni-ret{flex-wrap:wrap}.omni-gem{left:12px;right:12px;transform:none;flex-wrap:wrap;justify-content:center}}
.omni-navn > .omni-rolle{justify-self:start}
.omni-graenser{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:8px 0}
.omni-graense{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:rgba(8,6,14,.35);font-size:.85rem}
.omni-graense > span{font-weight:700}
.omni-graense small{font-size:.75rem}
.omni-graense .omni-select{width:100%}
.omni-gave{margin:12px 0;padding:14px;border-radius:14px;background:linear-gradient(135deg,rgba(61,220,132,.12),rgba(133,0,240,.12));border:1px solid rgba(61,220,132,.4)}
.omni-gave h4{margin:0 0 6px}
.omni-gave p{margin:0 0 8px;font-size:.9rem}
.omni-server{padding:10px 12px;border-radius:12px;background:rgba(8,6,14,.35);margin-bottom:6px}
.omni-server > div{display:grid;gap:2px}
.omni-server small{color:var(--text-muted);font-size:.8rem}
.omni-server.udloebet{border:1px solid rgba(255,90,98,.45);background:rgba(255,90,98,.08)}
.omni-udloeb{color:#ff9ba0 !important}
.min-midlertidig{margin:0 0 16px;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,rgba(61,220,132,.14),rgba(133,0,240,.14));border:1px solid rgba(61,220,132,.45);font-weight:600}

.omni-byg-knap{display:grid;gap:2px;margin:12px 0 0;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(255,196,0,.22),rgba(133,0,240,.25));border:1px solid rgba(255,196,0,.55);color:#ffd54a !important;font-weight:800;text-decoration:none}
.omni-byg-knap small{color:var(--text-muted);font-weight:500;font-size:.75rem}
.omni-byg-knap:hover{border-color:#ffd54a;background:linear-gradient(135deg,rgba(255,196,0,.32),rgba(133,0,240,.35))}

.omni-svar-liste{display:grid;gap:10px;margin-top:12px}
.omni-svar{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:14px 16px}
.omni-svar.ulaest{border-color:rgba(90,169,255,.6);box-shadow:inset 3px 0 0 #5aa9ff}
.omni-svar-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
.omni-svar-felter{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:6px 14px;margin:10px 0}
.omni-svar-felter dt{color:var(--text-muted);font-weight:600}
.omni-svar-felter dd{margin:0;white-space:pre-wrap;word-break:break-word}
/* 🦅 Pelican i Omni-Panelet */
.pel-liste{display:grid;gap:10px}
.pel-bruger{padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid var(--card-border);display:grid;gap:10px}
.pel-bruger.inde{border-color:rgba(61,220,132,.45)}
.pel-top{display:flex;gap:12px;align-items:center}
.pel-top img{border-radius:50%;flex:none}
.pel-navn{display:grid;flex:1;min-width:0}
.pel-navn small{overflow-wrap:anywhere}
.pel-status{font-size:.82rem;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--bg-alt);color:var(--text-muted);white-space:nowrap}
.pel-status.ja{background:rgba(61,220,132,.15);color:#3ddc84}
.pel-server{display:grid;gap:8px;margin-top:12px}
.pel-adg{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--card-border)}
.pel-adg b{flex:1;min-width:140px}
.pel-ny{border-style:dashed}
/* 📱 App-forsiden: næste event, afstemning og staff-genveje */
.app-gave{margin:8px 0 0;font-size:.8rem;color:#ffd54a;font-weight:600}
.app-kort{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:12px 14px;border-radius:16px;text-decoration:none;color:var(--text);background:linear-gradient(120deg,rgba(77,195,255,.18),var(--card) 60%);border:1px solid var(--card-border);transition:transform .15s}
.app-kort.orange{background:linear-gradient(120deg,rgba(255,138,61,.2),var(--card) 60%)}
.app-kort:active{transform:scale(.97)}
.app-kort[hidden]{display:none}
.app-kort-ikon{font-size:1.7rem;flex:none}
.app-kort-tekst{display:grid;flex:1;min-width:0}
.app-kort-tekst small{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.app-kort-tekst b{font:700 1rem "Chakra Petch",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-kort-tekst em{font-style:normal;font-size:.78rem;color:var(--orange-light)}
.app-kort-pil{font-size:1.6rem;color:var(--text-muted)}
.app-staff{margin-top:18px}
.app-staff h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 8px}
.app-staff .app-flise[hidden]{display:none}

/* 📧 Mail i Omni-Panelet */
.mail-tael{display:inline-block;background:#5aa9ff;color:#0e0b16;border-radius:999px;font-size:.72rem;font-weight:800;padding:1px 7px;margin-left:6px;line-height:1.5}
.mail-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:12px}
.mail-top .omni-vaerktoej{margin:0}
.chip.aktiv{border-color:var(--purple-light);background:rgba(133,0,240,.25)}
.mail-liste{display:grid;gap:6px}
.mail-raekke{display:grid;grid-template-columns:18px 10px minmax(0,190px) minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;text-align:left;background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:10px 14px;color:var(--text);font:inherit;cursor:pointer}
.mail-raekke:hover{border-color:var(--purple-light)}
.mail-raekke.ulaest{border-color:rgba(90,169,255,.55);box-shadow:inset 3px 0 0 #5aa9ff}
.mail-raekke.ulaest .mail-fra,.mail-raekke.ulaest .mail-emne{font-weight:700}
.mail-prik{width:8px;height:8px;border-radius:50%;background:#5aa9ff}
.mail-fra,.mail-emne{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mail-emne{color:var(--text-muted)}
.mail-raekke.ulaest .mail-emne{color:var(--text)}
.mail-dato{color:var(--text-muted);font-size:.84rem;white-space:nowrap}
@media (max-width:700px){.mail-raekke{grid-template-columns:18px 10px minmax(0,1fr) auto;gap:4px 10px}.mail-cb{grid-row:1/3;align-self:center}.mail-dato{grid-row:1;grid-column:4}.mail-emne{grid-column:3/5;grid-row:2}.mail-prik{grid-row:1;grid-column:2}.mail-fra{grid-row:1;grid-column:3}}
.mail-laes{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:16px 18px;margin-top:12px}
.mail-laes h3{margin:0 0 6px;word-break:break-word}
.mail-hoved{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:8px 0 10px;font-size:.92rem}
.mail-hoved dt{color:var(--text-muted)}
.mail-hoved dd{margin:0;word-break:break-word}
.mail-tekst{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:.98rem;line-height:1.55;background:var(--bg-alt);border:1px solid var(--card-border);border-radius:12px;padding:14px 16px;margin:12px 0;max-height:70vh;overflow:auto}
.mail-bilag{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.mail-bilag a{background:var(--bg-alt);border:1px solid var(--card-border);border-radius:999px;padding:6px 12px;color:var(--text);text-decoration:none;font-size:.88rem}
.mail-bilag a:hover{border-color:var(--purple-light)}
.mail-form{display:grid;gap:12px;background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:16px 18px;margin-top:12px}
.mail-form h3{margin:0}
.mail-form label{display:grid;gap:5px;font-weight:600;min-width:0}
.mail-form input[type=email],.mail-form input[type=text],.mail-form textarea{width:100%;box-sizing:border-box;background:var(--bg-alt);color:var(--text);border:1px solid var(--card-border);border-radius:10px;padding:10px 12px;font:inherit;font-weight:400}
.mail-form textarea{min-height:280px;resize:vertical;line-height:1.5}
.mail-form .mail-check{display:flex;align-items:center;gap:8px;font-weight:400;color:var(--text-muted)}
.mail-form button[type=submit]{justify-self:start}
.mail-konti{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.mail-konto{display:inline-flex;align-items:center;gap:8px;background:var(--bg-alt);border:1px solid var(--card-border);border-radius:12px;padding:8px 12px;color:var(--text);font:600 .9rem Inter,sans-serif;cursor:pointer;min-width:0}
.mail-konto:hover{border-color:var(--purple-light)}
.mail-konto.aktiv{border-color:var(--orange-light);background:rgba(240,154,0,.14)}
.mail-konto.slukket{opacity:.55}
.mail-konto-adr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-konto .mail-tael{margin-left:0}
.mail-vaerktoej{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:var(--bg-alt);border:1px solid var(--card-border);border-radius:12px;padding:8px 12px;margin-bottom:8px;min-height:46px;box-sizing:border-box}
.mail-vaelg-alle{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.9rem;cursor:pointer}
.mail-valgt{font-weight:700;color:var(--orange-light);font-size:.9rem}
.mail-flere,.mail-fast{display:flex;flex-wrap:wrap;gap:6px}
.mail-fast{margin-left:auto}
.mail-flere[hidden],.mail-fast[hidden]{display:none}
.mail-cb,.mail-vaelg-alle input{width:17px;height:17px;accent-color:var(--orange);cursor:pointer;margin:0}
.mail-raekke.valgt{border-color:var(--orange-light);background:rgba(240,154,0,.08)}
.mail-raekke:focus-visible{outline:2px solid var(--purple-light);outline-offset:2px}

/* 🎮 Udgivne spil: eget billede på kortet */
.spil-billede.har-billede{background:var(--img) center/cover no-repeat,linear-gradient(135deg,var(--a),var(--b))}
.demo-badge.klar-badge{background:rgba(34,181,115,.18);color:#5ee0a3;border:1px solid rgba(34,181,115,.45)}
.rl-tom{color:var(--text-muted);text-align:center;padding:36px 10px}
.rl-avatar.billede{object-fit:cover;padding:0}
.spil-tags span.genre{background:rgba(240,154,0,.14);color:var(--orange-light)}
.spil-filter{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 -8px}
.spil-filter .chip.aktiv{background:rgba(133,0,240,.25);border-color:var(--purple-light);color:var(--text)}
.spil-kort[hidden]{display:none}
.spil-billede.har-billede span{filter:drop-shadow(0 6px 14px rgba(0,0,0,.7))}
/* 💬 Feedback fra GamesForNoobs (feedback-knap.js og feedback-liste.js) */
.fb-dialog{border:1px solid var(--card-border);border-radius:18px;background:var(--bg,#0e0b16);color:var(--text);padding:22px;width:min(520px,94vw);max-height:92vh;overflow:auto}
.fb-dialog::backdrop{background:rgba(5,3,10,.7);backdrop-filter:blur(3px)}
.fb-form{display:grid;gap:12px}
.fb-hoved{display:flex;justify-content:space-between;align-items:center;gap:10px}
.fb-hoved h2,.fb-tak h2{margin:0;font-size:1.3rem}
.fb-luk{width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:var(--text);cursor:pointer;flex:none}
.fb-luk:hover{background:rgba(255,255,255,.16)}
.fb-intro,.fb-hvem{margin:0;color:var(--text-muted);font-size:.9rem}
.fb-felt{display:grid;gap:6px;font-weight:600;font-size:.92rem}
.fb-felt .felt{max-width:none;font-weight:400}
.fb-felt textarea{resize:vertical;min-height:110px}
.fb-taeller{justify-self:end;color:var(--text-muted);font-weight:400;font-size:.78rem}
.fb-slags{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.fb-slags legend{font-weight:600;font-size:.92rem;margin-bottom:6px;padding:0}
.fb-chip{cursor:pointer}
.fb-chip input{position:absolute;opacity:0;pointer-events:none}
.fb-chip span{display:inline-block;padding:7px 13px;border-radius:999px;background:var(--card);border:1px solid var(--card-border);font-size:.88rem;font-weight:600}
.fb-chip:hover span{border-color:var(--purple-light)}
.fb-chip input:checked+span{background:rgba(133,0,240,.35);border-color:var(--purple-light)}
.fb-chip input:focus-visible+span{outline:2px solid var(--purple-light);outline-offset:2px}
.fb-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.fb-fejl{margin:0;color:#ff8a8f;font-weight:600}
.fb-knapper{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.fb-knapper .btn{padding:10px 18px}
.fb-tak{text-align:center;display:grid;gap:8px;justify-items:center;padding:10px 0}
.fb-tak p{margin:0;color:var(--text-muted)}
.fb-tak .fb-tak-ikon{font-size:3rem;color:inherit}
.fb-tak .btn{margin-top:8px;padding:10px 20px}
[hidden].fb-tak,.fb-form[hidden],.fb-felt[hidden]{display:none}
.fb-vaerktoej{align-items:center;margin-top:12px}
.fb-vaelg-alle{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;color:var(--text-muted);margin-right:6px;cursor:pointer}
.fb-top{justify-content:flex-start;align-items:center}
.fb-top small{margin-left:auto}
.fb-tekst{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;margin:10px 0}
/* 🏠 Overblik i Omni-Panelet */
.omni-ov-titel{margin:0 0 10px;font-size:1.05rem}
.omni-ov-titel:not(:first-child){margin-top:26px}
.omni-ov-kort{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.omni-ov-boks{display:grid;gap:6px;align-content:start;justify-items:start;padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid var(--card-border)}
.omni-ov-boks small{line-height:1.45}
.omni-ov-boks .btn{margin-top:4px}
/* Ranglister på mobil: "Vil du på listen?"-boksen ligger under listen i stedet for at klemme sig ind over den */
@media (max-width:600px){.rl-mig{position:static;margin-right:0;flex-wrap:wrap}.rl-mig-tekst{flex:1 1 100%}}
.fb-kanal{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;font-size:.92rem}
.fb-kanal-hint{margin:4px 0 14px}
.spil-nu{position:absolute;left:10px;top:38px;z-index:2;background:rgba(10,8,18,.78);color:#7ff0a8;font-size:.78rem;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid rgba(127,240,168,.45);backdrop-filter:blur(4px)}
/* Mailadresser på knapper skrives med små bogstaver, som de rigtigt hedder */
.btn[href^="mailto:"]{text-transform:none;letter-spacing:.01em;font-size:.95rem}
.login-btn[hidden]{display:none !important}