/* Minecraft page styles (GitHub dark-like) */
.mc-page{ padding: 16px; }

/* Under construction banner */
.construction{ margin-bottom: 14px; border: 1px solid var(--border); border-radius: 8px; overflow: hidden; background: var(--surface-2); }
.construction-bar{ height: 6px; background: repeating-linear-gradient(45deg, #000 0 14px, #ffd000 14px 28px); }
.construction-msg{ padding: 10px 12px; font-weight: 600; }

.mc-hero{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px; border:1px solid var(--border); border-radius:8px; background: var(--surface-2); }
.mc-hero-left h1{ font-size: 24px; margin-bottom: 6px; }
.mc-hero-left .muted{ font-size: 14px; }

.mc-addr{ display:flex; gap:8px; align-items:center; }
.mc-addr input{ width: 240px; }

.mc-status{ display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-top: 16px; }
.mc-card{ border:1px solid var(--border); border-radius: 8px; padding: 12px; background: var(--surface-2); }
.mc-card-title{ font-weight:600; margin-bottom:6px; color: var(--text-muted); }
.mc-value{ font-size: 20px; font-weight: 700; }

.mc-online{ color: var(--success); }
.mc-offline{ color: var(--danger); }

.players{ margin-top: 18px; }
.playerlist{ display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; margin-top: 10px; }
.player{ display:flex; align-items:flex-start; gap:10px; border:1px solid var(--border); border-radius:8px; padding:8px; background: var(--surface); cursor: pointer; }
.player:focus{ outline: none; box-shadow: 0 0 0 2px rgba(75,140,247,0.5); }
.player img{ width: 28px; height:28px; border-radius:4px; border:1px solid var(--border); flex: 0 0 auto; }
.player .info{ display:flex; flex-direction:column; gap:4px; min-width: 0; }
.player .top{ display:flex; align-items:center; gap:8px; min-width:0; }
.player .status-dot{ display:none; }
.player .status-text{ font-size:12px; opacity:0.9; }
.player .status-online-text{ color:#34d399; }
.player .status-afk-text{ color:#fbbf24; }
.player .status-offline-text{ color:#f87171; }
.player .name{ font-weight:600; white-space:normal; overflow:visible; text-overflow:clip; word-break:break-word; }
.player .details{ display:none; font-size: 12px; color: var(--text-muted); }
.player.open .details{ display:block; }
.rank-badge{ margin-left:auto; }

.badge{ display:inline-block; padding:2px 6px; border-radius:999px; border:1px solid var(--border); font-size:12px; color: var(--text); background: var(--surface); }

.copy-btn{ height: 32px; }