/* ===== Base (Classic) ===== */
.cosgy-mc-status { display:block; }
.mc-card {
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
    background: #fff;
}
.mc-theme-dark .mc-card, .mc-card.mc-theme-dark { background:#1f1f1f; color:#eee; border-color:#333; }
.mc-theme-auto { /* サイト側のテーマと合わせる場合に利用 */ }

.mc-header { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.mc-title { font-weight:600; font-size:16px; }

.mc-badge { font-size:12px; padding:2px 8px; border-radius:9999px; margin-left:8px; }
.mc-badge-on  { background:#e6ffed; color:#067d26; border:1px solid #b6f0c4; }
.mc-badge-off { background:#ffecec; color:#9b1c1c; border:1px solid #f5c2c2; }

.mc-favicon { width:24px; height:24px; image-rendering: pixelated; border-radius:4px; }

.mc-grid { display:grid; grid-template-columns: 1fr 1fr; gap:8px; margin:8px 0; }
.mc-label { font-size:12px; opacity:.7; }
.mc-value { font-size:14px; font-weight:600; }
.mc-motd { margin-top:6px; white-space:pre-wrap; word-break:break-word; }

.mc-skeleton .mc-line { height:14px; background:linear-gradient(90deg, #eee, #f5f5f5, #eee); border-radius:6px; }
.mc-error { color:#9b1c1c; background:#fff5f5; border-color:#f5c2c2; }

/* Avatars */
.mc-players { margin-top: 6px; }
.mc-avatars { display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.mc-avatar img { width:24px; height:24px; border-radius:4px; image-rendering: pixelated; display:block; }
.mc-avatar.mc-avatar-fallback {
    width:24px; height:24px; border-radius:4px; background:#e9ecef;
    display:flex; align-items:center; justify-content:center;
    font-size:12px; font-weight:700; color:#555;
}

/* Maintenance */
.mc-badge-maint { background: #fff3cd; color: #8a6d3b; border: 1px solid #ffe08a; }
.mc-card.mc-maintenance { border-color: #ffe08a; background: #fffdf5; }
.mc-maint-msg {
    margin-top: 8px; padding: 8px; border: 1px dashed #ffe08a;
    border-radius: 8px; font-size: 13px; background: #fffaf0;
}

/* ===== Minecraft Skin ===== */
.mc-card.mc-skin-minecraft {
    /* 硬質なUI枠（ピクセル風） */
    border: 2px solid #000;
    border-radius: 6px;
    padding: 10px;
    background:
        /* うっすらノイズ */
            linear-gradient(0deg, rgba(0,0,0,.06), rgba(255,255,255,.06)),
            #3b3b3b;
    box-shadow:
            inset 0 0 0 2px #555,     /* 内側縁取り */
            0 3px 0 0 #000,           /* 下に落ち影（レトロ） */
            0 3px 0 2px #555;         /* 影の縁 */
    color: #e9f0e9;
    image-rendering: pixelated;
}

/* ヘッダを草ブロック風に */
.mc-skin-minecraft .mc-header {
    width: 100%;
    padding: 6px 8px;
    margin: -4px 0 8px 0;
    border: 2px solid #000;
    border-radius: 4px;
    background:
            linear-gradient(#5dbb40 0 40%, #73d154 40% 52%, #6b4d2f 52% 100%); /* 草→土 */
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.25);
}
.mc-skin-minecraft .mc-title {
    font-weight: 800;
    letter-spacing: .5px;
    text-shadow: 1px 1px 0 #1c2b1c, 2px 2px 0 rgba(0,0,0,.35); /* ドロップシャドウでピクセル感 */
    color: #f2fff2;
    display: flex; align-items: center;
}

/* ピクセル風バッジ */
.mc-skin-minecraft .mc-badge {
    border-radius: 2px;
    border: 2px solid #000;
    padding: 2px 6px;
    font-weight: 800;
    text-shadow: 1px 1px 0 rgba(0,0,0,.4);
}
.mc-skin-minecraft .mc-badge-on  { background:#3aa63a; color:#eaffea; border-color:#000; }
.mc-skin-minecraft .mc-badge-off { background:#a63a3a; color:#ffeaea; border-color:#000; }
.mc-skin-minecraft .mc-badge-maint { background:#c2a23a; color:#fff8d6; border-color:#000; }

/* グリッドを枠付きに */
.mc-skin-minecraft .mc-grid {
    gap: 6px;
}
.mc-skin-minecraft .mc-label {
    font-size: 12px;
    color: #c9d8c9;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.mc-skin-minecraft .mc-value {
    font-size: 14px;
    font-weight: 800;
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.35);
}
.mc-skin-minecraft .mc-motd {
    margin-top: 8px;
    padding: 6px 8px;
    background: rgba(0,0,0,.25);
    border: 2px solid #000;
    border-radius: 4px;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.06);
}

/* アバターもピクセル枠に */
.mc-skin-minecraft .mc-avatar img,
.mc-skin-minecraft .mc-avatar.mc-avatar-fallback {
    border-radius: 2px;
    border: 2px solid #000;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.06);
    background: #2e2e2e;
    color: #fff;
}

/* メンテ中カードの色合い（MCスキン適用時） */
.mc-card.mc-skin-minecraft.mc-maintenance {
    background:
            linear-gradient(0deg, rgba(0,0,0,.06), rgba(255,255,255,.06)),
            #52461d;
}
.mc-skin-minecraft .mc-maint-msg {
    background: rgba(0,0,0,.25);
    border-color: #000;
    color: #fff6d6;
}

/* スケルトン（読み込み中） */
.mc-skin-minecraft.mc-skeleton .mc-line,
.mc-card.mc-skin-minecraft .mc-line {
    height: 14px;
    background: repeating-linear-gradient(
            90deg,
            rgba(255,255,255,.08) 0 10px,
            rgba(0,0,0,.08) 10px 20px
    );
    border-radius: 2px;
}