*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}#root{width:100%;max-width:480px;background:white;border-radius:12px;box-shadow:0 0 12px #0000001a;padding:1rem;box-sizing:border-box}h1{text-align:center;color:#b39ddb;margin-bottom:.5rem}button{cursor:pointer;background-color:#b39ddb;border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:1rem;transition:background-color .3s ease}button:hover:not(:disabled){background-color:#7e57c2}button:disabled{background-color:#999;cursor:default}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:1rem 0}.cell{background-color:#e3e3e3;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;font-size:3rem;border-radius:8px;-webkit-user-select:none;user-select:none;overflow:hidden;padding:0}.cell img{width:100%;height:100%;object-fit:cover;border-radius:8px}.upload-section{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;box-sizing:border-box}.upload-section>div{flex:1;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.upload-section p{margin-bottom:.5rem;font-weight:600;color:#7e57c2}.avatar-options{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.avatar-option{width:60px;height:60px;object-fit:cover;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .3s ease}.avatar-option:hover{border-color:#b39ddb}.selected-avatar{border-color:#7e57c2}.custom-file-upload{display:inline-block;padding:1rem 1.5rem;border:2px dashed #b39ddb;border-radius:12px;color:#b39ddb;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:100px;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}.custom-file-upload:hover{background-color:#ede7f6}.custom-file-upload img{max-width:80px;max-height:80px;object-fit:contain;border-radius:8px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;box-sizing:border-box}.modal-content{background:white;border-radius:12px;padding:2rem;width:100%;max-width:400px;box-shadow:0 0 15px #0000004d;text-align:center;box-sizing:border-box;overflow-wrap:break-word}.modal-content h2{margin-top:0;margin-bottom:1rem;color:#b39ddb}.modal-buttons{margin-top:1.5rem;display:flex;justify-content:center;gap:1rem}.modal-buttons button{flex:1}.cancel-btn{background-color:#999}.cancel-btn:hover{background-color:#666}.status{text-align:center;font-weight:600;margin-top:.5rem;min-height:1.5rem;color:#b39ddb}