/* MoonTik Box */
.mcbox { display: flex; flex-direction: column; gap: 14px; padding: 4px 2px 24px; max-width: 1180px; }
.mcbox-top { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.mcbox-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 800; letter-spacing: .02em; border: 1px solid #3f3f46; color: #a1a1aa; }
.mcbox-pill.on { background: rgba(34,197,94,.15); border-color: #16a34a; color: #86efac; }
.mcbox-pill.wait { background: rgba(245,158,11,.15); border-color: #d97706; color: #fde68a; }
.mcbox-pill.off { background: rgba(24,24,27,.6); }
.mcbox-addr { display: flex; align-items: center; gap: 8px; background: #18181b; border: 1px solid #3f3f46; border-radius: 10px; padding: 6px 10px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }
.mcbox-addr code { color: #e4e4e7; }
.mcbox-tabs { display: flex; gap: 6px; border-bottom: 1px solid #3f3f46; padding-bottom: 0; }
.mcbox-tabs button { background: none; border: 0; border-bottom: 2px solid transparent; color: #a1a1aa; font-weight: 700; padding: 8px 14px; cursor: pointer; }
.mcbox-tabs button.on { color: #f5f3ff; border-bottom-color: #a78bfa; }
.mcbox-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 14px; }
@media (max-width: 900px) { .mcbox-grid { grid-template-columns: 1fr; } }
.mcbox-card { background: var(--card, #18181b); border: 1px solid #3f3f46; border-radius: 14px; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; }
.mcbox-card h3 { margin: 0; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; color: #c4b5fd; }
.mcbox-hint, .mcbox-err { font-size: 13px; color: #a1a1aa; line-height: 1.45; white-space: pre-wrap; }
.mcbox-err { color: #fca5a5; background: rgba(127,29,29,.25); border: 1px solid #7f1d1d; border-radius: 8px; padding: 8px 10px; }
.mcbox-ok { color: #86efac; font-size: 13px; }
.mcbox-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.mcbox-field { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: #a1a1aa; flex: 1; min-width: 120px; }
.mcbox-field input, .mcbox-field select { background: #09090b; border: 1px solid #3f3f46; color: #f4f4f5; border-radius: 8px; padding: 7px 9px; font: inherit; }
.mcbox-maps { display: flex; gap: 8px; flex-wrap: wrap; }
.mcbox-maps button { flex: 1; min-width: 120px; text-align: center; border: 1px solid #3f3f46; background: #09090b; color: #e4e4e7; border-radius: 10px; padding: 10px 8px; cursor: pointer; font-weight: 700; }
.mcbox-maps button.on { border-color: #a78bfa; box-shadow: 0 0 0 2px rgba(167,139,250,.35); background: #1e1b4b; }
.mcbox-console { background: #09090b; color: #86efac; font: 12px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; border-radius: 10px; border: 1px solid #27272a; padding: 10px; height: 220px; overflow: auto; white-space: pre-wrap; word-break: break-word; }
.mcbox-cmds { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
.mcbox-cmd { border: 1px solid #3f3f46; background: #09090b; border-radius: 10px; padding: 8px 10px; display: flex; flex-direction: column; gap: 4px; }
.mcbox-cmd b { font-size: 13px; color: #f5f3ff; }
.mcbox-cmd code { font-size: 11px; color: #c4b5fd; }
.mcbox-cmd p { margin: 0; font-size: 12px; color: #a1a1aa; }
.mcbox-eula { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; line-height: 1.4; }
.mcbox-eula input { margin-top: 3px; }
.mcbox-range { display: flex; align-items: center; gap: 10px; }
.mcbox-range input[type=range] { flex: 1; }
.mcbox-sw { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13px; }
.mcbox h2.mcbox-title { margin: 0; font-size: 22px; }
.mcbox-sub { margin: 0; color: #a1a1aa; font-size: 13px; }