@import url(https://fonts.googleapis.com/css2?family=Inter:wght@800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{animation:gradient-background 4s infinite alternate;background:linear-gradient(195deg,#000,#fff);background-repeat:no-repeat;background-size:600%;padding:1px}#chessboard{background-color:#000;display:grid;grid-template-columns:repeat(8,100px);grid-template-rows:repeat(8,100px);height:800px;margin:5vh;position:relative;width:800px}#pawn-promotion-modal>.modal-body{background-color:blue;display:flex;height:150;justify-content:space-between;left:calc(72% - 150px);margin:5px;padding:10px;position:absolute;top:calc(50% - 150px);width:605px}#pawn-promotion-modal:before{color:#fff;left:-30px;margin:4vh;position:absolute;top:-50px}#pawn-promotion-modal>.modal-body>img{border:10px;height:150px;margin:1px}#pawn-promotion-modal>.modal-body>:hover{background-color:#fff;border-radius:5px}#pawn-promotion-modal{height:100%;position:absolute;width:100%}#pawn-promotion-modal.hidden{display:none}.tile{display:grid;height:100px;overflow:visible;place-content:center;position:relative;width:100px}.b_tile{background-color:#b88b4a}.w_tile{background-color:#e3c16f}.tile img{width:80px}.tile .chess-piece{background-position:50%;background-repeat:no-repeat;background-size:80px;height:100px;position:relative;width:100px;z-index:1}.tile .chess-piece:hover{cursor:grab}.move-indicator{background-color:#0009;height:24px;left:50%;top:50%;transform:translate(-50%,-50%);width:24px}.capture-indicator,.move-indicator{border-radius:50%;position:absolute;z-index:2}.capture-indicator{background-color:#dc143cd9;border:2px solid #fff;height:16px;right:6px;top:6px;width:16px}.tile-highlight:before{background-color:#000000b3;border-radius:100%;content:" ";height:20px;position:relative;width:20px}#component{background-color:#000;height:100vh;justify-content:center;margin:0}#component,.center-stage{align-items:center;display:flex}.center-stage{flex-direction:column;gap:8px}#online-controls{align-items:center;display:flex;gap:12px;padding:10px 12px}#online-controls .hint{color:#fff;margin-left:10px}.status-badge{align-items:center;background:#ffffff14;border-radius:8px;display:inline-flex;gap:8px;padding:8px 10px}.copy-btn{-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #2f66ff;border-radius:6px;color:#bcd2ff;cursor:pointer;padding:6px 10px}.copy-btn:hover{background:#2f66ff26}.btn{-webkit-appearance:none;appearance:none;border:none;border-radius:8px;cursor:pointer;font-weight:700;letter-spacing:.2px;padding:10px 14px;transition:transform .05s ease,box-shadow .2s ease,background-color .2s ease;-webkit-user-select:none;user-select:none}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(180deg,#6aa3ff,#2f66ff);box-shadow:0 4px 12px #2f66ff59;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#7bb0ff,#386cff);box-shadow:0 6px 16px #2f66ff73;transform:translateY(-1px)}.btn-secondary{background:linear-gradient(180deg,#64e39b,#1eb66a);box-shadow:0 4px 12px #1eb66a59;color:#072c17}.btn-secondary:hover:not(:disabled){background:linear-gradient(180deg,#79e7a9,#23c175);box-shadow:0 6px 16px #1eb66a73;transform:translateY(-1px)}.room-input{background:#0e0e0e;border:2px solid #333;border-radius:8px;color:#f2f2f2;min-width:220px;outline:none;padding:10px 12px}.room-input:focus{border-color:#2f66ff;box-shadow:0 0 0 2px #2f66ff40}.board-wrapper{position:relative}.board-wrapper.is-blurred{filter:blur(4px) brightness(.6);pointer-events:none}body{animation:gradient-background 7s infinite alternate;background-color:#222;background-repeat:no-repeat;background-size:400%;font-family:Inter;font-size:55px;height:100vh;margin:0;padding:0}@keyframes gradient-background{0%{background-position:0}to{background-position:100%}}h1{margin:0 0 0 6px}@keyframes title-animate{0%{opacity:0}72%{opacity:0}78%{opacity:1}}hr{opacity:.5}.div_input{background-color:#ddd;border-radius:4px;font-size:18px;font-weight:700;height:3vh;justify-self:center;letter-spacing:-.1em;margin-top:10px;text-align:center;width:520px}#container{align-content:center;background-color:#000;border:3px solid #fff;border-radius:17px;box-shadow:0 30px 50px hsla(0,0%,100%,.376),0 6px 6px #ffffff8a;height:790px;justify-content:center;margin:50px;overflow:hidden;width:37vw}#div_button{background-color:#fcfbf4;color:inherit;font-family:Inter,arial;font-size:90px;font-weight:500;height:14vh;justify-self:center;margin-bottom:-10px;margin-top:60px;width:28vw}#div_button:active{background-color:#000;color:#fcfbf4;filter:blur(.8);outline:1px solid #fff}@media (max-width:600px){body{animation:gradient-background 3s infinite alternate;background-repeat:repeat;background-size:.5%}#container{height:600px;width:400px}#title{margin-left:-22px}.div_input{left:16%}#div_button{left:99px}}.form{display:grid;margin-left:30px;margin-right:30px;margin-top:50px;padding:50px}.form,.title{justify-content:center}.title{display:flex}#title{border:none;color:#fff;font-family:Inter;font-size:200px;letter-spacing:-.4rem;margin-bottom:-22px;margin-left:-12px}
/*# sourceMappingURL=main.0c992eff.css.map*/