/* mc-panel.css */
.mc-panel {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color: #e6edf3;
  background: #161b22;
  border: 1px solid #262b33;
  border-radius: 14px;
  padding: 12px;
  display: grid;
  grid-template-columns: 44px 1fr auto;
  grid-template-rows: auto auto auto;
  gap: 8px 10px;
  width: 100%;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
}
.mc-panel img.mc-icon { width: 44px; height: 44px; border-radius: 10px; grid-row: 1 / span 2; background:#0b0e14; object-fit: cover; }
.mc-name { font-weight: 700; line-height: 1.1; }
.mc-status { font-size: 12px; color: #8b949e; display:flex; align-items:center; gap:6px; }
.mc-status2 { font-size: 12px; color: #8b949e; display:flex; align-items:center; gap:6px; }
.mc-dot { display:inline-block; width:10px; height:10px; border-radius:50%; background: #f85149; box-shadow: 0 0 0 2px rgba(0,0,0,.25) inset; }
.mc-dot.online { background: #3fb950; }

.mc-motd { grid-column: 1 / -1; font-size: 13px; line-height: 1.25; background:#0e1117; border-radius: 10px; padding:8px; border:1px dashed #2b313a; }
.mc-motd .mc-line { display:block; }

.mc-players { grid-column: 1 / -1; display:flex; align-items:center; gap:8px; flex-wrap: wrap; }
.mc-players .count { font-size: 13px; color: #8b949e; margin-right: 6px; }
.mc-heads { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.mc-heads .mc-player { display:flex; align-items:center; gap:4px; background:#0e1117; padding:2px 6px; border-radius:6px; }
.mc-heads img { width: 24px; height:24px; border-radius: 6px; image-rendering: pixelated; box-shadow: 0 1px 0 rgba(0,0,0,.5); }
.mc-heads .mc-username { font-size:12px; color:#8b949e; }

.mc-actions { grid-column: 3; grid-row: 1; align-self: start; }
.mc-refresh { background: transparent; border:1px solid #30363d; color: #e6edf3; border-radius: 10px; padding:6px 10px; cursor: pointer; font-size:12px; }
.mc-refresh:hover { background:#1f242d; }

/* Basic Minecraft § color + formatting classes for fallback parsing */
.mc-c-0 { color:#000 } .mc-c-1 { color:#00a } .mc-c-2 { color:#0a0 } .mc-c-3 { color:#0aa }
.mc-c-4 { color:#a00 } .mc-c-5 { color:#a0a } .mc-c-6 { color:#fa0 } .mc-c-7 { color:#aaa }
.mc-c-8 { color:#555 } .mc-c-9 { color:#55f } .mc-c-a { color:#5f5 } .mc-c-b { color:#5ff }
.mc-c-c { color:#f55 } .mc-c-d { color:#f5f } .mc-c-e { color:#ff5 } .mc-c-f { color:#fff }
.mc-f-l { font-weight: 700; } .mc-f-m { text-decoration: line-through; } .mc-f-n { text-decoration: underline; }
.mc-f-o { font-style: italic; }

/* so fun fact, the minecraft status in the layout js only works if theres one also in the html, so on each page we have a second one but memed into invisibility */
meme {
    display: none; /* This removes the element from the layout completely */
}