.board-page-container{background-color:#2e2e2e}.game-container{align-items:stretch;align-items:flex-start;color:#fff;display:flex;font-family:Segoe UI,sans-serif;gap:40px;justify-content:center;min-height:100vh}.title-logo{display:block;margin:auto;max-height:200px}.game-content-wrapper{align-items:stretch;display:flex;gap:40px}.chess-wrapper{gap:10px}.player-info{align-items:center;background-color:#3a3a3a;border-radius:8px;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:8px 16px;width:480px}.player-info.top{margin-bottom:8px}.player-info.bottom{margin-top:8px}.chess-board-container{height:480px;width:480px}.side-panel{background:#3a3a3a;border-radius:8px;overflow-y:auto;padding:12px;width:180px}.side-panel h3{font-size:18px;margin-bottom:12px;margin-top:0;text-align:center}.move-history-table{display:flex;flex-direction:column;gap:4px}.move-history-row{align-items:center;display:flex;font-family:monospace;gap:12px}.move-turn{text-align:right;width:30px}.move-black,.move-white{text-align:left;width:60px}.red-x{color:red;font-size:36px;pointer-events:none;position:absolute;z-index:5}.red-x,.title{font-weight:700}.title{color:#fff;font-family:Segoe UI,sans-serif;font-size:30px;letter-spacing:2px;padding-top:5%;text-align:center}.home-button{background-color:#4caf50;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:18px;font-weight:600;left:20px;padding:12px 24px;position:absolute;top:20px;transition:background-color .3s ease,transform .2s ease}.home-button:hover{background-color:#45a049;transform:scale(1.05)}.home-button:focus{box-shadow:0 0 0 3px #4caf5080;outline:none}.popup-overlay{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.popup-content{align-items:center;background:#2e2e2e;border-radius:12px;box-shadow:0 8px 24px #0003;display:flex;max-width:95vw;min-height:250px;padding:20px;position:relative;width:500px}.close-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:30px;position:absolute;right:10px;top:10px}.result-text{display:flex;flex:1 1;flex-direction:column}.result-media{border-radius:8px;height:180px;margin-right:20px;object-fit:cover;width:180px}.elo-info,.popup-content h2,.popup-content p{margin:0}.elo-info{margin-top:10px}.loader-container{align-items:center;color:#333;display:flex;flex-direction:column;font-size:1.2rem;justify-content:center;margin-top:40px}.spinner{animation:spinner 1s linear infinite;-webkit-animation:spinner 1s linear infinite;-moz-animation:spinner 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#333;height:40px;margin-bottom:10px;width:40px}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.front-page{background-color:var(--iwc-purple);flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.front-page,.title{align-items:center;display:flex;justify-content:center}.title{margin-bottom:40px}.chess-wrapper,.join-create-room-container{align-items:center;display:flex;flex-direction:column}.join-create-room-container{animation:fadeInUp 1.5s ease forwards;background-color:#fff;border-radius:20px;box-shadow:0 0 20px #0000004d;gap:20px;max-width:90vw;padding:30px}.button-group{display:flex;gap:20px;justify-content:center}.room-input{border:2px solid var(--iwc-purple);border-radius:10px;font-size:18px;padding:10px 20px;width:250px}.join-room-button{background-color:var(--light-lavender);color:#000}.create-room-button{background-color:var(--iwc-purple);color:#fff}.create-room-button,.join-room-button{border:none;border-radius:10px;box-shadow:0 4px 10px #0000004d;cursor:pointer;font-size:18px;min-width:160px;padding:10px 20px;text-align:center;transition:transform .2s,box-shadow .2s}.room-message{color:red;font-size:16px}.bomb{animation:floatAndSpin 6s ease-in-out infinite;height:40px;left:50%;opacity:.8;pointer-events:none;position:absolute;top:100%;transform:translate(-50%);width:40px}.bomb:nth-child(4){animation-delay:2s;left:20%}.bomb:nth-child(5){animation-delay:7s;left:70%}.bomb:nth-child(6){animation-delay:10s;left:40%}.bomb:nth-child(7){animation-delay:9s;left:80%}.auth-buttons{display:flex;gap:20px;justify-content:center;margin-top:20px}.guest-button,.sign-in-button{border:none;border-radius:10px;box-shadow:0 4px 10px #0000004d;cursor:pointer;font-size:18px;min-width:160px;padding:10px 20px;text-align:center;transition:transform .2s,box-shadow .2s}.guest-button{background-color:var(--light-lavender);color:#000}@keyframes floatAndSpin{0%{opacity:.8;top:100%;transform:translate(-50%) rotate(0deg) scale(1)}50%{opacity:1;transform:translate(-50%,-300px) rotate(180deg) scale(1.1)}to{opacity:0;top:-100px;transform:translate(-50%,-600px) rotate(1turn) scale(.8)}}.create-room-page{align-items:center;background-color:var(--iwc-purple);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100vw}.back-button{background-color:var(--pale-brown);border:none;border-radius:8px;box-shadow:0 4px 8px #0003;color:var(--dark);cursor:pointer;font-size:16px;left:30px;padding:10px 16px;position:absolute;text-decoration:none;top:30px;transition:background-color .3s,transform .2s;z-index:10}.create-room-container{align-items:center;animation:fadeInUp 1.5s ease forwards;background-color:#fff;border-radius:20px;box-shadow:0 0 20px #0000004d;display:flex;flex-direction:column;gap:20px;max-width:90vw;padding:30px}.create-room-container h2{color:var(--dark);font-size:24px;margin-bottom:10px}.create-room-container input[type=text],.create-room-container select{border:2px solid var(--iwc-purple);border-radius:10px;box-sizing:border-box;font-size:18px;padding:10px 20px;width:250px}.create-room-container select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%23999%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;color:var(--dark);cursor:pointer;transition:border-color .3s,box-shadow .3s}.create-room-container select:focus{border-color:var(--pale-brown);box-shadow:0 0 5px var(--pale-brown);outline:none}.create-room-container button{background-color:var(--iwc-purple);border:none;border-radius:10px;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;font-size:18px;min-width:160px;padding:10px 20px;text-align:center;transition:transform .2s,box-shadow .2s}.create-room-container p{color:red;font-size:16px}.join-room-page{background-color:var(--iwc-purple);justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100vw}.join-room-container,.join-room-page{align-items:center;display:flex;flex-direction:column}.join-room-container{animation:fadeInUp 1.5s ease forwards;background-color:#fff;border-radius:20px;box-shadow:0 0 20px #0000004d;gap:20px;height:60vh;max-height:90vh;max-width:90vw;min-height:250px;min-width:300px;overflow-x:hidden;overflow-y:auto;padding:30px;width:75vw}@media (max-width:500px){.join-room-container{height:auto;padding:20px;width:90vw}}.join-room-container h2{color:var(--dark);font-size:24px;margin-bottom:10px}.join-room-container select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%23999%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;border:2px solid var(--iwc-purple);border-radius:10px;color:var(--dark);cursor:pointer;font-size:18px;padding:10px 20px;transition:border-color .3s,box-shadow .3s;width:250px}.join-room-container select:focus{border-color:var(--pale-brown);box-shadow:0 0 5px var(--pale-brown);outline:none}.join-room-title-row{align-items:flex-end;display:flex;justify-content:space-between;padding:.5rem 1rem;position:relative;width:100%}.title-center{left:50%;margin:0;position:absolute;transform:translateX(-50%)}.refresh-button-wrapper{margin-left:auto}.join-room-container button{border:none;border-radius:10px;box-shadow:0 4px 10px #0000004d;cursor:pointer;font-size:18px;min-width:160px;padding:10px 20px;text-align:center;transition:transform .2s,box-shadow .2s}.refresh-button-wrapper button{background-color:var(--iwc-purple);color:#fff}.join-room-container p{color:red;font-size:16px}.room-list{display:flex;flex-direction:column;list-style-type:none;padding:0;width:100%}.room-list li{background-color:#f9f9f9;border:1px solid var(--iwc-purple);border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:10px;padding:15px}.join-room-btn{background-color:var(--light-lavender);color:var(--dark)}.room-list p{color:var(--dark);margin:4px 0;text-align:center}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px}.filters-row select{margin-left:10px}.filters-label{color:var(--dark);font-size:18px;font-weight:700}.room-table{border-collapse:collapse;width:100%}.room-table td,.room-table th{border:1px solid #ccc;padding:10px;text-align:left}.room-table th{background-color:#f4f4f4}.reset-password-page{background-color:var(--iwc-purple);justify-content:center;min-height:100vh;overflow:hidden;padding:20px}.reset-container,.reset-password-page{align-items:center;display:flex;flex-direction:column}.reset-container{animation:fadeInUp 1.5s ease forwards;background-color:#fff;border-radius:20px;box-shadow:0 0 20px #0000004d;gap:20px;max-width:90vw;padding:50px 30px;width:400px}.reset-title{color:var(--iwc-purple);font-size:28px;font-weight:700;text-align:center}.reset-form{display:flex;flex-direction:column;gap:15px;width:100%}.reset-label{color:#333;font-weight:700}.reset-input{border:2px solid var(--iwc-purple);border-radius:10px;font-size:16px;padding:10px 15px}.reset-button{background-color:var(--light-lavender);border:none;border-radius:10px;box-shadow:0 4px 10px #0000004d;color:#000;cursor:pointer;font-size:18px;margin-top:30px;padding:10px 20px;text-align:center;transition:transform .2s,box-shadow .2s}.reset-button:hover{transform:scale(1.05)}.reset-message{color:red;font-size:16px;text-align:center}.sign-in-page{background-color:var(--iwc-purple);justify-content:center;min-height:100vh;overflow:hidden;position:relative}.sign-in-container,.sign-in-page{align-items:center;display:flex;flex-direction:column}.sign-in-container{animation:fadeInUp 1.5s ease forwards;background-color:#fff;border-radius:20px;box-shadow:0 0 20px #0000004d;gap:15px;max-width:90vw;padding:30px}.sign-in-title{color:var(--iwc-purple);font-size:24px;font-weight:700;margin-bottom:10px;text-align:center}.sign-in-form{align-items:center;display:flex;flex-direction:column;gap:15px;width:100%}.sign-in-button{background-color:var(--iwc-purple);border:none;border-radius:10px;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;font-size:18px;min-width:160px;padding:10px 20px;text-align:center;transition:transform .2s,box-shadow .2s}.sign-in-button:hover{box-shadow:0 6px 12px #0006;transform:scale(1.03)}.error-message{font-size:16px}.create-account-text{color:#333;font-size:14px;margin-top:10px}.create-account-link{color:#4483ff;cursor:pointer;text-decoration:underline}.create-account-page{background-color:var(--iwc-purple);justify-content:center;min-height:100vh;overflow:hidden;position:relative}.create-account-container,.create-account-page{align-items:center;display:flex;flex-direction:column}.create-account-container{animation:fadeInUp 1.5s ease forwards;background-color:#fff;border-radius:20px;box-shadow:0 0 20px #0000004d;gap:15px;max-width:90vw;padding:30px}.create-account-title{color:var(--iwc-purple);font-size:24px;font-weight:700;margin-bottom:10px;text-align:center}.create-account-form{align-items:center;display:flex;flex-direction:column;gap:15px;width:100%}.input-field{border:2px solid var(--iwc-purple);border-radius:10px;font-size:18px;padding:10px 20px;width:250px}.field-note{color:#666;font-size:14px;margin-bottom:-5px;max-width:250px;text-align:center}.create-account-button{background-color:var(--iwc-purple);border:none;border-radius:10px;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;font-size:18px;min-width:160px;padding:10px 20px;text-align:center;transition:transform .2s,box-shadow .2s}.create-account-button:hover{box-shadow:0 6px 12px #0006;transform:scale(1.03)}.message{color:red;font-size:16px}.sign-in-text{color:#333;font-size:14px;margin-top:10px}.sign-in-link{color:#4483ff;cursor:pointer;text-decoration:underline}.user-menu{position:fixed;right:20px;top:20px;z-index:1000}.user-menu-button{background-color:#fff;border:none;border-radius:8px;box-shadow:0 2px 6px #0003;color:var(--iwc-purple);cursor:pointer;font-size:16px;padding:8px 12px}.user-dropdown{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;min-width:150px;padding:10px 0;position:absolute;right:0;top:40px}.user-dropdown button{background:none;border:none;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;letter-spacing:0;padding:10px 15px;text-align:left;width:100%}.user-dropdown button:hover{background-color:#f0f0f0}.user-dropdown button:hover:enabled{transform:none}.confirm-account-page{background-color:var(--iwc-purple);justify-content:center;min-height:100vh;overflow:hidden;position:relative}.confirm-account-container,.confirm-account-page{align-items:center;display:flex;flex-direction:column}.confirm-account-container{animation:fadeInUp 1.5s ease forwards;background-color:#fff;border-radius:20px;box-shadow:0 0 20px #0000004d;gap:15px;max-width:90vw;padding:30px}.confirm-account-title{color:var(--iwc-purple);font-size:24px;font-weight:700;margin-bottom:10px;text-align:center}.sidebar{align-items:flex-start;background-color:var(--light-lavender);box-shadow:2px 0 10px #0000004d;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:60px;z-index:1000}.sidebar.expanded{width:200px}.sidebar-buttons{display:flex;flex-direction:column;width:100%}.sidebar-item{border-bottom:1px solid var(--invalid);cursor:pointer;transition:background-color .2s ease;width:100%}.sidebar-item:last-child{border-bottom:none}.sidebar-item:hover{background-color:#f0f0f0}.sidebar-content{align-items:center;display:flex;padding:12px;transition:justify-content .3s ease}.sidebar.expanded .sidebar-content{justify-content:flex-start}.sidebar:not(.expanded) .sidebar-content{justify-content:center}.sidebar-icon{color:var(--iwc-purple);font-size:20px;text-align:center;width:40px}.sidebar-logo{display:block;height:30px;margin:0 auto;object-fit:contain;width:30px}.sidebar-label{color:var(--iwc-purple);font-size:16px;margin-left:10px;white-space:nowrap}.not-found-container{align-items:center;background-color:var(--iwc-purple);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow:hidden;padding-bottom:100px;position:relative;width:100vw}.not-found-flex-wrapper{flex-wrap:wrap;gap:60px;justify-content:flex-start;padding-left:100px;z-index:1}.not-found-content,.not-found-flex-wrapper{align-items:center;display:flex;max-width:90vw}.not-found-content{flex-direction:column;text-align:center;transform:translate(80px,-20px)}.not-found-img{height:auto;max-width:40vw;object-fit:contain}.not-found-text{color:#fff;font-size:1rem;font-weight:400;margin-top:8px}.cat-img-bottom{bottom:0;height:auto;left:90px;object-fit:contain;position:absolute;width:45vw;z-index:0}@media (max-width:768px){.not-found-flex-wrapper{align-items:center;flex-direction:column;gap:30px;padding-left:0}.not-found-content{transform:translateY(-20px)}.not-found-img{max-width:60vw}.cat-img-bottom{left:50%;max-height:60vh;transform:translateX(-50%)}}.modal-overlay{align-items:center;background-color:#181d23cc;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background-color:var(--dark);border-radius:12px;box-shadow:0 8px 20px #000000b3;color:#fff;max-width:400px;padding:30px 40px;text-align:center}.modal-buttons{display:flex;gap:25px;justify-content:center;margin-top:20px}.cancel-button,.confirm-button{border:none;border-radius:10px;cursor:pointer;font-size:16px;min-width:80px;padding:10px 25px;transition:background-color .2s ease}.confirm-button{background-color:#bc6460;color:#fff}.confirm-button:hover{background-color:#a8504f}.cancel-button{background-color:var(--light-lavender);color:#000}.cancel-button:hover{background-color:#b3a6d1}.profile-page-full{background-color:var(--dark);color:#fff;min-height:100vh;overflow-y:auto;padding:60px 40px 60px 100px}.profile-username{color:var(--light-lavender);font-size:36px;font-weight:700;margin-bottom:10px}.profile-details{font-size:20px;margin-bottom:20px}.profile-actions{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.create-room-button,.delete-button,.edit-button{border:none;border-radius:10px;box-shadow:0 4px 10px #0000004d;cursor:pointer;font-size:16px;min-width:150px;padding:10px 20px;transition:transform .2s,box-shadow .2s}.edit-button{background-color:var(--light-lavender);color:#000}.delete-button{background-color:#bc6460;color:#fff}.scroll-section{margin-top:30px}.scroll-section h2{border-bottom:2px solid #ffffff4d;font-size:22px;margin-bottom:10px;padding-bottom:5px}.scroll-list{list-style:none;margin:0;max-height:200px;overflow-y:auto;padding-left:0}.scroll-item{border-bottom:1px solid #fff3;padding:10px}.friend-link{color:#fff;font-weight:700;text-decoration:none}.friend-link:hover{text-decoration:underline}.no-results{color:#ddd}.profile-page-message{color:#fff;font-size:24px;margin-top:100px;text-align:center}.tooltip-wrapper{display:inline-block;position:relative}.tooltip-text{background-color:#ff9800;bottom:125%;font-size:.9em;left:50%;transform:translateX(-50%)}.tooltip-text,.tooltip-text-role{border-radius:4px;color:#fff;opacity:0;padding:4px 8px;position:absolute;text-align:center;transition:opacity .2s;visibility:hidden;white-space:nowrap;z-index:1}.tooltip-text-role{background-color:var(--iwc-purple);bottom:-25%;font-size:20px}.tooltip-wrapper{cursor:help}.tooltip-wrapper:hover .tooltip-text,.tooltip-wrapper:hover .tooltip-text-role{opacity:1;visibility:visible}.role-badge{margin-left:5px}.deleted-label{color:#d32f2f;font-weight:700;margin-left:8px}.profile-deleted{pointer-events:none}.games-table-wrapper{margin-bottom:20px;overflow-x:auto}.games-table{background-color:var(--dark);border-collapse:collapse;color:#fff;font-size:16px;margin-top:10px;width:100%}.games-table td,.games-table th{border:1px solid #ffffff26;padding:8px 12px;text-align:left}.games-table th{background-color:var(--iwc-purple);color:#fff;font-weight:700}.games-table tr:nth-child(2n){background-color:#ffffff08}.games-table tr:hover{background-color:#ffffff14}h1{color:var(--dark)}.user-search-container{align-items:center;background-color:var(--iwc-purple);display:flex;justify-content:center;min-height:100vh;padding:20px}.input-group{flex-wrap:wrap;justify-content:center}.input-group,.results-list{display:flex;gap:10px;width:100%}.results-list{animation:fadeInUp 1s ease forwards;flex-direction:column;margin-top:20px;max-height:300px;overflow-y:auto}.user-result{animation:fadeInUp .5s ease;background-color:#f5f5f5;border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:18px;justify-content:space-between;padding:10px 20px}.username{color:var(--iwc-purple);font-weight:700}.elo{color:#555}.no-results{color:#555;font-style:italic;margin-top:10px}.resend-verification-email-page{align-items:center;background-color:var(--iwc-purple);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.logo{animation:pop 1s ease forwards;height:auto;margin-bottom:20px;max-width:90vw;width:500px}.resend-verification-email-container{align-items:center;animation:fadeInUp 1.5s ease forwards;background-color:#fff;border-radius:20px;box-shadow:0 0 20px #0000004d;display:flex;flex-direction:column;gap:15px;max-width:90vw;padding:30px}.resend-verification-email-title{color:var(--iwc-purple);font-size:24px;font-weight:700;text-align:center}.success-message{color:green}.error-message,.success-message{font-size:18px;text-align:center}.error-message{color:red}.resend-verification-btn{background-color:var(--wood-brown);border:none;border-radius:10px;cursor:pointer;font-size:16px;margin-left:15px;min-width:80px;padding:10px 25px;transition:background-color .1s ease}@keyframes pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body,button{font-family:Impact,Charcoal,sans-serif;letter-spacing:.02em}input,p,textarea{font-family:-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:0}button:hover:enabled{transform:scale(1.1)}button:disabled{background-color:#d3d3d3;border:1px solid #a1a1a1;color:#a1a1a1;cursor:not-allowed}:root{--iwc-purple:#6a0dad;--dark:#2f2e2f;--invalid:#4c4c4c;--wood-brown:#ebb364;--pale-brown:#f9ead5;--light-lavender:#e0d7ec}
/*# sourceMappingURL=main.a5a3e004.css.map*/