.drag-drop-diagram{justify-content:center;width:80%;margin:0 auto;display:flex}.drag-drop-diagram div img{width:150px;height:150px}
.mcp-article-container{background-color:#333;border-radius:8px;max-width:800px;margin:20px auto;padding:20px}.mcp-article-container h3{color:#a6a048}.mcp-article-container p{color:#6cb9b9}.mcp-article-container h4{color:#a6a048}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:10px;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#333;border-radius:8px;width:100%;max-width:400px;padding:20px;box-shadow:0 4px 15px #0003}.modal-buttons{flex-wrap:wrap;justify-content:space-around;gap:10px;margin-top:20px;display:flex}button{cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:1rem;transition:background-color .3s,transform .2s}.reveal-btn{color:#9acd32;background-color:#333;border:1px solid #555;margin:20px 0}.reveal-btn:hover{transform:scale(1.03)}.revealed-btn{color:#9acd32;background-color:#333;border:1px solid #555;margin:20px 0}.revealed-btn:hover{transform:scale(1.03)}.confirm-btn{color:#53cf6e;background-color:#333;border:1px solid #555}.confirm-btn:hover{transform:scale(1.03)}.cancel-btn{color:#d34b59;background-color:#333;border:1px solid #555}.cancel-btn:hover{transform:scale(1.03)}.blur{filter:blur(5px);pointer-events:none}@media (max-width:480px){.modal-content{max-width:90%;padding:15px}button{padding:10px;font-size:.9rem}}