body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#739072;color:#ece3ce;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{border-radius:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:2px 6px}code,header{background-color:#3a4d39}header{box-shadow:0 2px 4px #0003;padding:20px;text-align:center}.head-text{color:#ece3ce;font-size:2em}nav ul{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;padding:0}nav li{border:1px solid #ece3ce;border-radius:4px;margin:10px;padding:1vh;transition:all .2s}nav a{color:#ece3ce}nav a,nav a:hover{text-decoration:none}nav a:hover{color:#d1c4b3}@keyframes homePageFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes homePageTitleFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.home-page-container{align-items:center;background:linear-gradient(135deg,#739072,#5a7559 50%,#4a6149);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.home-page-container:before{background-image:radial-gradient(circle at 20% 80%,#ece3ce1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ece3ce14 0,#0000 50%),radial-gradient(circle at 40% 40%,#73907226 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.home-page-container .main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3a4d391a;border:2px solid #ece3cecc;border-radius:20px;box-shadow:0 8px 32px #0000001a;color:#ece3ce;max-width:1200px;padding:40px;position:relative;text-align:center;width:100%;z-index:1}.home-page-container h1{-webkit-text-fill-color:#0000;animation:homePageTitleFadeIn 1s ease-out forwards;background:linear-gradient(135deg,#ece3ce,#b8a488,#ece3ce);-webkit-background-clip:text;background-clip:text;font-family:Georgia,Times New Roman,serif;font-size:4.5rem;font-weight:700;letter-spacing:3px;margin-bottom:20px;position:relative;text-shadow:3px 3px 6px #0006}.home-page-container h1:after{background:linear-gradient(90deg,#0000,#ece3ce,#0000);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:500px}.home-page-container p{animation:homePageTitleFadeIn 1s ease-out .3s forwards;animation-fill-mode:forwards;font-family:Georgia,Times New Roman,serif;font-size:1.4rem;font-style:italic;line-height:1.6;margin-bottom:80px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.95;opacity:0}.home-page-container .grid-container{grid-gap:40px;display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:900px}.home-page-container .grid-item{align-items:center;animation:homePageFadeIn .6s ease-out;animation-fill-mode:both;background:linear-gradient(135deg,#3a4d39,#2d3a2c);border:2px solid #ece3ce4d;border-radius:20px;box-shadow:0 4px 15px #0003;color:#ece3ce;display:flex;font-family:Georgia,Times New Roman,serif;font-size:1.9rem;font-weight:500;height:140px;justify-content:center;opacity:0;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.home-page-container .item-content{position:relative;transition:color .3s ease;z-index:2}.home-page-container .grid-item:before{background-position:50%;background-size:cover;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.home-page-container .grid-item:first-child{animation-delay:.3s}.home-page-container .grid-item:first-child:before{background-image:url(/static/media/cogwheel.526d4a79646071c6af9b.png)}.home-page-container .grid-item:nth-child(2){animation-delay:.4s}.home-page-container .grid-item:nth-child(2):before{background-image:url(/static/media/cogwheel.526d4a79646071c6af9b.png)}.home-page-container .grid-item:nth-child(3){animation-delay:.5s}.home-page-container .grid-item:nth-child(3):before{background-image:url(/static/media/cogwheel.526d4a79646071c6af9b.png)}.home-page-container .grid-item:nth-child(4){animation-delay:.6s}.home-page-container .grid-item:nth-child(4):before{background-image:url(/static/media/cogwheel.526d4a79646071c6af9b.png)}.home-page-container .grid-item:nth-child(5){animation-delay:.7s}.home-page-container .grid-item:nth-child(5):before{background-image:url(/static/media/cogwheel.526d4a79646071c6af9b.png)}.home-page-container .grid-item:nth-child(6){animation-delay:.8s}.home-page-container .grid-item:nth-child(6):before{background-image:url(/static/media/cogwheel.526d4a79646071c6af9b.png)}.home-page-container .grid-item:hover:before{opacity:.2}.home-page-container .grid-item:hover{background:linear-gradient(135deg,#ece3ce,#d4c7a8);border-color:#ece3ce;box-shadow:0 8px 25px #0000004d;color:#2d3a2c;transform:translateY(-5px) scale(1.02)}.gallery{align-items:center;background-color:#739072;display:flex;flex-wrap:wrap;justify-content:center;padding:20px}.gallery img{border-radius:8px;box-shadow:0 2px 4px #0003;cursor:pointer;height:15vw;margin:10px;transition:transform .3s ease,box-shadow .3s ease;width:auto}.gallery img.loading-image{opacity:0}.gallery img.loaded{animation:fadeIn .6s ease-in-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery img:hover{box-shadow:0 6px 16px #0006;position:relative;transform:scale(1.08);z-index:10}.loading{align-items:center;background-color:#739072;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.loading p{animation:pulse 2s ease-in-out infinite;background-color:#3a4d39cc;border-radius:8px;box-shadow:0 2px 8px #0003;color:#ece3ce;font-size:1.2rem;margin:0;padding:20px;text-align:center}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.error{align-items:center;background-color:#739072;display:flex;justify-content:center;min-height:50vh}.error p{background-color:#8b4545cc;border-radius:8px;box-shadow:0 2px 8px #0003;color:#ece3ce;font-size:1.1rem;margin:0;padding:20px;text-align:center}.modal{background:#3a4d39e6;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal,.modal-content{align-items:center;display:flex}.modal-content{background:#3a4d39;border-radius:8px;box-shadow:0 4px 8px #0000004d;flex-direction:column;max-height:90%;max-width:90%;padding:20px}.modal-content img{border-radius:4px;max-height:80vh;max-width:100%}.close-button{background-color:#4f6f52;border:none;border-radius:4px;color:#ece3ce;cursor:pointer;font-size:1rem;margin-top:15px;padding:8px 16px;transition:all .2s}.close-button:hover{background-color:#3a4d39;transform:translateY(-2px)}.chess-container{background-color:#739072;display:flex;flex-direction:row;min-height:105vh}.game-area{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0;padding:0}.right-panel{box-shadow:0 2px 4px #0003;height:fit-content;margin-right:20px;max-height:85vh;min-width:200px;overflow-y:auto;position:relative;top:7vh;width:20%}.moveHistory,.right-panel{background-color:#3a4d39;border-radius:8px;padding:10px}.moveHistory{background-color:var(--nav-background);box-sizing:border-box;width:100%}.moveHistory:before{border-bottom:1px solid #ece3ce;border-bottom:1px solid var(--button-background);color:#ece3ce;color:var(--button-background);content:"Move History";display:block;font-size:1em;font-weight:700;margin-bottom:10px;padding-bottom:5px;text-align:center}.madeMoveB,.madeMoveW{border-radius:4px;display:block;font-family:monospace;font-size:.8em;margin:2px 0;padding:4px 8px}.madeMoveW{background-color:#ece3ce;background-color:var(--button-background);color:#333;color:var(--text-color)}.madeMoveB{background-color:#4f6f52;background-color:var(--secondary-color);color:#ece3ce;color:var(--button-background)}.chess-board{border:3px solid #333;border-radius:7px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);height:80vh;width:80vh}.square.white{background-color:#ece3ce}.square.black,.square.white{height:100%;position:relative;width:100%}.square.black{background-color:#3a4d39}.square.selected{animation:pulse-selection 1.5s ease-in-out infinite;background-color:#ffd700cc!important;box-shadow:inset 0 0 0 4px #ff6b35,0 0 15px #ff6b35b3}.squareId{bottom:0;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:1.5vh;opacity:.7;padding-bottom:3%;padding-right:3%;position:absolute;right:0}.nav-controls{background-color:#3a4d39;border-radius:8px;box-shadow:0 2px 4px #0003;display:flex;flex-direction:column;gap:10px;height:fit-content;margin-left:20px;min-width:200px;padding:10px;position:relative;top:7vh;width:20%}.nav-controls h1{background-color:#ece3ce;border-radius:4px;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:2em;font-weight:400;margin:0;padding:6px 10px;text-align:center}.control-section{background-color:#ffffff0d;border-radius:8px;padding:8px}.control-section h2{color:#ece3ce;font-size:1.2em;font-weight:400;margin:0 0 6px;text-align:left}.user-count-section h2{background-color:#4f6f52!important;background-color:var(--secondary-color)!important;border:1px solid #ece3ce!important;border:1px solid var(--button-background)!important;border-radius:6px;color:#ece3ce!important;color:var(--button-background)!important;font-weight:700;margin:0;padding:8px;text-align:center;transition:all .3s ease}.control-group{display:flex;flex-direction:column;gap:4px}.control-button{background-color:#ece3ce;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:1em;padding:4px 8px;text-align:left;transition:all .2s;width:90%}.control-button:hover{background-color:#d1c4b3;transform:translateY(-1px)}.control-button:active{transform:translateY(0)}.theme-toggle{background-color:#ece3ce;background-color:var(--button-background);border:none;border-radius:50%;cursor:pointer;display:flex;padding:8px;transition:all .2s;width:10vh}.theme-toggle:hover{background-color:#4f6f52;background-color:var(--secondary-color);transform:rotate(45deg)}.theme-toggle img{height:100%;width:100%}.theme-section{align-items:center;display:flex;height:auto;justify-content:center;position:relative}.timerW{background-color:#ece3ce;background-color:var(--timer-white-bg);color:#333;color:var(--timer-white-text)}.timerB,.timerW{border:2px solid #999;border-radius:4px;font-family:monospace;font-size:2em;margin:5px 0;min-width:120px;padding:6px 12px;text-align:center}.timerB{background-color:#3a4d39;background-color:var(--timer-black-bg);color:#ece3ce;color:var(--timer-black-text)}.chesspiece{cursor:pointer;height:95%;object-fit:contain;transition:transform .2s;width:95%}.chesspiece:hover{transform:scale(1.1)}.chesspiece.selected{background-color:#ffd70099;border-radius:50%;box-shadow:0 0 20px #ff6b35cc;position:relative;transform:scale(1.15);z-index:10}.control-button:disabled{background-color:#a1a1a1!important;color:#666!important;cursor:not-allowed!important;opacity:.5!important}.control-button:disabled:hover{background-color:#a1a1a1!important;transform:none!important}:root{--primary-color:#739072;--secondary-color:#4f6f52;--nav-background:#3a4d39;--button-background:#ece3ce;--white-square:#ece3ce;--black-square:#3a4d39;--text-color:#333;--timer-white-bg:#ece3ce;--timer-white-text:#333;--timer-black-bg:#3a4d39;--timer-black-text:#ece3ce}.chess-container{background-color:#739072!important;background-color:var(--primary-color)!important}.nav-controls{background-color:#3a4d39!important;background-color:var(--nav-background)!important}.control-button{background-color:#ece3ce!important;background-color:var(--button-background)!important;color:#333!important;color:var(--text-color)!important}.control-button:hover{background-color:#4f6f52!important;background-color:var(--secondary-color)!important}.nav-controls h1{background-color:#ece3ce!important;background-color:var(--button-background)!important;color:#333!important;color:var(--text-color)!important}.square.white{background-color:#ece3ce!important;background-color:var(--white-square)!important}.square.black{background-color:#3a4d39!important;background-color:var(--black-square)!important}.timerW{background-color:#ece3ce!important;background-color:var(--timer-white-bg)!important;color:#333!important;color:var(--timer-white-text)!important}.timerB{background-color:#3a4d39!important;background-color:var(--timer-black-bg)!important;color:#ece3ce!important;color:var(--timer-black-text)!important}.moveHistory,.right-panel{background-color:#3a4d39!important;background-color:var(--nav-background)!important}.moveHistory:before{border-bottom-color:#ece3ce!important;border-bottom-color:var(--button-background)!important;color:#ece3ce!important;color:var(--button-background)!important}.madeMoveW{background-color:#ece3ce!important;background-color:var(--button-background)!important;color:#333!important;color:var(--text-color)!important}.madeMoveB{background-color:#4f6f52!important;background-color:var(--secondary-color)!important;color:#ece3ce!important;color:var(--button-background)!important}.theme-toggle{background-color:#ece3ce!important;background-color:var(--button-background)!important}.theme-toggle:hover{background-color:#4f6f52!important;background-color:var(--secondary-color)!important}.theme-panel{background-color:#3a4d39;background-color:var(--nav-background);border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#ece3ce;color:var(--button-background);left:50%;min-width:200px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.theme-panel-header{align-items:center;display:flex;justify-content:space-between}.theme-panel h2{color:#ece3ce;color:var(--button-background);flex-grow:1;margin:0;text-align:center}.theme-close-button{align-items:center;background-color:#ece3ce!important;background-color:var(--button-background)!important;border:none!important;border-radius:4px!important;color:#333!important;color:var(--text-color)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;font-weight:700!important;height:32px!important;justify-content:center;margin:0!important;max-height:32px!important;min-width:32px!important;padding:4px 8px!important;transition:background-color .2s!important;width:auto!important}.theme-close-button:hover{background-color:#4f6f52!important;background-color:var(--secondary-color)!important;color:#ece3ce!important;color:var(--button-background)!important}.theme-panel button{background-color:#ece3ce;background-color:var(--button-background);border:none;border-radius:4px;color:#333;color:var(--text-color);cursor:pointer;display:block;margin:8px 0;outline:none;padding:10px;transition:background-color .2s;width:100%}.theme-panel button:hover{background-color:#4f6f52;background-color:var(--secondary-color);color:#ece3ce;color:var(--button-background)}.theme-panel button:focus{background-color:#ece3ce;background-color:var(--button-background);color:#333;color:var(--text-color);outline:none}.theme-panel button:active{background-color:#4f6f52;background-color:var(--secondary-color);color:#ece3ce;color:var(--button-background)}@media (max-width:1000px){.chess-container{flex-direction:column;gap:10px;padding:8px}.game-area{max-width:100%}.chess-board{height:min(95vw,80vh);max-height:800px;max-width:800px;width:min(95vw,80vh)}.nav-controls{flex-direction:row;flex-wrap:wrap;padding:8px;width:100%}.control-section{flex:1 1;min-width:150px}.right-panel{max-height:250px;order:3;width:100%}}@media (max-width:768px){.chess-board{height:98vw;max-height:600px;max-width:600px;width:98vw}.nav-controls{flex-direction:column}.control-section{min-width:auto}.right-panel{max-height:200px}}@keyframes pulse-selection{0%{box-shadow:inset 0 0 0 4px #ff6b35,0 0 15px #ff6b35b3}50%{box-shadow:inset 0 0 0 4px gold,0 0 25px #ffd700e6}to{box-shadow:inset 0 0 0 4px #ff6b35,0 0 15px #ff6b35b3}}.chatroom{background-color:#739072;box-sizing:border-box;display:flex;flex-direction:column;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:20px;width:100%}.chatroom h2{box-sizing:border-box;color:#ece3ce;font-family:Arial,Helvetica,sans-serif;font-size:1.3em;margin:0 auto 20px;max-width:300px;padding:15px 20px;text-align:center;width:100%}.chatroom h2,.chatroom ul{background-color:#3a4d39;border-radius:8px;box-shadow:0 2px 4px #0003}.chatroom ul{height:400px;list-style-type:none;margin:0 0 20px;overflow-y:auto;padding:20px}.chatroom ul::-webkit-scrollbar{width:12px}.chatroom ul::-webkit-scrollbar-track{background:#3a4d39;border-radius:6px}.chatroom ul::-webkit-scrollbar-thumb{background:#4f6f52;border:2px solid #3a4d39;border-radius:6px}.chatroom ul::-webkit-scrollbar-thumb:hover{background:#739072}.chatroom ul{scrollbar-color:#4f6f52 #3a4d39;scrollbar-width:thin}.chatroom li{background:#4f6f52;border-radius:6px;font-family:Arial,Helvetica,sans-serif;margin-bottom:10px;padding:12px;transition:transform .2s}.chatroom li:hover{transform:translateX(5px)}.chatroom input{background-color:#ece3ce;border:none;border-radius:6px;color:#333;font-family:Arial,Helvetica,sans-serif;margin:0 10px;padding:12px}.chatroom input:focus{box-shadow:0 0 0 2px #4f6f52;outline:none}.chatroom .nicknameInput{width:150px}.chatroom .messageInput{flex-grow:1;margin:0 10px}.chatroom .inputContainer{align-items:center;background-color:#3a4d39;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;padding:20px;width:100%}.chatroom .inputContainer,.chatroom button{box-shadow:0 2px 4px #0003;box-sizing:border-box}.chatroom button{background-color:#4f6f52;border:none;border-radius:6px;color:#ece3ce;cursor:pointer;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-weight:600;max-width:100%;min-width:min-content;padding:12px 16px;text-decoration:none;transition:all .3s ease}.chatroom button:hover{background-color:#3a4d39;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.chatroom .colorPickerButton{display:block;line-height:1.2;margin:0 auto 20px;max-width:300px;padding:8px 12px;text-align:center;white-space:normal;width:100%}.minesweeper-container{background-color:#739072;display:flex;flex-direction:column;min-height:100vh;padding:20px}.hidden{visibility:hidden}button{background-color:#4f6f52;border:none;border-radius:8px;box-shadow:0 2px 4px #0003;color:#ece3ce;display:inline-block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.1em;font-weight:600;margin:1em;padding:1em 2em;text-decoration:none;transition:all .3s ease}button:focus,button:hover{background-color:#3a4d39;box-shadow:0 4px 8px #0000004d;cursor:pointer;transform:translateY(-2px)}.inputBox{align-items:center;background-color:#3a4d39;border-radius:8px;box-shadow:0 2px 4px #0003;display:flex;justify-content:center;margin-bottom:20px;padding:20px}input{background-color:#ece3ce;border:none;border-radius:4px;color:#333;font-size:16px;height:40px;margin:0 10px;text-align:center;width:180px}input:focus{box-shadow:0 0 0 2px #4f6f52;outline:none}.board-container{align-items:center;display:flex;justify-content:center;padding:20px}.board{grid-gap:4px;background-color:#3a4d39;border-radius:8px;box-shadow:0 4px 8px #0003;display:grid;gap:4px;margin:0 auto;padding:8px;width:max-content}.square{align-items:center;background-color:#ece3ce;border:none;border-radius:4px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s;width:40px}.square:hover{background-color:#d1c4b3}.emptySquare{align-items:center;background-color:#739072;border-radius:4px;display:flex;height:40px;justify-content:center;width:40px}.gameResultBox{background-color:#3a4d39;border:2px solid #ece3ce;border-radius:8px;box-shadow:0 4px 16px #0000004d;color:#ece3ce;left:50%;padding:20px 40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10}.gameResultBox h1{font-size:2em;margin:0;text-align:center}.gameResultBox h1,h2{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h2{color:#ece3ce;font-size:1.1em;font-weight:600;margin:0 1em}img{height:80%;width:80%}.flagged,.mine{cursor:pointer}.number{cursor:default}.flag-count{background-color:#4f6f52;border-radius:4px;margin-left:auto;padding:10px 20px}@keyframes aboutPageFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-page-container{background-color:#739072;min-height:100vh}.about-main{animation:aboutPageFadeIn .8s ease-out;color:#ece3ce;margin:0 auto;max-width:1200px;padding:20px;text-align:center}.about-page-container h1{font-size:3rem;font-weight:400;margin-bottom:20px}.about-page-container h1,.about-page-container p{color:#ece3ce;font-family:Arial,Helvetica,sans-serif}.about-page-container p{font-size:1.2rem;line-height:1.6;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:600px}.github-link{align-items:center;background-color:#3a4d39;border:2px solid #0000;border-radius:8px;color:#ece3ce;display:inline-flex;margin-top:20px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.github-link:hover{background-color:#ece3ce;border-color:#3a4d39;box-shadow:0 4px 8px #0003;color:#3a4d39;transform:translateY(-3px)}.github-link:hover .github-logo{filter:brightness(.1)}.github-logo{background-color:initial;height:30px;margin-right:10px;object-fit:contain;width:30px}.github-text{font-size:1.1rem;font-weight:400}
/*# sourceMappingURL=main.9d8011c8.css.map*/