body{background-color:#000;height:98vh;display:flex;justify-content:center;align-items:center;background:url(/assets/bg.1d5736a4.jpg)}body #app{background-color:#000;background-size:cover;background-position:center;cursor:pointer;position:relative;border:solid 10px #333;box-sizing:content-box;display:flex;align-items:center;justify-content:center}body #app canvas{position:absolute}body #app .window{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;width:500px;border:#ac9f57 solid 2px;height:500px;color:#f0d649;background:url(/assets/bg2.c62faefa.jpg);z-index:10}body #app .window input{outline:none;border:none;padding:6px 10px;border-radius:10px}body #app .window .choose{width:400px;height:40px;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.6);border:#ac9f57 solid 2px}body #app .window .choose:hover{color:red}body #app .window .create{width:140px;padding:10px;background:#ac9f57;border:none;border-radius:10px}body .userInfo{margin-left:10px;padding:4px 6px;width:200px;min-height:300px;background:rgba(255,255,255,.6);border-radius:20px}body .userInfo .submit{margin:20px 0;display:flex;justify-content:center;align-items:center;height:40px;background:#6fbbda}body .userInfo span{font-size:10px}body .userInfo table{border-collapse:collapse;width:100%;max-width:800px;margin:0 auto;font-family:Arial,sans-serif;color:#333}body .userInfo th,body .userInfo td{padding:10px;text-align:center}body .userInfo th{background-color:#f2f2f2;color:#666;font-weight:700;text-transform:uppercase}body .userInfo td{border-bottom:1px solid #ddd}body .userInfo tr:hover{background-color:#f5f5f5}@media only screen and (max-width: 600px){body .userInfo table{font-size:12px}}body #message-box{position:fixed;top:10px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:5px;color:#fff;text-align:center;font-size:16px;font-weight:700;transition:opacity .3s ease;position:absolute;z-index:999}body #message-box #message-box.success{background-color:#28a745}body #message-box #message-box.warning{background-color:#ffc107}body #message-box #message-box.error{background-color:#dc3545}.form-container{max-width:500px;margin:auto;padding-top:40px}.close{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:aliceblue;color:#000;border-radius:15px;margin:10px}.form-header{text-align:center;font-size:28px;font-weight:700;margin-bottom:30px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:18px;font-weight:700;margin-bottom:10px}.form-input{display:block;width:100%;padding:10px;font-size:16px;border:none;border-radius:5px;background:#f5f5f5}.form-input:focus{outline:none;background:#e8e8e8}.form-button{display:block;width:100%;padding:12px;font-size:18px;font-weight:700;color:#fff;background:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.form-button:hover{background:#0069d9}.form-button:focus{outline:none}.form-error{color:red;font-size:14px;margin-top:10px}