/* Halaman Minecraft: kartu tautan (belum login, belum tertaut, tertaut) */
.mch{background:var(--card,#fff);border:1px solid var(--border);border-radius:18px;overflow:hidden;margin:0 0 14px;box-shadow:0 1px 2px rgba(20,40,80,.05)}
.mch-ban{height:104px;position:relative;image-rendering:pixelated}.mch-ban::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.28))}
.mch-bdg{position:absolute;left:12px;top:12px;z-index:2;background:rgba(20,28,45,.78);color:#fff;border-radius:99px;padding:4px 11px;font-size:12px;font-weight:800;display:inline-flex;gap:6px;align-items:center}.mch-bdg.on{background:#16a085}
.mch-body{padding:16px}.mch-body h2{margin:0 0 6px;font-size:19px;display:flex;gap:9px;align-items:center}.mch-body h2 i{color:#2e8b1f}.mch-body>p{margin:0 0 14px;color:var(--muted);font-size:13.5px;line-height:1.55}
.mch-ut{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:8px;margin:0 0 16px}.mch-ut>div{display:flex;gap:11px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--soft,#f1f4f8)}
.mch-ut i{width:32px;height:32px;border-radius:10px;background:#e3f6ea;color:#1b8a3c;display:grid;place-items:center;flex:none;font-size:14px}.mch-ut b{display:block;font-size:13px}.mch-ut small{display:block;color:var(--muted);font-size:11.5px;line-height:1.4;margin-top:1px}
.mch-st{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:s}.mch-st li{display:flex;gap:12px;align-items:flex-start;position:relative}
.mch-st li:not(:last-child)::before{content:"";position:absolute;left:15px;top:34px;bottom:-12px;width:2px;background:var(--border)}
.mch-st .n{flex:none;width:32px;height:32px;border-radius:50%;background:#2e8b1f;color:#fff;display:grid;place-items:center;font-weight:900;font-size:14px;z-index:1}
.mch-st b{display:block;font-size:14px}.mch-st small{display:block;color:var(--muted);font-size:12.5px;line-height:1.5;margin:2px 0 8px}
.mch-b{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;padding:10px 15px;background:#2e8b1f;color:#fff;font-weight:800;font-size:13px;text-decoration:none;cursor:pointer;font-family:inherit;white-space:nowrap}
.mch-b.ghost{background:var(--soft,#eef2f6);color:var(--text)}.mch-b.go{background:linear-gradient(135deg,#16a085,#0f9d78)}.mch-b[disabled]{opacity:.6;cursor:default}
.mch-in{display:flex;gap:8px;flex-wrap:wrap}.mch-in input{flex:1 1 170px;min-width:0;padding:12px 14px;border-radius:12px;border:2px solid var(--border);background:var(--bg,#fff);color:var(--text);font:800 18px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.22em;text-transform:uppercase;text-align:center}
.mch-in input:focus{outline:0;border-color:#2e8b1f}.mch-er{min-height:18px;color:#c62828;font-size:12.5px;margin-top:6px;font-weight:700}
.mch-ip{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:11px 13px;border-radius:14px;border:1px dashed var(--border);background:var(--soft,#f1f4f8)}.mch-ip>i{font-size:20px;color:#2e8b1f}.mch-ip span{flex:1;min-width:140px}.mch-ip small{display:block;color:var(--muted);font-size:11.5px}.mch-ip b{font:800 15px ui-monospace,Menlo,Consolas,monospace}
/* tertaut */
.mch.ok .mch-body{padding-top:0}.mch-id{display:flex;gap:16px;align-items:flex-end;margin-top:-52px;position:relative;z-index:3}
.mch-sk{flex:none;width:92px;min-height:120px;display:flex;align-items:flex-end;justify-content:center}.mch-sk img{filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}.sk-fb{width:86px;height:110px;border-radius:12px;background:linear-gradient(135deg,#2e8b1f,#1b5e20);color:#fff;display:grid;place-items:center;font:900 38px sans-serif}
.mch-w{min-width:0;padding-bottom:6px}.mch-w small{display:block;color:var(--muted);font-size:11.5px;font-weight:700}.mch-w>b{display:block;font-size:22px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mch-on{display:inline-flex;gap:6px;align-items:center;color:#1b8a3c;font-size:12px;font-weight:800;margin:3px 0 8px}
.mch-av{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.mch-av b{color:var(--text)}
.mch-xp{margin:16px 0 12px}.mch-xp .row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;font-size:14px}.mch-xp .row small{color:var(--muted);font-size:11.5px;font-weight:600}.mch-xp .tot{display:block;margin-top:6px;color:var(--muted);font-size:11.5px;font-weight:600}
.mch-ac{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.mch-ac .mch-b{flex:1 1 140px}
.mch-hd{border:1px solid var(--border);border-radius:14px;padding:12px;background:color-mix(in srgb,#ffb02e 7%,var(--card,#fff))}.mch-hdh{display:flex;gap:9px;align-items:center;margin-bottom:8px}.mch-hdh i{color:#c98a06}
.mch-hr{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--border)}.mch-hr:first-child{border-top:0}.mch-hr span{flex:1;min-width:0}.mch-hr b{display:block;font-size:13.5px}.mch-hr small{color:var(--muted);font-size:11.5px}.mch-hr em{font-style:normal;font-weight:900;color:#a86d00}
.mch-hr.done{opacity:.7}.mch-dn{color:#1b8a3c;font-weight:800;font-size:12.5px}
.mch-lp{margin-top:14px;background:none;border:0;color:var(--muted);font-size:12.5px;cursor:pointer;font-family:inherit;text-decoration:underline}
@media(max-width:480px){.mch-id{gap:12px}.mch-sk{width:78px}.mch-w>b{font-size:19px}.mch-b{padding:10px 12px}}
.mch-w{padding-top:60px}.mch-id{align-items:flex-start}@media(max-width:480px){.mch-w{padding-top:56px}}
.mch-ut i{color:#1b8a3c!important;background:#d7f0df!important;opacity:1!important}.mch-st small b{display:inline!important;font-size:inherit}.mch-ip>i{color:#2e8b1f!important;opacity:1!important}
.mch-hdh i,.mch-on i,.mch-bdg i{opacity:1!important}.mch-b i{opacity:1}

.mch-ut .cic{width:34px;height:34px;border-radius:10px;background:#d7f0df!important;color:#1b8a3c;display:grid!important;place-items:center;flex:none;font-size:15px}.mch-ut .cic i{background:currentColor!important;color:inherit!important}
.mch-sk{width:92px;min-height:0;aspect-ratio:1/1}.mch-sk img{width:92px;height:92px;object-fit:cover}.sk-fb{width:92px;height:92px!important}
/* Kartu ringkas Minecraft di Beranda dan Profil */
.mck{background:var(--card,#fff);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin:0 0 12px;box-shadow:0 1px 2px rgba(20,40,80,.05)}
.mck-ban{display:block;height:64px;position:relative;text-decoration:none}.mck-ban::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.35))}.mck-ban span{position:absolute;left:12px;bottom:8px;z-index:2;color:#fff;font-weight:800;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.mck-b{padding:12px 14px 14px}.mck-b h3{margin:0 0 10px;font-size:16px}.mck-w{display:grid;gap:8px;margin-bottom:12px}
.mck-w>div{display:flex;gap:11px;align-items:flex-start;padding:9px 11px;border-radius:12px;background:var(--soft,#f1f4f8)}.mck-w>div>i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:14px;flex:none;color:#1b8a3c;background:currentColor}
.mck-w b{display:block;font-size:13px}.mck-w small{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:1px}
.mck-a{display:flex;gap:8px;flex-wrap:wrap}.mck-a .mch-b{flex:1 1 140px}
.mck.ok .mck-b.row{display:flex;gap:12px;align-items:center}.mck-hd{width:52px;height:52px;border-radius:8px;image-rendering:pixelated;flex:none;background:#d7f0df}.mck-id{flex:1;min-width:0}.mck-id small{display:block;color:#1b8a3c;font-size:11.5px;font-weight:800}.mck-id b{display:block;font-size:16px;margin:1px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mck-id em{font-style:normal;font-size:11px;background:#e6f6ee;color:#0b6b4d;border-radius:99px;padding:1px 8px;margin-left:4px;vertical-align:2px}
@media(min-width:760px){.mck-w{grid-template-columns:1fr 1fr}}

.mch-why{display:grid;gap:10px;margin:0 0 16px}.mch-why>div{border-radius:14px;padding:12px 14px;border:1px solid var(--border)}.mch-why .a{background:color-mix(in srgb,#ffb02e 9%,var(--card,#fff))}.mch-why .b{background:color-mix(in srgb,#2e8b1f 8%,var(--card,#fff))}
.mch-why b{display:flex;gap:8px;align-items:center;font-size:14.5px;margin-bottom:6px}.mch-why ul{margin:0;padding-left:18px;color:var(--text);font-size:13px;line-height:1.6}.mch-why li+li{margin-top:2px}
.mch-h{margin:4px 0 10px;font-size:15px}.mch-cmd{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mch-cmd code{flex:1 1 220px;min-width:0;padding:10px 12px;border-radius:10px;background:#101820;color:#9be58a;font:700 13px ui-monospace,Menlo,Consolas,monospace;overflow-x:auto;white-space:nowrap}
@media(min-width:760px){.mch-why{grid-template-columns:1fr 1fr}}
.mch-why li b{display:inline!important;margin:0!important;font-size:inherit!important}.mch-why li u{text-underline-offset:2px}

/* kartu terhubung: banner pemain, jumlah online, peringkat */
.mck-ban.sm{height:54px}.mck-on{position:absolute;right:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12px;font-weight:800;color:#fff;background:rgba(0,0,0,.55);padding:4px 10px;border-radius:99px}
.mck-on i{width:8px;height:8px;border-radius:50%;background:#9aa4b2}.mck-on.live i{background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,.7);animation:mckping 1.6s infinite}
@keyframes mckping{70%{box-shadow:0 0 0 7px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.mck.ok .mck-b{display:block}.mck-me{display:flex;gap:12px;align-items:center}
.mck-top{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)}.mck-top small{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.mck-top ol{list-style:none;margin:0;padding:0;display:grid;gap:5px}.mck-top li{display:flex;gap:9px;align-items:center;font-size:13px;padding:6px 9px;border-radius:10px;background:var(--soft,#f1f4f8)}
.mck-top li b{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:11px;background:#e5e9f0;color:#334}.mck-top li:nth-child(1) b{background:#f2b81a;color:#4a3300}.mck-top li:nth-child(2) b{background:#cfd6df}.mck-top li:nth-child(3) b{background:#e0a46a;color:#3b2200}
.mck-top li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.mck-top li em{font-style:normal;font-size:12px;color:var(--muted)}.mck-top li.ku{outline:2px solid #2e8b1f}
@media(prefers-reduced-motion:reduce){.mck-on.live i{animation:none}}

/* lembar profil pemain Minecraft + daftar yang bisa diklik */
[data-mcp]{cursor:pointer}.mc-row[data-mcp]:hover,.mck-top li[data-mcp]:hover{filter:brightness(.97);outline:2px solid color-mix(in srgb,#2e8b1f 40%,transparent)}
.mcp{position:fixed;inset:0;z-index:99990;display:grid;place-items:end center}.mcp[hidden]{display:none}.mcp-bg{position:absolute;inset:0;background:rgba(10,16,30,.55);backdrop-filter:blur(2px)}
.mcp-c{position:relative;width:min(440px,100%);max-height:92vh;overflow:visible;background:var(--card,#fff);border-radius:22px 22px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.35);animation:mcpup .24s ease-out}
.mcp-ban{position:relative;height:104px;border-radius:22px 22px 0 0;overflow:hidden;image-rendering:pixelated}.mcp-ban .lvef{border-radius:0}
.mcp-x{position:absolute;right:10px;top:10px;z-index:5;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:15px;cursor:pointer;display:grid;place-items:center}
.mcp-in{padding:0 18px 22px;text-align:center}.mcp-av{margin:-48px auto 12px;width:84px;height:84px;position:relative;z-index:3}
.mcp-av .lvav{display:block;width:84px;height:84px}.mcp-hd{display:block;width:84px;height:84px;border-radius:12px;overflow:hidden;background:#d7f0df;border:3px solid var(--card,#fff);box-sizing:border-box;position:relative;z-index:1}.mcp-av .lvav.fx .mcp-hd{border-radius:0;border:0}
.mcp-hd img{width:100%!important;height:100%!important}.mcp-fb{display:grid;place-items:center;width:100%;height:100%;font-size:34px;color:#2e8b1f}
.mcp-n{margin:20px 0 6px;font-size:21px;line-height:1.2;word-break:break-word}.mcp-ch{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.mcp-xp{margin:8px 0 0;color:var(--muted);font-size:13px}
.mcp-go{display:flex;gap:8px;align-items:center;justify-content:center;margin:16px 0 8px;padding:12px 14px;border-radius:12px;background:#2e8b1f;color:#fff;font-weight:800;text-decoration:none}.mcp-note{margin:6px 0 0;font-size:11.5px;color:var(--muted);line-height:1.45}
@keyframes mcpup{from{transform:translateY(40px);opacity:0}}html.mcp-open{overflow:hidden}
@media(min-width:700px){.mcp{place-items:center}.mcp-c{border-radius:22px}.mcp-ban{border-radius:22px 22px 0 0}}
/* daftar pemain online */
.mck-on-l{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)}.mck-on-l>small,.mck-top>small{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.mck-pls{display:flex;flex-wrap:wrap;gap:6px}.mck-pl{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border:1px solid var(--border);border-radius:99px;background:var(--soft,#f1f4f8);font:inherit;font-size:12.5px;font-weight:700;color:inherit;cursor:pointer}
.mck-pl:hover{border-color:#2e8b1f}.mck-pl .hd{width:24px;height:24px;border-radius:6px;image-rendering:pixelated;background:#d7f0df;flex:none}.mck-pl em{font-style:normal;font-size:11px;color:var(--muted);font-weight:700}
.mck-hint{display:block;margin-top:8px;font-size:11.5px;color:var(--muted)}
.mck-top li[data-mcp]{cursor:pointer}
.mck-on-l>small.mck-hint{text-transform:none;letter-spacing:0;font-weight:500;margin:8px 0 0}

/* alamat server: Java satu alamat, Bedrock alamat + port, salin berupa ikon */
.mca{background:var(--card,#fff);border:1px solid var(--border);border-radius:16px;padding:14px;margin:0 0 12px}.mca-h{display:flex;gap:11px;align-items:center;margin-bottom:10px}
.mca-hi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,#2e8b1f 14%,var(--card,#fff));color:#2e8b1f;font-size:15px}.mca-h b{display:block;font-size:15px}.mca-h small{color:var(--muted);font-size:12px}
.mca-g{display:grid;gap:10px}@media(min-width:620px){.mca-g{grid-template-columns:1fr 1fr}}
.mca-e{background:var(--soft,#f1f4f8);border-radius:12px;padding:10px 11px;display:grid;gap:7px;align-content:start}.mca-t{font-weight:800;font-size:13px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mca-t em{font-style:normal;font-weight:600;font-size:11px;color:var(--muted)}
.mca-r{display:flex;align-items:center;gap:8px;background:var(--card,#fff);border:1px solid var(--border);border-radius:10px;padding:6px 6px 6px 10px}.mca-r small{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);min-width:44px}
.mca-r code{flex:1;min-width:0;font:700 14px/1.3 ui-monospace,Menlo,Consolas,monospace;overflow-wrap:anywhere;user-select:all}
.mca-c{position:relative;flex:none;width:38px;height:38px;border-radius:10px;border:0;cursor:pointer;background:color-mix(in srgb,#2e8b1f 14%,var(--card,#fff));color:#2e8b1f;display:grid;place-items:center;transition:transform .15s,background .2s,color .2s}
.mca-c:active{transform:scale(.88)}.mca-c .ci{position:absolute;inset:0;display:grid;place-items:center;font-size:15px;transition:transform .28s cubic-bezier(.2,1.6,.4,1),opacity .2s}.mca-c .c2{opacity:0;transform:scale(.2) rotate(-60deg)}
.mca-c.ok{background:#2e8b1f;color:#fff;animation:mcapop .45s ease}.mca-c.ok .c1{opacity:0;transform:scale(.2) rotate(60deg)}.mca-c.ok .c2{opacity:1;transform:scale(1) rotate(0)}
.mca-c::after{content:"";position:absolute;inset:0;border-radius:10px;border:2px solid #2e8b1f;opacity:0;pointer-events:none}.mca-c.ok::after{animation:mcaring .6s ease-out}
@keyframes mcapop{40%{transform:scale(1.22)}}@keyframes mcaring{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}
@media(prefers-reduced-motion:reduce){.mca-c.ok,.mca-c.ok::after{animation:none}}
/* perintah daftar: boleh turun baris, tidak terpotong di HP kecil */
.mch-cmd code{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;word-break:break-all;flex-basis:100%}