.notification{animation:fadeIn .3s ease-in-out;background-color:#000c;border-radius:5px;box-shadow:0 2px 5px #0003;color:#fff;font-family:Arial,sans-serif;font-size:14px;max-width:300px;padding:10px;position:absolute;right:10px;top:10px;transition:opacity .3s ease-out;z-index:1000}.notification.success{background-color:#008000cc}.notification.error{background-color:#f00c}.notification.warning{background-color:#ffa500cc}.notification button{background:none;border:none;color:#fff;cursor:pointer;font-weight:700;margin-left:10px;padding:0 5px;transition:opacity .3s ease}.notification button:hover{opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.notification{left:5px;max-width:none;right:5px;top:5px}}.GreetingMenu_greetingMenu__cwFyE{align-items:center;background:linear-gradient(135deg,#1e1e1e,#2a2a2a,#1e1e1e);color:#fff;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;overflow:hidden}.GreetingMenu_menuContainer__uhPd2{background-color:#000000b3;border-radius:10px;box-shadow:0 0 20px #ffd70033;max-width:500px;padding:2rem;width:80%}.GreetingMenu_title__q1NRf{color:gold;font-size:3rem;letter-spacing:3px;margin-bottom:2rem;text-align:center;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}.GreetingMenu_menuSection__46fgA{margin-bottom:2rem}.GreetingMenu_menuSection__46fgA h2{border-bottom:1px solid #ffd7004d;color:gold;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.GreetingMenu_menuButton__7rtu2{background-color:#3a3a3acc;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin-bottom:.5rem;outline:none;padding:.8rem;transition:all .3s ease;width:100%}.GreetingMenu_menuButton__7rtu2:hover{background-color:#4a4a4ae6;box-shadow:0 2px 5px #0003;transform:translateY(-2px)}.GreetingMenu_joinRoom__g37jB{display:flex;gap:.5rem}.GreetingMenu_input__ykukS{background-color:#ffffff1a;border:none;border-radius:5px;color:#fff;flex-grow:1;font-size:1rem;padding:.8rem;transition:background-color .3s ease}.GreetingMenu_input__ykukS:focus{background-color:#fff3;outline:none}.GreetingMenu_themeSelect__mCbBl{align-items:center;display:flex;gap:.5rem}.GreetingMenu_select__yG4VF{background-color:#3a3a3acc;border:none;border-radius:5px;color:#fff;cursor:pointer;flex-grow:1;font-size:1rem;padding:.8rem;transition:background-color .3s ease}.GreetingMenu_select__yG4VF:focus,.GreetingMenu_select__yG4VF:hover{background-color:#4a4a4ae6;outline:none}body{font-feature-settings:"kern" 1;webkit-font-smoothing:antialiased;moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#000,#484848) fixed;color:#fff;font-family:CustomFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;padding:20px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chess-container{webkit-backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;background:linear-gradient(135deg,#000,#484848) fixed;border-radius:15px;box-shadow:0 10px 30px #0000004d,inset 0 0 100px #0000001a;padding:20px}.turn-indicator{animation:glow 2s ease-in-out infinite alternate;font-size:1.5em;font-weight:700;letter-spacing:2px;margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px #000000b3;text-transform:uppercase}@keyframes glow{0%{text-shadow:2px 2px 4px #000000b3}to{text-shadow:0 0 10px #fffc,0 0 20px #ffffff80}}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1b2631f2;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-height:90%;max-width:90%;overflow-y:auto;padding:20px;position:relative}.modal-close{color:#fff;font-size:24px;position:absolute;right:10px;top:10px}.menu-icon,.modal-close{background:none;border:none;cursor:pointer}.menu-icon{position:fixed;right:20px;top:20px;z-index:100}.menu-icon svg{stroke:#fff;height:30px;transition:transform .3s ease;width:30px}.menu-icon:hover svg{transform:scale(1.1)}.utility-menu{color:#fff;display:contents}.utility-menu button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;padding:10px 15px;transition:background-color .3s ease}.utility-menu button:hover{background-color:#2980b9}.utility-menu textarea{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:5px;color:#fff;height:100px;margin-top:10px;padding:10px;width:90%}.utility-menu .move-log{background-color:#0003;border-radius:5px;margin-top:20px;max-height:200px;overflow-y:auto;padding:10px}.tooltip-container{display:inline-block;position:relative}.tooltip{background-color:#000;border-radius:6px;color:#fff;opacity:.65;padding:5px 0;position:absolute;text-align:center;transition:opacity .3s;width:120px;z-index:1}.capture-label{font-weight:700;padding-left:20px;padding-right:20px}.setting-label{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;width:100%}.setting-label span{color:#fff;display:block;font-size:14px}.setting-label .value-display{color:#3498db;font-weight:700;margin-left:8px}.label-wrapper{align-items:center;display:flex;gap:8px;margin-bottom:4px}.setting-label input[type=range]{margin:8px 0;width:100%}.setting-label input[type=color]{border:none;border-radius:4px;height:30px;padding:0;width:50px}.setting-label input[type=checkbox]{margin-right:8px}.setting-label select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:#fff;padding:8px}