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